:root{
 color-scheme:light;
 --bg:#F8F8F5;--card:#fff;--surface:#fff;--surface-secondary:#F3F4F1;--surface-soft:#F3F4F1;--ink:#171717;--text:#171717;--muted:#6D6D68;--text-muted:#6D6D68;--line:#E5E4DF;--border:#E5E4DF;
 --babyblue-pale:#DDF0F8;--babyblue:#B9DDED;--babyblue-strong:#62ACCE;
 --accent:#459BC7;--accent-soft:#DDF0F8;--ink-deep:#244B60;
 --success:#398568;--success-soft:#E8F4EF;
 --warning:#C88A20;--warning-soft:#FFF3D9;
 --danger:#C85A52;--danger-soft:#FBE9E6;
 --lilac:#D9D2F2;--blush:#F4DCE8;
 --primary:#459BC7;--primary-hover:#244B60;
 --radius:12px;--radius-sm:10px;--shadow:0 6px 20px rgba(36,75,96,.06)
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);font-variant-numeric:tabular-nums}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
button,input,select,textarea{font-family:inherit}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
.app-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}
.sidebar{background:#fff;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}
@media(min-width:901px){.app-shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;height:100dvh;overscroll-behavior:contain;scrollbar-gutter:stable}.main{margin-left:245px;min-height:100vh}}
.brand{display:flex;align-items:center;gap:12px;padding:0 10px 28px}.brand img{width:82px;height:auto}.brand span{font-size:11px;letter-spacing:.16em;color:var(--muted)}
nav{display:grid;gap:2px}
nav a{padding:11px 14px 11px 11px;border-radius:var(--radius-sm);font-size:14px;display:flex;align-items:center;gap:10px;color:var(--ink);border-left:3px solid transparent;transition:background .15s ease,color .15s ease}
nav a:hover{background:var(--accent-soft);color:var(--ink-deep)}
nav a.active{background:#171717;color:#fff;font-weight:600;border-left-color:var(--babyblue)}
nav a svg{flex:none;opacity:.75}
nav a.active svg{opacity:1}
.nav-group{margin-top:4px}
.nav-group-label{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;cursor:pointer;user-select:none}
.nav-group-label .caret{transition:transform .15s ease}
.nav-group.collapsed .nav-group-links{display:none}
.nav-group.collapsed .caret{transform:rotate(-90deg)}
.sidebar-toggle{display:none}
.sidebar-backdrop{display:none}
@media(max-width:900px){
 .sidebar-toggle{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:var(--radius-sm);padding:10px 14px;font-weight:600;font-size:14px;margin:14px 18px 0}
 .sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;z-index:60;transform:translateX(-100%);transition:transform .2s ease;box-shadow:var(--shadow)}
 .sidebar.open{transform:translateX(0)}
 .sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:50}
 .sidebar-backdrop.open{display:block}
}

/* Reusable components */
.badge.warning{background:var(--warning-soft);color:var(--warning)}
.badge.danger{background:var(--danger-soft);color:var(--danger)}
.badge.muted{background:#ecebe5;color:var(--muted)}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:20px;overflow-x:auto}
.tabs a{padding:11px 16px;font-size:13.5px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}
.tabs a:hover{color:var(--ink)}
.tabs a.active{color:var(--ink);border-color:var(--accent)}
.modal-backdrop{position:fixed;inset:0;background:rgba(20,20,20,.4);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}
.modal{background:#fff;border-radius:var(--radius);padding:28px;max-width:560px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow)}
.drawer-backdrop{position:fixed;inset:0;background:rgba(20,20,20,.4);z-index:100}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(480px,92vw);background:#fff;box-shadow:var(--shadow);padding:28px;overflow-y:auto;z-index:101}
.pagination{display:flex;gap:6px;align-items:center;justify-content:center;margin-top:18px}
.pagination a,.pagination span{padding:8px 13px;border-radius:var(--radius-sm);font-size:13px;border:1px solid var(--line);background:#fff}
.pagination a:hover{background:var(--accent-soft);color:var(--accent)}
.pagination .current{background:var(--ink);color:#fff;border-color:var(--ink)}
.empty-state{padding:48px 24px;text-align:center;color:var(--muted)}
.empty-state svg{opacity:.35;margin-bottom:14px}
.empty-state h3{margin:0 0 6px;color:var(--ink);font-size:16px}
.empty-state p{margin:0 0 18px;font-size:13.5px}
.skeleton{background:linear-gradient(90deg,#ececea 25%,#f5f5f3 37%,#ececea 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite;border-radius:8px}
@keyframes skeleton-shimmer{0%{background-position:100% 50%}100%{background-position:0 50%}}
.toast-stack{position:fixed;bottom:24px;right:24px;display:grid;gap:10px;z-index:200}
.toast{background:var(--ink);color:#fff;padding:13px 18px;border-radius:var(--radius-sm);font-size:13.5px;box-shadow:var(--shadow);min-width:220px}
.toast.success{background:var(--success)}.toast.danger{background:var(--danger)}
.user-menu{position:relative}
.user-menu-trigger{background:#fff;border:1px solid var(--line);padding:9px 14px;border-radius:999px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px}
.user-menu-trigger:hover{border-color:var(--accent)}
.user-menu-panel{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow);min-width:200px;padding:8px;display:none;z-index:40}
.user-menu.open .user-menu-panel{display:block}
.user-menu-panel .um-info{padding:10px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}
.user-menu-panel .um-info strong{display:block;font-size:14px}
.user-menu-panel .um-info small{color:var(--muted);font-size:12px}
.user-menu-panel a{display:block;padding:9px 12px;border-radius:8px;font-size:13.5px}
.user-menu-panel a:hover{background:var(--accent-soft);color:var(--accent)}
.breadcrumbs{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--muted);margin-bottom:4px}
.breadcrumbs a:hover{color:var(--accent)}
.sidebar-user{margin-top:auto;border-top:1px solid var(--line);padding:18px 10px 0;display:grid;gap:4px}.sidebar-user small{color:var(--muted)}.sidebar-user a{font-size:13px;margin-top:10px;color:var(--accent)}
.main{min-width:0}.topbar{padding:28px 34px 18px;display:flex;justify-content:space-between;align-items:center}.topbar h1{margin:0;font-size:26px}.topbar p{margin:5px 0 0;color:var(--muted);font-size:13px}.user-chip{background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:999px;font-size:13px}
.content{padding:10px 34px 40px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.content .grid[style*="1.35fr"]>*{min-width:0}
.kpi span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.kpi strong{display:block;font-size:28px;margin-top:9px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:28px 0 12px;flex-wrap:wrap;gap:10px}.section-title h2{margin:0;font-size:18px;min-width:0}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:11px 15px;background:var(--ink);color:#fff;cursor:pointer;font-weight:600}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.accent{background:var(--accent)}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--line)}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);font-size:13px}th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#fbfbfa}
.badge{display:inline-block;padding:6px 9px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:700}.badge.success{background:#eaf5ef;color:var(--success)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #dcdcd6;border-radius:12px;padding:12px;background:#fff;font:inherit}.field textarea{min-height:90px}
.notice{padding:12px 14px;border-radius:12px;margin-bottom:15px;background:#f6ecec;color:var(--danger);font-size:13px}.empty{padding:30px;text-align:center;color:var(--muted)}
.login-page{min-height:100vh;display:grid;place-items:center;background:#f6f4f8}.login-card{width:min(430px,92vw);background:#fff;padding:38px;border-radius:24px;box-shadow:var(--shadow);border:1px solid var(--line)}.login-card img{width:115px;display:block;margin:0 auto 28px}.login-card h1{text-align:center;margin:0}.login-card p{text-align:center;color:var(--muted);margin-bottom:26px}.login-card .field{margin-bottom:14px}.login-card .btn{width:100%;margin-top:8px}
.filters{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.filters input,.filters select{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;max-width:100%}
.order-lines{display:grid;gap:10px}.order-line{display:grid;grid-template-columns:2fr .6fr .7fr auto;gap:10px;align-items:end}

/* Gamification */
.level-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.level-badge:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
.level-badge.bronze{background:#f6e9da;color:#a15a2a}
.level-badge.silver{background:#eef0f3;color:#68727c}
.level-badge.gold{background:#fdf1cf;color:#a67c00}
.level-badge.platinum{background:var(--accent-soft);color:var(--accent)}

.points-hero{border-radius:var(--radius);padding:26px 28px;box-shadow:var(--shadow);color:#fff;position:relative;overflow:hidden}
.points-hero.bronze{background:linear-gradient(135deg,#8a5a2b,#c98a4b)}
.points-hero.silver{background:linear-gradient(135deg,#6b7280,#9aa3ad)}
.points-hero.gold{background:linear-gradient(135deg,#a67c00,#e0b13a)}
.points-hero.platinum{background:linear-gradient(135deg,#173d54,var(--accent))}
.points-hero .hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.points-hero .hero-level{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.85;font-weight:700}
.points-hero .hero-points{font-size:44px;font-weight:800;line-height:1;margin-top:10px}
.points-hero .hero-sub{margin-top:6px;font-size:13px;opacity:.85}
.points-hero .hero-next{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);padding:6px 12px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
.level-progress{height:9px;border-radius:999px;background:rgba(255,255,255,.25);margin-top:18px;overflow:hidden}
.level-progress i{display:block;height:100%;background:#fff;border-radius:999px;transition:width .4s ease}
.level-progress.on-light{background:#ecebe5}
.level-progress.on-light i{background:var(--accent)}

.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:12px;font-weight:800;background:#ecebe5;color:var(--muted)}
.rank-badge.r1{background:#fdf1cf;color:#a67c00}
.rank-badge.r2{background:#eef0f3;color:#68727c}
.rank-badge.r3{background:#f6e9da;color:#a15a2a}
.leader-row{display:flex;align-items:center;gap:14px;padding:16px 18px;border-top:1px solid var(--line)}
.leader-row:first-of-type{border-top:0}
.leader-row .leader-main{flex:1;min-width:0}
.leader-row .leader-name{font-weight:700;font-size:14.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.leader-row .leader-meta{font-size:12px;color:var(--muted);margin-top:3px}
.leader-row .leader-points{text-align:right;min-width:74px}
.leader-row .leader-points strong{font-size:19px;display:block}
.leader-row .leader-points small{color:var(--muted);font-size:11px}
.leader-row.top{background:linear-gradient(90deg,var(--accent-soft),transparent)}

.cal-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.cal-nav h3{margin:0;font-size:17px;text-transform:capitalize}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.cal-dow{background:#fbfbfa;padding:9px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:center;font-weight:700}
.cal-day{background:#fff;min-height:96px;padding:8px;display:flex;flex-direction:column;gap:4px}
.cal-day.empty-day{background:#fbfbfa}
.cal-day.today{background:var(--accent-soft)}
.cal-day-num{font-size:12px;font-weight:700;color:var(--muted)}
.cal-day.today .cal-day-num{color:var(--accent)}
.cal-chip{display:block;padding:3px 7px;border-radius:7px;font-size:10.5px;font-weight:700;background:var(--accent-soft);color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-chip.success{background:var(--success-soft);color:var(--success)}
.cal-chip.rejected{background:var(--danger-soft);color:var(--danger)}
.cal-chip.cancelled{background:#ecebe5;color:var(--muted);text-decoration:line-through}
.cal-more{font-size:10.5px;color:var(--muted)}
@media(max-width:900px){.cal-day{min-height:64px;font-size:11px}}

@media(max-width:900px){.app-shell{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.content .grid[style*="grid-template-columns"]{grid-template-columns:1fr!important}.form-grid{grid-template-columns:1fr}.topbar,.content{padding-left:18px;padding-right:18px}}
@media(max-width:1024px){table{display:block;overflow-x:auto;white-space:nowrap}.filters select,.filters input{max-width:220px}}
@media(max-width:640px){.grid{grid-template-columns:1fr}.two-col{grid-template-columns:1fr!important}}
.two-col>div{min-width:0}

/* ===== Dashboard (Κέντρο Πωλήσεων) ===== */
.content{max-width:1600px}
.dash-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.dash-header h1{font-size:28px;margin:0;font-weight:700}
.dash-header .sub{margin:4px 0 0;color:var(--muted);font-size:13.5px}
.dash-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.period-pills{display:flex;gap:3px;padding:4px;background:#EFEEE9;border-radius:999px}
.period-pills a{padding:8px 14px;border-radius:999px;font-size:13px;color:var(--muted);transition:background .15s ease,color .15s ease}
.period-pills a.active{background:var(--babyblue-pale);color:var(--ink-deep);font-weight:700}
.range-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.range-form input{border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 10px;background:#fff;min-width:0;font-size:13px}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius-sm);padding:11px 16px;background:var(--accent);color:#fff;cursor:pointer;font-weight:600;font-size:13.5px;transition:background .15s ease}
.btn-primary:hover{background:var(--ink-deep)}
.btn-primary:disabled{opacity:.6;cursor:default}
.btn-primary .spin{width:13px;height:13px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .7s linear infinite;display:none}
.btn-primary.loading .spin{display:inline-block}
.btn-primary.loading .btn-label{opacity:.85}
@keyframes spin{to{transform:rotate(360deg)}}

.dash-loading{opacity:.5;pointer-events:none;transition:opacity .15s ease}

/* Top intelligence strip */
.intel-strip{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:20px;overflow:hidden}
.intel-item{padding:18px 22px;border-left:1px solid var(--line);min-width:0}
.intel-item:first-child{border-left:0}
.intel-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:10px;display:block}
.avatar-row{display:flex;align-items:center}
.avatar-circle{width:32px;height:32px;border-radius:50%;background:var(--babyblue-pale);color:var(--ink-deep);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid #fff;margin-left:-8px;transition:transform .15s ease}
.avatar-circle:first-child{margin-left:0}
.avatar-row a:hover .avatar-circle{transform:translateY(-2px)}
.avatar-more{width:32px;height:32px;border-radius:50%;background:#EFEEE9;color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;margin-left:-8px;border:2px solid #fff}
.avatar-names{margin-top:9px;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.intel-value{font-size:22px;font-weight:700;line-height:1.1}
.intel-delta{font-size:12px;margin-top:4px}
.intel-delta.positive{color:var(--success)}
.intel-delta.negative{color:var(--danger)}
.mini-bars{display:flex;align-items:flex-end;gap:3px;height:28px;margin-top:8px}
.mini-bars i{display:block;flex:1;background:var(--babyblue);border-radius:2px 2px 0 0;min-height:2px}
.target-progress{height:5px;border-radius:999px;background:#EFEEE9;margin-top:9px;overflow:hidden}
.target-progress i{display:block;height:100%;background:var(--accent);border-radius:999px}
.intel-empty{font-size:12.5px;color:var(--muted);margin-top:2px}
.intel-cta{font-size:12px;color:var(--accent);font-weight:700;margin-top:8px;display:inline-block}
.quick-order-link{display:flex;align-items:center;gap:12px;height:100%}
.quick-order-icon{width:38px;height:38px;border-radius:50%;background:var(--babyblue-pale);display:flex;align-items:center;justify-content:center;flex:none;color:var(--ink-deep)}
.quick-order-link .qtitle{font-weight:700;font-size:14px}
.quick-order-link .qsub{font-size:12px;color:var(--muted);margin-top:2px}
.quick-order-link .qarrow{margin-left:auto;color:var(--muted);transition:transform .15s ease}
.intel-item:hover .quick-order-link .qarrow{transform:translateX(3px);color:var(--accent)}

/* KPI cards */
.kpi-grid-v2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.kpi-card-v2{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}
.kpi-card-v2:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.kpi-card-v2.accent{background:var(--babyblue-pale)}
.kpi-card-v2 .kpi-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.kpi-card-v2 .kpi-label{font-size:12px;letter-spacing:.06em;color:var(--muted);font-weight:700}
.kpi-card-v2 .kpi-icon{color:var(--ink-deep);opacity:.55}
.kpi-card-v2 .kpi-value{font-size:30px;font-weight:700;line-height:1;margin-top:12px}
.kpi-card-v2 .kpi-delta{margin-top:9px;font-size:12.5px}
.kpi-card-v2 .kpi-delta.positive{color:var(--success)}
.kpi-card-v2 .kpi-delta.negative{color:var(--danger)}
.kpi-card-v2 .kpi-badge{display:inline-block;margin-top:9px;padding:4px 9px;border-radius:999px;background:var(--danger-soft);color:var(--danger);font-size:11px;font-weight:700}
.kpi-sparkline{margin-top:12px;display:block;overflow:visible}

/* Analytics grid */
.analytics-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:22px}
.analytics-grid.cols-13-7{grid-template-columns:1.3fr .7fr}
.analytics-grid.cols-11{grid-template-columns:1fr 1fr}
.chart-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.chart-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.chart-panel-head h3{margin:0;font-size:16.5px}
.metric-tabs{display:flex;gap:3px;padding:3px;background:#EFEEE9;border-radius:999px}
.metric-tabs button{border:0;background:transparent;padding:7px 12px;border-radius:999px;font-size:12.5px;cursor:pointer;color:var(--muted);font-family:inherit;font-weight:600;transition:background .15s ease,color .15s ease}
.metric-tabs button.active{background:#fff;color:var(--ink-deep);box-shadow:0 1px 3px rgba(20,20,20,.08)}
.chart-legend-row{display:flex;gap:18px;font-size:12px;color:var(--muted);margin-bottom:6px}
.chart-legend-row span{display:inline-flex;align-items:center;gap:6px}
.legend-swatch{width:14px;height:3px;border-radius:2px;display:inline-block}
.chart-tooltip{position:absolute;pointer-events:none;background:#171717;color:#fff;font-size:11.5px;padding:7px 10px;border-radius:8px;transform:translate(-50%,-115%);white-space:nowrap;opacity:0;transition:opacity .12s ease;z-index:5}
.chart-tooltip.show{opacity:1}
.chart-tooltip .tt-date{opacity:.65;font-size:10.5px;margin-bottom:2px}
.chart-svg-wrap{position:relative}

/* Donut */
.donut-wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.donut-center-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}
.donut-center-value{font-size:19px;font-weight:700;margin-top:2px}
.donut-legend{flex:1;min-width:180px;display:grid;gap:9px}
.donut-legend a{display:flex;align-items:center;gap:9px;font-size:12.5px;padding:6px 8px;border-radius:8px;transition:background .15s ease}
.donut-legend a:hover{background:#F8F8F5}
.donut-dot{width:10px;height:10px;border-radius:3px;flex:none}
.donut-legend .dl-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.donut-legend .dl-pct{color:var(--muted);font-size:11.5px}
.donut-legend .dl-amt{font-weight:700;min-width:80px;text-align:right}
.donut-selector{display:flex;gap:3px;padding:3px;background:#EFEEE9;border-radius:999px}
.donut-selector a{padding:6px 11px;border-radius:999px;font-size:12px;color:var(--muted)}
.donut-selector a.active{background:#fff;color:var(--ink-deep);font-weight:700}

/* Bar / paired-bar charts */
.bar-chart-svg rect{transition:opacity .15s ease}
.bar-chart-svg rect:hover{opacity:.75}
.paired-bar-row{display:grid;grid-template-columns:70px 1fr 1fr;gap:10px;align-items:center;padding:9px 0;font-size:12px}
.paired-bar-track{height:9px;border-radius:999px;background:#EFEEE9;overflow:hidden}
.paired-bar-track i{display:block;height:100%;border-radius:999px}
.paired-bar-track.target i{background:var(--ink-deep)}
.paired-bar-track.actual i{background:var(--babyblue-strong)}

/* Ranked list (top products) */
.ranked-list{display:grid}
.ranked-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line);transition:background .15s ease}
.ranked-row:first-of-type{border-top:0}
.ranked-row:hover{background:#FAFAF8}
.ranked-num{width:22px;height:22px;border-radius:50%;background:#EFEEE9;color:var(--muted);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.ranked-main{flex:1;min-width:0}
.ranked-name{font-weight:700;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ranked-meta{font-size:11.5px;color:var(--muted);margin-top:2px}
.ranked-bar-track{height:4px;border-radius:999px;background:#EFEEE9;margin-top:7px;overflow:hidden}
.ranked-bar-track i{display:block;height:100%;background:var(--babyblue-strong);border-radius:999px}
.ranked-value{text-align:right;flex:none}
.ranked-value strong{display:block;font-size:13.5px}
.ranked-value small{font-size:11px;color:var(--muted)}

/* Risk customers v2 */
.risk-row-v2{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line)}
.risk-row-v2:first-of-type{border-top:0}
.risk-dot-v2{width:9px;height:9px;border-radius:50%;flex:none}
.risk-dot-v2.attention{background:var(--warning)}
.risk-dot-v2.risk{background:var(--danger)}
.risk-dot-v2.ok{background:var(--success)}
.risk-main-v2{flex:1;min-width:0}
.risk-name-v2{font-weight:700;font-size:13.5px}
.risk-meta-v2{font-size:11.5px;color:var(--muted);margin-top:3px}
.risk-badge-v2{padding:5px 9px;border-radius:999px;font-size:10.5px;font-weight:700;flex:none}
.risk-badge-v2.critical{background:var(--danger-soft);color:var(--danger)}
.risk-actions{display:flex;gap:4px;flex:none}
.risk-actions a{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--muted);border:1px solid var(--line);transition:background .15s ease,color .15s ease}
.risk-actions a:hover{background:var(--accent-soft);color:var(--ink-deep);border-color:var(--babyblue)}

/* Next actions */
.action-row{display:grid;grid-template-columns:20px 1fr auto 18px;gap:12px;align-items:center;padding:14px 20px;border-top:1px solid var(--line);transition:background .15s ease}
.action-row:first-of-type{border-top:0}
.action-row:hover{background:#FAFAF8}
.action-icon{color:var(--ink-deep);opacity:.7}
.action-title{font-size:13.5px;font-weight:600}
.action-sub{font-size:11.5px;color:var(--muted);margin-top:2px}
.action-value{font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap}
.action-arrow{color:var(--muted)}
.action-row:hover .action-arrow{color:var(--accent)}
.sev-dot{width:8px;height:8px;border-radius:50%}
.sev-dot.critical{background:var(--danger)}
.sev-dot.attention{background:var(--warning)}
.sev-dot.opportunity{background:var(--success)}

/* Quick actions 2x2 */
.quick-grid-2x2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quick-tile{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:var(--radius);border:1px solid var(--babyblue);background:#fff;transition:background .15s ease,transform .15s ease}
.quick-tile:hover{background:var(--babyblue-pale);transform:translateY(-1px)}
.quick-tile .qt-icon{width:34px;height:34px;border-radius:10px;background:var(--babyblue-pale);display:flex;align-items:center;justify-content:center;flex:none;color:var(--ink-deep)}
.quick-tile .qt-label{font-size:13px;font-weight:700}

.error-state{padding:20px;text-align:center;color:var(--danger);font-size:13px}
.error-state button{margin-top:10px}

@media(max-width:1100px){.analytics-grid,.analytics-grid.cols-13-7,.analytics-grid.cols-11{grid-template-columns:1fr}.intel-strip{grid-template-columns:1fr 1fr}.intel-item:nth-child(3){border-left:0}}
@media(max-width:900px){.kpi-grid-v2{grid-template-columns:1fr 1fr}.quick-grid-2x2{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.kpi-grid-v2{grid-template-columns:1fr;overflow-x:auto}.intel-strip{grid-template-columns:1fr}.intel-item{border-left:0;border-top:1px solid var(--line)}.intel-item:first-child{border-top:0}.paired-bar-row{grid-template-columns:60px 1fr}.paired-bar-row .actual{grid-column:2}.dash-header{align-items:stretch}.dash-filters{width:100%}.range-form{width:100%}.range-form input{flex:1 1 100px}}

/* Product Intelligence: single-photo frames, cards, filter chips */
.product-photo-frame{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}
.product-photo-frame img{width:100%;height:100%;object-fit:contain;object-position:center}
.product-photo-frame.ph-thumb{width:44px;height:44px}
.product-photo-frame.ph-sm{width:52px;height:52px}
.product-photo-frame.ph-md{width:72px;height:72px}
.product-photo-frame.ph-lg{width:160px;height:160px}
.product-photo-frame .ph-placeholder{color:var(--muted);font-size:10px;text-align:center;padding:4px}
.product-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px}
.product-card .pc-photo-row{display:flex;justify-content:center}
.product-card .pc-name{font-weight:700;font-size:14px;line-height:1.3}
.product-card .pc-meta{font-size:12px;color:var(--muted)}
.product-card .pc-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12.5px;margin-top:4px}
.product-card .pc-stats strong{display:block;font-size:14px}
.product-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.filter-chip{display:inline-flex;align-items:center;gap:6px;background:var(--babyblue-pale);color:var(--ink-deep);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}
.filter-chip a{color:var(--ink-deep);opacity:.6;font-weight:700}
.filter-chip a:hover{opacity:1}
.view-toggle{display:flex;gap:4px;padding:4px;background:#ecebe5;border-radius:999px}
.view-toggle a{padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted)}
.view-toggle a.active{background:#fff;color:var(--ink);box-shadow:var(--shadow)}
.sparkline{display:block}
.trend-up{color:var(--success)}.trend-down{color:var(--danger)}.trend-flat{color:var(--muted)}
@media(max-width:640px){.product-cards-grid{grid-template-columns:1fr 1fr}}
.breadcrumbs{display:flex;align-items:center;gap:8px;margin:-4px 0 18px;color:var(--muted);font-size:12px}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs strong{color:var(--text);font-weight:700}

/* Apiro premium creative system — shared across the application */
body{background:
 radial-gradient(circle at 88% 2%,rgba(217,210,242,.28),transparent 24rem),
 radial-gradient(circle at 18% 95%,rgba(185,221,237,.2),transparent 28rem),
 var(--bg)}
.sidebar{background:linear-gradient(180deg,#fff 0%,#fdfdfb 72%,#f5fafc 100%);box-shadow:8px 0 30px rgba(36,75,96,.025)}
.brand{position:relative}.brand:after{content:"";position:absolute;left:10px;right:10px;bottom:14px;height:1px;background:linear-gradient(90deg,var(--babyblue),transparent)}
.nav-group-label{margin-top:3px}.nav-group-links a{transition:background .18s ease,color .18s ease,transform .18s ease}.nav-group-links a:hover{transform:translateX(2px)}
.topbar{background:rgba(248,248,245,.72);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(229,228,223,.65)}
.topbar h1{letter-spacing:-.025em}.user-chip,.user-menu-trigger{box-shadow:0 5px 18px rgba(36,75,96,.05)}
.content>.breadcrumbs{padding:7px 11px;width:max-content;max-width:100%;border-radius:999px;background:rgba(255,255,255,.68);border:1px solid rgba(229,228,223,.75)}
.content>.section-title:first-of-type{position:relative;padding:19px 21px;border-radius:16px;background:linear-gradient(120deg,rgba(221,240,248,.72),rgba(238,232,247,.52),rgba(255,243,217,.46));border:1px solid rgba(185,221,237,.45);margin-top:8px}
.content>.section-title:first-of-type h2{font-size:20px;letter-spacing:-.018em}
.card,.chart-panel,.product-card{border-color:rgba(31,48,66,.085);box-shadow:0 9px 28px rgba(36,75,96,.052);transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
a.card:hover,a.kpi-card-v2:hover,.product-card:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(36,75,96,.09);border-color:rgba(98,172,206,.28)}
.section-title h2,.chart-panel-head h3{letter-spacing:-.015em}.section-title>a:not(.btn),.chart-panel-head>a:not(.btn){font-size:12.5px;font-weight:700;color:var(--accent)}
.kpi-card-v2{border-color:rgba(31,48,66,.085);box-shadow:0 9px 28px rgba(36,75,96,.05);position:relative;overflow:hidden}.kpi-card-v2:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-38px;top:-38px;background:rgba(185,221,237,.3)}
.kpi-card-v2:nth-child(3n+2):after{background:rgba(217,210,242,.32)}.kpi-card-v2:nth-child(3n):after{background:rgba(255,243,217,.55)}
.tabs{gap:5px;padding:5px;background:rgba(236,235,229,.72);border:0;border-radius:14px;width:max-content;max-width:100%}.tabs a{border:0;border-radius:10px;padding:9px 14px}.tabs a.active{background:#fff;color:var(--ink-deep);box-shadow:0 3px 12px rgba(36,75,96,.08)}
.filters{padding:13px;border:1px solid rgba(229,228,223,.85);border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 6px 20px rgba(36,75,96,.035);align-items:center}
.filters input,.filters select,.field input,.field select,.field textarea{border-color:rgba(31,48,66,.12);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.filters input:focus,.filters select:focus,.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--babyblue-strong);box-shadow:0 0 0 3px rgba(98,172,206,.13);background:#fff}
.btn{transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(36,75,96,.12)}.btn.secondary:hover{background:var(--babyblue-pale);border-color:var(--babyblue)}.btn.accent{background:linear-gradient(135deg,var(--accent),#5eb0d4)}
table{border-color:rgba(31,48,66,.08);box-shadow:0 8px 26px rgba(36,75,96,.04)}th{background:linear-gradient(180deg,#fbfcfc,#f6f8f9)}tbody tr{transition:background .13s ease}tbody tr:hover{background:#f7fbfd}tbody tr:last-child td{border-bottom:0}
.badge{box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.pagination a,.pagination span{box-shadow:0 3px 10px rgba(36,75,96,.035)}
.empty-state{border:1px dashed rgba(98,172,206,.35);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(221,240,248,.25))}
.modal,.drawer{border:1px solid rgba(31,48,66,.08);box-shadow:0 24px 70px rgba(24,44,60,.18)}
@media(max-width:900px){.topbar{position:static}.content>.section-title:first-of-type{padding:16px}.tabs{width:100%}}

/* Forecast workspace and shared top-of-page actions */
.page-action-bar{display:flex;align-items:center;gap:14px;margin:8px 0 18px;padding:14px 16px;border:1px solid rgba(31,48,66,.09);border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 8px 24px rgba(36,75,96,.045)}
.page-action-context{display:grid;gap:3px;margin-right:auto;min-width:150px}.page-action-context span,.forecast-eyebrow{font-size:10.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--page-accent,var(--accent))}.page-action-context strong{font-size:14px}
.page-action-buttons{display:flex;gap:8px;flex-wrap:wrap}.forecast-rep-filter{display:flex;align-items:center;gap:8px}.forecast-rep-filter label{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.forecast-rep-filter select{min-height:42px;min-width:190px;border:1px solid var(--line);border-radius:11px;padding:9px 34px 9px 11px;background:var(--surface);color:var(--text)}
.forecast-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px;background:linear-gradient(135deg,var(--page-soft),rgba(255,255,255,.92) 58%,rgba(217,210,242,.28));overflow:hidden}.forecast-hero h2{margin:7px 0 6px;font-size:clamp(21px,3vw,30px);letter-spacing:-.03em}.forecast-hero p{margin:0;max-width:760px;color:var(--muted);line-height:1.55}.forecast-score{flex:0 0 170px;text-align:center;padding:18px;border-radius:18px;background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.9)}.forecast-score strong{display:block;font-size:38px;line-height:1;color:var(--page-accent)}.forecast-score span{display:block;margin-top:7px;font-size:11px;color:var(--muted)}
.forecast-kpis{margin-bottom:16px}.forecast-kpis .kpi small{display:block;margin-top:8px;color:var(--muted);font-size:11.5px;text-transform:none;letter-spacing:0}.forecast-trend{padding:0;overflow:hidden}.forecast-trend>.section-title{margin:0;padding:20px 22px 14px}.forecast-trend>.section-title h2{margin-top:4px}.forecast-trend>.section-title small{color:var(--muted)}.forecast-trend table{border:0;border-radius:0;box-shadow:none}.forecast-trend-bar{width:100%;min-width:160px;height:8px;border-radius:999px;background:var(--surface-secondary);overflow:hidden}.forecast-trend-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--page-accent),var(--babyblue-strong))}
@media(max-width:1050px){.page-action-bar{align-items:flex-start;flex-wrap:wrap}.page-action-context{flex:1 1 180px}.forecast-rep-filter{order:3;flex:1 1 100%}.forecast-rep-filter select{flex:1}.forecast-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.page-action-bar{padding:12px;gap:11px}.page-action-context{flex-basis:100%}.page-action-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr}.page-action-buttons .btn:first-child:last-child,.page-action-buttons .btn:nth-child(3){grid-column:1/-1}.forecast-rep-filter{display:grid;grid-template-columns:1fr}.forecast-rep-filter select{width:100%;min-width:0}.forecast-hero{align-items:stretch;flex-direction:column;padding:18px}.forecast-score{flex:auto;width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left}.forecast-score strong{font-size:32px}.forecast-score span{max-width:130px;text-align:right}.forecast-kpis{grid-template-columns:1fr 1fr;gap:10px}.forecast-kpis .card{padding:14px}.forecast-kpis .kpi strong{font-size:21px}.forecast-trend>.section-title{padding:17px 15px 12px}.forecast-trend .table-responsive table{min-width:570px}}
@media(max-width:430px){.page-action-buttons{grid-template-columns:1fr}.page-action-buttons .btn:nth-child(3){grid-column:auto}.forecast-kpis{grid-template-columns:1fr}}
:root[data-theme="dark"] .page-action-bar,:root[data-theme="dark"] .forecast-score{background:rgba(37,43,48,.9);border-color:var(--border)}
:root[data-theme="dark"] .forecast-hero{background:linear-gradient(135deg,rgba(69,155,199,.18),var(--surface) 58%,rgba(121,100,162,.18))}

/* Market Intelligence */
.mi-intro{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:16px;background:linear-gradient(135deg,var(--page-soft),rgba(255,255,255,.9))}.mi-intro h2{margin:5px 0 6px;font-size:clamp(20px,3vw,27px)}.mi-intro p{margin:0;max-width:780px;color:var(--muted);line-height:1.5}.mi-live-badge{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 12px;border-radius:999px;background:var(--success-soft);color:var(--success);font-size:11px;font-weight:800}.mi-live-badge i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px rgba(57,133,104,.1)}
.mi-tabs{margin-bottom:14px}.mi-filters label{display:grid;gap:5px;flex:1 1 210px}.mi-filters label span{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:800}.mi-filters label select{width:100%}.mi-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.mi-summary-grid .card{padding:16px}.mi-summary-grid .kpi strong{font-size:25px}
.mi-section-title{margin-top:22px}.mi-opportunity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.mi-opportunity>div{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.mi-opportunity p{line-height:1.45}.mi-score,.mi-potential{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:5px 8px;border-radius:999px;background:var(--page-soft);color:var(--page-accent);font-size:11px;font-weight:800}.mi-entry{margin:16px 0}.mi-entry summary{cursor:pointer;font-weight:800}.mi-entry[open] summary{margin-bottom:16px}.mi-entry .form-grid{margin-top:4px}.mi-table-wrap{border-radius:16px;border:1px solid var(--line);box-shadow:0 8px 26px rgba(36,75,96,.04)}.mi-table-wrap table{border:0;border-radius:0;box-shadow:none;min-width:1180px}.mi-table-wrap th:first-child,.mi-table-wrap td:first-child{position:sticky;left:0;z-index:2;background:var(--surface)}.mi-table-wrap th:first-child{z-index:3;background:var(--surface-secondary)}.mi-source-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.mi-source-grid h3{margin:6px 0}.mi-source-grid p{color:var(--muted);line-height:1.5}.mi-upload-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.mi-upload-form input[type=file]{flex:1 1 260px;min-width:0;border:1px dashed var(--line);border-radius:12px;padding:10px;background:var(--surface)}
@media(max-width:1100px){.mi-opportunity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mi-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.mi-intro{align-items:flex-start;flex-direction:column;padding:17px}.mi-live-badge{white-space:normal}.mi-tabs{overflow-x:auto;flex-wrap:nowrap}.mi-filters label{width:100%}.mi-summary-grid{gap:9px}.mi-summary-grid .card{padding:13px}.mi-summary-grid .kpi strong{font-size:21px}.mi-opportunity-grid,.mi-source-grid{grid-template-columns:1fr}.mi-entry .form-grid{grid-template-columns:1fr}.mi-upload-form{display:grid;grid-template-columns:1fr}.mi-upload-form .btn{width:100%}.mi-table-wrap{margin-left:-2px;margin-right:-2px;border-radius:13px}.mi-table-wrap table{min-width:1050px}}
@media(max-width:430px){.mi-summary-grid{grid-template-columns:1fr 1fr}.mi-summary-grid .kpi span{font-size:9.5px}}
:root[data-theme="dark"] .mi-intro{background:linear-gradient(135deg,rgba(69,155,199,.16),var(--surface))}:root[data-theme="dark"] .mi-table-wrap th:first-child,:root[data-theme="dark"] .mi-table-wrap td:first-child{background:var(--surface)}:root[data-theme="dark"] .mi-table-wrap th:first-child{background:var(--surface-secondary)}

/* Section identities follow the sidebar order and propagate to every child tab */
body.section-sales-center{--page-accent:#459bc7;--page-soft:#e7f5fb;--page-glow:rgba(98,172,206,.22)}
body.section-sales{--page-accent:#7964a2;--page-soft:#f1edf8;--page-glow:rgba(151,126,184,.2)}
body.section-customers{--page-accent:#3f8a73;--page-soft:#e9f5ef;--page-glow:rgba(79,151,126,.18)}
body.section-commercial{--page-accent:#b67d22;--page-soft:#fff5df;--page-glow:rgba(214,161,58,.2)}
body.section-team{--page-accent:#a15f7f;--page-soft:#faedf3;--page-glow:rgba(190,111,150,.18)}
body.section-admin{--page-accent:#536f8c;--page-soft:#edf3f8;--page-glow:rgba(102,132,161,.18)}
body.section-general{--page-accent:var(--accent);--page-soft:var(--accent-soft);--page-glow:rgba(98,172,206,.18)}
body[class*="section-"] .topbar{border-bottom-color:var(--page-glow)}
body[class*="section-"] .topbar h1:after{content:"";display:block;width:34px;height:3px;margin-top:8px;border-radius:999px;background:var(--page-accent)}
body[class*="section-"] .content>.section-title:first-of-type{background:linear-gradient(120deg,var(--page-soft),rgba(255,255,255,.72),#fff);border-color:var(--page-glow)}
body[class*="section-"] .nav-group-links a.active{background:linear-gradient(135deg,var(--page-accent),var(--ink-deep));border-left-color:#fff}
body[class*="section-"] .tabs a.active{color:var(--page-accent)}
body[class*="section-"] .section-title>a:not(.btn),body[class*="section-"] .chart-panel-head>a:not(.btn),body[class*="section-"] .breadcrumbs a:hover{color:var(--page-accent)}
body[class*="section-"] .btn.accent,body[class*="section-"] .btn-primary{background:linear-gradient(135deg,var(--page-accent),var(--ink-deep))}
body[class*="section-"] .filter-chip{background:var(--page-soft);color:var(--page-accent)}
body[class*="section-"] .kpi-card-v2.accent{background:linear-gradient(145deg,var(--page-soft),#fff)}
body[class*="section-"] .kpi-card-v2 .kpi-icon,body[class*="section-"] .action-icon{color:var(--page-accent)}
body[class*="section-"] .target-progress i,body[class*="section-"] .ranked-bar-track i{background:var(--page-accent)}
body[class*="section-"] .content>.grid>.card.kpi{position:relative;overflow:hidden}

/* ===== Application-wide responsive foundation ===== */
html{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{max-width:100%;overflow-x:hidden}
img,video{max-width:100%;height:auto}
.main,.content,.card,.chart-panel,.section-title,.filters,.form-grid,.grid{min-width:0}
.content>*{max-width:100%}
.card,.chart-panel{overflow-wrap:anywhere}
input,select,textarea,button{min-width:0}
.table-responsive,[class$="-table-wrap"],[class*="-table-wrap "]{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-responsive table,[class$="-table-wrap"] table{min-width:680px}
.tabs,.period-pills,.view-toggle{scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.section-title>.actions,.section-title>div,.chart-panel-head>div{max-width:100%}

@media(max-width:1024px){
  .content{padding-bottom:32px}
  .topbar{gap:14px}
  .topbar>div:first-child{min-width:0}
  .topbar h1{font-size:clamp(22px,4vw,26px);overflow-wrap:anywhere}
  .card,.chart-panel{padding:18px}
  .filters{align-items:stretch}
  .filters input,.filters select{flex:1 1 180px;max-width:none}
  .filters .btn{flex:0 1 auto}
  .order-line{grid-template-columns:minmax(180px,2fr) minmax(90px,.6fr) minmax(100px,.7fr) auto}
}

@media(max-width:700px){
  .sidebar-toggle{position:sticky;top:8px;z-index:45;width:calc(100% - 24px);margin:8px 12px 0;justify-content:center;box-shadow:0 7px 22px rgba(36,75,96,.08)}
  .sidebar{width:min(310px,88vw);padding:20px 14px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}
  .brand{padding-bottom:20px}
  nav a{min-height:44px}
  .topbar{padding:18px 14px 13px;align-items:flex-start}
  .topbar>div:first-child{flex:1}
  .topbar p{line-height:1.45}
  .user-chip,.user-menu-trigger{padding:8px 10px;max-width:42vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .user-menu-panel{position:fixed;top:70px;right:12px;left:12px;min-width:0}
  .content{padding:8px 14px 28px}
  .content>.breadcrumbs{width:100%;overflow-x:auto;white-space:nowrap;margin-bottom:12px}
  .content>.section-title:first-of-type{margin-top:4px}
  .section-title{align-items:flex-start;margin:20px 0 10px}
  .section-title h2{font-size:17px}
  .section-title>.btn,.section-title>.actions{max-width:100%}
  .card,.chart-panel{padding:15px;border-radius:15px}
  .kpi strong{font-size:24px}
  .tabs{margin-left:0;margin-right:0;overflow-x:auto;flex-wrap:nowrap}
  .tabs a{flex:0 0 auto;min-height:42px;display:flex;align-items:center}
  .period-pills,.view-toggle{width:100%;overflow-x:auto;border-radius:13px}
  .period-pills a,.view-toggle a{flex:0 0 auto;white-space:nowrap}
  .filters{display:grid;grid-template-columns:1fr;padding:11px;gap:9px}
  .filters input,.filters select,.filters .btn{width:100%;max-width:none;min-height:44px}
  .form-grid{gap:13px}
  .field.full{grid-column:auto}
  .field input,.field select{min-height:44px}
  .btn{min-height:42px;padding:10px 13px}
  .pagination{justify-content:flex-start;overflow-x:auto;padding:3px 1px 8px}
  .pagination a,.pagination span{flex:0 0 auto}
  .modal-backdrop{padding:10px;align-items:flex-end}
  .modal{padding:20px 16px;max-height:92vh;border-radius:18px 18px 0 0}
  .drawer{width:100%;padding:20px 16px}
  table{font-size:12px}
  th,td{padding:11px 12px}
  .table-responsive table,[class$="-table-wrap"] table{min-width:620px}
  .toast-stack{left:12px;right:12px;bottom:12px}
  .toast{min-width:0;width:100%}
  .order-line{grid-template-columns:1fr 1fr}
  .order-line>*:first-child{grid-column:1/-1}
  .order-line>.btn,.order-line>button{width:100%}
  .product-photo-frame.ph-lg{width:min(160px,45vw);height:min(160px,45vw)}
}

@media(max-width:430px){
  .topbar{flex-wrap:wrap}
  .topbar>div:first-child{flex-basis:calc(100% - 50px)}
  .topbar h1{font-size:21px}
  .content{padding-left:11px;padding-right:11px}
  .card,.chart-panel{padding:13px}
  .grid,.kpi-grid-v2,.quick-grid-2x2{gap:11px}
  .product-cards-grid{grid-template-columns:1fr}
  .range-form{display:grid;grid-template-columns:1fr 1fr}
  .range-form .btn,.range-form button{grid-column:1/-1;width:100%}
  .order-line{grid-template-columns:1fr}
  .order-line>*:first-child{grid-column:auto}
  .login-card{width:calc(100% - 22px);padding:26px 18px;border-radius:19px}
}
body[class*="section-"] .content>.grid>.card.kpi:after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;right:-34px;top:-34px;background:var(--page-glow)}

/* Color-coded report actions */
.report-export-controls{padding:6px;border-radius:16px;background:rgba(255,255,255,.68);border:1px solid rgba(31,48,66,.07);box-shadow:0 6px 18px rgba(36,75,96,.04)}
.export-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px solid transparent!important;box-shadow:0 5px 14px rgba(36,75,96,.07)!important;font-weight:750!important;letter-spacing:.005em;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important}
.export-btn:hover{transform:translateY(-2px)!important;box-shadow:0 9px 20px rgba(36,75,96,.13)!important;filter:saturate(1.08)}
.export-btn svg{width:18px;height:18px;stroke-width:2}
.report-export-controls .export-btn{min-height:38px;padding:8px 10px!important;font-size:12px!important;border-radius:10px!important}.report-export-controls .export-btn svg{width:15px;height:15px}.report-export-controls{border-radius:13px!important;padding:5px!important}
.export-csv{color:#246b53!important;background:linear-gradient(135deg,#e8f6ef,#d7eee3)!important;border-color:#c4e4d4!important}
.export-xls{color:#fff!important;background:linear-gradient(135deg,#267557,#174e3c)!important;border-color:#174e3c!important}
.export-pdf{color:#a63f39!important;background:linear-gradient(135deg,#fff0ed,#f8d9d4)!important;border-color:#efc7c1!important}
.export-print{color:#365f86!important;background:linear-gradient(135deg,#eef5fb,#dce9f4)!important;border-color:#ccdfed!important}
@media(max-width:700px){
  .report-export-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%;gap:6px!important}
  .report-export-controls .export-btn{width:100%;min-width:0;white-space:normal;text-align:center}
}
@media(max-width:360px){.report-export-controls{grid-template-columns:1fr!important}}

/* ===== Automatic system theme ============================================
   The application deliberately follows the operating-system preference.
   There is no persisted user setting and no JavaScript toggle. */
@media (prefers-color-scheme:dark){
 :root{
  color-scheme:dark;
  --bg:#15191D;--card:#20262B;--surface:#20262B;--surface-secondary:#272E34;--surface-soft:#272E34;
  --ink:#F1F5F7;--text:#F1F5F7;--muted:#AEB9C0;--text-muted:#AEB9C0;--line:#3A454C;--border:#3A454C;
  --babyblue-pale:#243B47;--babyblue:#416D80;--babyblue-strong:#79C4E5;
  --accent:#79C4E5;--accent-soft:#203641;--ink-deep:#B9E5F8;
  --success:#74C9A6;--success-soft:#203B32;
  --warning:#F0BD62;--warning-soft:#44371F;
  --danger:#F08A82;--danger-soft:#472B2B;
  --lilac:#5B4D70;--blush:#644354;
  --primary:#79C4E5;--primary-hover:#B9E5F8;
  --shadow:0 10px 28px rgba(0,0,0,.28)
 }

 body{background:radial-gradient(circle at 88% 2%,rgba(91,77,112,.22),transparent 24rem),radial-gradient(circle at 18% 95%,rgba(65,109,128,.16),transparent 28rem),var(--bg);color:var(--text)}
 .sidebar{background:linear-gradient(180deg,#1D2328 0%,#1B2025 72%,#18242A 100%);box-shadow:8px 0 30px rgba(0,0,0,.2)}
 .topbar{background:rgba(21,25,29,.82);border-bottom-color:var(--line)}
 nav a.active,.pagination .current{background:#EFF6F8;color:#162127}
 .sidebar-toggle,.user-chip,.user-menu-trigger,.user-menu-panel,.modal,.drawer,
 .card,.chart-panel,.product-card,.kpi-card-v2,.intel-strip,.quick-tile,
 table,.pagination a,.pagination span,.login-card,.filters,
 .field input,.field select,.field textarea,.filters input,.filters select,
 .range-form input,.product-photo-frame{background:var(--surface);color:var(--text);border-color:var(--border)}
 input,select,textarea{color:var(--text);background-color:var(--surface);border-color:var(--border)}
 input::placeholder,textarea::placeholder{color:#89969E}
 option{background:var(--surface);color:var(--text)}
 .btn.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}
 .btn.secondary:hover{background:var(--accent-soft)}
 th,.cal-dow{background:#252D32;color:var(--text-muted)}
 tbody tr:hover,.ranked-row:hover,.action-row:hover{background:#263139}
 .cal-day{background:var(--surface)}.cal-day.empty-day{background:#1B2125}
 .tabs,.period-pills,.view-toggle,.metric-tabs{background:#293137}
 .tabs a.active,.view-toggle a.active,.metric-tabs a.active{background:#39454C;color:var(--text)}
 .content>.breadcrumbs{background:rgba(32,38,43,.82);border-color:var(--border)}
 .content>.section-title:first-of-type,
 body[class*="section-"] .content>.section-title:first-of-type{background:linear-gradient(120deg,var(--page-soft,var(--accent-soft)),rgba(32,38,43,.9),var(--surface));border-color:var(--page-glow,rgba(121,196,229,.2))}
 body.section-sales-center{--page-soft:#203641}body.section-sales{--page-soft:#302A3B}body.section-customers{--page-soft:#20362F}
 body.section-commercial{--page-soft:#3C321F}body.section-team{--page-soft:#3C2932}body.section-admin{--page-soft:#27333E}body.section-general{--page-soft:var(--accent-soft)}
 body[class*="section-"] .kpi-card-v2.accent{background:linear-gradient(145deg,var(--page-soft),var(--surface))}
 .empty-state{background:linear-gradient(145deg,rgba(32,38,43,.82),rgba(32,54,65,.42));border-color:rgba(121,196,229,.32)}
 .skeleton{background:linear-gradient(90deg,#293137 25%,#354047 37%,#293137 63%);background-size:400% 100%}
 .badge.muted,.rank-badge,.avatar-more,.level-progress.on-light,.target-progress,.paired-bar-track,.ranked-bar-track{background:#303940}
 .badge.success{background:var(--success-soft);color:var(--success)}
 .toast{background:#E7F1F5;color:#172126}
 .report-export-controls{background:rgba(32,38,43,.85);border-color:var(--border)}
 .export-csv{color:#9DE0C4!important;background:linear-gradient(135deg,#213C32,#294B3E)!important;border-color:#35604F!important}
 .export-xls{color:#F4FFFA!important;background:linear-gradient(135deg,#267557,#174E3C)!important}
 .export-pdf{color:#FFC0BB!important;background:linear-gradient(135deg,#4B2928,#603330)!important;border-color:#74403C!important}
 .export-print{color:#B9DDF5!important;background:linear-gradient(135deg,#253747,#2D455A)!important;border-color:#3D5B72!important}
 .login-page{background:#15191D}
 .reset-success{background:var(--success-soft)!important;color:var(--success)!important}.reset-success p{color:var(--text-muted)!important}
 .notice{background:var(--danger-soft);color:var(--danger)}
 .customer-product-table,.orders-status-strip a,.orders-filters,.orders-table-wrap,
 .product-edit-section,.notification-kpi,.manager-focus-card,.channel-preview{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)}
 .orders-hero,.product-edit-hero,.manager-dashboard .manager-hero{background:linear-gradient(125deg,#203641 0%,#302A3B 58%,#3C321F 100%)!important}
 .products-command{background:linear-gradient(125deg,#3C321F,var(--surface) 62%,#203641)!important;border-color:#55482D!important}
 .bulk-toolbar{background:linear-gradient(145deg,var(--surface),var(--surface-secondary))!important;border-color:var(--border)!important}
 .warehouse-pulse__card.is-alert,.notification-kpi.critical{background:linear-gradient(145deg,var(--surface),var(--danger-soft))!important}
 .manager-focus-card.is-ai{background:linear-gradient(145deg,var(--surface),#302A3B)!important}.manager-focus-card.is-merch{background:linear-gradient(145deg,var(--surface),#20383A)!important}
 .channel-preview{background:linear-gradient(145deg,var(--surface),#203641)!important}
 .customer-product-note{background:#41371F;color:#F0C775}
 .order-totals .grand{background:var(--accent-soft)}
 [style*="background:#fff"],[style*="background: #fff"],[style*="background:#FFF"],[style*="background: #FFF"]{background:var(--surface)!important;color:var(--text)}
 img,video,.brand img,.product-photo-frame img{filter:none!important;mix-blend-mode:normal}
 svg{color:inherit}
}

/* Printed reports remain intentionally light regardless of system theme. */
@media print{
 :root{color-scheme:light;--bg:#fff;--card:#fff;--surface:#fff;--surface-secondary:#f3f4f1;--surface-soft:#f3f4f1;--ink:#171717;--text:#171717;--muted:#666;--text-muted:#666;--line:#ddd;--border:#ddd}
 body{background:#fff!important;color:#171717!important}
 table,.card,.chart-panel{background:#fff!important;color:#171717!important;box-shadow:none!important}
 th{background:#eef6fa!important;color:#244b60!important}
}

/* Merchandise count: compact searchable inventory for field use. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.audit-progress>div{min-width:0}.audit-progress strong,.audit-progress span{display:block}.audit-progress span{margin-top:3px}
.audit-search{flex:0 1 360px}.audit-search input{width:100%;min-height:44px;padding:10px 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text)}
.audit-empty{padding:24px;text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:14px;margin-bottom:12px}
.merch-audit-table,.merch-audit-table input,.merch-audit-table select,.qty-btn{background:var(--surface)!important;color:var(--text);border-color:var(--border)!important}
@media(max-width:700px){.audit-search{width:100%;flex-basis:auto}.audit-submit-bar{background:color-mix(in srgb,var(--surface) 94%,transparent)!important}.merch-audit-table tr{background:var(--surface)!important}}

/* Manual theme control. System remains the default; user choice is local-only. */
.theme-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;margin:10px 0 2px;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--surface-secondary);color:var(--text)}.theme-picker button{display:grid;place-items:center;gap:2px;min-width:0;padding:7px 4px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;cursor:pointer}.theme-picker button span{font-size:15px;line-height:1}.theme-picker button small{font-size:9px;font-weight:750}.theme-picker button:hover{color:var(--accent)}.theme-picker button.active{background:var(--surface);color:var(--text);box-shadow:0 3px 12px rgba(31,48,66,.1)}.theme-picker-floating{position:fixed;right:18px;bottom:18px;z-index:80;width:190px;margin:0;box-shadow:var(--shadow)}

:root[data-theme="dark"]{
 color-scheme:dark;--bg:#15191D;--card:#20262B;--surface:#20262B;--surface-secondary:#272E34;--surface-soft:#272E34;--ink:#F1F5F7;--text:#F1F5F7;--muted:#AEB9C0;--text-muted:#AEB9C0;--line:#3A454C;--border:#3A454C;--babyblue-pale:#243B47;--babyblue:#416D80;--babyblue-strong:#79C4E5;--accent:#79C4E5;--accent-soft:#203641;--ink-deep:#B9E5F8;--success:#74C9A6;--success-soft:#203B32;--warning:#F0BD62;--warning-soft:#44371F;--danger:#F08A82;--danger-soft:#472B2B;--primary:#79C4E5;--primary-hover:#B9E5F8;--shadow:0 10px 28px rgba(0,0,0,.28)
}
:root[data-theme="dark"] body{background:radial-gradient(circle at 88% 2%,rgba(91,77,112,.22),transparent 24rem),radial-gradient(circle at 18% 95%,rgba(65,109,128,.16),transparent 28rem),var(--bg);color:var(--text)}
:root[data-theme="dark"] .sidebar{background:linear-gradient(180deg,#1D2328,#1B2025 72%,#18242A)}
:root[data-theme="dark"] .topbar{background:rgba(21,25,29,.82)}
:root[data-theme="dark"] .sidebar-toggle,:root[data-theme="dark"] .user-chip,:root[data-theme="dark"] .user-menu-trigger,:root[data-theme="dark"] .user-menu-panel,:root[data-theme="dark"] .modal,:root[data-theme="dark"] .drawer,:root[data-theme="dark"] .card,:root[data-theme="dark"] .chart-panel,:root[data-theme="dark"] .product-card,:root[data-theme="dark"] .kpi-card-v2,:root[data-theme="dark"] .intel-strip,:root[data-theme="dark"] .quick-tile,:root[data-theme="dark"] table,:root[data-theme="dark"] .login-card,:root[data-theme="dark"] .filters,:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background:var(--surface);color:var(--text);border-color:var(--border)}
:root[data-theme="dark"] th{background:#252D32}:root[data-theme="dark"] tbody tr:hover{background:#263139}
:root[data-theme="dark"] .tabs,:root[data-theme="dark"] .period-pills,:root[data-theme="dark"] .view-toggle,:root[data-theme="dark"] .metric-tabs{background:#293137}
:root[data-theme="dark"] .tabs a.active,:root[data-theme="dark"] .view-toggle a.active{background:#39454C;color:var(--text)}
:root[data-theme="dark"] .login-page{background:#15191D}
:root[data-theme="dark"] nav a.active,:root[data-theme="dark"] .pagination .current{background:#EFF6F8;color:#162127}
:root[data-theme="dark"] input::placeholder,:root[data-theme="dark"] textarea::placeholder{color:#89969E}
:root[data-theme="dark"] option{background:var(--surface);color:var(--text)}
:root[data-theme="dark"] .btn.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}
:root[data-theme="dark"] .btn.secondary:hover{background:var(--accent-soft)}
:root[data-theme="dark"] .cal-dow{background:#252D32;color:var(--text-muted)}
:root[data-theme="dark"] .cal-day{background:var(--surface)}:root[data-theme="dark"] .cal-day.empty-day{background:#1B2125}
:root[data-theme="dark"] .content>.breadcrumbs{background:rgba(32,38,43,.82);border-color:var(--border)}
:root[data-theme="dark"] .content>.section-title:first-of-type,:root[data-theme="dark"] body[class*="section-"] .content>.section-title:first-of-type{background:linear-gradient(120deg,var(--page-soft,var(--accent-soft)),rgba(32,38,43,.9),var(--surface));border-color:var(--page-glow,rgba(121,196,229,.2))}
:root[data-theme="dark"] body.section-sales-center{--page-soft:#203641}:root[data-theme="dark"] body.section-sales{--page-soft:#302A3B}:root[data-theme="dark"] body.section-customers{--page-soft:#20362F}:root[data-theme="dark"] body.section-commercial{--page-soft:#3C321F}:root[data-theme="dark"] body.section-team{--page-soft:#3C2932}:root[data-theme="dark"] body.section-admin{--page-soft:#27333E}
:root[data-theme="dark"] .empty-state{background:linear-gradient(145deg,rgba(32,38,43,.82),rgba(32,54,65,.42));border-color:rgba(121,196,229,.32)}
:root[data-theme="dark"] .badge.muted,:root[data-theme="dark"] .rank-badge,:root[data-theme="dark"] .avatar-more,:root[data-theme="dark"] .target-progress,:root[data-theme="dark"] .paired-bar-track,:root[data-theme="dark"] .ranked-bar-track{background:#303940}
:root[data-theme="dark"] .report-export-controls{background:rgba(32,38,43,.85);border-color:var(--border)}
:root[data-theme="dark"] .export-csv{color:#9DE0C4!important;background:linear-gradient(135deg,#213C32,#294B3E)!important;border-color:#35604F!important}:root[data-theme="dark"] .export-xls{color:#F4FFFA!important;background:linear-gradient(135deg,#267557,#174E3C)!important}:root[data-theme="dark"] .export-pdf{color:#FFC0BB!important;background:linear-gradient(135deg,#4B2928,#603330)!important;border-color:#74403C!important}:root[data-theme="dark"] .export-print{color:#B9DDF5!important;background:linear-gradient(135deg,#253747,#2D455A)!important;border-color:#3D5B72!important}
:root[data-theme="dark"] .customer-product-table,:root[data-theme="dark"] .orders-status-strip a,:root[data-theme="dark"] .orders-filters,:root[data-theme="dark"] .orders-table-wrap,:root[data-theme="dark"] .product-edit-section,:root[data-theme="dark"] .notification-kpi,:root[data-theme="dark"] .manager-focus-card,:root[data-theme="dark"] .channel-preview,:root[data-theme="dark"] .merch-table,:root[data-theme="dark"] .customer-product-table{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)}
:root[data-theme="dark"] .orders-hero,:root[data-theme="dark"] .product-edit-hero,:root[data-theme="dark"] .manager-dashboard .manager-hero{background:linear-gradient(125deg,#203641 0%,#302A3B 58%,#3C321F 100%)!important}
:root[data-theme="dark"] .manager-focus-card.is-ai{background:linear-gradient(145deg,var(--surface),#302A3B)!important}:root[data-theme="dark"] .manager-focus-card.is-merch{background:linear-gradient(145deg,var(--surface),#20383A)!important}:root[data-theme="dark"] .channel-preview{background:linear-gradient(145deg,var(--surface),#203641)!important}
:root[data-theme="dark"] .dashboard-smart-widget{background:linear-gradient(125deg,var(--surface),#302A3B)!important}:root[data-theme="dark"] .dashboard-widget-toolbar,:root[data-theme="dark"] .dashboard-widget-panel,:root[data-theme="dark"] .dashboard-widget-option{border-color:var(--border);color:var(--text)}
:root[data-theme="dark"] [style*="background:#fff"],:root[data-theme="dark"] [style*="background: #fff"],:root[data-theme="dark"] [style*="background:#FFF"],:root[data-theme="dark"] [style*="background: #FFF"]{background:var(--surface)!important;color:var(--text)}

:root[data-theme="light"]{
 color-scheme:light;--bg:#F8F8F5;--card:#fff;--surface:#fff;--surface-secondary:#F3F4F1;--surface-soft:#F3F4F1;--ink:#171717;--text:#171717;--muted:#6D6D68;--text-muted:#6D6D68;--line:#E5E4DF;--border:#E5E4DF;--babyblue-pale:#DDF0F8;--babyblue:#B9DDED;--babyblue-strong:#62ACCE;--accent:#459BC7;--accent-soft:#DDF0F8;--ink-deep:#244B60;--success:#398568;--success-soft:#E8F4EF;--warning:#C88A20;--warning-soft:#FFF3D9;--danger:#C85A52;--danger-soft:#FBE9E6;--primary:#459BC7;--primary-hover:#244B60;--shadow:0 6px 20px rgba(36,75,96,.06)
}
@media(prefers-color-scheme:dark){
 :root[data-theme="light"] body{background:radial-gradient(circle at 88% 2%,rgba(217,210,242,.28),transparent 24rem),radial-gradient(circle at 18% 95%,rgba(185,221,237,.2),transparent 28rem),var(--bg);color:var(--text)}
 :root[data-theme="light"] .sidebar{background:linear-gradient(180deg,#fff,#fdfdfb 72%,#f5fafc)}
 :root[data-theme="light"] .topbar{background:rgba(248,248,245,.82)}
 :root[data-theme="light"] .sidebar-toggle,:root[data-theme="light"] .user-chip,:root[data-theme="light"] .user-menu-trigger,:root[data-theme="light"] .user-menu-panel,:root[data-theme="light"] .modal,:root[data-theme="light"] .drawer,:root[data-theme="light"] .card,:root[data-theme="light"] .chart-panel,:root[data-theme="light"] .product-card,:root[data-theme="light"] .kpi-card-v2,:root[data-theme="light"] .intel-strip,:root[data-theme="light"] .quick-tile,:root[data-theme="light"] table,:root[data-theme="light"] .login-card,:root[data-theme="light"] .filters,:root[data-theme="light"] input,:root[data-theme="light"] select,:root[data-theme="light"] textarea{background:#fff;color:#171717;border-color:#E5E4DF}
 :root[data-theme="light"] th{background:#fbfbfa}:root[data-theme="light"] tbody tr:hover{background:#f7fbfd}
 :root[data-theme="light"] .tabs,:root[data-theme="light"] .period-pills,:root[data-theme="light"] .view-toggle,:root[data-theme="light"] .metric-tabs{background:#EFEEE9}
 :root[data-theme="light"] .tabs a.active,:root[data-theme="light"] .view-toggle a.active{background:#fff;color:#171717}
 :root[data-theme="light"] .login-page{background:#f6f4f8}
}
/* Role-aware business assistant */
.assistant-shell{max-width:1280px;margin:0 auto;display:grid;gap:20px}.assistant-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 28px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:26px;background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 13%,var(--surface)),var(--surface) 58%,color-mix(in srgb,#8d68c4 9%,var(--surface)));box-shadow:var(--shadow)}.assistant-hero-main{display:flex;align-items:center;gap:18px;min-width:0}.assistant-orb{display:grid;place-items:center;flex:0 0 auto;width:58px;height:58px;border-radius:20px;background:linear-gradient(145deg,var(--accent),#315978);color:#fff;font-size:27px;box-shadow:0 14px 32px color-mix(in srgb,var(--accent) 30%,transparent)}.assistant-eyebrow{display:block;margin-bottom:4px;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.assistant-hero h2{font-size:clamp(25px,3vw,38px);margin:0 0 5px}.assistant-hero p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}.assistant-trust{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:390px}.assistant-trust span{padding:8px 11px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap}.assistant-trust b{color:#35a36f}.assistant-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr);gap:20px;align-items:start}.assistant-conversation{display:grid;gap:16px;min-width:0}.assistant-composer,.assistant-answer,.assistant-empty-answer,.assistant-suggestions,.assistant-priorities{padding:23px;border:1px solid var(--border);border-radius:23px;background:var(--surface);box-shadow:var(--shadow)}.assistant-section-head,.assistant-section-head>div,.assistant-suggestions-head,.assistant-suggestions-head>div{display:flex;align-items:center;gap:12px}.assistant-section-head{justify-content:space-between;margin-bottom:15px}.assistant-step{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);font-size:11px;font-weight:900}.assistant-section-head small,.assistant-suggestions-head small{display:block;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.assistant-section-head h3,.assistant-suggestions-head h3{margin:2px 0 0;font-size:20px}.assistant-limit{color:var(--muted);font-size:11px}.assistant-input-row{display:grid;grid-template-columns:1fr auto;gap:11px;align-items:stretch}.assistant-input-row textarea{min-height:104px;resize:vertical;border:1px solid var(--border);border-radius:17px;padding:15px 16px;background:var(--surface-soft);font:inherit;line-height:1.5;transition:border-color .2s,box-shadow .2s}.assistant-input-row textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent);outline:none}.assistant-input-row .btn{display:flex;align-items:center;justify-content:center;gap:9px;min-width:135px;border-radius:17px}.assistant-input-row .btn b{font-size:18px}.assistant-helper{display:block;margin-top:9px;color:var(--muted);font-size:11px}.assistant-answer{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--accent) 7%,var(--surface)))}.assistant-answer-head{display:flex;justify-content:space-between;gap:12px;color:var(--accent);font-weight:900}.assistant-answer-head i{font-style:normal}.assistant-answer-head small{color:var(--muted);font-weight:600}.assistant-answer h2{margin:15px 0 6px;font-size:25px}.assistant-answer>p{color:var(--muted);margin:0;line-height:1.6}.assistant-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;margin-top:17px}.assistant-facts>div{padding:14px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.assistant-facts small{display:block;color:var(--muted);margin-bottom:5px}.assistant-facts strong{font-size:20px}.assistant-link{display:inline-flex;align-items:center;gap:8px;margin-top:17px;color:var(--accent);font-weight:900}.assistant-link span{transition:transform .2s}.assistant-link:hover span{transform:translateX(3px)}.assistant-empty-answer{display:flex;align-items:center;gap:14px;min-height:100px;border-style:dashed;box-shadow:none}.assistant-empty-answer>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--surface-soft);color:var(--accent);font-size:19px}.assistant-empty-answer strong{display:block}.assistant-empty-answer p{margin:4px 0 0;color:var(--muted);font-size:13px}.assistant-priorities{position:sticky;top:20px;padding:20px}.assistant-priorities-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:13px}.assistant-priorities-head small{color:var(--accent);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.assistant-priorities-head h3{margin:3px 0 0;font-size:21px}.assistant-count{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--surface-soft);color:var(--accent);font-size:14px;font-weight:900}.assistant-priority-list{display:grid;gap:8px}.assistant-priority{display:flex;justify-content:space-between;gap:11px;min-width:0;padding:13px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:15px;background:var(--surface-soft);color:var(--text);transition:transform .18s,border-color .18s}.assistant-priority:hover{transform:translateX(3px);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.assistant-priority.is-critical{border-left-color:#c94c43}.assistant-priority.is-high{border-left-color:#d08b18}.assistant-priority.is-low{border-left-color:var(--muted)}.assistant-priority small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.assistant-priority strong{display:block;margin-top:4px;font-size:13px}.assistant-priority p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.4}.assistant-priority>span{align-self:center;color:var(--accent);font-weight:900}.assistant-priority-empty{text-align:center;padding:28px 12px}.assistant-priority-empty>span{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 10px;border-radius:50%;background:color-mix(in srgb,#35a36f 13%,var(--surface));color:#238557;font-weight:900}.assistant-priority-empty p{margin:4px 0 0;color:var(--muted);font-size:12px}.assistant-suggestions{padding:22px}.assistant-suggestions-head{justify-content:space-between;margin-bottom:15px}.assistant-suggestions-head>p{margin:0;color:var(--muted);font-size:12px}.assistant-suggestion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.assistant-suggestion-group{display:grid;align-content:start;gap:7px}.assistant-suggestions button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;border:1px solid var(--border);background:var(--surface-soft);color:var(--text);border-radius:14px;padding:10px 12px;cursor:pointer;text-align:left;font:inherit;font-size:12px;line-height:1.35;transition:border-color .18s,transform .18s,background .18s}.assistant-suggestions button:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface));color:var(--accent);transform:translateY(-1px)}.assistant-suggestions button b{color:var(--accent);font-size:14px}
@media(max-width:1050px){.assistant-hero{align-items:flex-start}.assistant-trust{max-width:280px}.assistant-workspace{grid-template-columns:1fr}.assistant-priorities{position:static}.assistant-priority-list{grid-template-columns:repeat(2,minmax(0,1fr))}.assistant-suggestion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.assistant-shell{gap:12px}.assistant-hero{display:grid;padding:18px;border-radius:20px}.assistant-hero-main{align-items:flex-start}.assistant-orb{width:46px;height:46px;border-radius:16px;font-size:22px}.assistant-hero h2{font-size:25px}.assistant-hero p{font-size:13px}.assistant-trust{justify-content:flex-start;max-width:none}.assistant-trust span{font-size:10px}.assistant-workspace{gap:12px}.assistant-composer,.assistant-answer,.assistant-empty-answer,.assistant-suggestions,.assistant-priorities{padding:16px;border-radius:19px}.assistant-section-head{align-items:flex-start}.assistant-limit{display:none}.assistant-input-row{grid-template-columns:1fr}.assistant-input-row .btn{width:100%;min-height:50px}.assistant-answer-head{display:block}.assistant-answer-head small{display:block;margin-top:4px}.assistant-priority-list,.assistant-suggestion-grid{grid-template-columns:1fr}.assistant-suggestions-head{display:block}.assistant-suggestions-head>div{margin-bottom:8px}.assistant-suggestions button{min-height:52px;padding:12px}.assistant-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dashboard-widget-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:13px 15px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 92%,var(--accent-soft));box-shadow:0 8px 24px rgba(31,48,66,.05)}.dashboard-widget-toolbar>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.dashboard-widget-toolbar strong{font-size:14px}.dashboard-widget-toolbar span{font-size:11px;color:var(--muted)}.dashboard-smart-widget{margin-bottom:18px;padding:19px!important;background:linear-gradient(125deg,color-mix(in srgb,var(--surface) 88%,#e8f6fb),color-mix(in srgb,var(--surface) 90%,#f5edfb))}.dashboard-smart-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.dashboard-smart-head h2{margin:3px 0;font-size:18px}.dashboard-smart-head p{margin:0;color:var(--muted);font-size:12px}.dashboard-smart-kicker{font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.dashboard-question-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.dashboard-question-chips a{padding:9px 12px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,var(--accent-soft));color:var(--text);font-size:11px;font-weight:700}.dashboard-widget-dialog[hidden]{display:none}.dashboard-widget-dialog{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:18px}.dashboard-widget-backdrop{position:absolute;inset:0;border:0;background:rgba(19,29,42,.5);backdrop-filter:blur(4px)}.dashboard-widget-panel{position:relative;width:min(860px,100%);max-height:min(760px,90vh);overflow:auto;padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 24px 70px rgba(15,25,38,.25)}.dashboard-widget-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dashboard-widget-panel-head span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.dashboard-widget-panel-head h2{margin:4px 0 0;font-size:21px}.dashboard-widget-panel>p{color:var(--muted);font-size:12px}.dashboard-widget-close{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);color:var(--text);font-size:24px}.dashboard-view-controls,.dashboard-view-editor{display:flex;align-items:end;gap:9px;flex-wrap:wrap;margin-top:14px}.dashboard-view-controls label,.dashboard-view-editor label{display:grid;gap:5px;min-width:180px;font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.dashboard-view-controls select,.dashboard-view-editor select,.dashboard-view-editor input,.dashboard-widget-option select{min-height:40px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);padding:8px 10px}.dashboard-view-editor label:first-child{flex:1}.dashboard-widget-options{display:grid;grid-template-columns:1fr;gap:8px;margin:18px 0}.dashboard-widget-option{display:grid;grid-template-columns:auto minmax(150px,1fr) 115px auto auto 36px 36px;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft);font-size:12px}.dashboard-widget-option>input{width:18px;height:18px;accent-color:var(--accent)}.dashboard-widget-mini-toggle{white-space:nowrap;font-size:10px;color:var(--muted)}.dashboard-widget-mini-toggle input{accent-color:var(--accent)}.dashboard-widget-order{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font-size:16px}.dashboard-widget-panel-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.dashboard-dialog-open{overflow:hidden}.dashboard-widget-collapsed{max-height:74px!important;overflow:hidden!important}.dashboard-widget-size-small{grid-column:span 1}.dashboard-widget-size-large{grid-column:1/-1}@media(max-width:640px){.dashboard-widget-toolbar{align-items:flex-start}.dashboard-smart-head{align-items:flex-start;flex-direction:column}.dashboard-smart-head .btn{width:100%;text-align:center}.dashboard-question-chips{display:grid}.dashboard-widget-option{grid-template-columns:auto 1fr 95px}.dashboard-widget-option .dashboard-widget-mini-toggle{grid-column:span 1}.dashboard-widget-panel-actions{flex-direction:column-reverse}.dashboard-widget-panel-actions .btn,.dashboard-view-controls .btn{width:100%}.dashboard-view-controls label,.dashboard-view-editor label{min-width:100%;}.dashboard-widget-mobile-hidden{display:none!important}}
.dashboard-role-widgets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.dashboard-role-widget{padding:19px!important}.dashboard-role-widget header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.dashboard-role-widget header>div>span{font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.dashboard-role-widget h2{margin:4px 0 2px;font-size:17px}.dashboard-role-widget header p{margin:0;color:var(--muted);font-size:11px}.dashboard-role-widget header>a{font-size:10px;font-weight:750;color:var(--accent);white-space:nowrap}.dashboard-role-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px}.dashboard-role-metrics>a{position:relative;overflow:hidden;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);color:inherit}.dashboard-role-metrics>a:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent)}.dashboard-role-metrics>a.is-danger:before{background:var(--danger)}.dashboard-role-metrics>a.is-warning:before{background:var(--warning)}.dashboard-role-metrics>a.is-success:before{background:var(--success)}.dashboard-role-metrics strong{display:block;font-size:24px}.dashboard-role-metrics span{display:block;min-height:28px;margin:5px 0;color:var(--muted);font-size:10px;font-weight:700}.dashboard-role-metrics i{font-size:9px;font-style:normal;color:var(--accent)}@media(max-width:780px){.dashboard-role-widgets{grid-template-columns:1fr}}@media(max-width:430px){.dashboard-role-metrics{grid-template-columns:1fr 1fr}.dashboard-role-widget header{flex-direction:column}}
/* Nexus floating assistant */
.nexus-fab{position:fixed;right:24px;bottom:24px;z-index:950;display:inline-flex;align-items:center;gap:11px;min-height:58px;padding:8px 17px 8px 9px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));border-radius:999px;background:linear-gradient(135deg,var(--accent),#285978);color:#fff;text-decoration:none;box-shadow:0 16px 42px rgba(20,72,98,.3);transition:transform .2s ease,box-shadow .2s ease}.nexus-fab:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(20,72,98,.38)}.nexus-fab:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:4px}.nexus-fab-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.16)}.nexus-fab-icon svg{width:23px;height:23px}.nexus-fab-label{display:grid;line-height:1.05}.nexus-fab-label strong{font-size:15px;letter-spacing:.01em}.nexus-fab-label small{margin-top:4px;color:rgba(255,255,255,.78);font-size:11px}.page-assistant .nexus-fab{display:none}@media(max-width:700px){.nexus-fab{right:15px;bottom:15px;min-height:54px;padding:6px}.nexus-fab-icon{width:42px;height:42px}.nexus-fab-label{display:none}}@media print{.nexus-fab{display:none!important}}
.nexus-fab{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.nexus-fab.is-dragging{cursor:grabbing;transform:none;box-shadow:0 22px 52px rgba(20,72,98,.42)}
.nexus-chat-panel[hidden]{display:none!important}.nexus-chat-panel{position:fixed;right:22px;bottom:94px;z-index:949;width:min(430px,calc(100vw - 28px));height:min(680px,calc(100vh - 125px));overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:24px;background:var(--surface);box-shadow:0 24px 70px rgba(20,35,52,.3);transform:translateY(12px);opacity:0}.nexus-chat-panel.is-open{animation:nexusPanelIn .2s ease forwards}.nexus-chat-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid var(--border);background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface))}.nexus-chat-panel>header>div:first-child{display:grid}.nexus-chat-panel header strong{font-size:16px}.nexus-chat-panel header small{color:var(--muted);font-size:10px}.nexus-chat-status{color:#238557;font-size:9px;font-weight:850;text-transform:uppercase}.nexus-chat-panel>header>div:last-child{display:flex;gap:7px}.nexus-chat-panel header a,.nexus-chat-panel header button{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:18px;cursor:pointer}.nexus-chat-panel iframe{display:block;width:100%;height:calc(100% - 68px);border:0;background:var(--bg)}@keyframes nexusPanelIn{to{transform:none;opacity:1}}@media(max-width:700px){.nexus-chat-panel{right:8px;bottom:76px;width:calc(100vw - 16px);height:min(720px,calc(100dvh - 88px));border-radius:20px}.nexus-chat-panel iframe{height:calc(100% - 66px)}}
.assistant-chat{padding:0;border:1px solid var(--border);border-radius:23px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.assistant-chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--surface-soft)}.assistant-chat-head>div{display:flex;align-items:center;gap:10px}.assistant-chat-head small{display:block;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.assistant-chat-head h3{margin:2px 0 0;font-size:17px}.assistant-chat-head>span{font-size:10px;color:var(--muted)}.assistant-messages{display:grid;gap:13px;max-height:420px;overflow:auto;padding:20px;scroll-behavior:smooth}.assistant-message{display:flex;align-items:flex-end;gap:9px;max-width:88%}.assistant-message>div{padding:12px 14px;border:1px solid var(--border);border-radius:17px 17px 17px 5px;background:var(--surface-soft)}.assistant-message small{display:block;margin-bottom:4px;color:var(--accent);font-size:9px;font-weight:850;text-transform:uppercase}.assistant-message p{margin:0;color:var(--text);font-size:13px;line-height:1.55}.assistant-message.is-user{justify-self:end}.assistant-message.is-user>div{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:17px 17px 5px 17px;background:color-mix(in srgb,var(--accent) 11%,var(--surface))}.assistant-avatar{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:10px;background:linear-gradient(145deg,var(--accent),#315978);color:#fff;font-size:11px;font-weight:900}.assistant-insight-block,.assistant-recommendations{margin-top:16px;padding:15px 16px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.assistant-insight-block h3,.assistant-recommendations h3{margin:0 0 7px;font-size:14px}.assistant-insight-block p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.assistant-recommendations ol{display:grid;gap:7px;margin:0;padding-left:21px}.assistant-recommendations li{padding-left:4px;color:var(--text);font-size:13px;line-height:1.5}.assistant-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.assistant-actions .assistant-link{margin-top:15px}@media(max-width:700px){.assistant-chat{border-radius:19px}.assistant-chat-head{padding:13px 14px}.assistant-chat-head>span{display:none}.assistant-messages{max-height:360px;padding:14px}.assistant-message{max-width:96%}.assistant-message>div{padding:11px 12px}.assistant-actions{display:grid}.assistant-actions .assistant-link{margin-top:9px}}
/* Retail / e-shop intelligence */
.retail-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;margin-bottom:18px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:26px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 13%,var(--card)),var(--card) 58%,color-mix(in srgb,#d79b31 9%,var(--card)))}
.retail-hero h2{margin:5px 0 8px;font-size:clamp(1.55rem,3vw,2.4rem)}.retail-hero p{margin:0;color:var(--muted);max-width:760px}.retail-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.75rem;color:var(--accent)}.retail-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.retail-actions form{margin:0}.retail-periods{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.retail-custom{display:flex;align-items:center;gap:8px}.retail-custom input{min-width:150px}.retail-sync{display:flex;justify-content:space-between;gap:15px;padding:13px 16px;border-radius:16px;margin-bottom:16px;background:color-mix(in srgb,var(--success) 12%,var(--card));border:1px solid color-mix(in srgb,var(--success) 35%,var(--border))}.retail-sync.is-failed{background:color-mix(in srgb,var(--danger) 12%,var(--card));border-color:color-mix(in srgb,var(--danger) 38%,var(--border))}.retail-sync.is-stale,.retail-sync.is-never{background:color-mix(in srgb,#d79b31 13%,var(--card));border-color:color-mix(in srgb,#d79b31 38%,var(--border))}.retail-sync span{color:var(--muted)}.retail-kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.retail-kpis small{display:block;color:var(--muted);margin-top:6px}.retail-two{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px;margin:16px 0}.retail-two>.card{margin:0}.retail-bars{height:240px;display:flex;align-items:end;gap:8px;padding-top:20px;overflow-x:auto}.retail-bars>div{height:100%;min-width:28px;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.retail-bars i{display:block;width:100%;max-width:48px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#56b6d9));border-radius:9px 9px 3px 3px}.retail-bars span{font-size:.72rem;color:var(--muted)}.retail-status-list,.retail-ranking{display:grid;gap:10px}.retail-status-list span,.retail-ranking div{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:14px;background:var(--surface)}.retail-status-list b{font-size:1.35rem}.retail-order-filters{display:grid;grid-template-columns:2fr repeat(4,minmax(130px,1fr));gap:10px}.retail-orders-table td small,.retail-item{display:block;color:var(--muted);margin-top:4px}
@media(max-width:850px){.retail-hero,.retail-periods,.retail-sync{align-items:stretch;flex-direction:column}.retail-actions>*{flex:1}.retail-actions .btn{width:100%}.retail-custom{display:grid;grid-template-columns:1fr auto 1fr}.retail-custom .btn{grid-column:1/-1}.retail-two{grid-template-columns:1fr}.retail-order-filters{grid-template-columns:1fr 1fr}.retail-order-filters>:first-child,.retail-order-filters>.btn{grid-column:1/-1}.retail-orders-table table,.retail-orders-table tbody,.retail-orders-table tr,.retail-orders-table td{display:block;width:100%}.retail-orders-table thead{display:none}.retail-orders-table tr{padding:12px;border-bottom:1px solid var(--border)}.retail-orders-table td{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:7px 0;border:0}.retail-orders-table td:before{content:attr(data-label);font-weight:700;color:var(--muted)}}
@media(max-width:520px){.retail-order-filters,.retail-custom{grid-template-columns:1fr}.retail-custom span{display:none}.retail-kpis{grid-template-columns:1fr 1fr}.retail-orders-table td{grid-template-columns:90px 1fr}.retail-hero{padding:20px}}
/* B2B customer portal */
.portal-company-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;margin-bottom:16px;border-radius:22px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--card)),var(--card))}.portal-company-head h2{margin:5px 0}.portal-company-head p,.portal-company-head span{color:var(--muted);margin:0}.portal-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.portal-kpis{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))!important}.portal-admin-table small{display:block;color:var(--muted);margin-top:4px}.invitation-once{border-color:color-mix(in srgb,var(--warning) 45%,var(--border));margin-bottom:16px}.invitation-once input{width:100%;margin:8px 0}.membership-card{margin-top:16px}.check-row{display:flex;align-items:flex-start;gap:9px;padding:8px 0}.check-row input{width:19px;height:19px;flex:0 0 auto}.success-banner{color:var(--success);margin-bottom:14px}
@media(max-width:760px){.portal-company-head{align-items:stretch;flex-direction:column}.portal-company-head select{width:100%}.portal-nav a{flex:1;text-align:center;min-width:135px}.portal-admin-table table,.portal-admin-table tbody,.portal-admin-table tr,.portal-admin-table td{display:block;width:100%}.portal-admin-table thead{display:none}.portal-admin-table tr{padding:12px;border-bottom:1px solid var(--border)}.portal-admin-table td{display:grid;grid-template-columns:110px 1fr;gap:9px;padding:7px 0;border:0}.portal-admin-table td:before{content:attr(data-label);font-weight:700;color:var(--muted)}}
/* Actions-first dashboard */
.dashboard-action-zone{margin:0 0 18px;padding:17px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface));box-shadow:var(--shadow)}.dashboard-action-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.dashboard-action-head h2{margin:2px 0 0;font-size:19px}.dashboard-action-head .eyebrow{font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--accent)}.dashboard-action-grid,.dashboard-pending-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.dashboard-pending-actions{margin-bottom:10px}.dashboard-action{display:flex;align-items:center;gap:9px;min-width:0;min-height:54px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);font-size:12px;font-weight:800;transition:.18s}.dashboard-action svg{flex:0 0 auto;width:19px;height:19px;color:var(--accent)}.dashboard-action:hover,.dashboard-action:focus-visible{transform:translateY(-2px);border-color:var(--accent);outline:3px solid color-mix(in srgb,var(--accent) 15%,transparent);outline-offset:2px}.dashboard-action.pending{border-color:color-mix(in srgb,var(--warning) 48%,var(--border));background:color-mix(in srgb,var(--warning) 10%,var(--surface))}.dashboard-action.pending small{display:block;color:var(--muted);font-size:9px}.dashboard-action-more{margin-top:10px}.dashboard-action-more summary{cursor:pointer;color:var(--accent);font-size:12px;font-weight:800}.dashboard-action-more .dashboard-action-grid{margin-top:9px}.action-preference-list{display:grid;gap:8px;margin:14px 0}.action-preference-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 12px;border:1px solid var(--border);border-radius:13px;background:var(--surface-soft)}.action-preference-row>span{display:flex;align-items:center;gap:9px}.network-status{position:fixed;left:50%;top:9px;z-index:10020;transform:translateX(-50%);padding:7px 12px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:850;box-shadow:var(--shadow)}.network-status.is-online{background:var(--success)}
:root[data-theme="dark"] .dashboard-action-zone,:root[data-theme="dark"] .dashboard-action{background:var(--surface);border-color:var(--border)}
@media(max-width:1000px){.dashboard-action-grid,.dashboard-pending-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.dashboard-action-zone{padding:13px;border-radius:17px}.dashboard-action-head .btn{font-size:10px}.dashboard-action-grid,.dashboard-pending-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-action{min-height:64px;padding:10px;flex-direction:column;justify-content:center;text-align:center}.dashboard-action-zone .dashboard-action-grid>.dashboard-action:nth-child(n+5){display:none}.dashboard-action-more .dashboard-action-grid>.dashboard-action:nth-child(n+5){display:flex}.action-preference-row{align-items:flex-start;flex-direction:column}}
.view-as-preview{--view-as:#6b3fa0}.view-as-preview .app-shell{outline:4px solid var(--view-as);outline-offset:-4px}.view-as-banner{position:sticky;top:0;z-index:1200;min-height:66px;padding:9px 16px;display:flex;align-items:center;gap:12px;background:linear-gradient(100deg,#43205f,#7442a1);color:#fff;box-shadow:0 8px 24px rgba(48,20,70,.25)}.view-as-avatar{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#fff;color:#54277a;font-weight:900}.view-as-identity{display:grid;gap:2px;min-width:0}.view-as-identity strong,.view-as-identity small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-as-identity small{color:rgba(255,255,255,.82)}.view-as-readonly{margin-left:auto;padding:6px 9px;border:1px solid rgba(255,255,255,.38);border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.08em}.view-as-stop-form{margin:0}.view-as-stop-form .btn{background:#fff;color:#4d236d;border-color:#fff}.view-as-preview form[method="post"]:not(.view-as-stop-form):after{content:"Μη διαθέσιμο σε λειτουργία προεπισκόπησης";display:block;margin-top:7px;color:#7442a1;font-size:11px;font-weight:800}:root[data-theme="dark"] .view-as-banner{background:linear-gradient(100deg,#2f193f,#583177)}@media(max-width:700px){.view-as-banner{align-items:flex-start;flex-wrap:wrap;padding:9px 11px}.view-as-identity{max-width:calc(100% - 56px)}.view-as-readonly{margin-left:54px;order:3}.view-as-stop-form{order:4;flex:1}.view-as-stop-form .btn{width:100%}}
.error-page{min-height:100dvh;margin:0;background:linear-gradient(145deg,#eaf7ff,#f8fbff 48%,#eef3ff);color:#10243e}.error-shell{min-height:100dvh;display:grid;place-items:center;padding:24px}.error-card{width:min(920px,100%);display:grid;grid-template-columns:minmax(250px,.8fr) minmax(300px,1.2fr);gap:44px;align-items:center;padding:clamp(28px,5vw,62px);border:1px solid rgba(38,88,132,.14);border-radius:32px;background:rgba(255,255,255,.94);box-shadow:0 26px 70px rgba(29,76,118,.14)}.error-illustration{position:relative;min-height:280px;border-radius:28px;background:linear-gradient(145deg,#dff4ff,#edf4ff);overflow:hidden}.error-door{position:absolute;left:28%;top:16%;width:44%;height:68%;border:4px solid #244966;border-radius:22px 22px 5px 5px;background:#fff;box-shadow:18px 18px 0 rgba(80,159,207,.15)}.error-door:after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;border-radius:50%;background:#2b6f9c}.error-shield{position:absolute;right:12%;bottom:11%;display:grid;place-items:center;width:74px;height:82px;clip-path:polygon(50% 0,95% 17%,88% 72%,50% 100%,12% 72%,5% 17%);background:#2d6f98;color:#fff;font-size:26px;font-weight:900}.error-key{position:absolute;left:11%;bottom:13%;font-size:48px;color:#6faed2;transform:rotate(-20deg)}.error-copy{display:grid;gap:14px}.error-code{font-size:13px;font-weight:900;letter-spacing:.25em;color:#4388b2}.error-copy h1{margin:0;font-size:clamp(30px,5vw,52px);line-height:1.05}.error-copy p{margin:0;color:#5f7181;font-size:17px;line-height:1.65}.error-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.access-request-form{margin:0}.error-support{margin-top:10px;color:#7b8b98}.error-support a{color:#327aa6}.empty-state{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;padding:28px;border:1px dashed #b9cfdd;border-radius:22px;background:linear-gradient(135deg,rgba(230,246,255,.65),rgba(255,255,255,.8))}.empty-state-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:20px;background:#dff2fc;color:#317ba8;font-size:30px}.empty-state h3{margin:0 0 5px}.empty-state p{margin:0 0 12px;color:var(--muted)}@media(prefers-reduced-motion:no-preference){.error-shield{animation:error-float 4s ease-in-out infinite}@keyframes error-float{50%{transform:translateY(-6px)}}}@media(max-width:680px){.error-card{grid-template-columns:1fr;gap:24px;padding:22px;border-radius:24px}.error-illustration{min-height:190px}.error-copy h1{font-size:31px}.error-actions{display:grid}.error-actions .btn,.access-request-form .btn{width:100%}.empty-state{grid-template-columns:1fr;text-align:center}.empty-state-icon{margin:auto}}@media(prefers-color-scheme:dark){.error-page{background:linear-gradient(145deg,#111923,#182331)}.error-card{background:#202b36;border-color:#344c61;color:#eef7ff}.error-illustration{background:linear-gradient(145deg,#152b3c,#20394b)}.error-door{background:#263746;border-color:#8fc3df}.error-copy p,.error-support{color:#afc0cd}.empty-state{background:linear-gradient(135deg,#1b2c38,#202a34);border-color:#456174}.empty-state-icon{background:#203f52;color:#9fd8f5}}:root[data-theme="dark"] .error-page{background:linear-gradient(145deg,#111923,#182331)}:root[data-theme="dark"] .error-card{background:#202b36;border-color:#344c61;color:#eef7ff}:root[data-theme="dark"] .error-illustration{background:linear-gradient(145deg,#152b3c,#20394b)}