#container {
	font-size: 1.2em;
	width: 1400px;
	margin-left: 40px;
}
#header {
	margin-bottom: 55px;
}

/*------------------------------------------------------------------------
	navigation
*/

ul#mainmenu {
	font-size: 1em;
	border-bottom: 1px solid #ddd;
	margin-left: -8px;
}
ul#mainmenu a, 
ul#submenu a {
	color: #999;
	display: block;
	float: left;
	text-decoration: none;
	border-bottom: 0;
}
ul#mainmenu a {
	padding: 6px 10px;
}
ul#mainmenu a:hover,
ul#submenu a:hover {
	color: #666;
}
ul#mainmenu a.active {
	background-color: #fff;
	color: #333;
	margin-bottom: -7px;
	padding-bottom: 7px;
	padding-top: 12px;
	position: relative;
	top: -6px;
}
ul#mainmenu ul {
	font-size: .8em;
	margin-top: 18px;
	padding-left: 0;
	top: 26px;
	position: absolute;	
}
ul#mainmenu ul a.active {
	background-color: transparent;
	margin-bottom: -7px;
	padding-bottom: 7px;
	padding-top: 12px;
	position: relative;
	top: -6px;
}
ul#submenu {
	margin-left: -7px;
	position: absolute;
	width: 400px;
}
ul#submenu a {
	color: #999;
	display: block;
	float: left;
	padding: 6px 9px;
	text-decoration: none;
	border-bottom: 0;
}
ul#submenu a.active {
	color: black;
}
#user {
	float: right;
	text-align: right;
	font-size: .83em;
	margin-top: 5px;
}
h1#page_title {
	margin-bottom: 1em;
}
h1#page_title .btn {
	font-size: .5em;
	position: relative;
	top: -4px;
}
#content {
	clear: both;
}
#footer {
	margin-top: 100px;
	border-top: 1px solid #ddd;
}

/*------------------------------------------------------------------------
	Boxes
*/

div.box {
	border: 1px solid #ddd;
	margin-bottom: 10px;
	padding: 10px;
}
div.box h2 {
	background: -moz-linear-gradient(90deg, #E3E3E3, #F2F2F2);
	background: linear-gradient(90deg, #E3E3E3, #F2F2F2);
	color: #444;
	font-size: .916em;
	margin: -10px -10px 10px;
	font-weight: bold;
	padding: 6px 10px 7px;
}
div.box h3 {
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
}
div.box input[type="text"].fit,
div.box select.fit {
	width: 208px;
	margin-right: 0;
}
div.box input[type="text"].fit {
	width: 200px;
}
div.box hr {
	margin-bottom: 4px;
}

/*------------------------------------------------------------------------
	UIConnection
*/

div.connection_count {
	float: right;
	font-size: 1.55em;
	font-weight: bold;
	color: #333;
}

div.UIConnection {
	padding: 2px 5px 3px;
	background-color: #eee;
	vertical-align: middle;
	margin-bottom: 2px;
}

	div.UIConnection span img {
		width: 20px;
		height: 20px;
	}

	div.UIConnection div.tiedto {
		margin: 5px 0 3px 0;
	}

		div.UIConnection div.tiedto span {
			font-size: 10px;
			color: #333;
			font-weight: bold;
			display: block;
		}

		div.UIConnection div.tiedto select {
			font-size: 10px;
			color: #333;

			width: 100%;

			margin: 3px 0 0 0;
			padding: 0;

			background-color: #fff;
			border: none;
		}

a.UIConnection_del {
	float: right;
	border-bottom: 0;
	margin-right: 4px;
}
div.UIConnection.working {
	opacity: .7;
}
div.UIConnection textarea {
	width: 488px;
	margin: 3px 0 5px;
}
div.UIConnection .btn {
	background-color: #609E59;
	border: 1px solid #999;
	color: #fff;
	margin-bottom: 2px;
	padding: 1px 5px;
	display: inline-block;
	font-size: .9em;
}
div.UIConnection div.sorthandle {
    display: inline-block;
    background: transparent url(../img/sorthandle.png) no-repeat;
    width: 11px;
    height: 11px;
    margin: 0 10px 0 0;
}
    div.UIConnection div.sorthandle:hover {
        cursor: move;
    }
div.UIConnection span {
	font-size: 1.2em;
	font-weight: bold;
}
div.UIConnection span * {
	vertical-align: top;
}
div.UIConnection span img {
	padding-top: 3px;
}

div.UIConnection div.additional_costs
{

}

	div.UIConnection div.additional_costs div.inputs
	{

	}

		div.UIConnection div.additional_costs div.inputs div.title
		{
			float: left;
			margin: 6px 10px 0 0;
			text-align: right;
			width: 90px;
			color: #888;
		}

		div.UIConnection div.additional_costs div.inputs input
		{
			float: left;
			width: 50px;
			margin: 0 0 0 0;
		}

div.UIConnection div.num_colors
{
	margin: 5px 0 5px 0;
}

	div.UIConnection div.num_colors input
	{
		display: inline;
		width: 50px;
		margin: 0 0 0 0;
	}

/*------------------------------------------------------------------------
	spans for fixed-length inputs
*/

input.lspan-2 {
	width: 16px;
}
input.lspan-4 {
	width: 28px;
}

/*------------------------------------------------------------------------
	helper-classes
*/

ul.hierarchical ul {
	padding-left: 19px;
}
.right {
	text-align: right;
}
.hide {
	display: none;
}

#tabs_content div.entry {
	position: absolute;
}

/*------------------------------------------------------------------------
	tabs
*/

ul.tabnavigation {
}

ul.tabnavigation li {
	float: left;
}

ul.tabnavigation li a.active {
	background-color: #333 !important;
	color: rgba(255, 255, 255, 1) !important;
}

ul.tabnavigation li a:link,
ul.tabnavigation li a:visited {
	transition: color .3s ease, background-color .3s ease;
	display: block;
	background-color: rgba(0, 0, 0, .01);
	color: rgba(0, 0, 0, .5);
	
	padding: 7px 10px 3px 10px;
	margin: 0 5px 0 0;

	font-size: 1.2em;
	border: 0;
}
ul.tabnavigation li a:hover,
ul.tabnavigation li a:active {
	background-color: rgba(0, 0, 0, .03);
	color: #333;
}

ul.tabnavigation li a.small {
	font-size: 0.8em;
	padding-top: 18px;
	background-color: #fff;
}
ul.tabnavigation li a.changed {
	outline: 3px solid #FDF8A2;
}

div.tab {
	border-top: 3px solid #333;
	padding-top: 20px;
	clear: both;
}

div.tabwrap {
	position: relative;
}

div.topsave {
	position: absolute;
	right: 0;
}

	div.topsave .form_save_and_close_button {
		margin: 0;
	}

	div.topsave .form_cancel {
		margin: 0;
		margin-right: 15px;
	}

/*------------------------------------------------------------------------
	products > index
*/
div.editmodal {
	transition: background-color .5s ease;

	visibility: hidden;
	position: fixed;

	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	z-index: 50;

	background-color: rgba(0, 0, 0, 0);
}

	div.editmodal .close {
		position: fixed;
		left: 10px;
		top: 10px;
	}

	div.editmodal .inner {
		transition: right .3s ease;

		position: fixed;

		top: 0;
		right: -1050px;
		bottom: 0;

		z-index: 51;

		width: 1100px;
		background-color: white;
		/*border-left: 10px solid rgba(0, 0, 0, .5);*/

		box-shadow: 0 0 20px #000;
	}

		div.editmodal .inner iframe {
			width: 100%;
			height: 100%;
		}

	div.editmodal.active {
		visibility: visible;
		background-color: rgba(0, 0, 0, .5);
	}

		div.editmodal.active .inner {
			right: 0;
		}

	/*
		szerokość kontenera w wysuwaney, panelu bocznym na liscie produktów
	*/
	.fastedit #container{
		max-width: calc(100% - 60px);
		max-width: 1000px;
	}

/*------------------------------------------------------------------------
	products > edit
*/

div.sellprice {
	padding: 15px;
	margin: 0 0 20px 0;
	
	background-color: #eee;
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #aaa;
}

	div.sellprice div.pricetable {
		margin: 0;
	}
	
div#tableinfo {
    padding: 10px;
    background-color: #eee;
    color: #888;
    font-size: .8em;
    margin: 40px 0 0 0;
}

    div#tableinfo strong {
        font-weight: bold;
    }

/*------------------------------------------------------------------------
	infobox
*/

div.infobox {
    padding: 15px 15px 5px 15px;
    border: 1px solid #ddd;
    background-color: #eee;
    font-size: 1.2em;
}

    div.infobox strong {
        font-weight: bold;
    }

/*------------------------------------------------------------------------
	other stuff
*/
.info {
	font-style: italic;
	color: #888;
}

.jstemplate {
	display: none;
}

.hoverdelete .delete {
	opacity: 0;
}

.hoverdelete:hover .delete {
	opacity: 1;
}

.hoverdelete:hover .delete:hover {
	color: red;
	border-color: red;
}

/*------------------------------------------------------------------------
	infocontent
*/
div.infocontent {
	width: 500px;
}

div.infocontent p {
	margin: 5px 0 15px 0;
}

div.infocontent strong {
	font-weight: bold;
}

/*------------------------------------------------------------------------
	fastedit
*/
body.fastedit {
	border: 0;
	padding-top: 50px;
}

	body.fastedit .save_button_wrapper {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;

		font-size: 15px;

		padding: 10px 10px 1px 10px;

		background-color: white;
		box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	}

	body.fastedit .tab {
		border: none;
		padding-top: 0;
	}

	body.fastedit #header,
	body.fastedit .tabnavigation,
	body.fastedit .pdfbag_addbutton,
	body.fastedit #form_save_and_close_button,
	body.fastedit .form_cancel,
	body.fastedit #footer,
	body.fastedit .notinfastedit
	{
		display: none !important;
	}


.i-icon {
	-webkit-mask: var(--i-icon) no-repeat;
	mask: var(--i-icon) no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	background-color: currentColor;
	color: inherit;
	width: 1.5em;
	height: 1.5em;
	display: inline-block;
}
	
.i-print {
	--i-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M18 7H6V3h12zm0 5.5q.425 0 .713-.288T19 11.5t-.288-.712T18 10.5t-.712.288T17 11.5t.288.713t.712.287M16 19v-4H8v4zm2 2H6v-4H2v-6q0-1.275.875-2.137T5 8h14q1.275 0 2.138.863T22 11v6h-4z'/%3E%3C/svg%3E");
}

.i-print-off {
	--i-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19.075 21.9L16 18.85h2V19q0 .825-.587 1.413T16 21H8q-.825 0-1.412-.587T6 19v-2H4q-.825 0-1.412-.587T2 15v-4q0-1.275.875-2.137T5 8h.15L2.075 4.925q-.3-.3-.3-.712t.3-.713t.713-.3t.712.3l17 17q.3.3.3.7t-.3.7t-.712.3t-.713-.3M8 19h8v-.15L12.15 15H8zm2.85-11H19q1.25 0 2.125.875T22 11v4.525q0 .675-.462 1.075T20.5 17q-.275 0-.562-.1t-.613-.425zm-1-1l-2.3-2.3q-.475-.475-.213-1.088T8.276 3H16q.825 0 1.413.588T18 5v1q0 .425-.288.713T17 7zM18 12.5q.425 0 .713-.288T19 11.5t-.288-.712T18 10.5t-.712.288T17 11.5t.288.713t.712.287'/%3E%3C/svg%3E");
}

.i-shopping-cart {
	--i-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M7 22q-.825 0-1.412-.587T5 20t.588-1.412T7 18t1.413.588T9 20t-.587 1.413T7 22m10 0q-.825 0-1.412-.587T15 20t.588-1.412T17 18t1.413.588T19 20t-.587 1.413T17 22M5.2 4h14.75q.575 0 .875.513t.025 1.037l-3.55 6.4q-.275.5-.737.775T15.55 13H8.1L7 15h12v2H7q-1.125 0-1.7-.987t-.05-1.963L6.6 11.6L3 4H1V2h3.25z'/%3E%3C/svg%3E");
}

.i-shopping-cart-off {
	--i-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m15.825 13l-9-9H21.7l-4.975 9zM7 22q-.825 0-1.412-.587T5 20t.588-1.412T7 18t1.413.588T9 20t-.587 1.413T7 22m13.5 1.3L14.15 17H4.425L6.9 11.95L5.1 7.9L.7 3.5l1.4-1.4l19.8 19.8zM17 22q-.825 0-1.412-.587T15 20t.588-1.412T17 18t1.413.588T19 20t-.587 1.413T17 22'/%3E%3C/svg%3E");
}

.i-document-chart-bar {
	--i-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M4 2a1.5 1.5 0 0 0-1.5 1.5v9A1.5 1.5 0 0 0 4 14h8a1.5 1.5 0 0 0 1.5-1.5V6.621a1.5 1.5 0 0 0-.44-1.06L9.94 2.439A1.5 1.5 0 0 0 8.878 2zm6 5.75a.75.75 0 0 1 1.5 0v3.5a.75.75 0 0 1-1.5 0zm-2.75 1.5a.75.75 0 0 1 1.5 0v2a.75.75 0 0 1-1.5 0zm-2 .75a.75.75 0 0 0-.75.75v.5a.75.75 0 0 0 1.5 0v-.5a.75.75 0 0 0-.75-.75' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.i-download-solid {
	--i-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 20 20' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M10 2a.75.75 0 0 1 .75.75v5.59l1.95-2.1a.75.75 0 1 1 1.1 1.02l-3.25 3.5a.75.75 0 0 1-1.1 0L6.2 7.26a.75.75 0 1 1 1.1-1.02l1.95 2.1V2.75A.75.75 0 0 1 10 2'/%3E%3Cpath d='M5.273 4.5a1.25 1.25 0 0 0-1.205.918l-1.523 5.52L2.53 11H6a1 1 0 0 1 .894.553l.448.894a1 1 0 0 0 .894.553h3.438a1 1 0 0 0 .86-.49l.606-1.02A1 1 0 0 1 14 11h3.47l-.015-.062l-1.523-5.52a1.25 1.25 0 0 0-1.205-.918h-.977a.75.75 0 0 1 0-1.5h.977a2.75 2.75 0 0 1 2.651 2.019l1.523 5.52q.099.36.099.732V15a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-3.73q0-.371.099-.73l1.523-5.521A2.75 2.75 0 0 1 5.273 3h.977a.75.75 0 0 1 0 1.5z'/%3E%3C/g%3E%3C/svg%3E");
}

.i-eye {
	--i-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='currentColor'%3E%3Cpath d='M8 9.5a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3'/%3E%3Cpath fill-rule='evenodd' d='M1.38 8.28a.87.87 0 0 1 0-.566a7.003 7.003 0 0 1 13.238.006a.87.87 0 0 1 0 .566A7.003 7.003 0 0 1 1.379 8.28M11 8a3 3 0 1 1-6 0a3 3 0 0 1 6 0' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
}

.i-mr {
	margin-right: 0.5rem;
}

.i-ml {
	margin-left: 0.5rem;
}

.color-red {
	color: red;
}

.color-green {
	color: green;
}

.color-blue {
	color: blue;
}

.color-orangered {
	color: orangered;
}

.color-cerulean {
	color: #009cff;
}

.a-icon-link {
	padding: 2px;
	border: none !important;
	display: inline-block;
	font-size: 14px;
}

.label {
	display: inline;
	padding: 4px 8px;
	font-weight: 500;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}

.label.order {
	background-color: #adbf21;
}

.label.enquiry {
	background-color: #a60303;
}

.page-subtitle {
	font-size: 1.25rem;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.panel-header {
	font-weight: 600;
	margin-bottom: 1rem;
	border-bottom: solid 1px #a0d0eb;
	padding-bottom: 0.125rem;
	font-size: 1.125rem;
}

.panel-header.panel-header-master {
	border-bottom: solid 2px #a0d0eb;
	font-size: 1.5rem;
}

.subcontent-header {
	font-weight: 600;
	margin-bottom: 0.75rem;
	font-size: 0.875rem;
}

.d-flex {
	display: flex;
}

.space-between {
	align-items: center;
	justify-content: space-between;
}

.order-title {
	margin-bottom: 0.25rem !important;
}

.panel-wrapper {
	gap: 2rem;
}

.panel {
	position: relative;
	padding: 1rem;
	margin-bottom: 1.5rem;
	border: solid 1px #d3d8db;
	background-color: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	flex-basis: 0;
	flex-grow: 1;
}

.panel.product-panel {
	margin-bottom: 0;
}

.panel-row {
	gap: 1rem;
}

.product-row {
	align-items: start;
}

.product-panel-left {
	flex-grow: 4;
}

.product-panel-right {
	flex-grow: 1;
}

.product-panel-right.product-image img {
	max-width: 100%;
	height: auto;
}

.buttons-row {
	gap: 1rem;
}

.bold {
	font-weight: bold;
}

.larger-font {
	font-size: 1rem;
}
.w-100 {
	width: 100% !important;
	width: -moz-available !important;
}

.m-0 {
	margin: 0 !important;
}

.mx-0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mb-1 {
	margin-bottom: 0.25rem !important;
}

.mt-1 {
	margin-top: 0.25rem !important;
}

.mb-2 {
	margin-bottom: 0.5rem !important;
}

.mt-2 {
	margin-top: 0.5rem !important;
}

.mb-3 {
	margin-bottom: 1rem !important;
}

.mt-3 {
	margin-top: 1rem !important;
}

.mb-4 {
	margin-bottom: 1.5rem !important;
}

.mt-4 {
	margin-top: 1.5rem !important;
}

.ml-auto {
	margin-left: auto !important;
}

.mr-auto {
	margin-right: auto !important;
}

.order-total {
	font-size: 1.5rem;
	font-weight: bold;
	color: #009cff;
}

.table-ststus-history td {
	font-size: 1rem;
	padding: 0.5rem;
	border-bottom: solid 1px #e9e9e9;
}

.ordered-products .panel-content {
	font-size: 0.875rem;
}
.ordered-products .panel-content p {
	margin-bottom: 0.25rem;
}

.ordered-products .panel-subcontent {
	margin-bottom: 1.5rem;
}


.table-product-details {
	width: 100%;
	font-size: 1rem;
}

.table-order-summary {
	width: 100%;
	font-size: 1rem;
	font-weight: 600;
}

.table-product-details td,
.table-order-summary td {
	/* font-size: 1rem; */
	padding: 0.25rem 0.5rem;
	border-bottom: solid 1px #e9e9e9;
}

.table-product-details td {
	padding: 0.5rem;
}


td.price,
td.product_price,
td.amount {
	text-align: right;
}

.table-order-summary .final-price {
	font-size: 1.5rem;
	font-weight: 600;
}

.table-order-summary .final-price .price {
	color: #009cff;
}

.panel-total-order,
.panel-total-enquiry {
	background-color: #f9f9f9;
}

.panel .final-price td {
	border: none;
}

/*------------------------------------------------------------------------
	marketing
*/

.cards-wrapper {
	display: flex;
    gap: 20px;
    margin-top: 15px;
}

.card {
	border: 1px solid #ddd;
    padding: 15px;
    border-radius: 4px;
    min-width: 156px;
}

.kpi-number {
    font-size: 1.4em;
    font-weight: bold;
}

.kpi-bar {
    margin-top: 8px;
    height: 10px;
    background: #eee;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
}

.kpi-bar .seg.human {
    background: #16a34a; /* grün */
    display: block;
}

.kpi-bar .seg.bot {
    background: #dc2626; /* rot */
    display: block;
}

.kpi-note {
    margin-top: 4px;
    font-size: 0.9em;
    color: #555;
}

table.widefat {
	display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    unicode-bidi: isolate;
    border-spacing: 2px;
    border-color: gray;
    background: #fff;
	border: 1px solid #c3c4c7;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
	border-spacing: 0;
    width: 100%;
    clear: both;
    margin: 0;
}

table.widefat thead {
    display: table-header-group;
    vertical-align: middle;
    unicode-bidi: isolate;
    border-color: inherit;
}

.widefat th, .widefat thead td {
	display: table-cell;
    text-align: left;
    line-height: 1.3em;
    font-size: 14px;
	padding: 8px 10px;
	border-bottom: 1px solid #c3c4c7;
}

.widefat td {
	display: table-cell;
    text-align: left;
    line-height: 1em;
    font-size: inherit;
	padding: 8px 10px;
}

table.striped>tbody>:nth-child(odd) {
    background-color: #f6f7f7;
}

.sparkline-wrapper {
    margin-bottom: 10px;
}

.sparkline {
    display: block;
    max-width: 100%;
	width:100%;
    height:160px;
}
.sparkline-label {
    display: block;
    max-width: 100%;
	width:100%;
    height:220px;
    overflow: visible;
}

.spark-legend {
    margin-top: 4px;
    font-size: 11px;
    color: #555;
}

.legend-dot {
    display:inline-block;
    width:10px;
    height:10px;
    border-radius:50%;
    vertical-align:middle;
    margin-right:4px;
}

.legend-orders {
    background:#adbf21; /* grün */
}

.legend-requests {
    background:#a60303; /* blau */
}

.legend-hits {
    background:#2563eb; /* Seitenaufrufe gesamt */
}

.legend-humans {
    background:#16a34a; /* echte Besucher */
}

.legend-bots {
    background:#dc2626; /* Bots */
}

a.btn.small.primary {
    background: #609E59;
    border: 1px solid #4A7A45;
    border-bottom: 1px solid #4A7A45 !important;
    color: #fff;
}

.funnel-wrapper {
	margin: 10px 0 20px;
}
.funnel-row {
	display:flex;
	align-items:center;
	gap:10px;
	margin:6px 0;
}
.funnel-label {
	width:220px;
	font-size:13px;
}
.funnel-bar {
	flex:1;
	height:18px;
	background:#f3f4f6;
	position:relative;
	border-radius:999px;
	overflow:hidden;
}
.funnel-bar-inner {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
}
.funnel-total {
	background:#2563eb; /* blau: insgesamt */
}
.funnel-completed {
	background:#16a34a; /* grün: „weitergekommen“ */
}
.funnel-abandoned {
	background:#dc2626; /* rot: Abbruch */
	opacity:0.9;
}
.funnel-meta {
	width:140px;
	font-size:12px;
	text-align:right;
	color:#444;
}
.funnel-legend {
	margin:8px 0 18px;
	font-size:12px;
	color:#555;
	display:flex;
	gap:15px;
	flex-wrap:wrap;
}
.funnel-legend span::before {
	content:'';
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:999px;
	margin-right:5px;
	vertical-align:-1px;
}
.funnel-legend .leg-total::before { background:#2563eb; }
.funnel-legend .leg-completed::before { background:#16a34a; }
.funnel-legend .leg-abandoned::before { background:#dc2626; }

.raw-table-wrapper {
	max-height: 450px;
	overflow: auto;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff;
}
.raw-table-wrapper table {
	margin: 0;
}
.raw-ua,
.raw-url,
.raw-ref {
	max-width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.raw-bot-yes {
	color: #b91c1c;
	font-weight: bold;
}
.raw-bot-no {
	color: #15803d;
}

.raw-info{
  cursor: help;
  display:inline-block;
  padding:0 6px;
  border:1px solid #ccc;
  border-radius:3px;
  color:#555;
  font-weight:bold;
  line-height:18px;
}
.raw-info:hover{ background:#f5f5f5; }