:root{
	--bg:#f6f8fb;
	--surface:#ffffff;
	--surface-soft:#f8fafc;
	--text:#172033;
	--muted:#667085;
	--border:#dbe2eb;
	--accent:#0f6edb;
	--accent-dark:#0a56b0;
	--green:#1f8a5b;
	--orange:#b76b18;
	--blue:#2563a8;
	--shadow:0 18px 48px rgba(15,23,42,.14);
	/* Kompaktare, kantigare standardfält i adminen så formulär tar mindre plats och känns mer affärssystem. */
	--field-height:36px;
	--field-radius:3px;
	--field-padding-y:7px;
	--field-padding-x:9px;
	/* Gemensamt sektionsavstånd så kort och paneler inte ligger kant i kant mellan rader. */
	--admin-section-gap:24px;
	--admin-card-gap:18px;
}

*{box-sizing:border-box}
html,body{min-height:100%}
body{
	margin:0;
	background:var(--bg);
	color:var(--text);
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	line-height:1.45;
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
input,
select,
textarea{
	box-sizing:border-box;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
select{
	height:var(--field-height);
	min-height:var(--field-height);
	line-height:20px;
}
input[type="checkbox"],
input[type="radio"]{
	width:16px;
	height:16px;
	min-width:16px;
	min-height:16px;
	margin:0;
	padding:0;
	flex:0 0 16px;
}
select:not([multiple]){
	/* Native selectfält renderas olika i Safari/Chrome, därför styrs höjd, padding och pil centralt. */
	-webkit-appearance:none;
	appearance:none;
	height:var(--field-height) !important;
	min-height:var(--field-height) !important;
	line-height:20px !important;
	padding:0 32px 0 var(--field-padding-x) !important;
	background-color:#fff;
	background-image:linear-gradient(45deg,transparent 50%,#667085 50%),linear-gradient(135deg,#667085 50%,transparent 50%);
	background-position:calc(100% - 17px) 15px,calc(100% - 12px) 15px;
	background-size:5px 5px,5px 5px;
	background-repeat:no-repeat;
}
select::-ms-expand{
	display:none;
}

.login-body{
	min-height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#f6f8fb;
	padding:24px;
}
.login-card{
	width:min(420px,100%);
	background:#fff;
	border:1px solid var(--border);
	border-radius:8px;
	box-shadow:var(--shadow);
	padding:30px;
}
.admin-logo{
	display:block;
	width:auto;
	max-width:100%;
	object-fit:contain;
}
.login-logo-heading{
	margin:0;
	line-height:1;
}
.login-logo{
	height:40px;
	margin:0 0 12px;
}
.login-card p{
	margin:0 0 20px;
	color:var(--muted);
}
.login-card form{
	display:grid;
	gap:14px;
}
.login-card label{
	display:grid;
	gap:6px;
}
.login-card span{
	color:var(--muted);
	font-size:12px;
}
.login-card input{
	border:1px solid var(--border);
	border-radius:var(--field-radius);
	min-height:var(--field-height);
	padding:var(--field-padding-y) var(--field-padding-x);
}
.login-error,
.admin-message{
	border:1px solid #f4c7c3;
	background:#fff4f2;
	color:#b42318;
	border-radius:8px;
	padding:10px 12px;
	margin:14px 0;
}

.admin-shell{
	min-height:100vh;
	display:flex;
}
.admin-sidebar{
	position:fixed;
	z-index:40;
	top:0;
	left:0;
	bottom:0;
	width:260px;
	background:#fff;
	color:#1d2939;
	border-right:1px solid var(--border);
	transform:translateX(0);
	transition:transform .22s ease;
	display:flex;
	flex-direction:column;
	box-shadow:8px 0 24px rgba(15,23,42,.04);
}
.admin-shell.sidebar-collapsed .admin-sidebar{
	transform:translateX(-100%);
}
.sidebar-brand{
	display:flex;
	align-items:center;
	gap:18px;
	height:72px;
	padding:0 24px;
	border-bottom:1px solid var(--border);
}
.sidebar-logo{
	height:28px;
}
.sidebar-menu-button{
	width:24px;
	height:24px;
	border:0;
	background:transparent;
	padding:0;
	display:flex;
	flex-direction:column;
	justify-content:center;
	gap:5px;
	cursor:pointer;
}
.sidebar-menu-button span,
.sidebar-menu-button:before{
	content:"";
	display:block;
	width:16px;
	height:2px;
	background:#344054;
	border-radius:2px;
}
.sidebar-nav{
	padding:14px 16px;
	flex:1;
}
.sidebar-nav a,
.sidebar-nav button.sidebar-section-toggle{
	display:flex;
	align-items:center;
	gap:12px;
	min-height:44px;
	padding:10px 12px;
	border-radius:8px;
	color:#1d2939;
	margin-bottom:6px;
	border:0;
	background:transparent;
	width:100%;
	text-align:left;
	cursor:pointer;
}
.sidebar-nav a:hover,
.sidebar-nav a.active,
.sidebar-nav button.sidebar-section-toggle:hover{
	background:#eef5ff;
	color:#0f6edb;
}
.nav-icon{
	width:22px;
	height:22px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	color:#667085;
}
.nav-icon svg{
	width:20px;
	height:20px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
	stroke-linecap:round;
	stroke-linejoin:round;
}
.sidebar-nav a.active .nav-icon,
.sidebar-nav a:hover .nav-icon,
.sidebar-nav button.nav-section-open .nav-icon,
.sidebar-nav button.sidebar-section-toggle:hover .nav-icon{
	color:#0f6edb;
}
.nav-caret{
	margin-left:auto;
	width:8px;
	height:8px;
	border-right:2px solid #98a2b3;
	border-bottom:2px solid #98a2b3;
	transform:rotate(-45deg);
	transition:transform .16s ease,border-color .16s ease;
}
.sidebar-nav a.nav-section-open .nav-caret,
.sidebar-nav button.nav-section-open .nav-caret{
	border-color:#0f6edb;
	transform:rotate(45deg);
}
.sidebar-subnav{
	background:#f3f7fd;
	border-radius:8px;
	padding:8px;
	margin:0 0 10px;
	display:none;
}
.sidebar-subnav.is-open{
	display:block;
}
.sidebar-subnav a{
	margin:0;
	padding:8px 12px 8px 42px;
	min-height:34px;
	font-size:14px;
	color:#1d2939;
}
.sidebar-subnav a:hover,
.sidebar-subnav a.active{
	background:#e7f1ff;
	color:#0f6edb;
}
.sidebar-subnav strong{
	margin-left:auto;
	background:#0f6edb;
	color:#fff;
	border-radius:999px;
	padding:2px 7px;
	font-size:11px;
}
.sidebar-footer{
	display:grid;
	gap:8px;
	padding:20px 24px 28px;
	border-top:1px solid var(--border);
	color:#667085;
	font-size:13px;
}
.sidebar-footer strong{
	color:#1d2939;
	font-weight:500;
	display:flex;
	align-items:center;
	gap:7px;
}
.sidebar-footer-logo{
	height:16px;
	max-width:88px;
}
.admin-backdrop{display:none}
.admin-main{
	width:100%;
	min-width:0;
	padding-left:260px;
	transition:padding-left .22s ease;
}
.admin-shell.sidebar-collapsed .admin-main{
	padding-left:0;
}
.admin-topbar{
	height:72px;
	background:#fff;
	border-bottom:1px solid var(--border);
	display:flex;
	align-items:center;
	gap:0;
	padding:0 24px 0 0;
	position:sticky;
	top:0;
	z-index:25;
}
.icon-button{
	width:72px;
	height:72px;
	border:0;
	border-right:1px solid var(--border);
	background:#fff;
	border-radius:0;
	display:none;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:4px;
	cursor:pointer;
}
.admin-shell.sidebar-collapsed .icon-button{
	display:flex;
}
.icon-button span{
	width:16px;
	height:2px;
	background:#344054;
	display:block;
	border-radius:2px;
}
.topbar-brand{
	display:none;
	padding:0 24px;
	border-right:1px solid var(--border);
	height:72px;
	align-items:center;
}
.admin-shell.sidebar-collapsed .topbar-brand{
	display:flex;
}
.topbar-logo{
	height:26px;
}
.admin-title{flex:1;min-width:0}
.admin-title h1{
	margin:0;
	font-size:20px;
	line-height:1.2;
	font-weight:700;
	letter-spacing:0;
	padding-left:24px;
}
.admin-title p{
	display:none;
	margin:3px 0 0;
	color:var(--muted);
	font-size:13px;
}
.admin-topbar-actions{
	display:flex;
	align-items:center;
	gap:8px;
}
.topbar-search{
	display:grid;
	grid-template-columns:minmax(220px,300px) 38px;
	align-items:center;
	margin-right:14px;
}
.topbar-search input{
	grid-column:1 / 3;
	grid-row:1;
	height:38px;
	border:1px solid #dbe5ef;
	border-radius:7px;
	padding:0 42px 0 14px;
	font-size:13px;
	color:#172033;
	background:#fff;
}
.topbar-search button{
	position:relative;
	grid-column:2;
	grid-row:1;
	width:38px;
	height:38px;
	border:0;
	background:transparent;
	cursor:pointer;
}
.topbar-search button:before{
	content:"";
	position:absolute;
	left:10px;
	top:10px;
	width:13px;
	height:13px;
	border:2px solid #344054;
	border-radius:50%;
}
.topbar-search button:after{
	content:"";
	position:absolute;
	left:23px;
	top:24px;
	width:8px;
	height:2px;
	border-radius:999px;
	background:#344054;
	transform:rotate(45deg);
	transform-origin:left center;
}
.topbar-icon,
.topbar-help,
.topbar-user,
.topbar-logout{
	display:inline-flex;
	align-items:center;
	gap:8px;
	min-height:38px;
	color:#1d2939;
	border:0;
	background:#fff;
	padding:0 8px;
}
.topbar-icon span{
	width:18px;
	height:18px;
	border-radius:50%;
	background:#0f6edb;
	color:#fff;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:11px;
	font-weight:700;
}
.topbar-help:before{
	content:"?";
	width:20px;
	height:20px;
	border:1px solid #667085;
	border-radius:50%;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:13px;
}
.user-icon{
	width:18px;
	height:18px;
	border:1.8px solid #667085;
	border-radius:50%;
	display:inline-block;
	position:relative;
}
.user-icon:after{
	content:"";
	position:absolute;
	left:50%;
	top:11px;
	width:20px;
	height:10px;
	border:1.8px solid #667085;
	border-top:0;
	border-radius:0 0 12px 12px;
	transform:translateX(-50%);
}
.topbar-user strong{
	font-weight:500;
}
.topbar-logout{
	color:#667085;
}
.quiet-button,
.small-action,
.action-button,
.text-button{
	border:1px solid var(--border);
	background:#fff;
	color:#263041;
	border-radius:8px;
	padding:9px 12px;
	cursor:pointer;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:38px;
}
.small-action.active{
	background:#eef5ff;
	border-color:#b8d4f4;
	color:#0f6edb;
	font-weight:700;
}
.action-button.primary{
	background:var(--accent);
	border-color:var(--accent);
	color:#fff;
}
.action-button.primary:hover{background:var(--accent-dark)}
.action-button.danger{
	border-color:#f0b8b8;
	background:#fff1f1;
	color:#9f2424;
}
.text-button{
	border:0;
	background:transparent;
	color:var(--accent);
	padding:4px 0;
	min-height:0;
}

.orders-layout{
	display:grid;
	grid-template-columns:minmax(330px,420px) minmax(0,1fr);
	gap:18px;
	padding:18px;
}
.orders-layout.single-column{
	grid-template-columns:1fr;
}
.orders-commandbar{
	background:#fff;
	border-bottom:1px solid var(--border);
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px;
	padding:14px 18px;
}
.orders-commandbar > div:first-child{
	display:flex;
	align-items:center;
	gap:8px;
}
.orders-commandbar h2{
	margin:0;
	font-size:18px;
}
.order-context-title{
	margin:0;
	color:#667085;
	font-size:13px;
	line-height:1.35;
}
.order-context-title strong{
	color:#172033;
}
.orders-count-pill{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:24px;
	height:22px;
	border-radius:7px;
	background:#edf4ff;
	color:#4b74a8;
	font-size:12px;
	font-weight:700;
	padding:0 7px;
}
.commandbar-actions{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	justify-content:flex-end;
}
.orders-filterbar{
	background:#fff;
	border-bottom:1px solid var(--border);
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	align-items:center;
	justify-content:space-between;
	padding:12px 18px;
}
.orders-filterbar.is-loading{
	opacity:.68;
	pointer-events:none;
}
.order-status-menu{
	border-bottom:0;
	padding:0;
	flex:1 1 640px;
	min-width:0;
	align-items:center;
}
.order-status-menu a{
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	min-width:84px;
	min-height:40px;
	padding:8px 10px;
	border-bottom:1px solid var(--border);
	color:#3d4a5c;
}
.order-status-menu a.active{
	border-color:#8bbbe0;
	background:#eef7ff;
	color:#154e7c;
}
.order-status-menu strong{
	background:#edf4ff;
	border-radius:7px;
	color:#4b74a8;
	padding:2px 7px;
}
.order-search-menu{
	padding:0;
	border-bottom:0;
	flex:0 0 300px;
}
.order-search-menu label span{
	display:none;
}
.order-search-menu input,
.order-search-menu button{
	height:40px;
	min-height:40px;
}
.new-order-panel{
	display:none;
	background:#fff;
	border-bottom:1px solid var(--border);
	padding:18px;
}
.new-order-panel.is-visible{
	display:block;
}
.new-order-panel form{
	border:1px solid var(--border);
	border-radius:8px;
	padding:16px;
	background:#fbfcfe;
}
.new-order-layout{
	display:grid;
	grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);
	gap:var(--admin-section-gap);
	align-items:start;
}
.new-order-card{
	border:1px solid #dbe5ef;
	border-radius:8px;
	background:#fff;
	padding:16px;
	min-width:0;
}
.new-order-card h4{
	margin:0 0 14px;
	font-size:16px;
}
.new-order-customer-search{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	gap:12px;
	align-items:end;
}
.new-order-customer-actions{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	margin:0 0 14px;
}
.new-order-existing-customer{
	display:block;
}
.new-order-existing-customer.is-hidden,
.is-new-customer [data-new-order-existing-customer]{
	display:none;
}
.new-order-customer-results{
	margin-top:14px;
}
.new-order-customer-list{
	display:grid;
	gap:8px;
	max-height:250px;
	overflow:auto;
}
.new-order-customer-list button{
	display:block;
	width:100%;
	text-align:left;
	border:1px solid #dbe5ef;
	border-radius:8px;
	background:#f8fbff;
	padding:11px 12px;
	cursor:pointer;
}
.new-order-customer-list button:hover{
	border-color:#8bbbe0;
	background:#eef7ff;
}
.new-order-customer-list strong,
.new-order-customer-list span,
.new-order-selected-customer strong,
.new-order-selected-customer span{
	display:block;
}
.new-order-customer-list span,
.new-order-selected-customer span{
	color:var(--muted);
	font-size:12px;
	margin-top:3px;
}
.new-order-selected-customer{
	border:1px solid #dbe5ef;
	border-radius:4px;
	background:#f8fafc;
	padding:10px;
	margin-top:12px;
}
.new-order-selected-customer.is-selected{
	border-color:#b7dec8;
	background:#eef9f2;
}
.compact-new-order-customer{
	grid-template-columns:repeat(4,minmax(0,1fr));
	margin-top:var(--admin-card-gap);
}
.new-order-draft-lines{
	display:grid;
	gap:10px;
	margin-bottom:var(--admin-card-gap);
}
.new-order-draft-line{
	display:grid;
	grid-template-columns:minmax(0,1fr) 70px 110px 120px auto;
	gap:12px;
	align-items:center;
	border:1px solid #dbe5ef;
	border-radius:8px;
	background:#fbfdff;
	padding:10px;
}
.new-order-draft-line .order-product-summary{
	min-width:0;
}
.new-order-draft-line small{
	display:block;
	color:var(--muted);
	margin-top:3px;
}
.new-order-product-form{
	border:1px dashed #b8c4d4;
	border-radius:8px;
	background:#f8fafc;
	padding:12px;
}
.new-order-totals{
	margin-top:var(--admin-card-gap);
}
.goals-page{
	display:grid;
	gap:var(--admin-section-gap);
}
.goals-hero{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	padding:22px;
}
.goals-hero h2{
	margin:0 0 6px;
	font-size:26px;
}
.goals-hero p{
	margin:0;
	color:var(--muted);
	max-width:760px;
	line-height:1.55;
}
.goals-grid{
	display:grid;
	grid-template-columns:1fr;
	gap:var(--admin-section-gap);
}
.goals-toolbar{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:var(--admin-card-gap);
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	padding:16px;
}
.goals-date-form{
	display:flex;
	align-items:flex-end;
	gap:12px;
	flex-wrap:wrap;
}
.goals-date-form label{
	display:grid;
	gap:6px;
	min-width:190px;
}
.goals-date-form label span{
	color:var(--muted);
	font-size:12px;
	font-weight:700;
}
.goals-date-form input,
.goals-date-form select{
	border:1px solid var(--border);
	border-radius:var(--field-radius);
	background:#fff;
	padding:0 var(--field-padding-x);
	min-width:190px;
}
.goals-toolbar-actions{
	display:flex;
	align-items:center;
	gap:10px;
	flex-wrap:wrap;
	justify-content:flex-end;
}
.goal-period-card,
.goals-dashboard-preview,
.dashboard-goals-section{
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	padding:18px;
}
.goal-period-card.is-locked{
	background:#fbfcfe;
}
.goal-period-card header,
.dashboard-goal-card header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px;
	padding-bottom:14px;
	border-bottom:1px solid #e7edf5;
}
.goal-period-card header span,
.dashboard-goal-card header span{
	display:block;
	color:var(--muted);
	font-size:12px;
	margin-bottom:3px;
}
.goal-period-card header em{
	display:block;
	color:var(--muted);
	font-size:12px;
	font-style:normal;
	margin-top:4px;
}
.goal-period-card h3,
.dashboard-goal-card h4{
	margin:0;
	font-size:18px;
}
.goal-period-rows{
	display:grid;
	gap:10px;
	margin-top:14px;
}
.goal-edit-row{
	display:grid;
	grid-template-columns:minmax(190px,1.1fr) 130px 115px 115px minmax(160px,.9fr);
	gap:12px;
	align-items:center;
	border:1px solid #e3ebf4;
	border-radius:8px;
	background:#fbfdff;
	padding:12px;
}
.goal-edit-row strong,
.goal-current-state strong{
	display:block;
	color:#172033;
}
.goal-edit-row span,
.goal-edit-row small,
.goal-current-state span{
	display:block;
	color:var(--muted);
	font-size:12px;
	line-height:1.35;
}
.goal-edit-row label{
	display:flex;
	flex-direction:column;
	gap:5px;
}
.goal-edit-row input{
	border:1px solid var(--border);
	border-radius:var(--field-radius);
	background:#fff;
	min-height:var(--field-height);
	padding:var(--field-padding-y) var(--field-padding-x);
}
.goal-period-card.is-locked .goal-edit-row input{
	background:#f1f5f9;
	color:#667085;
}
.goal-current-state{
	min-height:var(--field-height);
	border:1px solid #e3ebf4;
	border-radius:8px;
	background:#f8fafc;
	padding:8px 10px;
}
.goal-ring,
.goal-mini-ring{
	--goal-progress:0;
	display:grid;
	place-items:center;
	border-radius:50%;
	background:
		radial-gradient(circle at center,#fff 58%,transparent 59%),
		conic-gradient(#16a463 calc(var(--goal-progress) * 1%),#e7edf5 0);
	color:#172033;
	flex:0 0 auto;
}
.goal-ring{
	width:92px;
	height:92px;
}
.goal-mini-ring{
	width:58px;
	height:58px;
}
.goal-ring strong,
.goal-mini-ring strong{
	font-size:18px;
	line-height:1;
}
.goal-ring span{
	font-size:11px;
	color:var(--muted);
	margin-top:4px;
}
.dashboard-goals-grid,
.goal-dashboard-cards{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:var(--admin-card-gap);
	margin-top:var(--admin-card-gap);
}
.dashboard-goal-card{
	border:1px solid #dbe5ef;
	border-radius:8px;
	background:#fff;
	padding:16px;
}
.dashboard-goal-row{
	display:grid;
	grid-template-columns:minmax(0,1fr) 140px;
	gap:12px;
	align-items:center;
	padding:12px 0;
	border-bottom:1px solid #edf2f7;
}
.dashboard-goal-row:last-child{
	border-bottom:0;
	padding-bottom:0;
}
.dashboard-goal-row strong,
.dashboard-goal-row span,
.dashboard-goal-row small{
	display:block;
}
.dashboard-goal-row span,
.dashboard-goal-row small{
	color:var(--muted);
	font-size:12px;
	margin-top:3px;
}
.goal-progress-track{
	height:9px;
	border-radius:999px;
	background:#e7edf5;
	overflow:hidden;
}
.goal-progress-track span{
	display:block;
	height:100%;
	border-radius:999px;
	background:linear-gradient(90deg,#0f6edb,#16a463);
}
.locked-period-note{
	border:1px solid #f1d39a;
	border-radius:8px;
	background:#fff8eb;
	color:#7a4a12;
	padding:12px 14px;
}
.goals-report-page{
	display:grid;
	gap:var(--admin-section-gap);
}
.goals-report-filter label{
	min-width:170px;
}
.goals-report-summary-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:var(--admin-card-gap);
}
.goal-report-kpi-card{
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	padding:16px;
	display:grid;
	gap:8px;
}
.goal-report-kpi-card span,
.goal-report-kpi-card em{
	color:var(--muted);
	font-size:12px;
	font-style:normal;
}
.goal-report-kpi-card strong{
	font-size:24px;
	color:#172033;
}
.goals-report-section{
	padding:18px;
}
.goals-report-table,
.goals-period-report-table{
	margin-top:var(--admin-card-gap);
}
.goals-report-grid{
	grid-template-columns:minmax(180px,1.2fr) 1fr 1fr 1fr .7fr;
}
.goals-period-report-grid{
	grid-template-columns:minmax(150px,1fr) .65fr 1fr .65fr .8fr .8fr;
}
.goals-report-grid strong,
.goals-period-report-grid strong{
	color:#172033;
}
.orders-list-panel,
.order-detail-panel,
.detail-section{
	background:var(--surface);
	border:1px solid var(--border);
	border-radius:8px;
}
.orders-list-panel{
	min-height:calc(100vh - 108px);
	overflow:hidden;
	display:flex;
	flex-direction:column;
}
.panel-heading-row,
.section-title-row{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:12px;
}
.panel-heading-row{
	padding:18px 18px 12px;
}
.panel-heading-row h2,
.section-title-row h3{
	margin:0;
	font-size:16px;
	line-height:1.25;
}
.section-actions{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:12px;
	flex-wrap:wrap;
}
.section-title-actions{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:10px;
	flex-wrap:wrap;
}
.panel-heading-row span,
.section-title-row span{
	color:var(--muted);
	font-size:12px;
}
.order-search{
	display:grid;
	grid-template-columns:1fr auto;
	gap:8px;
}
.order-search label,
.status-select,
.form-grid label,
.wide-field{
	display:flex;
	flex-direction:column;
	gap:5px;
}
.order-search span,
.status-select span,
.form-grid span,
.wide-field span{
	font-size:12px;
	color:var(--muted);
}
.order-search input,
.status-select select,
.form-grid input,
.form-grid select,
.translation-grid input,
.translation-grid select,
.translation-grid textarea,
.module-search input,
.module-search select,
.wide-field textarea{
	border:1px solid var(--border);
	background:#fff;
	border-radius:var(--field-radius);
	padding:var(--field-padding-y) var(--field-padding-x);
	min-height:var(--field-height);
	outline:none;
}
.wide-field textarea{
	min-height:88px;
	resize:vertical;
}
.order-search input:focus,
.status-select select:focus,
.form-grid input:focus,
.form-grid select:focus,
.translation-grid input:focus,
.translation-grid select:focus,
.translation-grid textarea:focus,
.module-search input:focus,
.module-search select:focus,
.wide-field textarea:focus{
	border-color:#8bbbe0;
	box-shadow:0 0 0 3px rgba(31,111,178,.12);
}
.order-search button{
	align-self:end;
	border:1px solid var(--accent);
	background:var(--accent);
	color:#fff;
	border-radius:8px;
	padding:0 14px;
	min-height:40px;
	cursor:pointer;
}
.status-tabs{
	display:flex;
	gap:6px;
	overflow:auto;
	padding:0 18px 14px;
	border-bottom:1px solid var(--border);
}
.status-tabs a{
	flex:0 0 auto;
	min-width:84px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	padding:8px 9px;
	font-size:12px;
	color:#3d4a5c;
}
.status-tabs a.active{
	border-color:#8bbbe0;
	background:#eef7ff;
	color:#154e7c;
}
.status-tabs strong{
	font-size:12px;
	color:inherit;
}
.order-rows{
	overflow:auto;
	padding:8px;
}
.order-row{
	display:block;
	border:1px solid transparent;
	border-radius:8px;
	padding:12px;
	margin-bottom:6px;
	background:#fff;
}
.order-row:hover,
.order-row.active{
	background:#f7fbff;
	border-color:#b9d7ee;
}
.row-main,
.row-meta,
.row-footer{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
}
.row-main strong{font-size:14px}
.row-main span{
	color:#263041;
	font-weight:600;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.row-meta{
	margin-top:4px;
	color:var(--muted);
	font-size:12px;
}
.row-footer{
	margin-top:10px;
}
.row-footer strong{font-size:12px}
.status-pill{
	display:inline-flex;
	align-items:center;
	border-radius:999px;
	padding:4px 8px;
	font-size:12px;
	font-weight:700;
	background:#eef2f6;
	color:#455468;
}
.status-new{background:#eaf4ff;color:#155a92}
.status-progress{background:#fff4e5;color:#9a5b12}
.status-quoted{background:#f2eafd;color:#6741a3}
.status-accepted{background:#e9f8ef;color:#16704b}
.status-shipped{background:#edf4ff;color:#235ea7}
.status-delivered{background:#e8f7f4;color:#147467}
.status-unknown{background:#f0f0f0;color:#555}
.demo-order-pill{
	display:inline-flex;
	align-items:center;
	min-height:20px;
	border-radius:999px;
	background:#fff4e5;
	border:1px solid #f4d5a3;
	color:#9a5b12;
	padding:2px 7px;
	margin-left:5px;
	font-size:10px;
	font-weight:800;
	text-transform:uppercase;
	vertical-align:middle;
}
.demo-order-pill.large{
	min-height:24px;
	font-size:11px;
	padding:3px 8px;
}

.order-detail-panel{
	min-height:calc(100vh - 108px);
	padding:18px;
	overflow:hidden;
}
.order-detail-header{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:18px;
	padding-bottom:18px;
	border-bottom:1px solid var(--border);
}
.detail-label{
	color:var(--muted);
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
}
.order-detail-header h2{
	margin:4px 0 4px;
	font-size:26px;
	line-height:1.2;
	letter-spacing:0;
}
.order-detail-header p{
	margin:0;
	color:var(--muted);
}
.order-focus-strip{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:10px;
	margin:16px 0 12px;
}
.order-focus-strip div{
	border:1px solid var(--border);
	border-radius:8px;
	background:#f8fafc;
	padding:11px 12px;
	min-width:0;
}
.order-focus-strip span{
	display:block;
	color:var(--muted);
	font-size:12px;
	margin-bottom:3px;
}
.order-focus-strip strong{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:14px;
	color:#182033;
}
.order-workspace-tabs{
	display:flex;
	align-items:center;
	gap:6px;
	overflow:auto;
	border:1px solid var(--border);
	border-radius:8px;
	background:#f8fafc;
	padding:6px;
	margin:0 0 16px;
}
.order-workspace-tabs a{
	flex:0 0 auto;
	display:inline-flex;
	align-items:center;
	min-height:36px;
	border-radius:7px;
	color:#435064;
	font-weight:700;
	font-size:13px;
	padding:7px 12px;
}
.order-workspace-tabs a:hover{
	background:#fff;
	color:var(--accent);
	box-shadow:0 1px 2px rgba(15,23,42,.06);
}
.detail-actions{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	justify-content:flex-end;
}
.detail-grid{
	display:grid;
	grid-template-columns:1.1fr .9fr;
	gap:var(--admin-section-gap);
	margin-top:var(--admin-section-gap);
}
.detail-section{
	padding:16px;
}
.overview-metrics{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:10px;
	margin:16px 0;
}
.overview-metrics div{
	background:var(--surface-soft);
	border:1px solid var(--border);
	border-radius:8px;
	padding:11px;
}
.overview-metrics span,
.contact-lines p,
.timeline p{
	color:var(--muted);
}
.overview-metrics span{
	display:block;
	font-size:12px;
	margin-bottom:4px;
}
.overview-metrics strong{
	font-size:14px;
}
.contact-lines p{
	margin:0 0 7px;
}
.contact-lines strong{color:var(--text)}
.message-preview{
	border-top:1px solid var(--border);
	padding-top:10px;
	margin-top:10px;
}
.edit-order-form{
	display:none;
	background:#fff;
	border:1px solid var(--border);
	border-radius:8px;
	padding:16px;
	margin-top:var(--admin-card-gap);
}
.edit-order-form.is-visible{display:block}
.form-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:12px;
}
.form-grid.compact{
	grid-template-columns:90px 140px minmax(180px,1fr) 80px 120px 120px 90px 80px;
}
.form-grid input:not([type="checkbox"]):not([type="radio"]),
.form-grid select,
.form-grid textarea{
	border:1px solid var(--border);
	background:#fff;
	border-radius:var(--field-radius);
	padding:var(--field-padding-y) var(--field-padding-x);
	min-height:var(--field-height);
	outline:none;
}
.checkbox-label{
	flex-direction:row !important;
	align-items:center;
	gap:8px !important;
	padding-top:22px;
}
.checkbox-label input{
	min-height:0;
	width:auto;
}
.wide-field{
	margin-top:12px;
}
.form-actions{
	display:flex;
	gap:10px;
	margin-top:18px;
	padding:0 2px;
	flex-wrap:wrap;
}
.products-section,
.activity-section{
	margin-top:var(--admin-section-gap);
	scroll-margin-top:18px;
}
.summary-section,
.delivery-section,
.contact-section{
	scroll-margin-top:18px;
}
.add-product-form{
	border-top:1px solid var(--border);
	margin-top:var(--admin-card-gap);
	padding-top:var(--admin-card-gap);
}
.activity-section{
	padding:0;
	overflow:hidden;
}
.activity-tabs{
	display:flex;
	gap:22px;
	border-bottom:1px solid var(--border);
	padding:0 18px;
}
.activity-tabs button{
	border:0;
	border-bottom:2px solid transparent;
	background:transparent;
	color:#667085;
	font-weight:700;
	font-size:13px;
	padding:16px 0 13px;
	cursor:pointer;
}
.activity-tabs button.active{
	color:#1f6fb2;
	border-bottom-color:#276ed8;
}
.activity-layout{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(240px,42%);
	min-height:240px;
}
.activity-panel{
	display:none;
	padding:22px 18px 22px 22px;
}
.activity-panel.is-active{
	display:block;
}
.activity-note-form{
	border-left:1px solid var(--border);
	padding:22px 18px;
}
.activity-note-form label{
	display:flex;
	flex-direction:column;
	gap:8px;
}
.activity-note-form span{
	color:#1d2939;
	font-weight:700;
	font-size:13px;
}
.activity-note-form textarea{
	border:1px solid #d7dee8;
	border-radius:6px;
	min-height:118px;
	padding:13px 14px;
	resize:vertical;
	outline:none;
	font:inherit;
	color:#1d2939;
}
.activity-note-form textarea:focus{
	border-color:#8bbbe0;
	box-shadow:0 0 0 3px rgba(31,111,178,.12);
}
.activity-note-form .form-actions{
	margin-top:12px;
}
.activity-note-form .action-button{
	min-width:112px;
	justify-content:center;
}
.products-table{
	margin-top:12px;
	border:1px solid var(--border);
	border-radius:8px;
	overflow:hidden;
}
.products-head,
.product-line{
	display:grid;
	grid-template-columns:minmax(0,1fr) 80px 130px 130px;
	gap:12px;
	align-items:start;
}
.products-edit-head,
.product-edit-line{
	grid-template-columns:minmax(220px,1fr) 72px 110px 120px 110px 120px 120px;
}
.products-head{
	background:#f1f5f9;
	color:var(--muted);
	font-size:12px;
	font-weight:700;
	padding:10px 12px;
}
.product-line{
	padding:12px;
	border-top:1px solid var(--border);
}
.product-edit-line input{
	width:100%;
	border:1px solid var(--border);
	border-radius:var(--field-radius);
	padding:var(--field-padding-y) var(--field-padding-x);
	min-height:var(--field-height);
}
.readonly-price-cell{
	background:#f8fafc;
	border:1px solid var(--border);
	border-radius:8px;
	padding:8px 9px;
	min-height:36px;
}
.readonly-price-cell strong{
	color:#1d2939;
	line-height:1.2;
}
.readonly-price-cell span{
	display:block;
	color:var(--muted);
	font-size:11px;
	margin-top:2px;
}
.product-static-cell strong,
.product-static-cell span{
	display:block;
}
.order-product-summary{
	display:flex;
	align-items:flex-start;
	gap:10px;
	min-width:0;
}
.order-product-thumb{
	width:48px;
	height:48px;
	object-fit:contain;
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	flex:0 0 auto;
}
.order-product-thumb.is-empty{
	display:block;
	background:#f1f5f9;
	position:relative;
}
.order-product-thumb.is-empty:before{
	content:"";
	position:absolute;
	inset:13px;
	border:2px solid #cbd5e1;
	border-radius:4px;
}
.order-product-card-link{
	border:0;
	background:transparent;
	padding:0;
	text-align:left;
	color:inherit;
	cursor:pointer;
	min-width:0;
}
.order-product-card-link:hover strong,
.order-product-card-link:hover span{
	color:var(--accent);
}
.product-static-cell span{
	color:var(--muted);
	margin-top:3px;
}
.discount-cell{
	display:grid;
	gap:5px;
}
.discount-cell span{
	font-size:12px;
	color:var(--muted);
}
.product-line-actions{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	justify-content:flex-end;
}
.order-product-options-panel{
	grid-column:1/-1;
	border-top:1px solid var(--border);
	padding-top:12px;
	margin-top:2px;
}
.product-options-editor{
	display:none;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:12px;
	margin-top:10px;
}
.order-product-options-panel.is-visible .product-options-editor{
	display:grid;
}
.inline-edit-field{
	display:block;
}
.inline-edit-field button{
	width:100%;
	min-height:36px;
	border:1px solid transparent;
	border-radius:8px;
	background:#f8fafc;
	color:#1d2939;
	padding:8px 9px;
	text-align:left;
	cursor:text;
}
.inline-edit-field button:hover{
	border-color:#b9d7ee;
	background:#f2f8ff;
}
.inline-edit-input{
	display:none;
}
.product-name-preview{
	background:#f8fafc;
	border:1px solid var(--border);
	border-radius:8px;
	padding:9px 11px;
	min-height:58px;
}
.product-name-preview strong{
	display:block;
	font-size:13px;
	line-height:1.25;
	color:#1d2939;
	margin-top:4px;
}
.add-product-static-cell{
	min-width:0;
}
.add-product-summary{
	align-items:center;
}
.add-product-thumb[hidden]{
	display:none;
}
.add-product-lookup-block{
	display:grid;
	gap:5px;
	min-width:0;
	width:100%;
}
.add-product-number-label,
.add-product-field{
	display:grid;
	gap:5px;
	margin:0;
}
.add-product-number-label span,
.add-product-field span{
	color:var(--muted);
	font-size:12px;
	font-weight:700;
}
.add-product-number-label input,
.add-product-field input{
	width:100%;
	border:1px solid var(--border);
	border-radius:var(--field-radius);
	background:#fff;
	padding:var(--field-padding-y) var(--field-padding-x);
	min-height:var(--field-height);
}
.add-product-lookup-block > strong{
	display:block;
	color:#1d2939;
	font-size:14px;
	line-height:1.25;
	word-break:break-word;
}
.add-product-field small{
	display:block;
	color:var(--muted);
	font-size:12px;
	line-height:1.35;
}
.product-lookup-invalid input[name="productnumber"],
.product-lookup-invalid [data-add-listprice],
.product-lookup-invalid [data-add-unitprice],
.product-lookup-invalid [data-add-discount],
.product-lookup-invalid [data-add-vatid]{
	border-color:#f04438 !important;
	background:#fff5f5 !important;
}
.product-lookup-message{
	margin-top:0;
	color:var(--muted);
	font-size:13px;
}
.product-lookup-invalid .product-lookup-message{
	color:#b42318;
}
.add-product-options-panel{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:12px;
	margin-top:12px;
	border:1px solid var(--border);
	border-radius:8px;
	background:#f8fafc;
	padding:12px;
}
.product-option-group{
	margin:0;
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	padding:12px;
	min-width:0;
}
.product-option-group legend{
	padding:0 5px;
	font-weight:700;
	font-size:13px;
	color:#1d2939;
}
.product-option-group > div{
	display:grid;
	gap:6px;
	margin-top:8px;
	max-height:190px;
	overflow:auto;
}
.product-option-group label{
	display:grid;
	grid-template-columns:auto minmax(0,1fr) auto;
	align-items:center;
	gap:8px;
	color:#3d4a5c;
	font-size:13px;
}
.product-option-group input{
	width:auto;
	min-height:0;
	border:0;
	padding:0;
}
.product-option-group span{
	color:#1d2939;
	min-width:0;
}
.product-option-group small{
	color:var(--muted);
	font-size:12px;
	white-space:nowrap;
}
.product-option-group .option-multi-toggle{
	display:flex;
	align-items:center;
	gap:6px;
	color:var(--muted);
	font-size:12px;
	margin-top:6px;
}
.product-option-group select{
	border:1px solid var(--border);
	border-radius:var(--field-radius);
	background:#fff;
	min-height:var(--field-height);
	padding:var(--field-padding-y) var(--field-padding-x);
}
.product-line strong{display:block}
.product-line span{
	color:var(--muted);
}
.product-line ul{
	margin:8px 0 0;
	padding-left:18px;
	color:var(--muted);
}
.totals-box{
	width:320px;
	max-width:100%;
	margin:14px 0 0 auto;
	border:1px solid var(--border);
	border-radius:8px;
	overflow:hidden;
}
.totals-box div{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:10px 12px;
	border-bottom:1px solid var(--border);
}
.totals-box div:last-child{border-bottom:0}
.totals-box div.is-hidden{
	display:none;
}
.totals-box .total{
	background:#101827;
	color:#fff;
	font-weight:700;
}
.activity-timeline{
	display:grid;
	gap:0;
}
.activity-item{
	position:relative;
	display:grid;
	grid-template-columns:18px 126px minmax(0,1fr);
	gap:12px;
	align-items:start;
	padding:0 0 21px;
}
.activity-item:before{
	content:"";
	position:absolute;
	left:8px;
	top:18px;
	bottom:0;
	width:1px;
	background:#dce3ee;
}
.activity-item:last-child{
	padding-bottom:0;
}
.activity-item:last-child:before{
	display:none;
}
.activity-icon{
	position:relative;
	z-index:1;
	width:16px;
	height:16px;
	border-radius:50%;
	background:#fff;
	border:2px solid #98a2b3;
	box-shadow:0 0 0 3px #fff;
	margin-top:1px;
}
.activity-icon:after{
	content:"";
	position:absolute;
	left:4px;
	top:4px;
	width:4px;
	height:4px;
	border-radius:50%;
	background:#98a2b3;
}
.activity-icon.success{
	border-color:#2fb15c;
}
.activity-icon.success:after{
	left:3px;
	top:2px;
	width:6px;
	height:8px;
	border-right:2px solid #2fb15c;
	border-bottom:2px solid #2fb15c;
	border-radius:0;
	background:transparent;
	transform:rotate(45deg);
}
.activity-time{
	color:#667085;
	font-size:12px;
	line-height:18px;
	white-space:nowrap;
}
.activity-content{
	color:#263041;
	font-size:13px;
	line-height:1.35;
}
.activity-content strong{
	display:block;
	font-size:13px;
	font-weight:700;
	color:#263041;
}
.activity-content small{
	display:block;
	color:#667085;
	font-size:12px;
	margin-top:2px;
}
.activity-content p{
	margin:8px 0 0;
	color:#667085;
	font-size:12px;
	line-height:1.45;
}
.activity-note-list{
	display:grid;
	gap:10px;
}
.activity-note{
	border:1px solid var(--border);
	border-radius:8px;
	background:#f8fafc;
	padding:12px;
}
.activity-note.is-dashboard-pinned{
	border-color:#bfd8ff;
	background:#f5f9ff;
}
.activity-note-head,
.note-meta-actions{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
}
.activity-note p{
	margin:0 0 8px;
	color:#263041;
	line-height:1.45;
}
.activity-note small{
	color:#667085;
	font-size:12px;
}
.note-dashboard-flag-button{
	width:34px;
	height:34px;
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	color:#667085;
	cursor:pointer;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:17px;
	line-height:1;
}
.note-dashboard-flag-button:hover,
.note-dashboard-flag-button.is-active{
	border-color:#93c5fd;
	background:#eef6ff;
	color:#0f6edb;
}
.customer-note-card.is-dashboard-pinned{
	border-color:#bfd8ff;
	background:#f5f9ff;
}
.order-note-control-grid{
	margin-bottom:12px;
	grid-template-columns:1fr;
}
.activity-note-form .customer-note-reminder-card{
	grid-template-columns:1fr;
	align-items:stretch;
}
.note-dashboard-modal{
	max-width:620px;
	padding:8px 8px 18px;
}
.note-dashboard-modal h3{
	margin:0 0 8px;
	font-size:22px;
}
.note-dashboard-modal p{
	margin:0 0 18px;
	color:var(--muted);
}
.note-dashboard-grid{
	grid-template-columns:repeat(2,minmax(0,1fr));
	margin-bottom:16px;
}
.history-line{
	align-items:start !important;
}
.history-state{
	margin-top:8px;
	background:#f8fafc;
	border:1px solid var(--border);
	border-radius:8px;
	padding:8px 10px;
}
.history-state summary{
	cursor:pointer;
	color:#1f6fb2;
	font-weight:700;
}
.history-state div{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:8px;
	margin-top:8px;
}
.history-state pre{
	overflow:auto;
	max-height:260px;
	background:#101827;
	color:#e5eefb;
	border-radius:8px;
	padding:10px;
	font-size:12px;
	white-space:pre-wrap;
}
.customer-comment-preview{
	margin-top:14px;
	border-top:1px solid var(--border);
	padding-top:12px;
}
.customer-comment-preview span{
	display:block;
	color:var(--muted);
	font-size:12px;
	font-weight:700;
	margin-bottom:5px;
}
.customer-comment-preview p{
	margin:0;
	color:#263041;
}
.delivery-section{
	display:flex;
	flex-direction:column;
	gap:var(--admin-card-gap);
}
.delivery-summary{
	display:flex;
	flex-direction:column;
	gap:7px;
	color:#263041;
	font-size:13px;
}
.delivery-summary p{margin:0}
.delivery-summary a{
	color:var(--accent);
	font-weight:700;
	text-decoration:none;
}
.delivery-form{
	border-top:1px solid var(--border);
	padding-top:var(--admin-card-gap);
}
.delivery-form-block{
	border:1px solid #e3e9f2;
	background:#fbfcfe;
	border-radius:8px;
	padding:14px;
	margin-top:12px;
}
.delivery-form-block h4,
.delivery-history h4{
	margin:0;
	font-size:14px;
	line-height:1.25;
}
.delivery-grid{
	grid-template-columns:repeat(3,1fr);
}
.delivery-history{
	border-top:1px solid var(--border);
	padding-top:var(--admin-card-gap);
}
.delivery-history-list{
	display:grid;
	gap:10px;
}
.delivery-history-row{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:14px;
	border:1px solid #e3e9f2;
	background:#fbfcfe;
	border-radius:8px;
	padding:12px;
}
.delivery-history-row strong,
.delivery-history-row span{
	display:block;
}
.delivery-history-row span{
	margin-top:3px;
	color:var(--muted);
	font-size:12px;
}
.delivery-history-row p{
	margin:8px 0 0;
	color:#334155;
	font-size:12px;
	line-height:1.45;
}
.delivery-history-row .text-button{
	flex:0 0 auto;
}
.delivery-pill{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:999px;
	padding:4px 9px;
	font-size:11px;
	font-weight:800;
	background:#eef4fb;
	color:#1f4f75;
	white-space:nowrap;
}
.delivery-pill.small{
	padding:3px 7px;
	font-size:10px;
}
.delivery-shipped,
.delivery-delivered{background:#eaf7ee;color:#19713a}
.delivery-waiting,
.delivery-pickup{background:#fff6d8;color:#806016}
.delivery-partly-shipped{background:#eef2ff;color:#394aa0}
.delivery-delayed{background:#fdecec;color:#a33131}
.delivery-not-started,
.delivery-unknown{background:#edf1f5;color:#697586}

/* Ny ordervy: sammanhållen CRM-layout med vänster orderkö och höger orderkort. */
.order-view-shell{
	background:#fff;
	border:1px solid var(--border);
	border-radius:8px;
	box-shadow:0 16px 42px rgba(15,23,42,.06);
	overflow:hidden;
}
.order-view-titlebar{
	border-bottom:1px solid #e5edf5;
	padding:18px 22px;
}
.order-view-titlebar h2{
	font-size:24px;
	line-height:1.15;
	letter-spacing:0;
}
.order-view-shell .new-order-panel{
	border-bottom:1px solid #e5edf5;
}
.order-view-shell .orders-layout{
	grid-template-columns:340px minmax(0,1fr);
	gap:0;
	padding:0;
	align-items:stretch;
}
.order-view-shell .orders-list-panel,
.order-view-shell .order-detail-panel{
	border:0;
	border-radius:0;
	min-height:calc(100vh - 190px);
}
.order-view-shell .orders-list-panel{
	border-right:1px solid #e5edf5;
	background:#fbfdff;
}
.order-sidebar-controls{
	display:block;
	padding:18px 16px 0;
	border-bottom:1px solid #e5edf5;
	background:#fff;
}
.order-sidebar-controls .order-search-menu{
	display:grid;
	grid-template-columns:minmax(0,1fr) 44px 120px;
	gap:10px;
	align-items:center;
	flex:0 0 auto;
}
.order-sidebar-controls .order-search-menu input{
	height:var(--field-height);
	min-height:var(--field-height);
	border-radius:var(--field-radius);
	font-size:13px;
}
.order-customer-context-card{
	margin-top:12px;
	border:1px solid #cfe2f7;
	border-radius:10px;
	background:#f5f9ff;
	padding:12px;
	display:grid;
	gap:6px;
}
.order-customer-context-card > span{
	color:#5f6f86;
	font-size:11px;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.03em;
}
.order-customer-context-card strong{
	color:#172033;
	font-size:14px;
	line-height:1.35;
}
.order-customer-context-card div{
	display:flex;
	gap:12px;
	flex-wrap:wrap;
}
.order-customer-context-card a{
	color:#0f6edb;
	font-size:13px;
	font-weight:700;
	text-decoration:none;
}
.order-customer-context-card a:hover{
	text-decoration:underline;
}
.filter-icon-button{
	position:relative;
	width:44px;
	height:40px;
	border:1px solid #0f6edb;
	border-radius:9px;
	background:#0f6edb;
	cursor:pointer;
	box-shadow:0 8px 18px rgba(15,110,219,.20);
}
.filter-icon-button:before{
	content:"";
	position:absolute;
	left:12px;
	top:10px;
	width:14px;
	height:14px;
	border:2px solid #fff;
	border-radius:50%;
}
.filter-icon-button:after{
	content:"";
	position:absolute;
	left:26px;
	top:25px;
	width:9px;
	height:2px;
	border-radius:999px;
	background:#fff;
	transform:rotate(45deg);
	transform-origin:left center;
}
.filter-icon-button:hover{
	border-color:#0b5fc1;
	background:#0b5fc1;
}
.filter-icon-button:focus-visible{
	outline:3px solid rgba(15,110,219,.24);
	outline-offset:2px;
}
.order-sidebar-controls .action-button{
	height:40px;
	min-height:40px;
	padding:0 16px;
	border-radius:9px;
	white-space:nowrap;
	font-size:13px;
	font-weight:800;
	line-height:40px;
	text-shadow:none;
	box-shadow:0 8px 18px rgba(15,110,219,.20);
}
.order-sidebar-controls .action-button.primary{
	border-color:#0f6edb;
	background:#0f6edb;
	color:#fff;
}
.order-sidebar-controls .action-button.primary:hover{
	border-color:#0b5fc1;
	background:#0b5fc1;
}
.order-sidebar-controls .order-status-menu{
	display:flex;
	gap:18px;
	padding:16px 0 0;
	border-bottom:0;
	overflow:auto;
}
.order-sidebar-controls .order-status-menu a{
	min-width:auto;
	min-height:36px;
	border:0;
	border-bottom:3px solid transparent;
	border-radius:0;
	background:transparent;
	padding:0 0 11px;
	color:#667085;
	font-weight:700;
}
.order-sidebar-controls .order-status-menu a.active{
	background:transparent;
	border-color:#0f6edb;
	color:#0f6edb;
}
.order-sidebar-controls .order-status-menu strong{
	background:#eaf2ff;
	border-radius:999px;
	color:#4b74a8;
	min-width:22px;
	text-align:center;
	padding:2px 7px;
}
.order-view-shell .order-rows{
	padding:0;
}
.order-view-shell .order-row{
	border:0;
	border-bottom:1px solid #e5edf5;
	border-left:3px solid transparent;
	border-radius:0;
	margin:0;
	padding:16px 14px 16px 18px;
	background:#fff;
}
.order-view-shell .order-row:hover,
.order-view-shell .order-row.active{
	background:#f2f8ff;
	border-color:#0f6edb;
}
.order-view-shell .row-main strong{
	font-size:14px;
	color:#172033;
}
.order-view-shell .row-main .status-pill{
	font-size:11px;
	padding:3px 7px;
}
.row-customer{
	margin-top:5px;
	color:#344054;
	font-size:13px;
	font-weight:600;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.order-view-shell .row-meta{
	justify-content:flex-end;
	text-align:right;
	display:grid;
	gap:2px;
	margin-top:8px;
}
.order-view-shell .row-meta strong{
	color:#172033;
	font-size:13px;
}
.order-view-shell .row-meta span{
	color:#667085;
	font-size:12px;
}
.order-view-shell .row-footer{
	justify-content:space-between;
	margin-top:8px;
	color:#667085;
	font-size:12px;
}
.order-view-shell .order-detail-panel{
	display:flex;
	flex-direction:column;
	padding:24px;
	overflow:visible;
}
.order-view-shell .order-detail-header{
	order:1;
	border-bottom:0;
	padding-bottom:14px;
	align-items:center;
}
.order-view-shell .order-detail-header h2{
	display:flex;
	align-items:center;
	gap:10px;
	margin:0 0 6px;
	font-size:22px;
	letter-spacing:0;
}
.order-view-shell .order-detail-header p{
	font-size:12px;
}
.order-view-shell .detail-actions .quiet-button{
	min-height:36px;
	border-radius:6px;
	padding:0 13px;
}
.order-more-button{
	width:36px;
	padding:0 !important;
	font-weight:800;
}
.order-view-shell .order-focus-strip{
	order:2;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:var(--admin-card-gap);
	margin:10px 0 var(--admin-section-gap);
}
.order-view-shell .order-focus-strip div{
	background:#fff;
	border-color:#dbe5ef;
	border-radius:8px;
	min-height:78px;
	padding:13px 14px;
}
.order-view-shell .order-focus-strip a,
.order-view-shell .order-focus-strip small{
	display:block;
	color:#667085;
	font-size:12px;
	margin-top:3px;
}
.order-view-shell .order-focus-strip .status-select{
	gap:8px;
}
.order-view-shell .order-focus-strip .status-select select{
	border-radius:6px;
	min-height:36px !important;
	height:36px !important;
	padding-top:0 !important;
	padding-bottom:0 !important;
}
.order-view-shell .order-workspace-tabs{
	order:3;
	border:0;
	border-bottom:1px solid #dbe5ef;
	border-radius:0;
	background:transparent;
	padding:0;
	gap:28px;
	margin:0 0 var(--admin-card-gap);
}
.order-view-shell .order-workspace-tabs a{
	position:relative;
	border-radius:0;
	min-height:38px;
	padding:0 0 13px;
	color:#344054;
	background:transparent;
	font-size:13px;
}
.order-view-shell .order-workspace-tabs a.active,
.order-view-shell .order-workspace-tabs a:hover{
	color:#0f6edb;
	background:transparent;
	box-shadow:none;
}
.order-view-shell .order-workspace-tabs a.active:after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-1px;
	height:3px;
	border-radius:999px 999px 0 0;
	background:#0f6edb;
}
.order-view-shell .products-section{
	order:4;
	margin-top:0;
}
.order-tab-panel{
	order:4;
	position:relative;
}
.order-tab-panel > .detail-section{
	margin-top:0;
}
.order-tab-panel.is-loading{
	opacity:.58;
	pointer-events:none;
}
.order-tab-panel.is-loading:after{
	content:"Laddar...";
	position:absolute;
	top:18px;
	right:18px;
	border:1px solid #dbe5ef;
	border-radius:999px;
	background:#fff;
	color:#667085;
	font-size:12px;
	font-weight:700;
	padding:6px 10px;
	box-shadow:0 8px 20px rgba(15,23,42,.08);
}
.order-view-shell .order-compact-bottom{
	order:5;
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:var(--admin-section-gap);
	margin-top:var(--admin-section-gap);
}
.order-view-shell .detail-grid{
	order:6;
	margin-top:var(--admin-section-gap);
	grid-template-columns:1fr;
}
.order-view-shell .edit-order-form{
	order:7;
}
.order-view-shell .activity-section{
	order:8;
}
.order-compact-card{
	border:1px solid #dbe5ef;
	border-radius:8px;
	background:#fff;
	padding:16px;
}
.order-compact-delivery-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:18px;
	margin-top:var(--admin-card-gap);
}
.order-compact-delivery-grid span,
.order-compact-card-footer span{
	display:block;
	color:#667085;
	font-size:12px;
	margin-bottom:4px;
}
.order-compact-delivery-grid strong,
.order-compact-card-footer strong{
	display:block;
	color:#172033;
	font-size:13px;
}
.order-compact-delivery-grid p{
	margin:4px 0 0;
	color:#172033;
	font-size:13px;
	line-height:1.45;
}
.order-compact-card-footer{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:16px;
	margin-top:18px;
}
.order-compact-card-footer .quiet-button,
.order-compact-card > .quiet-button{
	min-height:34px;
	border-radius:6px;
	padding:0 13px;
}
.order-compact-activity{
	display:grid;
	gap:0;
	margin:var(--admin-card-gap) 0;
}
.order-compact-activity .activity-item{
	grid-template-columns:18px minmax(0,1fr) 130px;
	padding-bottom:18px;
}
.add-product-row-area{
	border-top:1px solid #dbe5ef;
	padding:0;
	margin-top:0;
}
.add-product-toggle{
	min-height:36px;
	border-radius:6px;
	margin:12px;
}
.add-product-form.is-collapsed{
	display:none;
}
.add-product-form.product-line:not(.is-collapsed){
	display:grid;
	border:1px solid #dbe5ef;
	border-left:0;
	border-right:0;
	border-bottom:0;
	border-radius:8px;
	background:#fbfdff;
	padding:12px;
	margin:0;
}
.products-table .add-product-form.product-line:not(.is-collapsed){
	border-radius:0;
}
.add-product-form .add-product-options{
	grid-column:1/-1;
}
.order-view-shell .summary-section{
	display:none;
}
.order-view-shell .order-detail-panel > .detail-grid,
.order-view-shell .order-detail-panel > .order-compact-bottom,
.order-view-shell .order-detail-panel > .activity-section{
	display:none;
}
.empty-state{
	padding:26px 18px;
	color:var(--muted);
}
.empty-state h3,
.empty-state h2{
	color:var(--text);
	margin:0 0 6px;
}
.empty-state p{margin:0}
.empty-state.large{
	min-height:360px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
}
.toast-message{
	position:fixed;
	right:18px;
	bottom:18px;
	z-index:80;
	background:#101827;
	color:#fff;
	border-radius:8px;
	padding:12px 14px;
	box-shadow:var(--shadow);
	display:none;
	max-width:360px;
}
.toast-message.is-visible{display:block}

.dashboard-page{
	display:grid;
	gap:var(--admin-section-gap);
}
.dashboard-welcome{
	background:#fff;
	border:1px solid var(--border);
	border-radius:8px;
	padding:20px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
}
.dashboard-welcome span{
	display:block;
	color:var(--muted);
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:4px;
}
.dashboard-welcome h2{
	margin:0;
	font-size:26px;
	line-height:1.2;
}
.dashboard-welcome p{
	margin:6px 0 0;
	color:var(--muted);
}
.dashboard-welcome-actions{
	display:flex;
	gap:8px;
	flex-wrap:wrap;
	justify-content:flex-end;
}
.dashboard-reminders{
	border:1px solid #f6b35d;
	border-left:6px solid #e8791a;
	border-radius:8px;
	background:#fff8ed;
	padding:16px;
	box-shadow:0 10px 28px rgba(180,83,9,.12);
}
.dashboard-reminders .section-title-row h3{
	color:#8a3f09;
}
.dashboard-reminders .section-title-row span{
	color:#9a5b12;
}
.dashboard-reminder-list{
	display:grid;
	gap:10px;
	margin-top:12px;
}
.dashboard-reminder-card{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	gap:14px;
	align-items:start;
	background:#fff;
	border:1px solid #f4c790;
	border-radius:8px;
	padding:13px;
}
.dashboard-reminder-card span{
	display:block;
	color:#a35410;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
}
.dashboard-reminder-card h4{
	margin:4px 0 6px;
	font-size:17px;
}
.dashboard-reminder-card p{
	margin:0;
	color:#344054;
	white-space:pre-wrap;
}
.dashboard-reminder-card small{
	display:block;
	margin-top:8px;
	color:#8a5a20;
}
.dashboard-reminder-actions{
	display:flex;
	gap:8px;
	flex-wrap:wrap;
	justify-content:flex-end;
}
.dashboard-followups{
	border-color:#9bc3f4;
	border-left-color:#0f6edb;
	background:#f3f8ff;
	box-shadow:0 10px 28px rgba(15,110,219,.10);
}
.dashboard-followups .section-title-row h3{
	color:#0f4f9f;
}
.dashboard-followups .section-title-row span{
	color:#3d628a;
}
.dashboard-followups .dashboard-reminder-card{
	border-color:#c7dcf7;
}
.dashboard-order-reminders{
	border-color:#f6b35d;
}
.dashboard-metrics{
	grid-template-columns:repeat(6,1fr);
	margin:0;
}
.dashboard-metrics div{
	position:relative;
	overflow:hidden;
}
.dashboard-metrics div:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:4px;
	background:#0f6edb;
}
.dashboard-layout{
	display:grid;
	grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);
	gap:var(--admin-section-gap);
	align-items:start;
}
.dashboard-panel{
	display:grid;
	gap:var(--admin-card-gap);
}
.dashboard-order-grid{
	grid-template-columns:120px minmax(0,1fr) 128px 130px;
}
.dashboard-status-list,
.dashboard-summary-list{
	background:#fff;
	border:1px solid var(--border);
	border-radius:8px;
	overflow:hidden;
}
.dashboard-status-row,
.dashboard-summary-list div{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding:13px 14px;
	border-top:1px solid var(--border);
}
.dashboard-status-row:first-child,
.dashboard-summary-list div:first-child{
	border-top:0;
}
.dashboard-status-row strong,
.dashboard-summary-list strong{
	font-size:18px;
}
.dashboard-summary-list{
	margin-top:4px;
}
.dashboard-summary-list span{
	color:var(--muted);
}
.dashboard-history-layout{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:var(--admin-card-gap);
	align-items:start;
}
.dashboard-history-card{
	background:#fff;
	border:1px solid var(--border);
	border-radius:8px;
	padding:16px;
	display:grid;
	gap:12px;
	align-content:start;
}
.dashboard-history-list{
	display:grid;
	gap:12px;
}
.dashboard-history-day{
	display:grid;
	gap:8px;
	border-top:1px solid var(--border);
	padding-top:12px;
}
.dashboard-history-day:first-child{
	border-top:0;
	padding-top:0;
}
.dashboard-history-day > strong{
	font-size:13px;
	color:#334155;
}
.dashboard-history-day > span{
	color:var(--muted);
	font-size:13px;
}
.dashboard-history-row{
	border:1px solid #d9e4f2;
	background:#f8fbff;
	border-radius:8px;
	padding:10px 12px;
	display:grid;
	gap:3px;
}
.dashboard-history-row:hover{
	border-color:#9fc2ea;
	background:#eef6ff;
}
.dashboard-history-row span,
.dashboard-history-row small{
	color:var(--muted);
	font-size:12px;
}
.dashboard-history-row strong{
	font-size:14px;
}
.dashboard-history-more{
	border:1px dashed #c7d7ea;
	border-radius:8px;
	padding:8px 10px;
	color:#0f6edb;
	font-size:13px;
	text-align:center;
	background:#fbfdff;
}

.admin-modal{
	display:none;
	position:fixed;
	inset:0;
	z-index:100;
}
.admin-body.modal-open{
	overflow:hidden;
}
.admin-modal.is-visible{
	display:block;
}
.admin-modal-backdrop{
	position:absolute;
	inset:0;
	background:rgba(15,23,42,.48);
}
.admin-modal-window{
	position:absolute;
	top:18px;
	right:18px;
	bottom:18px;
	left:18px;
	width:auto;
	background:#fff;
	border-radius:8px;
	box-shadow:var(--shadow);
	overflow:auto;
	border:1px solid var(--border);
}
.admin-modal-close{
	position:sticky;
	top:0;
	margin:14px 14px 0 auto;
	z-index:2;
	width:36px;
	height:36px;
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	font-size:22px;
}
.admin-modal-content{
	min-height:calc(100vh - 88px);
}
.admin-modal-loading{
	min-height:calc(100vh - 140px);
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--muted);
	font-weight:700;
}
.customer-card-modal{
	padding:0 24px 24px;
}
.product-card-modal{
	padding:0 24px 24px;
}
.modal-header{
	border-bottom:1px solid var(--border);
	margin-bottom:18px;
	padding-bottom:18px;
}
.modal-header span{
	display:block;
	color:var(--muted);
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
}
.modal-header h2{
	margin:4px 0;
	font-size:26px;
}
.modal-header p{
	margin:0;
	color:var(--muted);
}
.customer-card-form{
	border:1px solid var(--border);
	border-radius:8px;
	padding:16px;
	background:#fbfcfe;
}
.customer-password-section{
	margin-top:14px;
}
.customer-password-form{
	display:grid;
	gap:10px;
}
.customer-password-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px;
}
.customer-password-grid label{
	display:flex;
	flex-direction:column;
	gap:5px;
	min-width:0;
}
.customer-password-grid label span,
.customer-password-hint{
	font-size:12px;
	color:var(--muted);
}
.customer-password-grid input{
	width:100%;
	min-height:var(--field-height);
	padding:var(--field-padding-y) var(--field-padding-x);
	border:1px solid var(--border);
	border-radius:var(--field-radius);
	background:#fff;
}
.customer-password-grid input:focus{
	border-color:#8bbbe0;
	box-shadow:0 0 0 3px rgba(31,111,178,.12);
	outline:none;
}
.customer-password-hint{
	margin:0;
}
.customer-password-feedback{
	margin:0;
	font-size:13px;
	font-weight:600;
}
.customer-password-feedback.is-error{
	color:#b42318;
}
.customer-password-feedback.is-success{
	color:#067647;
}
.customer-password-actions{
	display:flex;
	justify-content:flex-end;
}
.customer-edit-layout{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:14px;
}
.customer-edit-section{
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	padding:14px;
	box-shadow:0 1px 2px rgba(15,23,42,.03);
}
.customer-edit-section-primary{
	grid-column:1 / -1;
}
.customer-edit-section-head{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:12px;
	border-bottom:1px solid #edf1f6;
	padding-bottom:10px;
	margin-bottom:12px;
}
.customer-edit-section-head h3{
	margin:0;
	font-size:14px;
	line-height:1.25;
	color:#172033;
}
.customer-edit-section-head p{
	margin:0;
	color:var(--muted);
	font-size:12px;
	text-align:right;
}
.customer-edit-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:10px;
	align-items:end;
}
.customer-edit-grid-primary{
	grid-template-columns:160px 190px repeat(2,minmax(0,1fr));
}
.customer-edit-grid-address{
	grid-template-columns:minmax(140px,.8fr) minmax(220px,1.6fr) 130px minmax(150px,1fr) 110px;
}
.customer-edit-grid-terms{
	grid-template-columns:minmax(190px,1.25fr) minmax(220px,1.35fr) 120px 130px minmax(130px,.75fr);
}
@media(max-width:760px){
	.customer-password-grid{
		grid-template-columns:1fr;
	}
}
.customer-edit-grid label,
.customer-edit-grid .checkbox-label{
	display:flex;
	flex-direction:column;
	gap:5px;
	min-width:0;
}
.customer-edit-grid span{
	font-size:12px;
	color:var(--muted);
}
.customer-edit-grid input:not([type="checkbox"]):not([type="radio"]),
.customer-edit-grid select{
	width:100%;
	border:1px solid var(--border);
	background:#fff;
	border-radius:var(--field-radius);
	padding:var(--field-padding-y) var(--field-padding-x);
	min-height:var(--field-height);
	outline:none;
}
.customer-edit-grid .checkbox-label{
	flex-direction:row !important;
	align-items:center;
	justify-content:flex-start;
	gap:10px !important;
	min-height:var(--field-height);
	border:1px solid var(--border);
	border-radius:var(--field-radius);
	background:#fff;
	padding:var(--field-padding-y) var(--field-padding-x) !important;
}
.customer-edit-grid .checkbox-label input[type="checkbox"],
.customer-edit-grid .checkbox-label input[type="radio"],
.form-grid .checkbox-label input[type="checkbox"],
.form-grid .checkbox-label input[type="radio"],
.customer-note-form .checkbox-label input[type="checkbox"],
.customer-note-form .checkbox-label input[type="radio"]{
	width:16px !important;
	height:16px !important;
	min-width:16px !important;
	min-height:16px !important;
	max-width:16px;
	padding:0 !important;
	margin:0;
	flex:0 0 16px;
}
.customer-edit-grid .checkbox-label span{
	color:#344054;
	font-size:13px;
	line-height:1.2;
}
.customer-edit-grid input:focus,
.customer-edit-grid select:focus{
	border-color:#8bbbe0;
	box-shadow:0 0 0 3px rgba(31,111,178,.12);
}
.customer-edit-newsletter{
	min-height:var(--field-height);
	align-self:end;
	justify-content:center;
	border:1px solid var(--border);
	border-radius:8px;
	background:#f8fafc;
	padding:10px 11px !important;
}
.customer-edit-newsletter span{
	color:#344054;
}
.product-modal-header{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:18px;
}
.modal-header-actions{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	justify-content:flex-end;
}
.product-card-layout{
	display:grid;
	grid-template-columns:minmax(260px,420px) minmax(0,1fr);
	gap:22px;
	align-items:start;
}
.product-card-gallery{
	border:1px solid var(--border);
	border-radius:8px;
	background:#fbfcfe;
	padding:14px;
}
.product-card-main-image{
	width:100%;
	aspect-ratio:1/1;
	object-fit:contain;
	background:#fff;
	border:1px solid var(--border);
	border-radius:8px;
}
.product-card-thumbs{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(54px,1fr));
	gap:8px;
	margin-top:10px;
	max-height:154px;
	overflow:auto;
}
.product-card-thumbs button{
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	padding:4px;
	cursor:pointer;
}
.product-card-thumbs button.active{
	border-color:var(--accent);
	box-shadow:0 0 0 2px rgba(15,110,219,.12);
}
.product-card-thumbs img{
	width:100%;
	aspect-ratio:1/1;
	object-fit:contain;
	display:block;
}
.product-card-image-empty{
	min-height:260px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--muted);
	background:#f1f5f9;
	border:1px dashed var(--border);
	border-radius:8px;
	font-weight:700;
}
.product-card-summary{
	display:grid;
	gap:16px;
}
.product-card-facts{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:10px;
}
.product-card-facts div{
	border:1px solid var(--border);
	border-radius:8px;
	padding:12px;
	background:#fff;
	min-width:0;
}
.product-card-facts span{
	display:block;
	color:var(--muted);
	font-size:12px;
}
.product-card-facts strong{
	display:block;
	margin-top:4px;
	overflow-wrap:anywhere;
}
.product-card-description{
	border:1px solid var(--border);
	border-radius:8px;
	padding:16px;
	background:#fff;
}
.product-card-description h3{
	margin:0 0 10px;
	font-size:18px;
}
.product-card-description p{
	margin-top:0;
}
.product-card-description img{
	max-width:100%;
	height:auto;
}
.product-card-panels{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:16px;
	margin-top:18px;
}
.product-card-panel{
	border:1px solid var(--border);
	border-radius:8px;
	padding:16px;
	background:#fff;
}
.product-card-price-grid{
	grid-template-columns:90px 90px 1fr 1fr 80px;
}
.product-card-agreement-grid{
	grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 90px;
}
.product-card-chip-list{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.product-card-chip-list span,
.product-card-options details{
	border:1px solid var(--border);
	border-radius:8px;
	background:#f8fafc;
}
.product-card-chip-list span{
	padding:8px 10px;
}
.product-card-chip-list em{
	color:var(--muted);
}
.product-card-options{
	display:grid;
	gap:8px;
}
.product-card-options details{
	padding:10px 12px;
}
.product-card-options summary{
	cursor:pointer;
	font-weight:700;
}
.product-card-options summary span{
	color:var(--muted);
	font-weight:400;
}
.product-card-options details div{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-top:10px;
}
.product-card-options details div span{
	background:#fff;
	border:1px solid var(--border);
	border-radius:999px;
	padding:6px 10px;
	font-size:12px;
}
.customer-history{
	margin-top:16px;
	border:1px solid var(--border);
	border-radius:8px;
	padding:16px;
}
.muted-text{
	color:var(--muted);
}

.module-page{
	padding:22px;
	display:grid;
	gap:var(--admin-section-gap);
	align-content:start;
}
.module-page > * + *{
	margin-top:0;
}
/* Gemensamt panelavstånd: rutor och tabbrader ska aldrig ligga kant i kant inne i arbetsytor. */
.detail-section + .detail-section,
.detail-section + .admin-card,
.admin-card + .detail-section,
.admin-card + .admin-card,
.detail-section + .profile-tabs,
.profile-tabs + .detail-section,
.customer-profile-tabs + .detail-section,
.detail-section + .customer-profile-tabs,
.dashboard-panel + .dashboard-panel,
.inspiration-workspace > * + *,
.webcontent-layout > * + *,
.customer-workspace-panel > * + *{
	margin-top:var(--admin-card-gap);
}
.module-page.is-loading{
	opacity:.68;
	pointer-events:none;
}
.module-header{
	background:#fff;
	border:1px solid var(--border);
	border-radius:8px;
	padding:16px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px;
}
.module-header h2{
	margin:0;
	font-size:22px;
}
.module-header p{
	margin:4px 0 0;
	color:var(--muted);
}
.module-header-actions{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:12px;
	min-width:0;
}
.section-title-row .quiet-button,
.section-title-row .small-action,
.section-title-row .action-button,
.module-header-actions .quiet-button,
.module-header-actions .small-action,
.module-header-actions .action-button{
	margin:2px 0;
}
.module-search{
	display:flex;
	gap:8px;
	min-width:460px;
}
.module-search select{
	width:160px;
	flex:0 0 160px;
}
.module-search input{
	flex:1;
	border:1px solid var(--border);
	border-radius:var(--field-radius);
	padding:var(--field-padding-y) var(--field-padding-x);
	min-height:var(--field-height);
}
.module-search button{
	border:1px solid var(--accent);
	background:var(--accent);
	color:#fff;
	border-radius:8px;
	padding:0 14px;
	cursor:pointer;
}
.metric-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:var(--admin-card-gap);
	margin:0;
}
.metric-grid.large{
	grid-template-columns:repeat(6,1fr);
}
.metric-grid div{
	background:#fff;
	border:1px solid var(--border);
	border-radius:8px;
	padding:14px;
}
.metric-grid span{
	display:block;
	color:var(--muted);
	font-size:12px;
	margin-bottom:6px;
}
.metric-grid strong{
	font-size:24px;
	line-height:1;
}
/* Sidor med module-page använder grid-gap som enda vertikala avstånd mellan huvudsektioner. */
.module-page > .metric-grid,
.module-page > .webshop-cockpit-metrics,
.module-page > .webshop-v2-metrics,
.module-page > .webshop-v2-context-filter,
.module-page > .import-result,
.module-page > .import-help{
	margin-top:0;
	margin-bottom:0;
}
.admin-table{
	background:#fff;
	border:1px solid var(--border);
	border-radius:8px;
	overflow:hidden;
}
.module-page > form > .admin-table,
.module-page > .admin-table,
.admin-card > .admin-table,
.detail-section > .admin-table,
.dashboard-panel > .admin-table{
	margin-top:16px;
}
.admin-table-head,
.admin-table-row{
	display:grid;
	gap:12px;
	align-items:center;
	padding:11px 14px;
}
.admin-table-head{
	background:#f1f5f9;
	color:var(--muted);
	font-size:12px;
	font-weight:700;
}
.admin-table-row{
	border-top:1px solid var(--border);
}
.admin-table-row strong{
	display:block;
}
.admin-table-row span{
	display:block;
	color:var(--muted);
	font-size:13px;
}
.table-button-row{
	width:100%;
	border-left:0;
	border-right:0;
	border-bottom:0;
	border-top:1px solid var(--border);
	background:#fff;
	text-align:left;
	cursor:pointer;
	font-family:inherit;
	color:inherit;
}
.table-button-row:hover{
	background:#f7fbff;
}
.customer-grid{grid-template-columns:1.2fr 1.4fr .7fr .7fr}
.offer-grid{grid-template-columns:1.3fr .9fr .6fr .6fr}
.product-grid{grid-template-columns:1.4fr .7fr .8fr .7fr}
.stock-grid{grid-template-columns:1.4fr .8fr .5fr .6fr}
.user-grid{grid-template-columns:1.2fr .7fr .5fr}
.price-field-grid{grid-template-columns:.55fr 1.45fr}
.master-price-field-grid{grid-template-columns:52px minmax(170px,.65fr) minmax(0,1.35fr)}
.price-log-grid{grid-template-columns:1.3fr .9fr .55fr .65fr}
.active-pricelist-grid{grid-template-columns:1.3fr .45fr .65fr}
.hidden-product-grid{grid-template-columns:.35fr 1.35fr .55fr .6fr .35fr}
.hidden-product-list-grid{grid-template-columns:.45fr 1.35fr .55fr .55fr .65fr}
.country-grid{grid-template-columns:.38fr 1fr .85fr 1fr}
.vat-grid{grid-template-columns:1fr 1fr .45fr .45fr}
.stock-status-grid{grid-template-columns:1.05fr .55fr .75fr 1.4fr}
.admin-table-row input[type="text"],
.admin-table-row input[type="number"],
.admin-table-row input[type="search"],
.admin-table-row input[type="date"],
.admin-table-row select,
.admin-table-row textarea{
	width:100%;
	border:1px solid var(--border);
	border-radius:var(--field-radius);
	padding:var(--field-padding-y) var(--field-padding-x);
	min-height:var(--field-height);
	background:#fff;
	color:var(--text);
}
.admin-table-row textarea{
	min-height:58px;
	resize:vertical;
}
.admin-card{
	background:#fff;
	border:1px solid var(--border);
	border-radius:8px;
	padding:18px;
	margin-bottom:0;
}
.admin-card > * + *{
	margin-top:16px;
}
.admin-card > .section-title-row,
.detail-section > .section-title-row,
.dashboard-panel > .section-title-row{
	margin-bottom:16px;
}
.admin-form-message{
	color:#175f3c;
	background:#ecfdf3;
	border-color:#badfca;
}
.admin-form-message.is-error{
	color:#8a1f11;
	background:#fff2f0;
	border-color:#f2c0b7;
}
.new-customer-result{
	max-width:760px;
}
.new-customer-result .result-kicker{
	display:block;
	color:var(--green);
	font-size:12px;
	font-weight:700;
	margin-bottom:6px;
	text-transform:uppercase;
}
.new-customer-result h3{
	margin:0;
	font-size:22px;
}
.new-customer-result p{
	margin:6px 0 0;
	color:var(--muted);
}
.history-page{
	display:grid;
	gap:var(--admin-section-gap);
}
.history-toolbar{
	display:flex;
	align-items:center;
	gap:8px;
	flex-wrap:wrap;
	justify-content:flex-end;
}
.quiet-button.is-disabled{
	opacity:.55;
	pointer-events:none;
	background:#f3f6fa;
	color:#667085;
}
.history-days{
	display:grid;
	gap:var(--admin-card-gap);
}
.history-day-card{
	background:#fff;
	border:1px solid var(--border);
	border-radius:8px;
	overflow:hidden;
}
.history-day-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	background:#f8fafc;
	border-bottom:1px solid var(--border);
	padding:14px 16px;
}
.history-day-header h3{
	margin:0;
	font-size:18px;
}
.history-day-header span{
	display:block;
	margin-top:2px;
	color:var(--muted);
	font-size:12px;
}
.history-day-header strong{
	color:#344054;
	font-size:13px;
	white-space:nowrap;
}
.history-list{
	display:grid;
}
.history-row{
	display:grid;
	grid-template-columns:58px minmax(0,1fr) auto;
	gap:14px;
	align-items:start;
	padding:14px 16px;
	border-top:1px solid var(--border);
}
.history-row:first-child{
	border-top:0;
}
.history-time{
	color:#667085;
	font-size:13px;
	font-weight:700;
	padding-top:2px;
}
.history-row-main{
	display:grid;
	gap:6px;
	min-width:0;
}
.history-row-main strong{
	display:block;
	font-size:15px;
}
.history-primary-link{
	color:#111827;
	text-decoration:none;
}
.history-primary-link:hover{
	color:#0f6edb;
	text-decoration:underline;
}
.history-row-main span{
	display:block;
	color:#0f6edb;
	font-size:13px;
}
.history-row-main p{
	margin:0;
	color:#475467;
	font-size:13px;
	line-height:1.45;
	white-space:normal;
}
.history-actions{
	display:flex;
	gap:8px;
	flex-wrap:wrap;
	justify-content:flex-end;
}
.empty-state.compact{
	padding:16px;
	text-align:left;
}
.price-admin-layout{
	display:grid;
	grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);
	gap:18px;
	align-items:start;
}
.price-upload-form{
	display:grid;
	gap:12px;
}
.price-upload-form label{
	display:grid;
	gap:6px;
}
.price-upload-form span{
	color:var(--muted);
	font-size:12px;
}
.price-upload-form input[type="file"]{
	border:1px dashed var(--border);
	border-radius:var(--field-radius);
	padding:10px var(--field-padding-x);
	background:#f8fafc;
}
.vat-country-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(280px,1fr));
	gap:18px;
}
.vat-country-card{
	margin-bottom:0;
}
.vat-rate-list{
	display:grid;
	gap:10px;
	margin-top:14px;
}
.vat-rate-row{
	display:grid;
	grid-template-columns:minmax(130px,1fr) 86px 24px;
	align-items:center;
	gap:8px;
	color:#344054;
}
.vat-rate-row span{
	font-weight:600;
}
.vat-rate-row input{
	width:100%;
	border:1px solid var(--border);
	border-radius:var(--field-radius);
	padding:var(--field-padding-y) var(--field-padding-x);
	text-align:right;
}
.vat-rate-row em{
	color:var(--muted);
	font-style:normal;
}
.sticky-form-actions{
	position:sticky;
	bottom:0;
	background:rgba(248,250,252,.92);
	backdrop-filter:blur(8px);
	padding:14px 2px 0;
}
.compact-search{
	min-width:360px;
}
.stock-comment-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:8px;
}
.stock-status-grid small{
	display:block;
	color:var(--muted);
	margin-top:4px;
}

/* Kundprofilen använder samma administrativa moduler men med tydligare kundöversikt och AJAX-laddade flikar. */
.customer-profile-page{
	display:grid;
	gap:var(--admin-section-gap);
}
.customer-card-shell{
	background:#fff;
	border:1px solid #dbe5ef;
	border-radius:8px;
	box-shadow:0 16px 42px rgba(15,23,42,.06);
	overflow:hidden;
}
.customer-card-title{
	padding:18px 22px;
	border-bottom:1px solid #e5edf5;
	background:#fff;
}
.customer-card-title h2{
	margin:0;
	font-size:24px;
	line-height:1.15;
	letter-spacing:0;
}
.customer-card-identity{
	display:grid;
	grid-template-columns:96px minmax(0,1fr) auto;
	gap:22px;
	align-items:center;
	padding:22px;
	border-bottom:1px solid #e5edf5;
	background:linear-gradient(180deg,#fff 0,#fbfdff 100%);
}
.customer-avatar{
	width:82px;
	height:82px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#e9f0f9;
	color:#7b9bc5;
	font-size:31px;
	font-weight:800;
	letter-spacing:0;
}
.customer-identity-main h3{
	display:flex;
	align-items:center;
	gap:10px;
	margin:0;
	font-size:24px;
	line-height:1.1;
	letter-spacing:0;
}
.customer-identity-main h3 span{
	font-size:19px;
	line-height:1;
}
.customer-identity-main p{
	margin:6px 0 0;
	color:#344054;
	font-size:14px;
}
.customer-badges{
	display:flex;
	flex-wrap:wrap;
	gap:7px;
	margin-top:8px;
}
.customer-badges span{
	display:inline-flex;
	align-items:center;
	min-height:22px;
	border-radius:4px;
	background:#536174;
	color:#fff;
	padding:3px 7px;
	font-size:10px;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:0;
}
.customer-badges .customer-demo-badge,
.customer-demo-inline,
.customer-active-pill.is-demo{
	background:#fff4e5;
	color:#9a5b12;
	border:1px solid #f4d5a3;
}
.customer-demo-inline{
	display:inline-flex;
	align-items:center;
	min-height:20px;
	border-radius:999px;
	padding:2px 7px;
	margin-left:5px;
	font-size:10px;
	font-weight:800;
	text-transform:uppercase;
	vertical-align:middle;
}
.customer-contact-line{
	display:flex;
	flex-wrap:wrap;
	gap:14px;
	margin-top:10px;
	color:#536174;
	font-size:13px;
}
.customer-contact-line a,
.customer-contact-line span{
	color:#536174;
}
.customer-identity-actions{
	display:grid;
	justify-items:end;
	gap:18px;
}
.customer-light-button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:36px;
	border:1px solid #dbe5ef;
	border-radius:6px;
	background:#fff;
	color:#344054;
	padding:0 13px;
	font-weight:700;
	font-size:13px;
	cursor:pointer;
}
.customer-light-button.is-primary{
	background:#0f6edb;
	border-color:#0f6edb;
	color:#fff;
}
.customer-active-pill{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:122px;
	min-height:32px;
	border-radius:999px;
	background:#dff7ea;
	color:#177a4c;
	font-size:13px;
	font-weight:800;
}
.customer-card-layout{
	display:grid;
	grid-template-columns:300px minmax(0,1fr);
	min-height:620px;
}
.customer-card-sidebar{
	border-right:1px solid #e5edf5;
	background:#fbfdff;
}
.customer-side-panel{
	padding:18px 22px;
	border-bottom:1px solid #e5edf5;
}
.customer-side-panel h3{
	margin:0 0 16px;
	font-size:15px;
	line-height:1.2;
}
.customer-summary-list{
	display:grid;
	gap:14px;
	margin:0;
}
.customer-summary-list div{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	gap:12px;
	align-items:center;
}
.customer-summary-list dt{
	color:#344054;
	font-size:12px;
	font-weight:700;
}
.customer-summary-list dd{
	margin:0;
	color:#172033;
	font-size:12px;
	font-weight:800;
	text-align:right;
}
.customer-reminder-panel{
	min-height:360px;
}
.customer-reminder-list{
	display:grid;
	gap:12px;
}
.customer-reminder-item{
	position:relative;
	display:grid;
	grid-template-columns:12px minmax(0,1fr);
	gap:8px 10px;
	padding:10px 0 12px;
	border-bottom:1px solid #edf2f7;
}
.customer-reminder-item:last-child{
	border-bottom:0;
}
.customer-reminder-item > span{
	grid-row:1 / 4;
	width:8px;
	height:8px;
	margin-top:5px;
	border-radius:50%;
	background:#e0a22d;
}
.customer-reminder-item.tone-red > span{background:#d92d20}
.customer-reminder-item.tone-blue > span{background:#0f6edb}
.customer-reminder-item.tone-amber > span{background:#d99019}
.customer-reminder-item strong{
	display:block;
	color:#172033;
	font-size:13px;
	line-height:1.35;
}
.customer-reminder-item small,
.customer-reminder-item em{
	display:block;
	color:#667085;
	font-size:12px;
	font-style:normal;
	line-height:1.35;
}
.customer-reminder-item.tone-red em{
	color:#d92d20;
	font-weight:800;
}
.customer-muted-text{
	margin:0;
	color:#667085;
}
.customer-card-main{
	min-width:0;
	padding:22px;
}
.customer-card-main .customer-profile-tabs{
	border:0;
	border-bottom:1px solid #dbe5ef;
	border-radius:0;
	background:transparent;
	padding:0;
	gap:22px;
	overflow:auto;
}
.customer-card-main .customer-profile-tabs a{
	position:relative;
	border-radius:0;
	padding:0 0 13px;
	color:#344054;
	font-size:13px;
	font-weight:700;
	background:transparent;
}
.customer-card-main .customer-profile-tabs a.active{
	background:transparent;
	color:#0f6edb;
}
.customer-card-main .customer-profile-tabs a.active:after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-1px;
	height:3px;
	border-radius:999px 999px 0 0;
	background:#0f6edb;
}
.customer-card-main .tab-count-label{
	min-width:22px;
	min-height:20px;
	font-size:11px;
}
.customer-card-main .customer-profile-tab-panel{
	padding-top:16px;
}
.customer-card-shell-redesign{
	display:grid;
	grid-template-columns:380px minmax(0,1fr);
	min-height:calc(100vh - 70px);
	border:0;
	border-radius:0;
	box-shadow:none;
	background:#fff;
}
.customer-profile-page{
	padding:0;
	gap:0;
}
.customer-dossier-panel{
	border-right:1px solid #e5edf5;
	background:#fff;
	padding:28px 22px 24px;
}
.customer-dossier-head{
	display:grid;
	grid-template-columns:72px minmax(0,1fr);
	gap:18px;
	align-items:start;
	padding-bottom:18px;
	border-bottom:1px solid #e5edf5;
}
.customer-dossier-avatar{
	width:68px;
	height:68px;
	font-size:26px;
	color:#0f6edb;
	background:#edf4ff;
}
.customer-dossier-title{
	min-width:0;
}
.customer-dossier-name-row{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto 36px;
	gap:10px;
	align-items:center;
}
.customer-dossier-name-row h2{
	margin:0;
	color:#172033;
	font-size:22px;
	line-height:1.15;
	letter-spacing:0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.customer-dossier-title p{
	margin:8px 0 0;
	color:#172033;
	font-size:15px;
}
.customer-dossier-name-row .customer-active-pill{
	min-width:auto;
	min-height:24px;
	padding:0 10px;
	font-size:11px;
}
.customer-more-button{
	width:34px;
	height:34px;
	border:1px solid #dbe5ef;
	border-radius:7px;
	background:#fff;
	color:#344054;
	font-weight:800;
	cursor:pointer;
}
.customer-dossier-contact{
	display:flex;
	flex-wrap:wrap;
	gap:14px;
	padding:16px 0 18px;
	border-bottom:1px solid #e5edf5;
	color:#536174;
	font-size:13px;
}
.customer-dossier-contact span,
.customer-dossier-contact a{
	color:#536174;
	text-decoration:none;
}
.customer-dossier-list{
	padding:20px 0 22px;
	border-bottom:1px solid #e5edf5;
	gap:18px;
}
.customer-dossier-list div{
	grid-template-columns:136px minmax(0,1fr);
}
.customer-dossier-list dt{
	color:#536174;
	font-size:13px;
	font-weight:600;
}
.customer-dossier-list dd{
	color:#172033;
	font-size:13px;
	font-weight:700;
	text-align:left;
	line-height:1.4;
}
.customer-dossier-reminders{
	padding:22px 0;
	border-bottom:1px solid #e5edf5;
}
.customer-dossier-reminders h3{
	margin:0 0 14px;
	font-size:15px;
	line-height:1.25;
}
.customer-dossier-reminders .customer-reminder-item{
	grid-template-columns:14px minmax(0,1fr) auto;
	align-items:center;
	gap:8px;
	padding:10px 0;
}
.customer-dossier-reminders .customer-reminder-item > span{
	grid-row:auto;
	margin-top:0;
}
.customer-dossier-reminders .customer-reminder-item em{
	text-align:right;
}
.customer-dossier-actions{
	padding-top:18px;
}
.customer-primary-button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:38px;
	border:1px solid #0f6edb;
	border-radius:6px;
	background:#0f6edb;
	color:#fff;
	padding:0 15px;
	font-size:13px;
	font-weight:800;
	text-decoration:none;
	cursor:pointer;
}
.customer-primary-button:hover{
	background:#0b5fc1;
	border-color:#0b5fc1;
}
.customer-workspace-panel{
	min-width:0;
	padding:24px 22px;
	background:#fff;
}
.customer-workspace-panel .customer-profile-tabs{
	border:0;
	border-bottom:1px solid #dbe5ef;
	border-radius:0;
	background:transparent;
	padding:0;
	gap:34px;
}
.customer-workspace-panel .customer-profile-tabs a{
	position:relative;
	padding:0 0 14px;
	border-radius:0;
	background:transparent;
	color:#172033;
	font-size:14px;
	font-weight:700;
}
.customer-workspace-panel .customer-profile-tabs a.active{
	color:#0f6edb;
	background:transparent;
}
.customer-workspace-panel .customer-profile-tabs a.active:after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-1px;
	height:3px;
	border-radius:999px 999px 0 0;
	background:#0f6edb;
}
.customer-workspace-panel .customer-profile-tab-panel{
	padding-top:16px;
}
.customer-orders-workspace{
	display:grid;
	gap:16px;
}
.customer-orders-toolbar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
}
.customer-orders-actions{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.customer-orders-search{
	display:grid;
	grid-template-columns:260px 44px;
	gap:10px;
	align-items:center;
}
.customer-orders-search input{
	height:38px;
	border:1px solid #dbe5ef;
	border-radius:7px;
	padding:0 12px;
	font-size:13px;
}
.customer-orders-search button{
	position:relative;
	width:40px;
	height:38px;
	border:1px solid #dbe5ef;
	border-radius:7px;
	background:#fff;
	cursor:pointer;
}
.customer-orders-search button:before{
	content:"";
	position:absolute;
	left:13px;
	top:10px;
	width:12px;
	height:12px;
	border:2px solid #536174;
	border-radius:50%;
}
.customer-orders-search button:after{
	content:"";
	position:absolute;
	left:25px;
	top:24px;
	width:8px;
	height:2px;
	border-radius:999px;
	background:#536174;
	transform:rotate(45deg);
	transform-origin:left center;
}
.customer-orders-table-wrap,
.customer-order-detail-card{
	border:1px solid #dbe5ef;
	border-radius:8px;
	background:#fff;
	overflow:hidden;
}
.customer-orders-list-grid{
	display:grid;
	grid-template-columns:1.05fr 1fr .9fr 1.35fr .75fr 1fr 30px;
	gap:12px;
	align-items:center;
	min-height:48px;
	padding:0 16px;
	border-bottom:1px solid #e5edf5;
	color:#172033;
	font-size:13px;
	text-decoration:none;
}
.customer-orders-list-head{
	min-height:42px;
	background:#f7f9fc;
	color:#536174;
	font-size:12px;
	font-weight:800;
}
.customer-order-list-row:hover,
.customer-order-list-row.is-active{
	background:#f2f8ff;
}
.customer-order-list-row.is-active{
	box-shadow:inset 0 0 0 1px #b8d6fa;
}
.customer-order-list-row strong{
	display:flex;
	align-items:center;
	gap:8px;
	color:#172033;
	font-size:13px;
}
.customer-status-dot{
	display:inline-block;
	width:8px;
	height:8px;
	margin-right:8px;
	border-radius:50%;
	background:#178957;
	vertical-align:middle;
}
.customer-orders-pagination{
	display:flex;
	justify-content:space-between;
	align-items:center;
	min-height:46px;
	padding:0 16px;
	color:#667085;
	font-size:12px;
}
.customer-orders-pagination span{
	display:flex;
	align-items:center;
	gap:16px;
	color:#536174;
}
.customer-orders-pagination strong{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:28px;
	height:28px;
	border-radius:6px;
	background:#0f6edb;
	color:#fff;
}
.customer-order-detail-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	padding:18px 16px 14px;
}
.customer-order-detail-head h3{
	display:flex;
	align-items:center;
	gap:8px;
	margin:0;
	font-size:18px;
	line-height:1.2;
}
.customer-order-detail-head p{
	margin:6px 0 0;
	color:#667085;
	font-size:12px;
}
.customer-order-detail-head > div:last-child{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	gap:9px;
}
.customer-order-detail-tabs{
	display:flex;
	gap:28px;
	padding:0 16px;
	border-bottom:1px solid #dbe5ef;
}
.customer-order-detail-tabs a{
	position:relative;
	padding:0 0 12px;
	color:#344054;
	font-size:13px;
	font-weight:700;
	text-decoration:none;
}
.customer-order-detail-tabs a.active{
	color:#0f6edb;
}
.customer-order-detail-tabs a.active:after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-1px;
	height:3px;
	background:#0f6edb;
}
.customer-order-detail-body{
	display:grid;
	grid-template-columns:minmax(0,1fr) 300px;
	gap:14px;
	padding:14px;
}
.customer-order-products,
.customer-order-summary-box{
	border:1px solid #e5edf5;
	border-radius:8px;
	overflow:hidden;
}
.customer-order-products-head,
.customer-order-product-row{
	display:grid;
	grid-template-columns:minmax(220px,1.3fr) .75fr .5fr .75fr .65fr .8fr;
	gap:12px;
	align-items:center;
	padding:0 12px;
	min-height:48px;
	border-bottom:1px solid #e5edf5;
	font-size:12px;
}
.customer-order-products-head{
	background:#f7f9fc;
	color:#536174;
	font-weight:800;
}
.customer-order-product-row{
	color:#172033;
	font-size:13px;
}
.customer-order-product-row > div:first-child{
	display:grid;
	grid-template-columns:34px minmax(0,1fr);
	gap:10px;
	align-items:center;
}
.customer-order-product-row img,
.customer-order-product-row .order-product-thumb{
	width:34px;
	height:34px;
	border-radius:6px;
	border:1px solid #dbe5ef;
	object-fit:contain;
	background:#fff;
}
.customer-order-product-row strong{
	font-size:13px;
}
.add-order-product-link{
	margin:14px;
	width:max-content;
}
.customer-order-summary-box{
	padding:8px 0;
	align-self:start;
}
.customer-order-summary-box div{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	gap:12px;
	padding:10px 14px;
	color:#536174;
	font-size:12px;
}
.customer-order-summary-box strong{
	color:#172033;
	font-size:13px;
	text-align:right;
}
.customer-order-summary-box .total{
	margin:8px 0;
	border-top:1px solid #e5edf5;
	border-bottom:1px solid #e5edf5;
	color:#172033;
	font-weight:800;
}
.customer-order-summary-box .total strong{
	font-size:15px;
}
.customer-card-overview{
	display:grid;
	gap:var(--admin-card-gap);
}
.customer-inner-card{
	border:1px solid #dbe5ef;
	border-radius:8px;
	background:#fff;
	padding:18px;
}
.customer-inner-title{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px;
	margin-bottom:14px;
}
.customer-inner-title h3{
	margin:0;
	font-size:16px;
	line-height:1.2;
}
.customer-inner-title a{
	color:#0f6edb;
	font-size:12px;
	font-weight:800;
}
.customer-pinned-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:12px;
}
.customer-pinned-card{
	border:1px solid #dbe5ef;
	border-radius:8px;
	background:#fff;
	min-height:150px;
	padding:13px;
	display:flex;
	flex-direction:column;
	gap:9px;
}
.customer-pinned-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
}
.customer-pinned-head span{
	display:inline-flex;
	align-items:center;
	min-height:22px;
	border-radius:5px;
	background:#fff4d7;
	color:#9a5b12;
	padding:3px 7px;
	font-size:10px;
	font-weight:800;
	text-transform:uppercase;
}
.customer-pinned-head button{
	width:24px;
	height:24px;
	border:0;
	background:transparent;
	color:#536174;
	cursor:pointer;
	font-size:16px;
	line-height:1;
}
.customer-pinned-card p{
	margin:0;
	color:#172033;
	font-size:13px;
	line-height:1.45;
	flex:1;
}
.customer-pinned-card footer{
	color:#667085;
	font-size:12px;
}
.customer-empty-panel{
	border:1px dashed #cbd6e2;
	border-radius:8px;
	background:#fbfdff;
	color:#667085;
	padding:18px;
}
.customer-activity-timeline{
	position:relative;
	display:grid;
	gap:0;
	padding-left:10px;
}
.customer-activity-timeline:before{
	content:"";
	position:absolute;
	top:18px;
	bottom:18px;
	left:23px;
	width:1px;
	background:#dbe5ef;
}
.customer-activity-row{
	position:relative;
	display:grid;
	grid-template-columns:32px minmax(0,1fr) auto;
	gap:12px;
	align-items:start;
	padding:10px 0;
}
.customer-activity-icon{
	position:relative;
	z-index:1;
	width:25px;
	height:25px;
	border-radius:50%;
	border:1px solid #c8d7e8;
	background:#fff;
	box-shadow:0 0 0 4px #fff;
}
.customer-activity-icon:after{
	content:"";
	position:absolute;
	inset:8px;
	border-radius:50%;
	background:#0f6edb;
}
.customer-activity-row.tone-green .customer-activity-icon:after{background:#20a767}
.customer-activity-row.tone-slate .customer-activity-icon:after{background:#9aa6b2}
.customer-activity-copy strong{
	display:block;
	color:#172033;
	font-size:14px;
	line-height:1.35;
}
.customer-activity-copy small{
	display:block;
	margin-top:3px;
	color:#667085;
	font-size:12px;
}
.customer-activity-row time{
	color:#667085;
	font-size:12px;
	white-space:nowrap;
	padding-top:2px;
}
.customer-profile-hero{
	background:#fff;
	border:1px solid var(--border);
	border-radius:8px;
	padding:18px;
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	gap:18px;
	align-items:start;
}
.customer-profile-hero h2{
	margin:4px 0 4px;
	font-size:28px;
	line-height:1.15;
}
.customer-profile-hero p{
	margin:0;
	color:var(--muted);
}
.customer-profile-meta{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-top:12px;
}
.customer-profile-meta span{
	display:inline-flex;
	align-items:center;
	min-height:28px;
	border:1px solid var(--border);
	border-radius:999px;
	background:#f8fafc;
	padding:4px 9px;
	color:#435064;
	font-size:12px;
}
.customer-profile-actions{
	display:flex;
	justify-content:flex-end;
	gap:8px;
	flex-wrap:wrap;
}
.customer-profile-tabs{
	display:flex;
	align-items:center;
	gap:6px;
	overflow:auto;
	background:#fff;
	border:1px solid var(--border);
	border-radius:8px;
	padding:8px;
}
.customer-profile-tabs a{
	flex:0 0 auto;
	border-radius:8px;
	padding:10px 13px;
	color:#3d4a5c;
	font-weight:600;
	display:inline-flex;
	align-items:center;
	gap:7px;
}
.customer-profile-tabs a.active{
	background:#eaf3ff;
	color:#0f6edb;
}
.tab-count-label{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:24px;
	min-height:22px;
	border-radius:999px;
	background:#edf2f7;
	color:#536174;
	padding:2px 7px;
	font-size:12px;
	font-weight:700;
	line-height:1;
}
.customer-profile-tabs a.active .tab-count-label{
	background:#d7eaff;
	color:#0f5caa;
}
.customer-profile-workspace{
	display:grid;
	grid-template-columns:minmax(260px,320px) minmax(0,1fr);
	gap:var(--admin-section-gap);
	align-items:start;
}
.customer-profile-summary{
	position:sticky;
	top:86px;
	display:grid;
	gap:12px;
}
.profile-summary-card{
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	padding:14px;
}
.profile-summary-card.is-primary{
	border-color:#bdd7f2;
	background:#f7fbff;
}
.profile-summary-card.is-attention{
	border-color:#f2c46d;
	background:#fff9ec;
}
.profile-summary-card h3,
.profile-summary-title span{
	margin:0 0 9px;
	color:#667085;
	font-size:12px;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:0;
}
.profile-summary-title strong{
	display:block;
	font-size:18px;
	line-height:1.25;
	color:#162033;
}
.profile-summary-metrics{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:8px;
	margin:12px 0;
}
.profile-summary-metrics div{
	border:1px solid #d5e6f7;
	border-radius:8px;
	background:#fff;
	padding:9px;
}
.profile-summary-metrics span,
.profile-summary-list dt{
	display:block;
	color:#667085;
	font-size:12px;
	margin-bottom:2px;
}
.profile-summary-metrics strong,
.profile-summary-list dd{
	margin:0;
	color:#172033;
	font-weight:800;
}
.profile-summary-card a{
	color:#0f6edb;
	font-weight:700;
}
.profile-summary-list{
	display:grid;
	gap:9px;
	margin:0;
}
.profile-summary-list div{
	border-top:1px solid #eef2f7;
	padding-top:9px;
}
.profile-summary-list div:first-child{
	border-top:0;
	padding-top:0;
}
.profile-summary-contact{
	display:grid;
	gap:7px;
	color:#475467;
}
.profile-summary-contact span,
.profile-summary-contact a{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.profile-attention-list{
	display:grid;
	gap:8px;
}
.profile-attention-list a{
	display:block;
	border:1px solid #f2c46d;
	border-radius:8px;
	background:#fff;
	padding:9px 10px;
	color:#8a4d00;
}
.customer-profile-tab-panel{
	min-height:220px;
}
.customer-profile-tab-panel.is-loading{
	opacity:.55;
	pointer-events:none;
}
.customer-profile-overview{
	display:grid;
	grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
	gap:var(--admin-card-gap);
}
.customer-facts{
	display:grid;
	gap:8px;
	margin-top:12px;
}
.pinned-customer-notes{
	display:grid;
	gap:8px;
	border:1px solid #f6b35d;
	border-left:5px solid #e8791a;
	border-radius:8px;
	background:#fff8ed;
	padding:12px;
	margin-top:12px;
}
.pinned-customer-notes h4{
	margin:0;
	color:#8a3f09;
	font-size:14px;
}
.customer-active-reminders{
	border-color:#f2c46d;
	border-left-color:#d58b00;
	background:#fff9ec;
}
.customer-facts p,
.customer-contact-grid p{
	margin:0;
	color:var(--muted);
}
.customer-facts strong,
.customer-contact-grid strong{
	color:var(--text);
}
.customer-contact-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:var(--admin-card-gap);
	margin-top:var(--admin-card-gap);
}
.customer-contact-grid > div{
	border:1px solid var(--border);
	border-radius:8px;
	background:#f8fafc;
	padding:14px;
}
.customer-contact-grid h4{
	margin:0 0 10px;
	font-size:14px;
}
.customer-order-grid{
	grid-template-columns:.7fr .7fr .7fr .8fr .8fr;
}
.customer-orders-table .admin-table-row:hover{
	background:#f7fbff;
}
.customer-login-grid{
	grid-template-columns:.9fr .8fr .6fr .8fr;
}
.customer-history-list{
	display:grid;
	gap:8px;
	margin-top:var(--admin-card-gap);
}
.customer-note-form{
	border:1px solid var(--border);
	border-radius:8px;
	background:#fbfcfe;
	padding:14px;
}
.customer-note-control-grid{
	grid-template-columns:minmax(170px,.9fr) minmax(250px,1.2fr) minmax(560px,2.4fr) minmax(230px,1fr);
	align-items:stretch;
}
.customer-note-reminder-card{
	display:grid;
	grid-template-columns:minmax(130px,.75fr) repeat(2,minmax(150px,1fr));
	gap:12px;
	align-items:end;
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	padding:10px 11px;
	transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.customer-note-reminder-card.is-active{
	border-color:#8bbbe0;
	background:#f7fbff;
	box-shadow:0 0 0 3px rgba(31,111,178,.08);
}
.customer-note-reminder-fields{
	display:contents;
}
.customer-note-reminder-fields[hidden]{
	display:none;
}
.customer-note-form .checkbox-label{
	min-height:var(--field-height);
	border:1px solid var(--border);
	border-radius:var(--field-radius);
	background:#fff;
	padding:var(--field-padding-y) var(--field-padding-x) !important;
	align-items:center;
}
.customer-note-reminder-card .checkbox-label{
	min-height:var(--field-height);
	border:0;
	border-radius:0;
	background:transparent;
	padding:0 !important;
}
.customer-note-form .checkbox-label span{
	color:#344054;
	font-size:13px;
}
.customer-note-form textarea{
	min-height:120px;
	resize:vertical;
}
.customer-note-pin{
	align-self:stretch;
}
.customer-note-view-tabs{
	display:flex;
	align-items:center;
	gap:8px;
	flex-wrap:wrap;
	margin:0 0 14px;
}
.customer-note-view-tabs a{
	display:inline-flex;
	align-items:center;
	gap:7px;
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	min-height:40px;
	padding:9px 12px;
	color:#3d4a5c;
	font-weight:700;
}
.customer-note-view-tabs a.active{
	background:#eaf3ff;
	border-color:#b8d4f4;
	color:#0f6edb;
}
.customer-note-related-box{
	border:1px solid var(--border);
	border-radius:8px;
	background:#fbfcfe;
	padding:14px;
	margin-top:var(--admin-card-gap);
}
.customer-note-related-box.is-hidden-notes{
	border-color:#d8b4fe;
	background:#fbf7ff;
}
.customer-note-related-box .section-title-row h4{
	margin:0;
	font-size:16px;
}
.customer-note-list{
	display:grid;
	gap:10px;
	margin-top:var(--admin-card-gap);
}
.customer-note-list.compact{
	margin-top:10px;
}
.customer-note-card{
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	padding:13px;
}
.customer-note-card.is-pinned{
	border-color:#f6b35d;
	background:#fffaf1;
}
.customer-note-card.is-reminder{
	border-color:#f2c46d;
	background:#fff8e7;
}
.customer-note-card.is-order-note{
	border-color:#b8d4f4;
	background:#f6faff;
}
.customer-note-card.is-hidden-note{
	border-color:#d8b4fe;
	background:#fff;
}
.activity-note.is-linked-customer-note{
	border-color:#b8d4f4;
	background:#f5f9ff;
}
.customer-note-meta{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	margin-bottom:8px;
}
.customer-note-meta span{
	display:inline-flex;
	align-items:center;
	min-height:26px;
	border-radius:999px;
	background:#eaf3ff;
	color:#0f5caa;
	padding:4px 9px;
	font-size:12px;
	font-weight:700;
}
.customer-note-card.is-pinned .customer-note-meta span{
	background:#ffe7bf;
	color:#8a3f09;
}
.customer-note-card.is-reminder .customer-note-meta span{
	background:#fff0c6;
	color:#8a4d00;
}
.customer-note-meta small{
	color:var(--muted);
}
.customer-note-card p{
	margin:0;
	color:#344054;
	white-space:pre-wrap;
}
.customer-note-order-link{
	display:inline-flex;
	align-items:center;
	width:max-content;
	max-width:100%;
	min-height:30px;
	border:1px solid #bfd8ff;
	border-radius:999px;
	background:#f3f8ff;
	color:#0f5caa;
	padding:5px 10px;
	font-size:12px;
	font-weight:700;
	margin:0 0 9px;
}
.customer-note-order-link:hover{
	background:#e8f2ff;
	border-color:#93c5fd;
}
.pinned-note-actions{
	display:flex;
	justify-content:flex-end;
	margin-top:12px;
}
.note-unpin-button{
	border:1px solid #f0c27b;
	background:#fff;
	color:#8a3f09;
	border-radius:8px;
	min-height:34px;
	padding:7px 10px;
	font-size:12px;
	font-weight:700;
	cursor:pointer;
}
.note-unpin-button:hover{
	background:#fff3de;
	border-color:#e1a84e;
}
.note-unpin-button:disabled{
	opacity:.55;
	cursor:wait;
}
.note-hide-button{
	border:1px solid #e3c0c0;
	background:#fff8f8;
	color:#9f2424;
	border-radius:8px;
	min-height:34px;
	padding:7px 10px;
	font-size:12px;
	font-weight:700;
	cursor:pointer;
}
.note-hide-button:hover{
	background:#fff1f1;
	border-color:#d99393;
}
.note-hide-button:disabled{
	opacity:.55;
	cursor:wait;
}
.note-reminder-status-button{
	border:1px solid #bfdbfe;
	border-radius:999px;
	background:#eff6ff;
	color:#1d4ed8;
	font:inherit;
	font-size:12px;
	font-weight:700;
	line-height:1;
	padding:6px 9px;
	cursor:pointer;
}
.note-reminder-status-button:hover{
	border-color:#93c5fd;
	background:#dbeafe;
}
.note-reminder-status-button:disabled{
	opacity:.55;
	cursor:wait;
}
.customer-note-flags{
	display:flex;
	flex-wrap:wrap;
	gap:7px;
	margin-top:10px;
}
.customer-note-flags span{
	border:1px solid var(--border);
	border-radius:999px;
	background:#f8fafc;
	color:#536174;
	padding:4px 8px;
	font-size:12px;
}
.history-state{
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	padding:10px 12px;
}
.history-state summary{
	cursor:pointer;
	font-weight:700;
}
.history-state p{
	margin:10px 0 0;
	color:var(--muted);
	white-space:pre-wrap;
}
.agreements-layout{
	display:grid;
	grid-template-columns:minmax(280px,360px) minmax(0,1fr);
	gap:var(--admin-section-gap);
	margin-top:var(--admin-section-gap);
}
.agreement-list-panel{
	align-self:start;
	position:sticky;
	top:84px;
}
.agreement-list{
	display:grid;
	gap:8px;
	margin-top:14px;
}
.agreement-list-item{
	display:block;
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	padding:12px;
}
.agreement-list-item:hover,
.agreement-list-item.active{
	border-color:#b8d4f4;
	background:#f3f8ff;
}
.agreement-list-item strong{
	display:block;
}
.agreement-list-item span{
	display:block;
	color:var(--muted);
	font-size:12px;
	margin-top:3px;
}
.agreement-detail-stack{
	display:grid;
	gap:var(--admin-card-gap);
}
.agreement-form{
	margin-top:var(--admin-card-gap);
}
.agreement-category-grid{
	grid-template-columns:minmax(0,1.2fr) minmax(120px,.6fr) 150px;
}
.agreement-percent-field{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	align-items:center;
	gap:7px;
}
.agreement-percent-field input{
	width:100%;
	border:1px solid var(--border);
	border-radius:var(--field-radius);
	padding:var(--field-padding-y) var(--field-padding-x);
	text-align:right;
}
.agreement-percent-field span{
	color:var(--muted);
	font-weight:700;
}
.agreement-customer-grid{
	grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) .6fr;
}
.users-layout{
	display:grid;
	grid-template-columns:minmax(300px,440px) minmax(0,1fr);
	gap:var(--admin-section-gap);
	margin-top:var(--admin-section-gap);
}
.admin-table-row.active{
	background:#f7fbff;
}
.permissions-grid{
	border:1px solid var(--border);
	border-radius:8px;
	overflow:hidden;
	margin-top:16px;
}
.permissions-row{
	display:grid;
	grid-template-columns:minmax(0,1fr) 90px 90px;
	gap:12px;
	align-items:center;
	padding:10px 12px;
	border-top:1px solid var(--border);
}
.permissions-row:first-child{
	border-top:0;
}
.permissions-row label{
	display:flex;
	justify-content:center;
}
.permissions-row input{
	width:18px;
	height:18px;
}
.profile-form{
	margin-top:var(--admin-card-gap);
}
.settings-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:var(--admin-section-gap);
	margin-top:var(--admin-section-gap);
}
.settings-grid p,
.report-note p{
	color:var(--muted);
}
.goal-report-print-body{
	background:#e9edf3;
	padding:22px 0;
}
.goal-report-print-sheet{
	width:210mm;
	min-height:297mm;
	margin:0 auto 18px;
	background:#fff;
	box-shadow:0 18px 46px rgba(15,23,42,.16);
	padding:18mm;
	display:flex;
	flex-direction:column;
	gap:16px;
	page-break-after:always;
}
.goal-report-print-header,
.goal-report-print-footer{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
}
.goal-report-print-header{
	border-bottom:1px solid #dbe2eb;
	padding-bottom:14px;
}
.goal-report-print-header img{
	height:34px;
	width:auto;
}
.goal-report-print-header span,
.goal-report-print-footer span,
.goal-report-print-intro span{
	display:block;
	color:#667085;
	font-size:11px;
}
.goal-report-print-header h1{
	margin:0;
	font-size:24px;
	color:#172033;
	text-align:right;
}
.goal-report-print-footer{
	border-top:1px solid #dbe2eb;
	padding-top:10px;
	margin-top:auto;
}
.goal-report-print-intro{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:12px;
}
.goal-report-print-intro div,
.goal-report-print-kpis article,
.goal-report-print-chart,
.goal-report-print-table{
	border:1px solid #dbe2eb;
	border-radius:8px;
	background:#fbfdff;
	padding:12px;
}
.goal-report-print-intro strong{
	display:block;
	color:#172033;
	margin-top:3px;
}
.goal-report-print-kpis{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:12px;
}
.goal-report-print-kpis article{
	display:grid;
	gap:7px;
}
.goal-report-print-kpis span,
.goal-report-print-kpis em{
	color:#667085;
	font-size:11px;
	font-style:normal;
}
.goal-report-print-kpis strong{
	font-size:20px;
	color:#172033;
}
.goal-report-print-chart h2,
.goal-report-print-table h2{
	margin:0 0 10px;
	font-size:16px;
	color:#172033;
}
.goal-print-chart-row{
	display:grid;
	grid-template-columns:86px minmax(0,1fr) 110px;
	gap:10px;
	align-items:center;
	padding:7px 0;
	border-bottom:1px solid #edf2f7;
	font-size:12px;
}
.goal-print-chart-row:last-child{
	border-bottom:0;
}
.goal-print-chart-row div{
	height:8px;
	border-radius:999px;
	background:#e7edf5;
	overflow:hidden;
}
.goal-print-chart-row i{
	display:block;
	height:100%;
	border-radius:999px;
	background:linear-gradient(90deg,#0f6edb,#16a463);
}
.goal-print-table-head,
.goal-print-table-row{
	display:grid;
	grid-template-columns:minmax(0,1.2fr) 1fr 1fr .7fr;
	gap:10px;
	align-items:center;
	padding:8px 0;
	border-bottom:1px solid #edf2f7;
	font-size:12px;
}
.goal-print-table-head{
	color:#667085;
	font-weight:700;
}
.goal-print-table-row:last-child{
	border-bottom:0;
}
.webcontent-tabs{
	display:flex;
	gap:8px;
	overflow:auto;
	margin:0;
}
.webcontent-tabs a{
	flex:0 0 auto;
	background:#fff;
	border:1px solid var(--border);
	border-radius:8px;
	padding:10px 12px;
	color:#334155;
}
.webcontent-tabs a.active{
	background:#eef7ff;
	border-color:#8bbbe0;
	color:#154e7c;
	font-weight:700;
}
.webcontent-layout{
	display:grid;
	grid-template-columns:minmax(320px,520px) minmax(0,1fr);
	gap:var(--admin-section-gap);
}
.webcontent-list,
.webcontent-editor{
	min-width:0;
}
.webcontent-list .section-title-row{
	background:#fff;
	border:1px solid var(--border);
	border-radius:8px 8px 0 0;
	padding:14px;
	border-bottom:0;
}
.webcontent-table{
	border-radius:0 0 8px 8px;
}
.webcontent-grid{
	grid-template-columns:74px minmax(0,1.35fr) minmax(120px,.8fr) .7fr;
}
.webcontent-item-grid{
	grid-template-columns:minmax(0,1fr) 126px;
}
.webcontent-table .admin-table-row.active{
	background:#f7fbff;
}
.webcontent-title-cell{
	display:flex;
	align-items:center;
	gap:10px;
	min-width:0;
}
.webcontent-title-cell strong{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.webcontent-title-cell span{
	display:block;
	color:var(--muted);
	font-size:12px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.webcontent-thumb{
	width:42px;
	height:34px;
	border:1px solid var(--border);
	border-radius:8px;
	background:#f8fafc;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
}
.webcontent-thumb img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.webcontent-thumb span{
	width:14px;
	height:14px;
	border-radius:50%;
	border:1px dashed #b8c4d2;
}
.webcontent-status-cell{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:4px;
}
.webcontent-status-cell > span:last-child{
	color:var(--muted);
	font-size:12px;
}
.status-published{background:#e9f8ef;color:#16704b}
.status-scheduled{background:#fff4e5;color:#9a5b12}
.status-draft{background:#eef2f6;color:#455468}
.webcontent-category-accordion{
	background:#fff;
	border:1px solid var(--border);
	border-radius:0 0 8px 8px;
	overflow:hidden;
}
.webcontent-category-group{
	border-top:1px solid var(--border);
}
.webcontent-category-group:first-child{
	border-top:0;
}
.webcontent-category-heading{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto auto;
	gap:8px;
	align-items:center;
	background:#f8fafc;
	padding:8px;
}
.webcontent-category-heading button{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	width:100%;
	min-height:40px;
	border:0;
	background:transparent;
	color:#172033;
	cursor:pointer;
	text-align:left;
	padding:0 4px;
}
.webcontent-category-heading button:before{
	content:"›";
	color:#667085;
	font-size:20px;
	line-height:1;
	transition:transform .16s ease;
}
.webcontent-category-heading button span{
	flex:1;
	min-width:0;
	font-weight:700;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.webcontent-category-heading button strong{
	background:#eaf4ff;
	color:#155a92;
	border-radius:999px;
	padding:3px 8px;
	font-size:12px;
}
.webcontent-category-heading a{
	border:1px solid var(--border);
	background:#fff;
	border-radius:8px;
	color:#667085;
	padding:7px 9px;
	font-size:12px;
}
.webcontent-category-group.is-open .webcontent-category-heading button:before{
	transform:rotate(90deg);
}
.webcontent-category-items{
	display:none;
	background:#fff;
}
.webcontent-category-group.is-open .webcontent-category-items{
	display:block;
}
.webcontent-item-row{
	display:grid;
	grid-template-columns:minmax(0,1fr) 126px;
	gap:12px;
	align-items:center;
	padding:10px 12px;
	border-top:1px solid var(--border);
	cursor:grab;
	position:relative;
}
.webcontent-item-row:hover,
.webcontent-item-row.active{
	background:#f7fbff;
}
.webcontent-item-row.is-dragging,
.webcontent-table .admin-table-row.is-dragging{
	opacity:.52;
	cursor:grabbing;
}
.webcontent-table .admin-table-row[data-webcontent-sort-item]{
	cursor:grab;
}
.webcontent-table .admin-table-row[data-webcontent-sort-item].is-dragging{
	cursor:grabbing;
}
[data-webcontent-sort-list].is-drag-over{
	box-shadow:inset 0 0 0 2px rgba(31,111,178,.18);
}
.webcontent-empty-row{
	padding:14px;
	color:var(--muted);
	border-top:1px solid var(--border);
}
.category-choice-panel{
	margin-top:var(--admin-card-gap);
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	padding:12px;
}
.category-choice-panel > span{
	display:block;
	color:var(--muted);
	font-size:12px;
	margin-bottom:8px;
}
.category-choice-panel > div{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
	gap:8px;
	max-height:220px;
	overflow:auto;
}
.category-choice-panel label{
	display:flex;
	align-items:center;
	gap:7px;
	border:1px solid #e4ebf3;
	border-radius:8px;
	padding:8px;
	background:#f8fafc;
	color:#334155;
}
.category-choice-panel input{
	min-height:0;
}
.current-image-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
	gap:10px;
	margin-top:var(--admin-card-gap);
}
.current-image-card{
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	padding:10px;
}
.current-image-card span{
	display:block;
	color:var(--muted);
	font-size:12px;
	margin-bottom:7px;
}
.current-image-card img{
	width:100%;
	aspect-ratio:4/3;
	object-fit:cover;
	border-radius:6px;
	background:#f1f5f9;
	display:block;
}
.wysiwyg-wrapper{
	border:1px solid var(--border);
	background:#fff;
	border-radius:8px;
	overflow:hidden;
}
.wysiwyg-toolbar{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	padding:8px;
	background:#f8fafc;
	border-bottom:1px solid var(--border);
}
.wysiwyg-toolbar button{
	border:1px solid #d5dee8;
	background:#fff;
	color:#334155;
	border-radius:6px;
	min-height:30px;
	padding:4px 8px;
	cursor:pointer;
}
.wysiwyg-toolbar button:hover{
	border-color:#8bbbe0;
	color:#0f6edb;
}
.wysiwyg-editor{
	min-height:160px;
	padding:12px;
	outline:none;
	background:#fff;
	line-height:1.55;
}
.wysiwyg-editor:focus{
	box-shadow:inset 0 0 0 3px rgba(31,111,178,.12);
}
.wysiwyg-source{
	display:none;
}
.webcontent-form textarea,
.webcontent-category-form textarea{
	min-height:140px;
	font-family:Arial,Helvetica,sans-serif;
}
.webcontent-product-codes{
	margin-top:14px;
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	padding:12px;
	position:relative;
}
.webcontent-product-codes.is-loading{
	opacity:.65;
}
.product-code-help strong,
.product-code-products h4,
.product-code-preview-box h4{
	display:block;
	margin-bottom:8px;
	color:#172033;
}
.product-code-help table,
.product-code-products table{
	width:100%;
	border-collapse:collapse;
	font-size:12px;
}
.product-code-help th,
.product-code-help td,
.product-code-products th,
.product-code-products td{
	border-bottom:1px solid var(--border);
	padding:8px;
	text-align:left;
	vertical-align:top;
}
.product-code-help th,
.product-code-products th{
	background:#f8fafc;
	color:#455468;
	font-weight:700;
}
.product-code-preview-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
	gap:12px;
	margin-top:12px;
}
.product-code-preview-box{
	border:1px dashed #b8c4d2;
	border-radius:8px;
	background:#fbfdff;
	padding:10px;
	min-width:0;
}
.product-code-preview-box > div{
	max-height:220px;
	overflow:auto;
	line-height:1.55;
	color:#334155;
}
.product-code-products{
	margin-top:12px;
}
.product-code-products p,
.muted-text{
	color:var(--muted);
}
.product-code-sync-note{
	margin-bottom:8px;
	font-size:12px;
}
.product-code-products tr.is-missing{
	background:#fff6f4;
}
.missing-product-code{
	color:#b42318;
	font-weight:700;
}
.product-import-layout{
	display:grid;
	grid-template-columns:minmax(320px,470px) minmax(0,1fr);
	gap:var(--admin-section-gap);
	align-items:start;
}
.product-import-list .admin-table{
	max-height:760px;
	overflow:auto;
}
.import-product-grid{
	grid-template-columns:minmax(0,1fr) 96px;
}
.import-product-grid > div:first-child{
	min-width:0;
}
.import-product-grid strong,
.import-product-grid span{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.import-product-grid small{
	display:block;
	color:var(--muted);
	margin-top:4px;
}
.admin-table-row.import-product-grid.active{
	background:#f7fbff;
}
.compact-check{
	display:flex;
	align-items:center;
	gap:6px;
	min-height:40px;
	color:#334155;
	white-space:nowrap;
}
.compact-check input{
	min-height:0;
}
.translation-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:12px;
	margin-top:12px;
}
.translation-grid label{
	display:flex;
	flex-direction:column;
	gap:7px;
	min-width:0;
}
.translation-grid input,
.translation-grid select,
.translation-grid textarea{
	width:100%;
}
.translation-grid.wide textarea{
	min-height:240px;
}
.product-translation-fields{
	align-items:start;
	gap:20px;
}
.product-translation-fields textarea[readonly]{
	/* Matchar ungefär CKEditor-fältets totala höjd så tysk originaltext och översättning blir proportionerliga. */
	height:360px;
	min-height:360px;
	line-height:1.55;
	resize:vertical;
}
.product-translation-fields .cke{
	width:100% !important;
	border-radius:8px;
	overflow:hidden;
}
.option-connection-panel{
	margin-top:18px;
	border-top:1px solid var(--border);
	padding-top:18px;
}
.option-connection-note{
	border:1px solid #cfe0f6;
	background:#f3f8ff;
	color:#345174;
	border-radius:8px;
	padding:12px 14px;
	margin-bottom:var(--admin-card-gap);
	line-height:1.55;
}
.option-connection-section,
.frontend-option-group{
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	padding:14px;
	margin-top:var(--admin-card-gap);
}
.option-connection-heading,
.frontend-option-group-head{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:14px;
	margin-bottom:12px;
}
.option-connection-heading strong,
.frontend-option-group-head strong,
.frontend-group-products strong{
	display:block;
	font-size:15px;
	color:var(--text);
}
.option-connection-heading span,
.frontend-option-group-head span{
	display:block;
	color:var(--muted);
	margin-top:3px;
}
.status-pill.status-muted{
	background:#eef2f7;
	color:#475467;
}
.option-chip-list{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.option-chip-list span{
	display:inline-flex;
	align-items:center;
	gap:7px;
	border:1px solid var(--border);
	border-radius:999px;
	background:#f8fafc;
	color:#344054;
	padding:7px 10px;
}
.option-chip-list span.active{
	border-color:#8bc5ff;
	background:#eef7ff;
	color:#0a56b0;
	font-weight:700;
}
.option-chip-list small{
	color:var(--muted);
	font-size:11px;
}
.option-settings-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:var(--admin-card-gap);
	margin-top:var(--admin-card-gap);
}
.option-settings-card{
	margin-top:0;
}
.option-settings-card.is-saving{
	opacity:.68;
	pointer-events:none;
}
.option-settings-form{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:12px;
}
.option-settings-form label{
	display:grid;
	gap:6px;
	min-width:0;
}
.option-settings-form label span{
	color:var(--muted);
	font-size:12px;
	font-weight:700;
}
.option-settings-form input[type="text"],
.option-settings-form input[type="number"],
.option-settings-form select{
	width:100%;
	min-height:var(--field-height);
	border:1px solid var(--border);
	border-radius:var(--field-radius);
	background:#fff;
	color:var(--text);
	padding:var(--field-padding-y) var(--field-padding-x);
}
.option-settings-form .compact-check{
	min-height:var(--field-height);
	align-self:end;
}
.option-settings-form .form-actions,
.option-settings-wide{
	grid-column:1 / -1;
}
.option-effective-setting{
	margin-top:var(--admin-card-gap);
	border:1px solid #d9eadf;
	background:#f5fbf7;
	color:#245b3b;
	padding:12px 14px;
	line-height:1.5;
}
.product-option-rules-section .section-title-row{
	align-items:flex-start;
}
.product-option-rule-list{
	display:grid;
	gap:var(--admin-card-gap);
}
.product-option-rule-card{
	border:1px solid var(--border);
	background:#fff;
	padding:14px;
}
.product-option-rule-card.is-saving{
	opacity:.68;
	pointer-events:none;
}
.product-option-rule-head{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	gap:14px;
	margin-bottom:12px;
}
.product-option-rule-head strong{
	display:block;
	color:var(--text);
	font-size:15px;
}
.product-option-rule-head span{
	display:block;
	color:var(--muted);
	margin-top:4px;
}
.product-option-rule-status{
	display:flex;
	align-items:center;
	gap:8px;
	flex-wrap:wrap;
	justify-content:flex-end;
}
.product-option-rule-current{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:10px;
	margin-bottom:12px;
}
.product-option-rule-current div{
	border:1px solid var(--border);
	background:#f8fafc;
	padding:10px;
	min-width:0;
}
.product-option-rule-current span,
.product-option-rule-current strong{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.product-option-rule-current span{
	color:var(--muted);
	font-size:12px;
}
.product-option-rule-current strong{
	margin-top:4px;
	color:var(--text);
}
.product-option-values{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-bottom:12px;
}
.product-option-values span{
	display:inline-flex;
	align-items:center;
	gap:6px;
	border:1px solid var(--border);
	background:#f8fafc;
	color:#344054;
	padding:6px 9px;
}
.product-option-values span.needs-work{
	border-color:#f6d48b;
	background:#fff8e8;
	color:#7a4b00;
}
.product-option-values small{
	color:var(--muted);
	font-size:11px;
}
.product-option-override-form{
	display:grid;
	grid-template-columns:minmax(190px,1.25fr) repeat(3,minmax(130px,1fr)) minmax(150px,1.1fr) minmax(120px,.7fr) minmax(92px,.6fr) auto;
	gap:10px;
	align-items:end;
	border-top:1px solid var(--border);
	padding-top:12px;
}
.product-option-override-form label{
	display:grid;
	gap:6px;
	min-width:0;
}
.product-option-override-form label span{
	color:var(--muted);
	font-size:12px;
	font-weight:700;
}
.product-option-override-form input[type="text"],
.product-option-override-form input[type="number"],
.product-option-override-form select{
	width:100%;
	min-height:var(--field-height);
	border:1px solid var(--border);
	border-radius:var(--field-radius);
	background:#fff;
	color:var(--text);
	padding:var(--field-padding-y) var(--field-padding-x);
}
.product-option-override-form .compact-check{
	min-height:var(--field-height);
}
.option-linked-products,
.frontend-group-products div{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
	gap:8px;
}
.option-linked-products a,
.frontend-group-products a{
	display:block;
	border:1px solid var(--border);
	border-radius:8px;
	background:#f8fafc;
	padding:9px 10px;
	min-width:0;
}
.option-linked-products a strong,
.option-linked-products a span{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.option-linked-products a span,
.frontend-group-products a{
	color:#475467;
}
.frontend-group-products{
	margin-bottom:12px;
}
.frontend-option-list{
	border:1px solid var(--border);
	border-radius:8px;
	overflow:hidden;
}
.frontend-option-list-head,
.frontend-option-row{
	display:grid;
	grid-template-columns:76px minmax(180px,1fr) 90px minmax(140px,180px) minmax(230px,280px);
	gap:12px;
	align-items:center;
}
.frontend-option-list-head{
	background:#f2f5f9;
	color:#667085;
	font-size:12px;
	font-weight:700;
	padding:10px 12px;
}
.frontend-option-row{
	padding:10px 12px;
	border-top:1px solid var(--border);
	background:#fff;
}
.frontend-option-row.is-selected{
	background:#f5fbff;
	box-shadow:inset 3px 0 0 var(--accent);
}
.frontend-option-row img,
.option-image-placeholder{
	display:flex;
	align-items:center;
	justify-content:center;
	width:56px;
	height:56px;
	border:1px solid var(--border);
	border-radius:7px;
	background:#f8fafc;
	object-fit:contain;
}
.option-image-placeholder{
	color:#98a2b3;
	font-size:11px;
	text-align:center;
	padding:4px;
}
.frontend-option-row strong,
.frontend-option-row span{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.frontend-option-row span{
	color:var(--muted);
	font-size:12px;
	margin-top:3px;
}
.option-image-upload-form{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	gap:8px;
	align-items:center;
}
.option-image-upload-form input[type="file"]{
	width:100%;
	border:1px solid var(--border);
	border-radius:var(--field-radius);
	background:#fff;
	padding:var(--field-padding-y) var(--field-padding-x);
	min-height:var(--field-height);
}
.option-image-upload-form button{
	min-height:var(--field-height);
	border:1px solid #b9d3ef;
	border-radius:8px;
	background:#f5fbff;
	color:#0a56b0;
	padding:0 12px;
	cursor:pointer;
}
.category-tree-panel{
	position:sticky;
	top:86px;
}
.import-category-tree ul{
	list-style:none;
	padding-left:14px;
	margin:0;
}
.import-category-tree > ul{
	padding-left:0;
}
.import-category-tree li{
	margin:3px 0;
}
.import-category-tree a{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	border-radius:8px;
	padding:8px 10px;
	color:#1d2939;
	border:1px solid transparent;
}
.import-category-tree a:hover,
.import-category-tree a.active{
	background:#eef5ff;
	border-color:#d8e8fb;
	color:#0f6edb;
}
.import-category-tree a span{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.import-category-tree a small{
	flex:0 0 auto;
	color:var(--muted);
	font-size:11px;
}
.category-image-admin,
.product-image-admin{
	margin-top:var(--admin-card-gap);
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	padding:12px;
}
.category-image-admin h4,
.product-image-admin h4{
	margin:0 0 6px;
}
.category-image-admin p,
.product-image-admin p{
	color:var(--muted);
	margin-bottom:10px;
}
.category-image-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
	gap:10px;
}
.category-image-grid label{
	border:1px solid #e4ebf3;
	border-radius:8px;
	background:#f8fafc;
	padding:10px;
	display:block;
}
.category-image-grid label span{
	display:block;
	font-weight:700;
	margin-bottom:6px;
}
.category-image-grid img{
	width:100%;
	aspect-ratio:4/3;
	object-fit:cover;
	background:#fff;
	border-radius:6px;
	margin-bottom:8px;
}
.category-image-grid em,
.category-image-grid small{
	display:block;
	color:var(--muted);
	font-style:normal;
	font-size:12px;
	margin-bottom:8px;
}
.product-current-images{
	margin-top:var(--admin-card-gap);
}
.warning-text{
	color:#b42318 !important;
}
.webshop-v2-page{
	background:linear-gradient(180deg,#f7fafc 0,#f3f6fa 360px,#f6f8fb 100%);
	min-height:calc(100vh - 72px);
}
.webshop-v2-hero{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(360px,520px);
	gap:18px;
	align-items:end;
	background:#fff;
	border:1px solid #dbe5ef;
	border-radius:8px;
	padding:22px;
	box-shadow:0 18px 45px rgba(15,23,42,.07);
}
.webshop-v2-hero span{
	display:block;
	color:#0f6edb;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:6px;
}
.webshop-v2-hero h2{
	margin:0;
	font-size:28px;
	line-height:1.08;
	letter-spacing:0;
}
.webshop-v2-hero p{
	max-width:760px;
	margin:8px 0 0;
	color:#667085;
	font-size:14px;
}
.webshop-v2-toolbar{
	display:grid;
	grid-template-columns:160px minmax(0,1fr) auto;
	gap:8px;
}
.webshop-v2-toolbar input,
.webshop-v2-toolbar select{
	border:1px solid #d7e0ea;
	background:#f9fbfd;
	border-radius:var(--field-radius);
	min-height:var(--field-height);
	padding:var(--field-padding-y) var(--field-padding-x);
	min-width:0;
}
.webshop-v2-toolbar button{
	border:1px solid #0f6edb;
	background:#0f6edb;
	color:#fff;
	border-radius:8px;
	padding:0 16px;
	cursor:pointer;
	font-weight:700;
}
.webshop-v2-metrics{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:var(--admin-card-gap);
	margin:0;
}
.webshop-v2-metrics.five{
	grid-template-columns:repeat(5,minmax(0,1fr));
}
.webshop-v2-metrics a{
	position:relative;
	display:block;
	background:#fff;
	border:1px solid #dbe5ef;
	border-radius:8px;
	padding:14px;
	min-height:92px;
	box-shadow:0 12px 26px rgba(15,23,42,.045);
}
.webshop-v2-metrics a:after{
	content:"";
	position:absolute;
	left:14px;
	right:14px;
	bottom:0;
	height:3px;
	background:#d7e0ea;
	border-radius:999px 999px 0 0;
}
.webshop-v2-metrics a.active{
	border-color:#8bbbe0;
	box-shadow:0 16px 30px rgba(15,110,219,.12);
}
.webshop-v2-metrics a.active:after{
	background:#0f6edb;
}
.webshop-v2-metrics span{
	display:block;
	color:#667085;
	font-size:12px;
	margin-bottom:8px;
}
.webshop-v2-metrics strong{
	font-size:26px;
	line-height:1;
}
.webshop-v2-context-filter{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	background:#eef7ff;
	border:1px solid #bad8f4;
	border-radius:8px;
	padding:10px 12px;
	margin:-2px 0 14px;
	color:#224b72;
}
.webshop-v2-context-filter span{
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.webshop-v2-context-filter a{
	flex:0 0 auto;
	color:#0f6edb;
	font-weight:700;
}
.webshop-v2-layout{
	display:grid;
	grid-template-columns:minmax(360px,460px) minmax(0,1fr);
	gap:var(--admin-section-gap);
	align-items:start;
}
.webshop-v2-layout.product-layout{
	grid-template-columns:minmax(390px,520px) minmax(0,1fr);
}
.webshop-v2-panel{
	background:#fff;
	border:1px solid #dbe5ef;
	border-radius:8px;
	box-shadow:0 12px 30px rgba(15,23,42,.045);
	overflow:hidden;
}
.webshop-v2-panel-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding:14px;
	border-bottom:1px solid #e5edf5;
	background:#fbfdff;
}
.webshop-v2-panel-head h3{
	margin:0;
	font-size:16px;
}
.webshop-v2-panel-head p{
	margin:3px 0 0;
	color:#667085;
	font-size:12px;
}
.webshop-v2-panel-head a,
.webshop-v2-actions a{
	border:1px solid #d7e0ea;
	background:#fff;
	color:#344054;
	border-radius:8px;
	min-height:34px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:7px 10px;
	font-size:12px;
	font-weight:700;
}
.webshop-v2-actions a:first-child{
	background:#0f6edb;
	border-color:#0f6edb;
	color:#fff;
}
.webshop-v2-list-panel{
	position:sticky;
	top:86px;
}
.webshop-v2-list{
	max-height:calc(100vh - 300px);
	min-height:360px;
	overflow:auto;
}
.webshop-v2-list > a{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	gap:12px;
	align-items:center;
	padding:12px 14px;
	border-top:1px solid #e9eff5;
}
.webshop-v2-list > a:first-child{
	border-top:0;
}
.webshop-v2-list > a:hover,
.webshop-v2-list > a.active{
	background:#f4f9ff;
}
.webshop-v2-list strong{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.webshop-v2-list span{
	display:block;
	color:#667085;
	font-size:12px;
	margin-top:3px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.webshop-v2-row-status{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	gap:5px;
	max-width:150px;
}
.webshop-v2-row-status em{
	display:inline-flex;
	align-items:center;
	min-height:22px;
	border-radius:999px;
	background:#eef2f6;
	color:#455468;
	padding:3px 7px;
	font-style:normal;
	font-size:11px;
}
.webshop-v2-row-status em.is-warning{
	background:#fff4e5;
	color:#9a5b12;
}
.webshop-v2-row-status em.is-alert{
	background:#fff1f3;
	color:#b42318;
}
.webshop-v2-detail-panel{
	min-width:0;
}
.webshop-v2-detail-header{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	gap:14px;
	padding:18px;
	border-bottom:1px solid #e5edf5;
}
.webshop-v2-detail-header span{
	display:block;
	color:#667085;
	font-size:12px;
	margin-bottom:5px;
}
.webshop-v2-detail-header h3{
	margin:0;
	font-size:24px;
	line-height:1.14;
}
.webshop-v2-detail-header p{
	margin:7px 0 0;
	color:#667085;
}
.webshop-v2-actions{
	display:flex;
	gap:8px;
	flex:0 0 auto;
}
.webshop-v2-health{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:var(--admin-card-gap);
	padding:14px 18px;
	border-bottom:1px solid #e5edf5;
}
.webshop-v2-health div,
.webshop-v2-fact-list div,
.webshop-v2-language-list div{
	border:1px solid #e1e8f0;
	background:#f9fbfd;
	border-radius:8px;
	padding:12px;
}
.webshop-v2-health div.is-ok,
.webshop-v2-language-list div.is-ok{
	border-color:#b9e7cc;
	background:#f1fbf5;
}
.webshop-v2-health div.needs-work,
.webshop-v2-language-list div.needs-work{
	border-color:#f2d4a7;
	background:#fff8ed;
}
.webshop-v2-health span,
.webshop-v2-fact-list span,
.webshop-v2-language-list span{
	display:block;
	color:#667085;
	font-size:12px;
	margin-bottom:6px;
}
.webshop-v2-health strong,
.webshop-v2-fact-list strong,
.webshop-v2-language-list strong{
	font-size:18px;
}
.webshop-v2-split{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:var(--admin-card-gap);
	padding:14px 18px 0;
}
.webshop-v2-section{
	padding:14px 18px;
	border-top:1px solid #e5edf5;
	min-width:0;
}
.webshop-v2-split .webshop-v2-section{
	border:1px solid #e5edf5;
	border-radius:8px;
	padding:14px;
	background:#fbfdff;
}
.webshop-v2-section h4{
	margin:0 0 10px;
	font-size:15px;
}
.webshop-v2-section dl{
	margin:0;
	display:grid;
	gap:8px;
}
.webshop-v2-section dt{
	color:#667085;
	font-size:12px;
}
.webshop-v2-section dd{
	margin:0;
	color:#1d2939;
}
.webshop-v2-checklist{
	list-style:none;
	margin:0;
	padding:0;
	display:grid;
	gap:8px;
}
.webshop-v2-checklist li{
	position:relative;
	padding-left:24px;
	color:#344054;
}
.webshop-v2-checklist li:before{
	content:"";
	position:absolute;
	left:0;
	top:2px;
	width:15px;
	height:15px;
	border-radius:50%;
	border:1px solid #b8c4d2;
	background:#fff;
}
.webshop-v2-checklist li.done:before{
	background:#1f8a5b;
	border-color:#1f8a5b;
	box-shadow:inset 0 0 0 4px #fff;
}
.webshop-v2-checklist li.todo:before{
	background:#fff4e5;
	border-color:#d99a43;
}
.webshop-v2-image-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
	gap:10px;
}
.webshop-v2-image-grid div{
	border:1px solid #e1e8f0;
	background:#f9fbfd;
	border-radius:8px;
	padding:10px;
}
.webshop-v2-image-grid span{
	display:block;
	color:#667085;
	font-size:12px;
	margin-bottom:8px;
}
.webshop-v2-image-grid img{
	width:100%;
	aspect-ratio:4/3;
	object-fit:cover;
	border-radius:6px;
	background:#fff;
	display:block;
}
.webshop-v2-image-grid em{
	min-height:110px;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px dashed #b8c4d2;
	border-radius:6px;
	color:#667085;
	font-style:normal;
	background:#fff;
}
.webshop-v2-mini-list{
	display:grid;
	gap:8px;
	max-height:280px;
	overflow:auto;
}
.webshop-v2-mini-list a,
.webshop-v2-mini-list p{
	display:block;
	margin:0;
	border:1px solid #e1e8f0;
	background:#fff;
	border-radius:8px;
	padding:9px 10px;
}
.webshop-v2-mini-list strong{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.webshop-v2-mini-list span,
.webshop-v2-mini-list p{
	color:#667085;
	font-size:12px;
}
.webshop-v2-copy-preview{
	border:1px solid #e1e8f0;
	background:#fff;
	border-radius:8px;
	padding:12px;
	margin-top:12px;
	max-height:260px;
	overflow:auto;
	color:#344054;
	line-height:1.55;
}
.webshop-v2-copy-preview p:first-child{
	margin-top:0;
}
.webshop-v2-copy-preview p:last-child{
	margin-bottom:0;
}
.webshop-v2-fact-list,
.webshop-v2-language-list{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
	gap:8px;
	margin-top:14px;
}
.webshop-v2-empty{
	padding:18px;
	color:#667085;
}
.webshop-cockpit-page{
	background:#f6f8fb;
	min-height:calc(100vh - 72px);
}
.webshop-cockpit-top{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:20px;
	padding:2px 0 8px;
}
.webshop-cockpit-top h2{
	margin:0 0 18px;
	font-size:28px;
	line-height:1.1;
	letter-spacing:0;
}
.webshop-cockpit-tabs{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.webshop-cockpit-tabs a{
	display:inline-flex;
	align-items:center;
	min-height:38px;
	padding:0 16px;
	border:1px solid #dbe5ef;
	border-radius:6px;
	background:#fff;
	color:#344054;
	font-size:13px;
	font-weight:700;
	box-shadow:0 8px 20px rgba(15,23,42,.035);
}
.webshop-cockpit-tabs a.active{
	border-color:#b9d8fa;
	background:#eef6ff;
	color:#0f6edb;
}
.webshop-cockpit-progress{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:14px;
	min-width:360px;
	padding-top:36px;
}
.webshop-cockpit-progress > div{
	min-width:260px;
}
.webshop-cockpit-progress strong{
	display:block;
	margin-bottom:7px;
	font-size:13px;
	color:#172033;
}
.webshop-progress-track{
	display:block;
	height:6px;
	border-radius:999px;
	background:#e5edf5;
	overflow:hidden;
}
.webshop-progress-track i{
	display:block;
	height:100%;
	border-radius:999px;
	background:#20a767;
}
.webshop-cockpit-progress a,
.webshop-primary-action,
.webshop-secondary-action{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	min-height:36px;
	padding:0 14px;
	border-radius:6px;
	border:1px solid #dbe5ef;
	background:#fff;
	color:#344054;
	font-size:13px;
	font-weight:700;
	white-space:nowrap;
}
.webshop-cockpit-progress a svg{
	width:17px;
	height:17px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
}
.webshop-primary-action{
	background:#0f6edb;
	border-color:#0f6edb;
	color:#fff;
}
.webshop-secondary-action{
	margin-top:14px;
	color:#0f6edb;
}
.webshop-cockpit-section-head{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(360px,540px);
	gap:18px;
	align-items:end;
	background:#fff;
	border:1px solid #dbe5ef;
	border-radius:8px;
	padding:18px;
	box-shadow:0 12px 28px rgba(15,23,42,.045);
}
.webshop-cockpit-section-head h3{
	margin:0;
	font-size:22px;
	line-height:1.15;
}
.webshop-cockpit-section-head p{
	margin:6px 0 0;
	color:#667085;
}
.webshop-cockpit-metrics{
	display:grid;
	grid-template-columns:repeat(5,minmax(0,1fr));
	gap:var(--admin-card-gap);
	margin:0;
}
.webshop-cockpit-metric{
	display:grid;
	grid-template-columns:50px minmax(0,1fr);
	grid-template-rows:auto auto auto;
	gap:3px 12px;
	align-items:center;
	min-height:108px;
	padding:18px;
	border:1px solid #dbe5ef;
	border-radius:8px;
	background:#fff;
	box-shadow:0 14px 34px rgba(15,23,42,.05);
}
.webshop-cockpit-metric .metric-icon{
	grid-row:1 / 4;
	display:flex;
	align-items:center;
	justify-content:center;
	width:46px;
	height:46px;
	border-radius:50%;
	background:#eef6ff;
	color:#0f6edb;
}
.webshop-cockpit-metric .metric-icon svg{
	width:24px;
	height:24px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
}
.webshop-cockpit-metric > span:not(.metric-icon){
	color:#344054;
	font-size:13px;
	font-weight:700;
}
.webshop-cockpit-metric strong{
	font-size:28px;
	line-height:1;
}
.webshop-cockpit-metric em{
	display:inline-flex;
	align-items:center;
	gap:4px;
	color:#0f6edb;
	font-size:12px;
	font-style:normal;
}
.webshop-cockpit-metric em svg{
	width:13px;
	height:13px;
	fill:none;
	stroke:currentColor;
	stroke-width:2;
}
.webshop-cockpit-metric.tone-red .metric-icon{background:#fff1f3;color:#d92d20}
.webshop-cockpit-metric.tone-orange .metric-icon{background:#fff4e5;color:#e26b0a}
.webshop-cockpit-metric.tone-yellow .metric-icon{background:#fff8db;color:#d89b00}
.webshop-cockpit-metric.tone-blue .metric-icon{background:#eef6ff;color:#0f6edb}
.webshop-cockpit-metric.tone-green .metric-icon{background:#eafaf0;color:#15945b}
.webshop-cockpit-grid{
	display:grid;
	grid-template-columns:minmax(330px,410px) minmax(520px,1fr) minmax(360px,440px);
	gap:var(--admin-section-gap);
	align-items:start;
}
.webshop-cockpit-card{
	background:#fff;
	border:1px solid #dbe5ef;
	border-radius:8px;
	box-shadow:0 14px 34px rgba(15,23,42,.05);
	overflow:hidden;
	min-width:0;
}
.webshop-card-head{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:14px;
	padding:16px;
	border-bottom:1px solid #e5edf5;
}
.webshop-card-head h3{
	margin:0;
	font-size:17px;
	line-height:1.2;
}
.webshop-card-head h3 strong{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:26px;
	min-height:22px;
	margin-left:6px;
	border-radius:999px;
	background:#e8f2ff;
	color:#0f6edb;
	font-size:12px;
}
.webshop-card-head p{
	margin:4px 0 0;
	color:#667085;
	font-size:12px;
}
.webshop-icon-button{
	display:flex;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	border:1px solid #dbe5ef;
	border-radius:7px;
	color:#344054;
	background:#fff;
}
.webshop-icon-button svg,
.imagequeue-icon svg{
	width:18px;
	height:18px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
}
.webshop-workqueue-filters{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	padding:14px 16px;
	border-bottom:1px solid #e5edf5;
}
.webshop-workqueue-filters a{
	display:inline-flex;
	align-items:center;
	gap:8px;
	min-height:32px;
	padding:0 10px;
	border:1px solid #dbe5ef;
	border-radius:6px;
	background:#fff;
	color:#344054;
	font-size:12px;
}
.webshop-workqueue-filters a.active{
	background:#eef6ff;
	border-color:#9fc9f2;
	color:#0f6edb;
}
.webshop-workqueue-filters strong{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:22px;
	min-height:20px;
	padding:0 5px;
	border-radius:999px;
	background:#edf2f7;
	font-size:11px;
}
.webshop-workqueue-table{
	padding-bottom:12px;
}
.webshop-workqueue-head,
.webshop-workqueue-row{
	display:grid;
	grid-template-columns:minmax(0,1fr) 120px 44px;
	gap:10px;
	align-items:center;
	padding:11px 16px;
	border-bottom:1px solid #e9eff5;
}
.webshop-workqueue-head{
	background:#fbfdff;
	color:#667085;
	font-size:12px;
	font-weight:700;
}
.webshop-workqueue-row:hover,
.webshop-workqueue-row.active{
	background:#f4f9ff;
}
.workqueue-object{
	display:flex;
	align-items:center;
	gap:10px;
	min-width:0;
}
.workqueue-object > em{
	display:flex;
	align-items:center;
	justify-content:center;
	width:24px;
	height:24px;
	color:#53647a;
	font-style:normal;
	flex:0 0 auto;
}
.workqueue-object svg{
	width:18px;
	height:18px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
}
.workqueue-object strong,
.workqueue-object small{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.workqueue-object small{
	margin-top:3px;
	color:#667085;
	font-size:12px;
}
.webshop-workqueue-row > strong{
	text-align:right;
	color:#344054;
	font-size:12px;
}
.webshop-status-badge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:24px;
	padding:0 8px;
	border-radius:999px;
	font-size:11px;
	font-weight:700;
	white-space:nowrap;
}
.webshop-status-badge.status-danger{
	background:#fff1f3;
	color:#b42318;
}
.webshop-status-badge.status-warning{
	background:#fff4e5;
	color:#9a5b12;
}
.webshop-status-badge.status-ready{
	background:#eafaf0;
	color:#137a4d;
}
.webshop-status-badge.status-neutral{
	background:#eef2f6;
	color:#455468;
}
.webshop-focus-header{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:16px;
	padding:18px;
	border-bottom:1px solid #e5edf5;
}
.webshop-breadcrumb{
	margin:0 0 8px;
	color:#667085;
	font-size:12px;
}
.webshop-focus-header h3{
	margin:0;
	font-size:22px;
	line-height:1.15;
}
.webshop-focus-header span{
	display:block;
	margin-top:6px;
	color:#667085;
	font-size:13px;
}
.webshop-focus-two{
	display:grid;
	grid-template-columns:minmax(190px,260px) minmax(0,1fr);
	gap:var(--admin-card-gap);
	padding:16px 18px;
}
.webshop-health-panel,
.webshop-required-images,
.webshop-info-box{
	border:1px solid #e1e8f0;
	border-radius:8px;
	background:#fbfdff;
	padding:14px;
	min-width:0;
}
.webshop-health-panel h4,
.webshop-required-images h4,
.webshop-info-box h4,
.webshop-missing-preview h4,
.webshop-imagequeue-section h4{
	margin:0 0 12px;
	font-size:15px;
}
.webshop-health-ring{
	--score:0;
	width:100px;
	height:100px;
	margin:4px auto 12px;
	border-radius:50%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	background:conic-gradient(#18a763 calc(var(--score) * 1%),#e5edf5 0);
	position:relative;
}
.webshop-health-ring:after{
	content:"";
	position:absolute;
	inset:10px;
	border-radius:50%;
	background:#fff;
}
.webshop-health-ring strong,
.webshop-health-ring span{
	position:relative;
	z-index:1;
}
.webshop-health-ring strong{
	font-size:28px;
	line-height:1;
}
.webshop-health-ring span{
	margin-top:4px;
	color:#15945b;
	font-size:11px;
	font-weight:700;
}
.webshop-health-panel ul,
.webshop-next-actions{
	list-style:none;
	margin:0;
	padding:0;
	display:grid;
	gap:7px;
}
.webshop-health-panel li,
.webshop-next-actions li{
	position:relative;
	padding-left:18px;
	color:#344054;
	font-size:12px;
}
.webshop-health-panel li:before,
.webshop-next-actions li:before{
	content:"";
	position:absolute;
	left:0;
	top:4px;
	width:8px;
	height:8px;
	border-radius:50%;
	background:#e26b0a;
}
.webshop-health-panel li.done:before,
.webshop-next-actions li.done:before{
	background:#18a763;
}
.webshop-required-images h4{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
}
.webshop-required-images h4 span{
	color:#667085;
	font-size:12px;
	font-weight:400;
}
.webshop-required-images > div{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:10px;
}
.webshop-required-images a{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	min-height:118px;
	border:1px dashed #cbd6e2;
	border-radius:8px;
	background:#fff;
	color:#667085;
	font-size:11px;
	text-align:center;
	position:relative;
	overflow:hidden;
	padding:8px;
}
.webshop-required-images a.complete{
	border-style:solid;
	border-color:#c9ead7;
}
.webshop-required-images a.complete:after{
	content:"";
	position:absolute;
	top:7px;
	right:7px;
	width:16px;
	height:16px;
	border-radius:50%;
	background:#18a763;
	box-shadow:inset 0 0 0 4px #fff;
}
.webshop-required-images img{
	max-width:100%;
	height:72px;
	object-fit:contain;
	margin-bottom:8px;
}
.webshop-required-images svg{
	width:26px;
	height:26px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
	margin-bottom:10px;
}
.webshop-translation-strip{
	padding:16px 18px;
	border-top:1px solid #e5edf5;
	border-bottom:1px solid #e5edf5;
}
.webshop-translation-strip > div:first-child{
	display:flex;
	justify-content:space-between;
	gap:12px;
	margin-bottom:10px;
}
.webshop-translation-strip span{
	color:#667085;
	font-size:12px;
}
.webshop-translation-strip > div:last-child{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.webshop-translation-strip a{
	display:inline-flex;
	align-items:center;
	min-height:34px;
	padding:0 12px;
	border:1px solid #dbe5ef;
	border-radius:6px;
	background:#fff;
	font-size:12px;
	font-weight:700;
}
.webshop-translation-strip a.complete{
	border-color:#b9e7cc;
	background:#f1fbf5;
}
.webshop-translation-strip a.missing{
	border-color:#f2d4a7;
	background:#fff8ed;
}
.webshop-focus-bottom{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:var(--admin-card-gap);
	padding:16px 18px 18px;
}
.webshop-info-box.single{
	margin:18px;
}
.webshop-info-box a:not(.webshop-secondary-action),
.webshop-info-box p{
	display:block;
	margin:0 0 8px;
	color:#344054;
}
.webshop-definition-list{
	display:grid;
	grid-template-columns:80px minmax(0,1fr);
	gap:8px 12px;
	margin:0 0 14px;
}
.webshop-definition-list dt{
	color:#667085;
	font-size:12px;
	font-weight:700;
}
.webshop-definition-list dd{
	margin:0;
}
.webshop-empty-focus{
	padding:38px;
	text-align:center;
	color:#667085;
}
.webshop-empty-focus h3{
	color:#172033;
	margin:0 0 8px;
}
.webshop-imagequeue-card{
	position:sticky;
	top:86px;
}
.webshop-dropzone{
	margin:16px;
	min-height:150px;
	border:1px dashed #b8c4d2;
	border-radius:8px;
	background:#fbfdff;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
	color:#667085;
	padding:18px;
}
.webshop-dropzone.large{
	min-height:190px;
}
.webshop-dropzone svg{
	width:42px;
	height:42px;
	fill:none;
	stroke:#667085;
	stroke-width:1.5;
	margin-bottom:10px;
}
.webshop-dropzone strong{
	color:#172033;
	font-size:15px;
}
.webshop-dropzone span{
	margin-top:4px;
	font-size:12px;
	max-width:460px;
}
.webshop-automatch-row{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	gap:10px;
	align-items:end;
	padding:0 16px 16px;
}
.webshop-automatch-row label{
	color:#667085;
	font-size:12px;
}
.webshop-automatch-row select{
	display:block;
	width:100%;
	margin-top:6px;
}
.webshop-automatch-row a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:42px;
	padding:0 12px;
	border:1px solid #dbe5ef;
	border-radius:6px;
	color:#0f6edb;
	font-weight:700;
	font-size:12px;
}
.webshop-missing-preview{
	padding:0 16px 16px;
}
.webshop-missing-preview a{
	display:grid;
	grid-template-columns:42px minmax(70px,90px) minmax(0,1fr);
	gap:10px;
	align-items:center;
	border:1px solid #e1e8f0;
	border-radius:8px;
	background:#fff;
	padding:8px;
	margin-bottom:8px;
}
.webshop-missing-preview a > span{
	display:flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	border-radius:7px;
	background:#f3f7fb;
	color:#667085;
}
.webshop-missing-preview svg{
	width:20px;
	height:20px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
}
.webshop-missing-preview strong{
	font-size:12px;
}
.webshop-missing-preview em{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#667085;
	font-size:12px;
	font-style:normal;
}
.webshop-inline-tabs{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.webshop-inline-tabs a{
	display:inline-flex;
	align-items:center;
	min-height:34px;
	padding:0 12px;
	border:1px solid #dbe5ef;
	border-radius:6px;
	background:#fff;
	color:#344054;
	font-size:12px;
	font-weight:700;
}
.webshop-inline-tabs a.active{
	background:#eef6ff;
	border-color:#9fc9f2;
	color:#0f6edb;
}
.webshop-imagequeue-layout{
	max-width:1180px;
}
.webshop-imagequeue-section{
	padding:16px;
	border-top:1px solid #e5edf5;
}
.webshop-imagequeue-section h4{
	display:flex;
	align-items:center;
	gap:8px;
}
.webshop-imagequeue-section h4 span{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:26px;
	min-height:22px;
	border-radius:999px;
	background:#eef2f6;
	color:#344054;
	font-size:12px;
}
.webshop-imagequeue-list{
	display:grid;
	gap:8px;
}
.webshop-imagequeue-list a{
	display:grid;
	grid-template-columns:42px minmax(0,1fr) auto;
	gap:12px;
	align-items:center;
	border:1px solid #e1e8f0;
	border-radius:8px;
	background:#fff;
	padding:10px;
}
.imagequeue-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	border-radius:7px;
	background:#f3f7fb;
	color:#53647a;
}
.webshop-imagequeue-list strong,
.webshop-imagequeue-list small{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.webshop-imagequeue-list small{
	color:#667085;
	font-size:12px;
}
.webshop-empty-row{
	display:block;
	padding:18px 16px;
	color:#667085;
}
.webcontent-category-form{
	margin-top:var(--admin-card-gap);
}
.category-list{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-top:var(--admin-card-gap);
}
.category-list a{
	border:1px solid var(--border);
	background:#fff;
	border-radius:8px;
	padding:7px 9px;
	color:#334155;
	font-size:13px;
}
.category-list a.active{
	background:#eef7ff;
	border-color:#8bbbe0;
	color:#154e7c;
	font-weight:700;
}
.category-list .category-edit-link{
	background:#f8fafc;
	color:#667085;
}
.text-button.danger{
	color:#b42318;
}

.print-body{
	background:#eef1f5;
	color:#111827;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
	font-size:13px;
	line-height:1.45;
}
.print-toolbar{
	position:sticky;
	top:0;
	z-index:10;
	background:rgba(17,24,39,.92);
	backdrop-filter:saturate(180%) blur(16px);
	padding:12px;
	text-align:center;
}
.print-toolbar button{
	background:#fff;
	border:0;
	border-radius:999px;
	color:#111827;
	font-weight:700;
	padding:10px 18px;
	cursor:pointer;
	box-shadow:0 8px 20px rgba(15,23,42,.18);
}
.confirmation-page{
	width:210mm;
	min-height:297mm;
	margin:18px auto;
	background:#fff;
	padding:18mm;
	box-shadow:0 22px 70px rgba(15,23,42,.16);
}
.confirmation-header{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:24px;
	border-bottom:1px solid #e5e7eb;
	padding-bottom:20px;
	margin-bottom:18px;
}
.confirmation-logo-block{
	display:grid;
	gap:12px;
}
.confirmation-logo-block img{
	display:block;
	width:176px;
	height:auto;
}
.confirmation-logo-block span,
.confirmation-intro span,
.confirmation-section-title span{
	color:#667085;
	font-size:11px;
	font-weight:700;
	letter-spacing:.08em;
	text-transform:uppercase;
}
.confirmation-meta-card{
	min-width:190px;
	text-align:right;
}
.confirmation-meta-card h1{
	margin:0 0 6px;
	color:#111827;
	font-size:24px;
	font-weight:760;
	letter-spacing:0;
}
.confirmation-meta-card p{
	margin:0 0 3px;
	color:#667085;
	font-size:12px;
}
.confirmation-intro{
	display:grid;
	grid-template-columns:minmax(0,1fr) 190px;
	gap:22px;
	margin-bottom:18px;
}
.confirmation-intro h2{
	margin:6px 0 8px;
	color:#111827;
	font-size:22px;
	line-height:1.18;
	letter-spacing:0;
}
.confirmation-intro p{
	margin:0;
	color:#475467;
	font-size:12.5px;
}
.confirmation-intro strong{
	display:block;
	margin-top:6px;
	color:#111827;
	font-size:15px;
}
.confirmation-addresses{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:12px;
	margin-bottom:22px;
}
.confirmation-address-card{
	border:1px solid #e5e7eb;
	border-radius:8px;
	background:#fbfcfd;
	padding:14px;
}
.confirmation-address-card h2,
.confirmation-comment h2{
	margin:0 0 9px;
	color:#111827;
	font-size:12px;
	font-weight:760;
	letter-spacing:.04em;
	text-transform:uppercase;
}
.confirmation-address-card p{
	margin:0 0 3px;
	color:#344054;
	font-size:12.5px;
}
.confirmation-section-title{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:18px;
	margin:0 0 10px;
}
.confirmation-section-title h2{
	margin:0;
	color:#111827;
	font-size:18px;
	letter-spacing:0;
}
.confirmation-products{
	margin-top:4px;
}
.confirmation-products-head,
.confirmation-product-line,
.confirmation-option-line{
	display:grid;
	grid-template-columns:minmax(0,1fr) 46px 92px 82px 102px;
	gap:10px;
	align-items:center;
}
.confirmation-products-head{
	border-bottom:1px solid #d0d5dd;
	color:#667085;
	font-size:10px;
	font-weight:800;
	letter-spacing:.06em;
	padding:8px 0;
	text-transform:uppercase;
}
.confirmation-products-head span:nth-child(n+2),
.confirmation-product-line > span,
.confirmation-product-line > strong,
.confirmation-option-line > span,
.confirmation-option-line > strong{
	text-align:right;
}
.confirmation-product-group{
	border-bottom:1px solid #edf0f3;
	padding:12px 0;
	break-inside:avoid;
	page-break-inside:avoid;
}
.confirmation-product-line{
	min-height:34px;
}
.confirmation-product-name strong{
	display:block;
	color:#111827;
	font-size:13.5px;
	font-weight:760;
	line-height:1.25;
}
.confirmation-product-name span{
	display:block;
	margin-top:3px;
	color:#667085;
	font-size:11.5px;
}
.confirmation-product-line > span,
.confirmation-product-line > strong{
	color:#1f2937;
	font-size:12.5px;
}
.confirmation-product-line small{
	color:#667085;
	font-size:10.5px;
}
.confirmation-option-list{
	margin-top:8px;
	padding-left:18px;
}
.confirmation-option-line{
	border-left:2px solid #d9e3ef;
	background:#f8fafc;
	border-radius:0 8px 8px 0;
	margin-top:6px;
	padding:8px 10px;
}
.confirmation-option-line div span{
	display:block;
	color:#0f5caa;
	font-size:9.5px;
	font-weight:800;
	letter-spacing:.08em;
	text-transform:uppercase;
}
.confirmation-option-line div strong{
	display:block;
	margin-top:2px;
	color:#344054;
	font-size:11.5px;
	font-weight:760;
}
.confirmation-option-line div em{
	display:block;
	margin-top:1px;
	color:#475467;
	font-size:11.5px;
	font-style:normal;
}
.confirmation-option-line > span,
.confirmation-option-line > strong{
	color:#475467;
	font-size:11.5px;
}
.confirmation-line-total{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:18px;
	margin-top:9px;
	color:#475467;
	font-size:11.5px;
}
.confirmation-line-total strong{
	color:#111827;
	font-size:12.5px;
}
.confirmation-comment{
	margin-top:18px;
	border:1px solid #e5e7eb;
	border-radius:8px;
	background:#fbfcfd;
	padding:14px;
	break-inside:avoid;
	page-break-inside:avoid;
}
.confirmation-comment p{
	margin:0;
	color:#344054;
	font-size:12.5px;
}
.print-totals{
	width:270px;
	margin:20px 0 0 auto;
	border:1px solid #e5e7eb;
	border-radius:8px;
	background:#fbfcfd;
	padding:10px 12px;
	break-inside:avoid;
	page-break-inside:avoid;
}
.print-totals div{
	padding:6px 0;
}
.print-totals .total{
	border-top:1px solid #d0d5dd;
	margin-top:4px;
	padding-top:10px;
}
.print-totals .total strong{
	font-size:18px;
}
.confirmation-footer{
	display:flex;
	justify-content:space-between;
	gap:14px;
	margin-top:24px;
	border-top:1px solid #e5e7eb;
	padding-top:10px;
	color:#98a2b3;
	font-size:10.5px;
}
.import-result,
.import-help{
	margin-top:14px;
}
.import-help p{
	color:var(--muted);
	line-height:1.7;
}
.imports-layout{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);
	gap:var(--admin-section-gap);
	align-items:start;
}
.import-panel{
	display:grid;
	gap:var(--admin-card-gap);
}
.import-upload-form{
	background:#fff;
	border:1px solid var(--border);
	border-radius:8px;
	padding:16px;
	display:grid;
	gap:14px;
}
.import-upload-form label{
	display:grid;
	gap:6px;
}
.import-upload-form label span,
.import-field-order h4{
	color:var(--muted);
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
}
.import-upload-form input[type="file"]{
	border:1px dashed #b8c4d4;
	border-radius:var(--field-radius);
	background:#f8fafc;
	padding:10px var(--field-padding-x);
	width:100%;
}
.import-rebuild-form{
	display:flex;
	align-items:center;
	gap:var(--admin-card-gap);
	flex-wrap:wrap;
	background:#fff;
	border:1px solid var(--border);
	border-radius:8px;
	padding:12px 14px;
	margin-bottom:0;
}
.import-rebuild-form span{
	color:var(--muted);
	font-size:13px;
}
.import-field-order h4{
	margin:0 0 8px;
}
.import-field-grid{
	grid-template-columns:64px minmax(0,1fr);
}
.import-file-grid{
	grid-template-columns:minmax(0,1fr) 100px 130px;
}
.import-message{
	border-radius:8px;
	padding:12px 14px;
	border:1px solid var(--border);
	background:#fff;
	margin:0;
}
.module-page > .import-message,
.admin-card > .import-message,
form > .import-message{
	margin-top:16px;
	margin-bottom:16px;
}
.import-message.success{
	border-color:#b7dec8;
	background:#eef9f2;
	color:#16613b;
}
.import-message.error{
	border-color:#f0b8b8;
	background:#fff1f1;
	color:#9f2424;
}
.import-message.warning{
	border-color:#f2c46d;
	background:#fff9ec;
	color:#8a4d00;
}

.inspiration-page{
	gap:var(--admin-section-gap);
}
.inspiration-filterbar{
	display:grid;
	grid-template-columns:minmax(220px,1.4fr) minmax(180px,.8fr) minmax(180px,.8fr) auto;
	gap:14px;
	align-items:end;
}
.inspiration-filterbar label,
.inspiration-settings-form label,
.inspiration-box-editor label,
.inspiration-create-box label{
	display:grid;
	gap:6px;
}
.inspiration-filterbar span,
.inspiration-settings-form label span,
.inspiration-box-editor label span,
.inspiration-create-box span{
	color:var(--muted);
	font-size:12px;
}
.inspiration-admin-layout{
	display:grid;
	grid-template-columns:390px minmax(0,1fr);
	gap:var(--admin-section-gap);
	align-items:start;
}
.inspiration-page-list,
.inspiration-workspace,
.inspiration-builder,
.inspiration-box-editor{
	min-width:0;
}
.inspiration-page-scroll,
.inspiration-box-scroll{
	display:grid;
	gap:10px;
	max-height:72vh;
	overflow:auto;
	padding-right:4px;
}
.inspiration-page-row,
.inspiration-box-row{
	display:grid;
	gap:8px;
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	padding:12px;
	position:relative;
}
.inspiration-page-row:hover,
.inspiration-page-row.active,
.inspiration-box-row:hover,
.inspiration-box-row.active{
	border-color:#9ec9ef;
	background:#f7fbff;
	box-shadow:0 10px 26px rgba(15,23,42,.06);
}
.inspiration-box-row.active{
	border-color:#78b4e9;
	border-left:4px solid var(--accent);
	padding-left:9px;
}
.inspiration-page-row strong,
.inspiration-box-row strong{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.inspiration-box-row-top{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	min-width:0;
}
.inspiration-box-row-top strong{
	min-width:0;
}
.inspiration-box-row-top em{
	flex:0 0 auto;
	border:1px solid #b8d4f4;
	border-radius:999px;
	background:#eaf3ff;
	color:#0f6edb;
	font-size:11px;
	font-style:normal;
	font-weight:700;
	padding:2px 7px;
}
.inspiration-page-row span,
.inspiration-box-row span,
.inspiration-box-row small{
	color:var(--muted);
	font-size:12px;
}
.inspiration-row-badges{
	display:flex;
	align-items:center;
	gap:6px;
	flex-wrap:wrap;
}
.inspiration-row-badges span{
	border-radius:999px;
	background:#eef2f6;
	color:#455468;
	padding:3px 7px;
}
.inspiration-row-badges .green{
	background:#e9f8ef;
	color:#16704b;
}
.inspiration-row-badges .start-page{
	background:#fff3c7;
	color:#72510a;
	font-weight:700;
}
.inspiration-row-badges .muted{
	background:#fff4e5;
	color:#9a5b12;
}
.inspiration-headline{
	display:flex;
	justify-content:space-between;
	gap:var(--admin-card-gap);
	align-items:flex-start;
	padding:18px;
}
.inspiration-headline span{
	color:var(--muted);
	font-size:12px;
}
.inspiration-headline h3{
	margin:4px 0 4px;
	font-size:22px;
}
.inspiration-headline p{
	margin:0;
	color:var(--muted);
}
.inspiration-headline-actions{
	display:flex;
	gap:8px;
	flex-wrap:wrap;
	justify-content:flex-end;
	align-items:center;
}
.inspiration-image-indicator{
	border:1px solid var(--border);
	background:#fff;
	border-radius:8px;
	padding:7px 9px;
	color:var(--muted);
	font-size:12px;
}
.inspiration-image-indicator.has-image{
	background:#e9f8ef;
	border-color:#b8e3c9;
	color:#16704b;
}
.inspiration-image-status-panel{
	padding:16px 18px;
}
.inspiration-image-status-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:10px;
	margin-top:14px;
}
.inspiration-image-status-card{
	display:grid;
	grid-template-columns:18px minmax(0,1fr);
	gap:3px 9px;
	align-items:center;
	border:1px solid #dfe7f0;
	border-radius:4px;
	background:#fff;
	padding:10px 12px;
	min-height:58px;
	transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.inspiration-image-status-card:hover{
	border-color:#9ec9ef;
	background:#f7fbff;
	box-shadow:0 8px 18px rgba(15,23,42,.05);
}
.inspiration-image-status-dot{
	grid-row:1 / span 2;
	width:10px;
	height:10px;
	border-radius:999px;
	background:#d0d7e2;
	box-shadow:0 0 0 4px #f2f5f8;
}
.inspiration-image-status-card.has-image .inspiration-image-status-dot{
	background:#1f8a5b;
	box-shadow:0 0 0 4px #e8f7ef;
}
.inspiration-image-status-card.missing-image .inspiration-image-status-dot{
	background:#d92d20;
	box-shadow:0 0 0 4px #fff0ef;
}
.inspiration-image-status-card strong{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:13px;
}
.inspiration-image-status-card small{
	color:var(--muted);
	font-size:12px;
}
.inspiration-image-status-card.has-image small{
	color:#16704b;
}
.inspiration-image-status-card.missing-image small{
	color:#b42318;
}
.inspiration-tabs{
	background:#fff;
	border:1px solid var(--border);
	border-radius:4px;
	padding:8px;
	display:flex;
	gap:6px;
	overflow:auto;
}
.inspiration-tabs a{
	border-radius:4px;
	padding:9px 12px;
	font-weight:700;
	color:#3d4a5c;
	white-space:nowrap;
}
.inspiration-tabs a.active{
	background:#eaf3ff;
	color:#0f6edb;
}
.inspiration-toggle-grid,
.inspiration-startpage-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
	gap:10px;
	margin-top:var(--admin-card-gap);
}
.inspiration-toggle-grid label,
.inspiration-startpage-grid label,
.checkbox-card{
	display:flex !important;
	align-items:center;
	gap:8px;
	border:1px solid #e4ebf3;
	background:#f8fafc;
	border-radius:8px;
	padding:10px 12px;
	color:#334155;
	min-height:44px;
}
.inspiration-builder{
	display:grid;
	grid-template-columns:360px minmax(0,1fr);
	gap:var(--admin-section-gap);
	align-items:start;
}
.inspiration-box-list{
	position:sticky;
	top:92px;
}
.inspiration-display-switch{
	flex-wrap:wrap;
}
.inspiration-display-switch .active,
.small-action.active{
	background:#eef7ff;
	border-color:#8bbbe0;
	color:#154e7c;
	font-weight:700;
}
.inspiration-create-box{
	display:grid;
	grid-template-columns:minmax(0,1fr);
	gap:10px;
	border:1px dashed #c6d5e5;
	border-radius:8px;
	padding:12px;
	margin-bottom:14px;
	background:#f8fafc;
}
.inspiration-current-box-marker{
	border:1px solid #9ec9ef;
	border-left:4px solid var(--accent);
	background:#f7fbff;
	border-radius:4px;
	padding:10px 12px;
	margin-bottom:12px;
}
.inspiration-current-box-marker span{
	display:block;
	color:#46637f;
	font-size:12px;
	margin-bottom:3px;
}
.inspiration-current-box-marker strong{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.inspiration-related-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:var(--admin-card-gap);
	margin-top:var(--admin-card-gap);
}
.inspiration-related-grid > div,
.inspiration-slideshow-admin,
.inspiration-mobile-explainer{
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	padding:14px;
}
.inspiration-related-grid h4,
.inspiration-slideshow-admin h4{
	margin:0 0 10px;
}
.inspiration-related-grid select,
.inspiration-related-grid textarea{
	width:100%;
	min-height:190px;
	border:1px solid var(--border);
	border-radius:var(--field-radius);
	padding:var(--field-padding-y) var(--field-padding-x);
	background:#fff;
}
.compact-spacing-grid{
	grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
}
.inspiration-slideshow-admin{
	margin-top:var(--admin-card-gap);
}
.inspiration-slide-list{
	display:grid;
	gap:8px;
	margin-top:12px;
}
.inspiration-slide-list div{
	display:flex;
	align-items:center;
	gap:8px;
	justify-content:space-between;
	border:1px solid #e4ebf3;
	background:#f8fafc;
	border-radius:8px;
	padding:9px;
}
.inspiration-mobile-explainer{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);
	gap:18px;
	align-items:center;
	margin-bottom:var(--admin-card-gap);
}
.inspiration-mobile-explainer p{
	margin:6px 0 0;
	color:var(--muted);
}
.inspiration-mobile-states{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:var(--admin-card-gap);
}
.inspiration-mobile-states div{
	border:1px solid var(--border);
	border-radius:8px;
	background:#fff;
	padding:16px;
}
.inspiration-mobile-states span{
	display:block;
	color:var(--muted);
	font-size:12px;
	margin-bottom:6px;
}
.inspiration-mobile-states strong{
	font-size:26px;
}
.inspiration-history .activity-item{
	border-bottom:1px solid var(--border);
	padding:12px 0;
}
.inspiration-settings-form > .form-grid + .form-grid,
.inspiration-box-editor .form-grid + .form-grid{
	margin-top:var(--admin-card-gap);
}

/* Central GUI-regel för adminformulär: fält ska vara kompakta och lätt kantiga på alla sidor. */
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
select:not([multiple]){
	height:var(--field-height) !important;
	min-height:var(--field-height) !important;
	border-radius:var(--field-radius) !important;
	padding-top:var(--field-padding-y) !important;
	padding-bottom:var(--field-padding-y) !important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]){
	padding-left:var(--field-padding-x) !important;
	padding-right:var(--field-padding-x) !important;
}
select:not([multiple]){
	padding-left:var(--field-padding-x) !important;
	padding-right:32px !important;
	background-position:calc(100% - 17px) 15px,calc(100% - 12px) 15px !important;
}
textarea,
select[multiple]{
	border-radius:var(--field-radius) !important;
	padding:var(--field-padding-y) var(--field-padding-x) !important;
}
input[type="file"]{
	border-radius:var(--field-radius) !important;
	padding:8px var(--field-padding-x) !important;
}
.form-grid{
	gap:10px 12px;
}
.wide-field{
	margin-top:10px;
}
.form-grid label,
.wide-field,
.order-search label,
.status-select,
.customer-edit-grid label,
.import-upload-form label,
.inspiration-filterbar label,
.inspiration-settings-form label,
.inspiration-box-editor label,
.inspiration-create-box label{
	gap:4px;
}
.category-choice-panel label,
.checkbox-card,
.customer-edit-grid .checkbox-label,
.form-grid .checkbox-label,
.customer-note-form > .checkbox-label,
.inspiration-toggle-grid label,
.inspiration-startpage-grid label,
.product-option-group,
.customer-note-reminder-card,
.note-reminder-card,
.compact-check{
	border-radius:4px !important;
	padding:8px 10px !important;
	min-height:38px !important;
}
.wysiwyg-wrapper,
.wysiwyg-toolbar button{
	border-radius:var(--field-radius);
}

/* Visar tydligt vilka formulärfält som bara är information och inte kan ändras. */
input:not([type="checkbox"]):not([type="radio"]):not([type="file"])[readonly],
textarea[readonly],
input:not([type="checkbox"]):not([type="radio"]):not([type="file"])[disabled],
textarea[disabled],
select[disabled]{
	background:#f6f8fb;
	border-color:#d7dee8;
	color:#667085;
	box-shadow:none;
	opacity:1;
	-webkit-text-fill-color:#667085;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"])[readonly]:focus,
textarea[readonly]:focus,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"])[disabled]:focus,
textarea[disabled]:focus,
select[disabled]:focus{
	border-color:#d7dee8;
	box-shadow:none;
	outline:none;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"])[readonly],
textarea[readonly]{
	cursor:default;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"])[disabled],
textarea[disabled],
select[disabled]{
	cursor:not-allowed;
}

@media (max-width:1100px){
	.inspiration-admin-layout,
	.inspiration-builder,
	.inspiration-mobile-explainer{
		grid-template-columns:1fr;
	}
	.inspiration-page-scroll,
	.inspiration-box-scroll{
		max-height:none;
	}
	.inspiration-box-list{
		position:static;
		top:auto;
	}
	.orders-layout{
		grid-template-columns:1fr;
	}
	.order-view-shell .orders-layout{
		grid-template-columns:1fr;
	}
	.order-view-shell .orders-list-panel{
		border-right:0;
		border-bottom:1px solid #e5edf5;
	}
	.order-view-shell .order-focus-strip,
	.order-view-shell .order-compact-bottom{
		grid-template-columns:1fr 1fr;
	}
	.orders-list-panel,
	.order-detail-panel{
		min-height:auto;
	}
	.form-grid{
		grid-template-columns:repeat(2,1fr);
	}
	.customer-edit-layout,
	.customer-edit-grid,
	.customer-edit-grid-primary,
	.customer-edit-grid-address,
	.customer-edit-grid-terms{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
	.delivery-grid{
		grid-template-columns:repeat(2,1fr);
	}
	.customer-note-control-grid{
		grid-template-columns:1fr;
	}
	.customer-note-reminder-card{
		grid-template-columns:minmax(130px,.75fr) repeat(2,minmax(150px,1fr));
	}
	.form-grid.compact{
		grid-template-columns:repeat(2,1fr);
	}
	.products-edit-head,
	.product-edit-line{
		grid-template-columns:minmax(220px,1fr) 72px 110px 120px;
	}
	.metric-grid,
	.metric-grid.large{
		grid-template-columns:repeat(2,1fr);
	}
	.dashboard-layout{
		grid-template-columns:1fr;
	}
	.dashboard-history-layout{
		grid-template-columns:1fr;
	}
	.dashboard-reminder-card{
		grid-template-columns:1fr;
	}
	.dashboard-reminder-actions{
		justify-content:flex-start;
	}
	.imports-layout{
		grid-template-columns:1fr;
	}
	.price-admin-layout{
		grid-template-columns:1fr;
	}
	.vat-country-grid{
		grid-template-columns:1fr;
	}
	.product-import-layout,
	.translation-grid{
		grid-template-columns:1fr;
	}
	.frontend-option-list{
		border:0;
		overflow:visible;
	}
	.frontend-option-list-head{
		display:none;
	}
	.frontend-option-row{
		grid-template-columns:64px minmax(0,1fr);
		border:1px solid var(--border);
		border-radius:8px;
		margin-top:10px;
	}
	.frontend-option-row > div:nth-child(n+3){
		grid-column:2;
	}
	.option-image-upload-form{
		grid-template-columns:1fr;
	}
	.webshop-v2-hero,
	.webshop-v2-layout,
	.webshop-v2-layout.product-layout,
	.webshop-v2-split{
		grid-template-columns:1fr;
	}
	.webshop-v2-metrics,
	.webshop-v2-metrics.five,
	.webshop-v2-health{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
	.webshop-v2-list-panel{
		position:static;
	}
	.webshop-v2-list{
		max-height:none;
		min-height:0;
	}
	.webshop-cockpit-top,
	.webshop-cockpit-section-head,
	.webshop-cockpit-grid,
	.webshop-focus-two,
	.webshop-focus-bottom{
		grid-template-columns:1fr;
		display:grid;
	}
	.webshop-cockpit-top{
		display:grid;
	}
	.webshop-cockpit-progress{
		justify-content:flex-start;
		min-width:0;
		padding-top:0;
	}
	.webshop-cockpit-metrics{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
	.webshop-imagequeue-card{
		position:static;
	}
	.category-tree-panel{
		position:static;
	}
	.customer-grid,
	.offer-grid,
	.product-grid,
	.stock-grid,
	.country-grid,
	.vat-grid,
	.stock-status-grid{
		grid-template-columns:1fr 1fr;
	}
	.hidden-product-grid,
	.hidden-product-list-grid,
	.active-pricelist-grid,
	.price-log-grid{
		grid-template-columns:1fr 1fr;
	}
	.customer-profile-hero,
	.customer-profile-workspace,
	.customer-profile-overview,
	.customer-contact-grid,
	.agreements-layout{
		grid-template-columns:1fr;
	}
	.customer-card-identity,
	.customer-card-layout{
		grid-template-columns:1fr;
	}
	.customer-card-shell-redesign{
		grid-template-columns:1fr;
	}
	.customer-dossier-panel{
		border-right:0;
		border-bottom:1px solid #e5edf5;
	}
	.customer-order-detail-body{
		grid-template-columns:1fr;
	}
	.customer-orders-toolbar,
	.customer-order-detail-head{
		align-items:flex-start;
		display:grid;
		grid-template-columns:1fr;
	}
	.customer-orders-search{
		grid-template-columns:minmax(0,1fr) 44px;
		width:100%;
	}
	.customer-orders-list-grid{
		grid-template-columns:minmax(130px,1fr) minmax(120px,1fr) minmax(100px,1fr);
	}
	.customer-orders-list-grid > span:nth-child(n+4),
	.customer-orders-list-grid > strong:nth-child(n+4){
		display:none;
	}
	.customer-order-products-head,
	.customer-order-product-row{
		grid-template-columns:minmax(180px,1fr) .7fr .55fr;
	}
	.customer-order-products-head span:nth-child(n+4),
	.customer-order-product-row > span:nth-child(n+4),
	.customer-order-product-row > strong:nth-child(n+4){
		display:none;
	}
	.customer-card-sidebar{
		border-right:0;
		border-bottom:1px solid #e5edf5;
		display:grid;
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
	.customer-reminder-panel{
		min-height:0;
	}
	.customer-pinned-grid{
		grid-template-columns:1fr;
	}
	.customer-identity-actions{
		justify-items:start;
	}
	.customer-profile-summary{
		position:static;
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
	.agreement-list-panel{
		position:static;
	}
	.customer-profile-actions{
		justify-content:flex-start;
	}
	.webcontent-grid{
		grid-template-columns:64px minmax(0,1fr) minmax(120px,.8fr) .7fr;
	}
	.webcontent-item-grid,
	.webcontent-item-row{
		grid-template-columns:minmax(0,1fr) 116px;
	}
	.webcontent-layout{
		grid-template-columns:1fr;
	}
	.goals-toolbar{
		display:grid;
		grid-template-columns:1fr;
	}
	.goals-report-summary-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
	.goals-report-grid,
	.goals-period-report-grid{
		grid-template-columns:1fr 1fr;
	}
	.goals-report-grid > span:nth-child(n+4),
	.goals-period-report-grid > span:nth-child(n+4){
		display:none;
	}
	.users-layout{
		grid-template-columns:1fr;
	}
}

@media (max-width:760px){
	.inspiration-filterbar,
	.inspiration-related-grid,
	.inspiration-mobile-states{
		grid-template-columns:1fr;
	}
	.inspiration-headline{
		display:grid;
	}
	.inspiration-headline-actions{
		justify-content:flex-start;
	}
	.module-page{
		padding:14px;
	}
	.module-page > * + *{
		margin-top:14px;
	}
	.admin-sidebar{
		transform:translateX(-100%);
	}
	.admin-shell.sidebar-collapsed .admin-sidebar{
		transform:translateX(-100%);
	}
	.admin-shell.menu-open .admin-sidebar{
		transform:translateX(0);
	}
	.admin-backdrop{
		position:fixed;
		inset:0;
		z-index:30;
		background:rgba(15,23,42,.45);
	}
	.admin-shell.menu-open .admin-backdrop{display:block}
	.admin-main{padding-left:0}
	.admin-shell.sidebar-collapsed .admin-main{padding-left:0}
	.admin-topbar{
		align-items:flex-start;
		padding:12px;
		height:auto;
	}
	.icon-button{
		width:40px;
		height:40px;
		border:1px solid var(--border);
		border-radius:8px;
		display:flex;
	}
	.topbar-brand{
		display:none;
	}
	.admin-title h1{font-size:18px}
	.admin-title p{display:none}
	.admin-topbar-actions{display:none}
	.orders-layout{padding:10px;gap:10px}
	.order-view-shell .orders-layout{
		padding:0;
		gap:0;
	}
	.order-view-titlebar{
		padding:16px;
	}
	.order-view-shell .order-detail-panel{
		padding:16px;
	}
	.order-sidebar-controls .order-search-menu{
		grid-template-columns:1fr;
	}
	.customer-card-modal{
		padding:0 14px 18px;
	}
	.customer-edit-layout,
	.customer-edit-grid,
	.customer-edit-grid-primary,
	.customer-edit-grid-address,
	.customer-edit-grid-terms{
		grid-template-columns:1fr;
	}
	.customer-edit-section-head{
		display:grid;
	}
	.customer-edit-section-head p{
		text-align:left;
	}
	.new-order-layout,
	.compact-new-order-customer,
	.new-order-customer-search,
	.new-order-draft-line{
		grid-template-columns:1fr;
	}
	.order-view-shell .order-focus-strip,
	.order-view-shell .order-compact-bottom,
	.order-compact-delivery-grid{
		grid-template-columns:1fr;
	}
	.order-view-shell .order-detail-header{
		display:grid;
	}
	.goals-hero,
	.goal-period-card header,
	.dashboard-goal-card header{
		align-items:flex-start;
	}
	.goals-hero{
		display:grid;
	}
	.goal-edit-row,
	.dashboard-goals-grid,
	.goal-dashboard-cards,
	.dashboard-goal-row{
		grid-template-columns:1fr;
	}
	.order-view-shell .detail-actions{
		justify-content:flex-start;
	}
	.order-compact-activity .activity-item{
		grid-template-columns:18px minmax(0,1fr);
	}
	.order-compact-activity .activity-time{
		grid-column:2;
	}
	.delivery-grid{
		grid-template-columns:1fr;
	}
	.delivery-history-row{
		display:block;
	}
	.delivery-history-row .text-button{
		margin-top:10px;
	}
	.orders-commandbar{
		display:block;
		padding:12px;
	}
	.orders-filterbar{
		gap:8px;
		padding:10px 12px;
	}
	.order-status-menu{
		flex-basis:100%;
	}
	.order-status-menu a{
		padding:8px 10px;
	}
	.order-search-menu{
		flex:1 1 100%;
		padding:0;
	}
	.commandbar-actions{
		margin-top:10px;
		justify-content:flex-start;
	}
	.order-detail-header,
	.detail-grid{
		display:block;
	}
	.order-focus-strip{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
	.detail-actions{
		margin-top:12px;
		justify-content:flex-start;
	}
	.contact-section{margin-top:12px}
	.overview-metrics,
	.form-grid{
		grid-template-columns:1fr;
	}
	.customer-note-reminder-card{
		grid-template-columns:1fr;
	}
	.customer-profile-summary{
		grid-template-columns:1fr;
	}
	.customer-note-control-grid{
		grid-template-columns:1fr;
	}
	.price-field-grid,
	.master-price-field-grid,
	.price-log-grid,
	.active-pricelist-grid,
	.hidden-product-grid,
	.hidden-product-list-grid,
	.country-grid,
	.vat-grid,
	.stock-status-grid,
	.stock-comment-grid{
		grid-template-columns:1fr;
	}
	.form-grid.compact{
		grid-template-columns:1fr;
	}
	.module-header{
		display:block;
	}
	.history-toolbar{
		justify-content:flex-start;
		margin-top:12px;
	}
	.history-row{
		grid-template-columns:1fr;
		gap:8px;
	}
	.history-actions{
		justify-content:flex-start;
	}
	.module-header-actions{
		display:block;
		margin-top:12px;
	}
	.module-search{
		min-width:0;
		margin-top:12px;
		display:grid;
		grid-template-columns:1fr;
	}
	.module-search select{
		width:100%;
		flex:auto;
	}
	.webshop-cockpit-top h2{
		font-size:24px;
		margin-bottom:12px;
	}
	.webshop-cockpit-progress{
		display:grid;
		gap:10px;
	}
	.webshop-cockpit-progress > div{
		min-width:0;
	}
	.webshop-cockpit-metrics{
		grid-template-columns:1fr;
	}
	.webshop-cockpit-metric{
		min-height:92px;
	}
	.webshop-workqueue-head,
	.webshop-workqueue-row,
	.webshop-imagequeue-list a{
		grid-template-columns:1fr;
	}
	.webshop-workqueue-row > strong{
		text-align:left;
	}
	.webshop-required-images > div{
		grid-template-columns:1fr;
	}
	.webshop-focus-header,
	.webshop-card-head{
		display:grid;
	}
	.webshop-automatch-row,
	.webshop-missing-preview a{
		grid-template-columns:1fr;
	}
	.webshop-v2-page{
		padding:12px;
	}
	.webshop-v2-hero{
		padding:16px;
	}
	.webshop-v2-hero h2{
		font-size:24px;
	}
	.webshop-v2-toolbar{
		grid-template-columns:1fr;
	}
	.webshop-v2-metrics,
	.webshop-v2-metrics.five,
	.webshop-v2-health,
	.webshop-v2-split,
	.webshop-v2-fact-list,
	.webshop-v2-language-list{
		grid-template-columns:1fr;
	}
	.webshop-v2-detail-header{
		display:block;
	}
	.webshop-v2-context-filter{
		display:block;
	}
	.webshop-v2-context-filter a{
		display:inline-flex;
		margin-top:8px;
	}
	.webshop-v2-context-filter span{
		white-space:normal;
	}
	.webshop-v2-actions{
		margin-top:12px;
		flex-wrap:wrap;
	}
	.webshop-v2-list > a{
		grid-template-columns:1fr;
	}
	.webshop-v2-row-status{
		justify-content:flex-start;
		max-width:none;
	}
	.metric-grid,
	.metric-grid.large,
	.settings-grid{
		grid-template-columns:1fr;
	}
	.dashboard-welcome{
		display:block;
		padding:16px;
	}
	.dashboard-welcome-actions{
		justify-content:flex-start;
		margin-top:12px;
	}
	.admin-table-head{
		display:none;
	}
	.customer-grid,
	.offer-grid,
	.product-grid,
	.stock-grid,
	.user-grid,
	.customer-order-grid,
	.customer-login-grid,
	.agreement-category-grid,
	.agreement-customer-grid,
	.webcontent-grid{
		grid-template-columns:1fr;
	}
	.customer-profile-hero{
		padding:14px;
	}
	.customer-card-title,
	.customer-card-identity,
	.customer-card-main,
	.customer-side-panel{
		padding:16px;
	}
	.customer-card-sidebar{
		grid-template-columns:1fr;
	}
	.customer-avatar{
		width:70px;
		height:70px;
		font-size:26px;
	}
	.customer-identity-main h3{
		font-size:21px;
	}
	.customer-card-main .customer-profile-tabs{
		gap:14px;
	}
	.customer-activity-row{
		grid-template-columns:32px minmax(0,1fr);
	}
	.customer-activity-row time{
		grid-column:2;
	}
	.customer-profile-hero h2{
		font-size:22px;
	}
	.customer-profile-tabs a{
		padding:9px 10px;
	}
	.webcontent-item-grid,
	.webcontent-item-row{
		grid-template-columns:1fr;
	}
	.dashboard-order-grid{
		grid-template-columns:1fr;
	}
	.import-field-grid,
	.import-file-grid{
		grid-template-columns:1fr;
	}
	.webcontent-status-cell{
		flex-direction:row;
		align-items:center;
	}
	.webcontent-category-heading{
		grid-template-columns:1fr;
	}
	.permissions-row{
		grid-template-columns:1fr 70px 70px;
	}
	.products-head{
		display:none;
	}
	.product-line,
	.product-edit-line{
		grid-template-columns:1fr;
		gap:6px;
	}
	.order-product-summary{
		align-items:center;
	}
	.activity-layout{
		grid-template-columns:1fr;
	}
	.activity-panel{
		padding:16px 14px;
	}
	.activity-note-form{
		border-left:0;
		border-top:1px solid var(--border);
		padding:16px 14px;
	}
	.activity-item{
		grid-template-columns:18px minmax(86px,112px) minmax(0,1fr);
		gap:8px;
	}
	.activity-time{
		white-space:normal;
	}
	.history-state div{
		grid-template-columns:1fr;
	}
	.add-product-options-panel{
		grid-template-columns:1fr;
	}
	.product-options-editor{
		grid-template-columns:1fr;
	}
	.admin-modal-window{
		top:10px;
		right:10px;
		bottom:10px;
		left:10px;
		width:auto;
	}
	.customer-card-modal{
		padding:0 14px 14px;
	}
	.product-card-modal{
		padding:0 14px 14px;
	}
	.product-modal-header,
	.product-card-layout,
	.product-card-panels{
		display:grid;
		grid-template-columns:1fr;
	}
	.modal-header-actions{
		justify-content:flex-start;
	}
	.product-card-facts,
	.product-card-price-grid,
	.product-card-agreement-grid{
		grid-template-columns:1fr;
	}
	.confirmation-page{
		width:auto;
		min-height:0;
		margin:0;
		padding:18px;
	}
	.confirmation-header{
		display:grid;
		gap:16px;
	}
	.confirmation-meta-card{
		text-align:left;
	}
	.confirmation-intro,
	.confirmation-addresses{
		grid-template-columns:1fr;
	}
	.confirmation-addresses div{
		width:100%;
		margin-bottom:18px;
	}
	.confirmation-products-head,
	.confirmation-product-line,
	.confirmation-option-line{
		grid-template-columns:minmax(0,1fr) 38px 78px 68px 84px;
		gap:7px;
	}
	.confirmation-products-head{
		font-size:9px;
	}
	.confirmation-product-name strong{
		font-size:12.5px;
	}
	.print-totals{
		width:100%;
	}
}

@media print{
	@page{
		size:A4;
		margin:13mm;
	}
	body{background:#fff}
	.print-toolbar{display:none}
	.confirmation-page{
		width:auto;
		min-height:0;
		margin:0;
		padding:0;
		box-shadow:none;
	}
	.confirmation-header{
		display:flex;
		align-items:flex-start;
		justify-content:space-between;
	}
	.confirmation-meta-card{
		text-align:right;
	}
	.confirmation-intro{
		display:grid;
		grid-template-columns:minmax(0,1fr) 190px;
	}
	.confirmation-addresses{
		display:grid;
		grid-template-columns:1fr 1fr;
	}
	.confirmation-products-head,
	.confirmation-product-line,
	.confirmation-option-line{
		grid-template-columns:minmax(0,1fr) 46px 92px 82px 102px;
		gap:10px;
	}
	.confirmation-address-card,
	.confirmation-comment,
	.print-totals{
		background:#fff;
	}
	.print-totals{
		width:300px;
		margin-left:auto;
	}
	.confirmation-product-group{
		padding:10px 0;
	}
	.goal-report-print-body{
		background:#fff;
		padding:0;
	}
	.goal-report-print-sheet{
		width:auto;
		min-height:0;
		margin:0;
		padding:0;
		box-shadow:none;
		page-break-after:always;
	}
	.goal-report-print-sheet:last-child{
		page-break-after:auto;
	}
	.goal-report-print-kpis{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
}

@media (max-width:1280px){
	.product-option-rule-current{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
	.product-option-override-form{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}
	.product-option-override-form button{
		width:max-content;
	}
}
.creative-tip-template-fields{
	grid-column:1 / -1;
	margin:8px 0 12px;
	padding:16px;
	border:1px solid #d8e2ee;
	border-radius:8px;
	background:#f7faff;
}
.creative-tip-template-fields-heading{
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	gap:8px 14px;
	margin-bottom:12px;
	color:#1e3550;
}
.creative-tip-template-fields-heading small{
	color:#60758d;
	font-weight:400;
}
.creative-tip-template-fields .wide-field{
	margin-top:12px;
}
.creative-tip-template-fields textarea{
	min-height:76px;
	resize:vertical;
}