:root{
 color-scheme:light;
 --font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;
 --app-display-font:var(--font-family-sans);--app-ui-font:var(--font-family-sans);
 --font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;
 --font-size-page-title:32px;--font-size-page-title-tablet:26px;--font-size-page-title-mobile:23px;
 --font-size-section-title:20px;--font-size-card-title:15px;--font-size-kpi:32px;--font-size-kpi-compact:24px;--font-size-body:14px;--font-size-table:13px;--font-size-table-head:12px;--font-size-label:12px;--font-size-button:14px;--font-size-meta:12px;
 --line-page-title:1.15;--line-heading:1.3;--line-body:1.5;--line-label:1.35;
 --tracking-title:-.025em;--tracking-kpi:-.03em;--tracking-label:.03em;
 --motion-fast:120ms;--motion-standard:150ms;--motion-slow:180ms;
 --icon-inline:16px;--icon-control:18px;--icon-primary:20px;--icon-feature:24px;
 --content-readable:760px;--content-form:920px;--content-wide:1440px;
 --apiro-bg:#F5F4F2;--apiro-bg-soft:#F8F8F6;--apiro-surface:#FFFFFF;--apiro-surface-secondary:#F7F7F5;--apiro-surface-hover:#F2F2EF;
 --apiro-text:#171717;--apiro-text-secondary:#686866;--apiro-text-muted:#92928E;--apiro-border:#E6E5E1;--apiro-border-soft:#EEEEEB;--apiro-border-strong:#D7D6D1;
 --apiro-black:#171717;--apiro-black-hover:#292929;--aurora-blush:#F4DCE8;--aurora-powder:#E4EDF8;--aurora-lilac:#ECE7F5;--aurora-cream:#F7E9D8;--aurora-pearl:#F8F8F5;--aurora-aqua:#E3EFF0;
 --accent-blush:#F4DCE8;--accent-lilac:#ECE7F5;--accent-powder:#E4EDF8;--accent-cream:#F7E9D8;--accent-sage:#E5EEE8;--accent-teal:#E3EFF0;
 --bg:var(--apiro-bg);--card:var(--apiro-surface);--surface:var(--apiro-surface);--surface-secondary:var(--apiro-surface-secondary);--surface-soft:var(--apiro-surface-secondary);--ink:var(--apiro-text);--text:var(--apiro-text);--muted:var(--apiro-text-secondary);--text-muted:var(--apiro-text-muted);--line:var(--apiro-border-soft);--border:var(--apiro-border);/* theme-contract: allow canonical light-theme token definitions */
 --babyblue-pale:var(--aurora-aqua);--babyblue:#C9DCDE;--babyblue-strong:#607B80;
 --info:#557481;--info-bg:#EEF4F6;--info-soft:var(--info-bg);--accent:var(--info);--accent-soft:var(--info-soft);--ink-deep:#405E67;
 --success:#3F725A;--success-bg:#EDF5F0;--success-soft:var(--success-bg);
 --warning:#956C2F;--warning-bg:#F8F2E8;--warning-soft:var(--warning-bg);
 --danger:#A34D47;--danger-bg:#FAEEEE;--danger-soft:var(--danger-bg);
 --chart-1:#252525;--chart-2:#607B80;--chart-3:#82958B;--chart-4:#9A8993;--chart-5:#9A856B;--chart-grid:#ECECE8;--chart-secondary:var(--chart-4);--blush:var(--aurora-blush);
 --aurora-0:var(--bg-surface);--aurora-1:linear-gradient(125deg,color-mix(in srgb,var(--aurora-blush) 34%,var(--bg-surface)),var(--bg-surface) 52%,color-mix(in srgb,var(--aurora-aqua) 28%,var(--bg-surface)));--aurora-2:radial-gradient(circle at 18% 18%,rgba(244,220,232,.68),transparent 40%),radial-gradient(circle at 78% 28%,rgba(227,239,240,.58),transparent 44%),radial-gradient(circle at 54% 94%,rgba(236,231,245,.52),transparent 48%),var(--bg-surface);--aurora-3:radial-gradient(circle at 18% 18%,rgba(244,220,232,.92),transparent 38%),radial-gradient(circle at 78% 28%,rgba(227,239,240,.82),transparent 44%),radial-gradient(circle at 54% 94%,rgba(236,231,245,.82),transparent 48%),var(--bg-surface);
 --primary:var(--apiro-black);--primary-hover:var(--apiro-black-hover);
 --bg-page:var(--bg);--bg-surface:var(--surface);--bg-surface-secondary:var(--surface-secondary);--bg-elevated:var(--surface);--bg-hover:var(--surface-soft);--bg-active:var(--accent-soft);
 --text-primary:var(--text);--text-secondary:var(--muted);--text-inverse:#fff;--border-default:var(--border);--border-subtle:var(--line);--divider:var(--line);
 --input-bg:var(--surface);--input-border:#DFDEDA;--input-text:var(--text);--input-placeholder:var(--apiro-text-muted);--overlay:rgba(23,23,23,.25);--focus-ring:#8A8A85;
 --filter-bg:var(--surface);--filter-border:var(--apiro-border-strong);
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;
 --radius-input:10px;--radius-button:10px;--radius-card-sm:12px;--radius-card:14px;--radius-modal:16px;--radius-hero:20px;--radius-pill:999px;
 --radius:var(--radius-card);--radius-sm:var(--radius-input);--shadow-sm:0 1px 2px rgba(0,0,0,.025);--shadow-card:0 12px 30px rgba(23,23,23,.045);--shadow-elevated:0 24px 60px rgba(23,23,23,.10);--shadow:var(--shadow-sm)
}
*{box-sizing:border-box} body{margin:0;font-family:var(--app-ui-font);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-body);background:var(--bg);color:var(--ink);font-variant-numeric:tabular-nums}
body.density-compact .content,body[data-density="compact"] .content{padding-top:14px}body.density-compact .card,body[data-density="compact"] .card{padding:14px}body.density-compact th,body.density-compact td,body[data-density="compact"] th,body[data-density="compact"] td{padding-top:8px;padding-bottom:8px}body.density-compact .field,body[data-density="compact"] .field{gap:4px}
@media(min-width:901px){body.sidebar-collapsed .app-shell{grid-template-columns:78px 1fr}body.sidebar-collapsed .sidebar{padding-inline:10px}body.sidebar-collapsed .brand span,body.sidebar-collapsed .nav-group-label span:first-child,body.sidebar-collapsed nav a span,body.sidebar-collapsed .sidebar-quick-customize span,body.sidebar-collapsed .sidebar-user>strong,body.sidebar-collapsed .sidebar-user>small,body.sidebar-collapsed .theme-picker,body.sidebar-collapsed .logout-button{display:none}body.sidebar-collapsed nav a{justify-content:center}body.sidebar-collapsed .nav-group-label{justify-content:center}body.sidebar-collapsed .nav-group-label .caret{display:none}}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--focus-ring);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}}

/* Canonical typography, interaction and micro-component contracts. */
:where(h1,h2,h3,h4,h5,h6){font-family:var(--app-display-font);line-height:var(--line-heading)}
:where(.topbar h1,.page-title){font-size:var(--font-size-page-title);font-weight:var(--font-weight-bold);line-height:var(--line-page-title);letter-spacing:var(--tracking-title)}
:where(.section-title h2,.section-heading){font-size:var(--font-size-section-title);font-weight:var(--font-weight-semibold);line-height:var(--line-heading)}
:where(.kpi strong,.kpi-value,[data-kpi-value]){font-variant-numeric:tabular-nums;font-size:var(--font-size-kpi);font-weight:var(--font-weight-bold);line-height:1.1;letter-spacing:var(--tracking-kpi)}
:where(.num,[data-type="number"],[data-type="currency"],[data-type="percentage"]){font-variant-numeric:tabular-nums;text-align:right}
:where(.eyebrow,[class$="-kicker"],[class$="-eyebrow"]){letter-spacing:var(--tracking-label)}
:where(button,.btn,[role="button"],summary,.tabs a,.mode-switcher a,select){transition-duration:var(--motion-standard);transition-timing-function:ease}
:where(button,.btn,[role="button"],summary,.tabs a,.mode-switcher a,a.card,[data-clickable="true"]){cursor:pointer}
:where(.btn,button):active:not(:disabled):not([aria-disabled="true"]){transform:translateY(1px)}
:where(.btn,button):disabled,:where(.btn,button)[aria-disabled="true"]{opacity:.5;cursor:not-allowed;pointer-events:none}
:where(a,[role="button"],[data-clickable="true"])[aria-disabled="true"]{opacity:.5;cursor:not-allowed;pointer-events:none}
:where(.btn,button)[aria-busy="true"]{position:relative;cursor:progress}
:where(.btn,button)[aria-busy="true"]:before{content:"";width:var(--icon-inline);height:var(--icon-inline);margin-right:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:apiro-spin .7s linear infinite}
@keyframes apiro-spin{to{transform:rotate(360deg)}}
:where(.btn,button,nav a,.tabs a) svg{width:var(--icon-control);height:var(--icon-control);stroke-width:1.8}
:where(td,th) svg{width:var(--icon-inline);height:var(--icon-inline);stroke-width:1.8}
.app-page-icon svg,.feature-icon svg{width:var(--icon-primary);height:var(--icon-primary);stroke-width:1.8}
[data-tooltip]{position:relative}
[data-tooltip]:after{content:attr(data-tooltip);position:absolute;z-index:1100;left:50%;bottom:calc(100% + 8px);width:max-content;max-width:min(280px,80vw);padding:6px 9px;border-radius:8px;background:var(--text-primary);color:var(--bg-surface);font-size:12px;font-weight:var(--font-weight-medium);line-height:1.35;letter-spacing:normal;white-space:normal;opacity:0;pointer-events:none;transform:translate(-50%,3px);transition:opacity var(--motion-fast) ease,transform var(--motion-fast) ease}
[data-tooltip]:is(:hover,:focus-visible):after{opacity:1;transform:translate(-50%,0)}
.action-menu{position:relative}.action-menu>summary{display:grid;place-items:center;min-width:40px;min-height:40px;border:1px solid var(--border-default);border-radius:var(--radius-button);background:var(--bg-surface);color:var(--text-primary);list-style:none}.action-menu>summary::-webkit-details-marker{display:none}.action-menu-panel{position:absolute;z-index:80;top:calc(100% + 6px);right:0;display:grid;min-width:180px;padding:6px;border:1px solid var(--border-default);border-radius:var(--radius-card-sm);background:var(--bg-elevated);box-shadow:var(--shadow)}.action-menu-panel :is(a,button){min-height:38px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--text-primary);text-align:left}.action-menu-panel :is(a,button):hover{background:var(--bg-hover)}.action-menu-panel .danger{margin-top:5px;border-top:1px solid var(--border-subtle);color:var(--danger)}
.sticky-actions{position:sticky;z-index:30;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:12px 0;background:color-mix(in srgb,var(--bg-page) 92%,transparent);backdrop-filter:blur(10px)}
.content-readable{width:min(100%,var(--content-readable));margin-inline:auto}.content-form{width:min(100%,var(--content-form));margin-inline:auto}.content-wide{width:min(100%,var(--content-wide));margin-inline:auto}
.nexus-mark{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase}.nexus-mark svg{width:var(--icon-inline);height:var(--icon-inline);stroke-width:1.8}
@media(max-width:1024px){:where(.topbar h1,.page-title){font-size:var(--font-size-page-title-tablet)}}
@media(max-width:430px){:where(.topbar h1,.page-title){font-size:var(--font-size-page-title-mobile)}.sticky-actions{margin-inline:-16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.sticky-actions>.btn{flex:1}}
.app-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}
.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-default);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-count-badge{margin-left:auto;min-width:24px;height:24px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex:none;background:var(--danger);color:#fff;font-size:12px;font-weight:800;line-height:1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
nav a.active .nav-count-badge{background:var(--text-inverse);color:var(--danger)}
.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)}
.report-period-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.report-period-custom{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.report-period-custom span{color:var(--muted);font-size:12px}@media(max-width:700px){.report-period-controls,.report-period-custom{display:grid;grid-template-columns:1fr;width:100%}.report-period-controls .period-pills{display:grid;grid-template-columns:repeat(2,1fr)}.report-period-controls .period-pills a{text-align:center}.report-period-custom>*{width:100%;min-width:0}.report-period-custom span{text-align:center}}
.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(--border-default);background:var(--bg-surface);color:var(--text-primary);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 */
.hero-panel{display:grid;gap:var(--space-4);padding:var(--space-6);border:1px solid var(--mode-accent-border,var(--border-default));border-radius:var(--radius-hero);background:var(--mode-aurora,var(--aurora-1));overflow:hidden}
.metric-card,.widget-card,.nexus-card{min-width:0;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary)}
.metric-card{padding:var(--space-4);border-radius:var(--radius-card);box-shadow:var(--shadow-sm)}
.metric-card>span,.metric-card>small{display:block;color:var(--text-secondary);font-size:var(--font-size-meta)}
.metric-card>strong{display:block;margin:var(--space-2) 0;font-size:var(--font-size-kpi);font-weight:var(--font-weight-bold);line-height:1.1;letter-spacing:var(--tracking-kpi)}
.widget-card,.nexus-card{padding:var(--space-5);border-radius:var(--radius-card);box-shadow:var(--shadow-sm)}
.nexus-card{border-color:color-mix(in srgb,var(--mode-accent,var(--accent)) 26%,var(--border-default));background:linear-gradient(135deg,color-mix(in srgb,var(--accent-lilac) 24%,var(--bg-surface)),var(--bg-surface) 56%,color-mix(in srgb,var(--accent-teal) 20%,var(--bg-surface)))}
.ui-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-5);padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-card);background:var(--bg-surface);color:var(--text-primary)}.ui-page-heading h2{margin:0}.ui-page-heading p{max-width:720px;margin:6px 0 0;color:var(--text-secondary)}.ui-page-actions{display:flex;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}.ui-alert{margin-bottom:var(--space-4);padding:12px 14px;border:1px solid var(--border-default);border-radius:var(--radius-card-sm);background:var(--bg-surface-secondary);color:var(--text-primary)}.ui-alert.success{border-color:color-mix(in srgb,var(--success) 36%,var(--border-default));background:var(--success-soft);color:var(--success)}.ui-alert.warning{border-color:color-mix(in srgb,var(--warning) 36%,var(--border-default));background:var(--warning-soft);color:var(--warning)}.ui-alert.error{border-color:color-mix(in srgb,var(--danger) 36%,var(--border-default));background:var(--danger-soft);color:var(--danger)}
.entity-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-4);min-width:0;padding:var(--space-4) 0;border-bottom:1px solid var(--border-subtle)}
.entity-row:last-child{border-bottom:0}.entity-row>div{min-width:0}.entity-row strong,.entity-row small{display:block}.entity-row small{margin-top:var(--space-1);color:var(--text-secondary)}
.status-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:5px 9px;border-radius:var(--radius-pill);background:var(--bg-surface-secondary);color:var(--text-secondary);font-size:var(--font-size-meta);font-weight:var(--font-weight-semibold);line-height:1.2}
.status-badge.success{background:var(--success-soft);color:var(--success)}.status-badge.warning{background:var(--warning-soft);color:var(--warning)}.status-badge.danger{background:var(--danger-soft);color:var(--danger)}.status-badge.info{background:var(--info-soft);color:var(--info)}
.filter-bar{display:flex;align-items:end;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-4);border:1px solid var(--filter-border);border-radius:var(--radius-card);background:var(--filter-bg)}
.filter-bar>.field{flex:1 1 170px}.filter-bar>.btn{flex:0 0 auto}
.data-table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--border-default);border-radius:var(--radius-card);background:var(--bg-surface)}
.data-table{width:100%;border-collapse:collapse}.data-table th{color:var(--text-secondary);font-size:var(--font-size-table-head);font-weight:var(--font-weight-semibold);text-align:left}.data-table :is(th,td){padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle)}.data-table tbody tr:last-child td{border-bottom:0}
@media(max-width:700px){.hero-panel,.widget-card,.nexus-card{padding:var(--space-4)}.metric-card>strong{font-size:var(--font-size-kpi-compact)}.entity-row{grid-template-columns:1fr}.filter-bar{display:grid;grid-template-columns:1fr}.filter-bar>.btn{width:100%}.ui-page-heading{align-items:stretch;flex-direction:column}.ui-page-actions{display:grid;grid-template-columns:1fr}.ui-page-actions .btn{width:100%}}
.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:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}
.modal{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-modal);padding:28px;max-width:560px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow)}
.drawer-backdrop{position:fixed;inset:0;background:var(--overlay);z-index:100}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(480px,92vw);background:var(--bg-elevated);color:var(--text-primary);border-left:1px solid var(--border-default);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(--border-default);background:var(--bg-surface);color:var(--text-primary)}
.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,var(--surface-secondary) 25%,color-mix(in srgb,var(--surface-secondary) 60%,var(--surface)) 37%,var(--surface-secondary) 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}
.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex:none}.topbar-inbox{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-deep);font-size:12px;font-weight:800;box-shadow:0 5px 18px rgba(36,75,96,.05);transition:transform .15s ease,border-color .15s ease;cursor:pointer}.topbar-inbox:hover{transform:translateY(-1px);border-color:var(--accent)}.topbar-inbox-icon{display:grid;place-items:center}.topbar-inbox-icon svg{width:19px;height:19px}.topbar-inbox-badge{position:absolute;top:-7px;right:-5px;display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border:2px solid var(--bg);border-radius:999px;background:var(--danger);color:#fff;font-size:10px;font-weight:900;line-height:1}.topbar-inbox-label{line-height:1}.topbar-settings{font-family:inherit}.topbar-icon-only{width:42px;min-width:42px;padding:8px}
.user-menu-trigger{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);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:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default);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,.user-menu-panel .logout-button{display:block;width:100%;padding:9px 12px;border-radius:8px;font-size:13.5px;text-align:left}
.user-menu-panel a:hover,.user-menu-panel .logout-button:hover{background:var(--accent-soft);color:var(--accent)}
.logout-form{margin:0}.logout-button{appearance:none;background:transparent;border:0;color:inherit;font:inherit;cursor:pointer;padding:0}
.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-version{display:inline-flex;width:max-content;margin-top:3px;padding:3px 7px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft);font-size:10px;font-weight:700;letter-spacing:.02em}.sidebar-user a,.sidebar-user .logout-form{font-size:13px;margin-top:10px;color:var(--accent)}
.main{min-width:0}.topbar{min-height:72px;padding:16px 34px 14px;display:flex;justify-content:space-between;align-items:center}.topbar h1{margin:0;font-size:var(--font-size-page-title);font-weight:var(--font-weight-bold);line-height:var(--line-page-title);letter-spacing:var(--tracking-title)}.topbar p{margin:5px 0 0;color:var(--muted);font-size:var(--font-size-body);line-height:var(--line-body)}.user-chip{background:var(--bg-surface);border:1px solid var(--border-default);padding:10px 14px;border-radius:999px;font-size:13px}
.content{padding:20px 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-card);padding:20px;box-shadow:var(--shadow)}
.content .grid[style*="1.35fr"]>*{min-width:0}
.kpi span{font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--muted);text-transform:uppercase;letter-spacing:var(--tracking-label)}.kpi strong{display:block;margin-top:9px;font-size:var(--font-size-kpi);font-weight:var(--font-weight-bold);line-height:1.1;letter-spacing:var(--tracking-kpi)}.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:var(--font-size-section-title);font-weight:var(--font-weight-semibold);line-height:var(--line-heading);min-width:0}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-button);padding:11px 15px;background:var(--primary);color:var(--text-inverse);cursor:pointer;font-size:var(--font-size-button);font-weight:var(--font-weight-semibold);line-height:var(--line-label);transition:background var(--motion-standard) ease,border-color var(--motion-standard) ease,color var(--motion-standard) ease,transform var(--motion-fast) ease}.btn.secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--apiro-border-strong)}.btn.accent{background:var(--primary)}
table{width:100%;border-collapse:collapse;background:var(--bg-surface);border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--border-default)}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--border-subtle);font-size:var(--font-size-table);line-height:1.4}th{font-size:var(--font-size-table-head);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--text-secondary);background:var(--bg-surface-secondary)}
.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:var(--font-size-label);font-weight:var(--font-weight-semibold);line-height:var(--line-label)}.field input,.field select,.field textarea{width:100%;border:1px solid var(--input-border);border-radius:var(--radius-input);padding:12px;background:var(--input-bg);color:var(--input-text);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:100svh;display:grid;place-items:center;padding:clamp(18px,4vw,56px);background:#E8E7E4}.login-shell{width:min(1180px,100%);min-height:min(760px,calc(100svh - clamp(36px,8vw,112px)));display:grid;grid-template-columns:minmax(350px,.82fr) minmax(470px,1.18fr);overflow:hidden;border:1px solid rgba(35,39,42,.08);border-radius:30px;background:var(--surface);box-shadow:0 26px 80px rgba(39,43,48,.12)}.login-card{position:relative;width:min(410px,100%);min-height:100%;align-self:stretch;justify-self:center;display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,5vw,66px);background:transparent;border:0;border-radius:0;box-shadow:none}.login-card .login-logo{width:122px;height:auto;display:block;margin:0 auto 34px}.login-heading{text-align:center}.login-card h1{margin:0;font-family:var(--app-display-font);font-size:clamp(29px,3vw,35px);font-weight:var(--font-weight-semibold);line-height:1.12;letter-spacing:var(--tracking-title)}.login-card .login-heading p{margin:8px 0 30px;color:var(--muted);font-family:var(--app-ui-font);font-size:13px;font-weight:var(--font-weight-regular);letter-spacing:normal}.login-card .field{margin-bottom:15px}.login-card .field label{font-size:12px;letter-spacing:normal}.login-card .field input{min-height:51px;padding:13px 15px;border-color:var(--border);border-radius:13px;background:var(--surface);color:var(--text);transition:border-color var(--motion-slow) ease,box-shadow var(--motion-slow) ease}.login-card .field input:focus{border-color:#1c1d1f;outline:0;box-shadow:0 0 0 4px rgba(28,29,31,.08)}.login-password-control{position:relative}.login-password-control input{padding-right:54px!important}.login-password-toggle{position:absolute;top:50%;right:6px;width:40px;height:40px;display:grid;place-items:center;transform:translateY(-50%);border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer}.login-password-toggle:hover,.login-password-toggle[aria-pressed="true"]{background:var(--surface-soft);color:var(--text)}.login-password-toggle svg{width:19px;height:19px}.login-card .login-submit{width:100%;min-height:51px;margin-top:7px;border-radius:13px;background:#111;color:#fff;font-size:14px;font-weight:var(--font-weight-semibold);box-shadow:0 10px 24px rgba(17,17,17,.14);transition:transform var(--motion-slow) ease,box-shadow var(--motion-slow) ease}.login-card .login-submit:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(17,17,17,.2)}.login-forgot{display:block;margin-top:17px;text-align:center;color:var(--text);font-size:12px;font-weight:var(--font-weight-semibold);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:4px}.login-forgot:hover{color:var(--accent);text-decoration-color:currentColor}.login-legal{max-width:285px;margin:22px auto 0;text-align:center;color:var(--muted);font-size:10px;line-height:1.55}.login-legal span{color:var(--text);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px}.login-version{position:absolute;left:50%;bottom:23px;width:max-content;margin:0;padding:0;transform:translateX(-50%);border:0;background:transparent;color:var(--muted);font-size:9px;font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-label);opacity:.78}.login-visual{position:relative;min-width:0;min-height:0;margin:12px;border-radius:24px;overflow:hidden;background:#f5f5f5;isolation:isolate}.login-artwork{position:absolute;inset:-14%;width:128%;height:128%;max-width:none;object-fit:cover;pointer-events:none;user-select:none;will-change:transform,opacity}.login-artwork-primary{animation:login-pastel-flow 11s ease-in-out infinite alternate}.login-artwork-secondary{opacity:.48;mix-blend-mode:screen;transform:scaleX(-1) rotate(10deg);animation:login-pastel-drift 15s ease-in-out infinite alternate}.login-visual-copy{position:relative;z-index:2;width:min(520px,84%);height:100%;display:grid;place-items:center;margin:auto;text-align:center;color:#151515}.login-visual-copy h2{margin:0;font-size:clamp(32px,4.1vw,58px);line-height:1.02;letter-spacing:-.055em;text-wrap:balance}.login-visual:after{content:"";position:absolute;inset:0;z-index:1;background:rgba(255,255,255,.05);pointer-events:none}@keyframes login-pastel-flow{0%{transform:translate3d(-5%,-4%,0) scale(1.04)}45%{transform:translate3d(4%,1%,0) scale(1.12)}100%{transform:translate3d(-1%,6%,0) scale(1.08)}}@keyframes login-pastel-drift{0%{transform:translate3d(7%,-5%,0) scaleX(-1) rotate(8deg)}55%{transform:translate3d(-4%,5%,0) scaleX(-1) rotate(-5deg)}100%{transform:translate3d(3%,2%,0) scaleX(-1) rotate(4deg)}}
@media(max-width:820px){.login-page{padding:14px}.login-shell{width:min(560px,100%);min-height:auto;grid-template-columns:1fr}.login-visual{grid-row:1;height:190px;margin:10px 10px 0;border-radius:20px}.login-card{grid-row:2;min-height:0;display:block;padding:32px 28px 36px}.login-version{position:static;margin:18px auto 0;transform:none}.login-visual-copy h2{font-size:clamp(28px,7vw,38px)}}
.filters{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.filters input,.filters select{border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);border-radius:var(--radius-input);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:var(--text-inverse);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:var(--bg-surface);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(--input-border);border-radius:var(--radius-sm);padding:9px 10px;background:var(--input-bg);color:var(--input-text);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:var(--bg-surface);border:1px solid var(--border-default);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:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius);padding:22px;transition:transform var(--motion-standard) ease,box-shadow var(--motion-standard) ease}
.kpi-card-v2:is(a,[data-clickable="true"]){cursor:pointer}.kpi-card-v2:is(a,[data-clickable="true"]):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:var(--bg-surface);border:1px solid var(--border-default);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:var(--bg-surface);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:var(--bg-surface);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(--border-default);background:var(--bg-surface);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(--border-default);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}/* theme-contract: allow product images require a neutral white canvas */
.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:var(--bg-surface);color:var(--text-primary);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 golden operational system — shared across the application */
body{background:var(--bg)}
.sidebar{background:var(--bg-surface);box-shadow:none}
.brand{position:relative}.brand:after{content:"";position:absolute;left:10px;right:10px;bottom:14px;height:1px;background:var(--border-subtle)}
.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:color-mix(in srgb,var(--bg-surface) 96%,transparent);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--border-default)}
.topbar h1{letter-spacing:-.025em}.user-chip,.user-menu-trigger{box-shadow:none}
.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(229,240,241,.78),rgba(238,244,242,.62),rgba(255,243,217,.46));border:1px solid rgba(196,217,218,.55);margin-top:8px}
.content>.section-title:first-of-type h2{font-size:20px;letter-spacing:-.018em}
.card,.chart-panel,.product-card{border-color:var(--border-default);box-shadow:var(--shadow);transition:border-color .18s ease,background .18s ease}
a.card:hover,.kpi-card-v2:is(a,[data-clickable="true"]):hover,.product-card:hover{transform:none;box-shadow:var(--shadow);border-color:var(--border-strong,var(--apiro-border-strong));background:var(--bg-surface-secondary)}
.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:var(--border-default);box-shadow:none;position:relative;overflow:hidden}.kpi-card-v2:after{display:none}
.tabs{gap:4px;padding:0;background:transparent;border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;width:max-content;max-width:100%}.tabs a{border:0;border-bottom:2px solid transparent;border-radius:0;padding:10px 13px}.tabs a.active{background:transparent;color:var(--text-primary);border-bottom-color:var(--text-primary);box-shadow:none}
.filters{padding:12px;border:1px solid var(--filter-border);border-radius:var(--radius-card-sm);background:var(--filter-bg);box-shadow:none;align-items:center}
.filters input,.filters select,.field input,.field select,.field textarea{border-color:var(--input-border);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(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-primary) 5%,transparent);background:var(--input-bg);color:var(--input-text)}
.btn{transition:background var(--motion-standard) ease,border-color var(--motion-standard) ease,color var(--motion-standard) ease,transform var(--motion-fast) ease}.btn:hover{transform:none;box-shadow:none}.btn:active:not(:disabled):not([aria-disabled="true"]){transform:translateY(1px)}.btn.secondary:hover{background:var(--bg-hover);border-color:var(--apiro-border-strong)}.btn.accent{background:var(--primary)}.btn.accent:hover{background:var(--primary-hover)}
table{border-color:var(--border-default);box-shadow:none}th{background:var(--bg-surface-secondary)}tbody tr{transition:background .13s ease}tbody tr:hover{background:var(--bg-hover)}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 var(--border-default);border-radius:var(--radius-modal);background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--aurora-aqua) 54%,transparent),transparent 42%),radial-gradient(circle at 82% 76%,color-mix(in srgb,var(--aurora-blush) 42%,transparent),transparent 48%),var(--bg-surface)}
.modal,.drawer{border:1px solid var(--border-default);border-radius:var(--radius-modal);box-shadow:0 24px 70px rgba(23,23,23,.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(216,231,223,.3));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(55,110,117,.18),var(--surface) 58%,rgba(86,108,115,.16))}

/* 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(55,110,117,.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:#376e75;--page-soft:#e5f0f1;--page-glow:rgba(55,110,117,.18)}
body.section-sales{--page-accent:#566c73;--page-soft:#eef2f3;--page-glow:rgba(86,108,115,.18)}
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:#9A6553;--page-soft:#F4ECE8;--page-glow:rgba(154,101,83,.18)}
body.section-admin{--page-accent:#5c6b72;--page-soft:#eef1f2;--page-glow:rgba(92,107,114,.16)}
body.section-general{--page-accent:var(--accent);--page-soft:var(--accent-soft);--page-glow:rgba(55,110,117,.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)}
.app-page-heading{display:flex;align-items:flex-start;gap:14px;min-width:0}.app-page-heading-copy{min-width:0}.app-page-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid rgba(35,39,42,.08);border-radius:14px;background:radial-gradient(circle at 18% 18%,rgba(134,185,184,.68),transparent 48%),radial-gradient(circle at 88% 78%,rgba(255,190,183,.62),transparent 52%),linear-gradient(145deg,#fbfcfc,#f4f2ed);color:#17191b;box-shadow:0 9px 24px rgba(44,56,64,.09)}.app-page-icon svg{width:20px;height:20px}.app-page-icon.is-mint{background-image:radial-gradient(circle at 18% 18%,rgba(130,211,191,.7),transparent 48%),radial-gradient(circle at 88% 78%,rgba(134,185,184,.58),transparent 52%),linear-gradient(145deg,#fbfcfc,#f4f2ed)}.app-page-icon.is-warm{background-image:radial-gradient(circle at 18% 18%,rgba(255,211,139,.72),transparent 48%),radial-gradient(circle at 88% 78%,rgba(255,185,188,.58),transparent 52%),linear-gradient(145deg,#fbfcfc,#f4f2ed)}.app-page-icon.is-mist{background-image:radial-gradient(circle at 18% 18%,rgba(153,183,178,.68),transparent 48%),radial-gradient(circle at 88% 78%,rgba(196,217,218,.6),transparent 52%),linear-gradient(145deg,#fbfcfc,#f4f2ed)}
body[class*="section-"] .content>.section-title:first-of-type{background:linear-gradient(120deg,var(--page-soft),color-mix(in srgb,var(--bg-surface) 72%,transparent),var(--bg-surface));border-color:var(--page-glow)}
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-"] .filter-chip{background:var(--page-soft);color:var(--page-accent)}
body[class*="section-"] .kpi-card-v2.accent{background:linear-gradient(145deg,var(--page-soft),var(--bg-surface))}
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:var(--font-size-page-title-tablet);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;flex-wrap:wrap}
  .topbar>div:first-child{flex:1 1 100%;width:100%;min-width:0}
  .topbar h1,.topbar p{overflow-wrap:normal;word-break:normal;hyphens:none}
  .topbar p{line-height:1.45}
  .app-page-heading{gap:11px}.app-page-icon{width:40px;height:40px;flex-basis:40px;border-radius:13px}.app-page-icon svg{width:19px;height:19px}
  .topbar-actions{display:flex;width:100%;justify-content:flex-end}
  .topbar-actions>.user-menu,.topbar-actions>.user-chip{min-width:0}
  .topbar-actions .user-menu-trigger{max-width:100%}
  .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:12px 16px 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:18px}
  .section-title>.btn,.section-title>.actions{max-width:100%}
  .card,.chart-panel{padding:15px;border-radius:var(--radius-card)}
  .kpi strong{font-size:var(--font-size-kpi-compact)}
  .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)}
}
:root[data-theme="dark"] .app-page-icon{border-color:rgba(255,255,255,.1);background:radial-gradient(circle at 18% 18%,rgba(134,185,184,.26),transparent 50%),radial-gradient(circle at 88% 78%,rgba(255,190,183,.24),transparent 52%),linear-gradient(145deg,#252c31,#1b2024);color:#f6f7f7;box-shadow:0 9px 24px rgba(0,0,0,.2)}

@media(max-width:430px){
  .topbar-inbox-label{display:none}
  .topbar-inbox{width:40px;padding:8px;justify-content:center}
  .topbar h1{font-size:var(--font-size-page-title-mobile)}
  .content{padding-left:16px;padding-right:16px}
  .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-page{padding:9px}.login-shell{width:100%;border-radius:20px}.login-card{padding:26px 18px}.login-card .login-logo{width:105px;margin-bottom:23px}.login-card h1{font-size:29px}.login-card .login-heading p{margin-bottom:22px}.login-visual{height:148px;margin:9px 9px 0;border-radius:15px}.login-visual-copy h2{font-size:26px}
}
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:#246b53!important;background:linear-gradient(135deg,#e3f3eb,#cfe9dc)!important;border-color:#b9ddca!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 ============================================
   Auto follows the operating-system preference. Explicit Light/Dark remain
   available through the single persisted theme controller. */
@media (prefers-color-scheme:dark){
 :root{
  color-scheme:dark;
  --apiro-bg:#111212;--apiro-bg-soft:#141515;--apiro-surface:#181919;--apiro-surface-secondary:#1E2020;--apiro-surface-hover:#242626;
  --apiro-text:#F4F4F1;--apiro-text-secondary:#A8AAA6;--apiro-text-muted:#7F817E;--apiro-border:#2C2E2E;--apiro-border-soft:#242626;--apiro-border-strong:#3A3C3C;
  --bg:var(--apiro-bg);--card:var(--apiro-surface);--surface:var(--apiro-surface);--surface-secondary:var(--apiro-surface-secondary);--surface-soft:var(--apiro-surface-secondary);
  --ink:var(--apiro-text);--text:var(--apiro-text);--muted:var(--apiro-text-secondary);--text-muted:var(--apiro-text-muted);--line:var(--apiro-border-soft);--border:var(--apiro-border);
  --babyblue-pale:#1D2A2C;--babyblue:#385358;--babyblue-strong:#8BAAB0;
  --info:#8BAAB0;--info-soft:#1D2A2C;--accent:var(--info);--accent-soft:var(--info-soft);--ink-deep:#C4D2D4;
  --success:#83B49B;--success-bg:#1D2D25;--success-soft:var(--success-bg);--warning:#D2AE72;--warning-bg:#30291F;--warning-soft:var(--warning-bg);--danger:#D98D87;--danger-bg:#342221;--danger-soft:var(--danger-bg);--info-bg:#1D2A2C;
  --chart-1:#F4F4F1;--chart-2:#88A1A6;--chart-3:#9BAD9F;--chart-4:#B3A1AC;--chart-5:#B39C82;--chart-grid:#2C2E2E;--chart-secondary:var(--chart-4);--blush:#3A2A33;
  --aurora-0:var(--apiro-surface);--aurora-1:linear-gradient(125deg,color-mix(in srgb,#754858 8%,var(--apiro-surface)),var(--apiro-surface) 56%,color-mix(in srgb,#46546C 7%,var(--apiro-surface)));--aurora-2:radial-gradient(circle at 18% 18%,rgba(117,72,88,.18),transparent 40%),radial-gradient(circle at 78% 28%,rgba(70,84,108,.15),transparent 44%),radial-gradient(circle at 54% 94%,rgba(83,80,116,.13),transparent 48%),var(--apiro-surface);--aurora-3:radial-gradient(circle at 18% 18%,rgba(117,72,88,.30),transparent 38%),radial-gradient(circle at 78% 28%,rgba(70,84,108,.26),transparent 44%),radial-gradient(circle at 54% 94%,rgba(83,80,116,.24),transparent 48%),var(--apiro-surface);
  --primary:#F4F4F1;--primary-hover:#FFFFFF;--text-inverse:#171717;--input-border:var(--apiro-border-strong);--focus-ring:#B7B8B4;--shadow:0 1px 2px rgba(0,0,0,.22)
 }

 body{background:var(--bg);color:var(--text)}
 .sidebar{background:var(--surface);box-shadow:none}
 .topbar{background:color-mix(in srgb,var(--surface) 96%,transparent);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:var(--bg-surface-secondary);color:var(--text-muted)}
 tbody tr:hover,.ranked-row:hover,.action-row:hover{background:var(--bg-hover)}
 .cal-day{background:var(--surface)}.cal-day.empty-day{background:#1B2125}
 .tabs,.period-pills,.view-toggle,.metric-tabs{background:var(--bg-surface-secondary)}
 .tabs a.active,.view-toggle a.active,.metric-tabs a.active{background:var(--bg-surface);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(130,182,184,.2))}
 body.section-sales-center{--page-soft:#233438}body.section-sales{--page-soft:#2C3438}body.section-customers{--page-soft:#20362F}
 body.section-commercial{--page-soft:#3C321F}body.section-team{--page-soft:#3A2E2A}body.section-admin{--page-soft:#2B3438}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(35,52,56,.46));border-color:rgba(130,182,184,.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}
 :root:not([data-theme="light"]) .login-shell{border-color:rgba(255,255,255,.08);box-shadow:0 28px 84px rgba(0,0,0,.38)}
 :root:not([data-theme="light"]) .login-card .login-submit{background:#F4F6F7;color:#17191B;box-shadow:0 12px 28px rgba(0,0,0,.3)}
 :root:not([data-theme="light"]) .login-visual:after{background:rgba(10,14,20,.18)}
 :root:not([data-theme="light"]) .login-visual-copy{color:#fff;text-shadow:0 3px 24px rgba(0,0,0,.24)}
 :root:not([data-theme="light"]) .login-card .login-logo{filter:brightness(0) invert(1)!important}
 .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%,#203630 62%,#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),#233735)!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)}/* theme-contract: allow selector targets legacy inline light declarations and replaces them with semantic tokens */
 img,video,.brand img,.product-photo-frame img{filter:none!important;mix-blend-mode:normal}
 :root:not([data-theme="light"]) .sidebar .brand img{filter:brightness(0) invert(1)!important}
 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}/* theme-contract: allow printed reports require a white paper background */
 table,.card,.chart-panel{background:#fff!important;color:#171717!important;box-shadow:none!important}/* theme-contract: allow printed report surfaces remain white on paper */
 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-status{grid-column:1/-1;min-height:13px;text-align:center;color:var(--muted);font-size:9px;font-weight:650}.theme-picker-floating{position:fixed;right:18px;bottom:18px;z-index:80;width:190px;margin:0;box-shadow:var(--shadow)}
.login-page .theme-picker-floating{right:clamp(12px,1.6vw,20px);bottom:clamp(12px,1.6vw,20px);width:132px;gap:2px;padding:3px;border:1px solid rgba(34,36,38,.08);border-radius:999px;background:rgba(255,255,255,.62);box-shadow:0 6px 20px rgba(36,39,42,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.login-page .theme-picker-floating button{min-height:36px;display:flex;align-items:center;justify-content:center;gap:0;padding:0;border-radius:999px;color:#777873;transition:background .18s ease,color .18s ease}.login-page .theme-picker-floating button span{font-size:14px}.login-page .theme-picker-floating button small{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-page .theme-picker-floating button:hover{background:rgba(255,255,255,.72);color:#171717}.login-page .theme-picker-floating button.active{background:#171717;color:#fff;box-shadow:none}.login-page .theme-picker-status{display:none}

:root[data-theme="dark"]{
 --accent-blush:#3A2A33;--accent-lilac:#302D3C;--accent-powder:#26313D;--accent-cream:#352D23;--accent-sage:#24322B;--accent-teal:#213234;--shadow-sm:0 1px 2px rgba(0,0,0,.22);--shadow-card:0 12px 30px rgba(0,0,0,.18);--shadow-elevated:0 24px 60px rgba(0,0,0,.34);
 color-scheme:dark;--apiro-bg:#111212;--apiro-bg-soft:#141515;--apiro-surface:#181919;--apiro-surface-secondary:#1E2020;--apiro-surface-hover:#242626;--apiro-text:#F4F4F1;--apiro-text-secondary:#A8AAA6;--apiro-text-muted:#7F817E;--apiro-border:#2C2E2E;--apiro-border-soft:#242626;--apiro-border-strong:#3A3C3C;--bg:var(--apiro-bg);--card:var(--apiro-surface);--surface:var(--apiro-surface);--surface-secondary:var(--apiro-surface-secondary);--surface-soft:var(--apiro-surface-secondary);--ink:var(--apiro-text);--text:var(--apiro-text);--muted:var(--apiro-text-secondary);--text-muted:var(--apiro-text-muted);--line:var(--apiro-border-soft);--border:var(--apiro-border);--babyblue-pale:#1D2A2C;--babyblue:#385358;--babyblue-strong:#8BAAB0;--info:#8BAAB0;--info-bg:#1D2A2C;--info-soft:var(--info-bg);--accent:var(--info);--accent-soft:var(--info-soft);--ink-deep:#C4D2D4;--success:#83B49B;--success-bg:#1D2D25;--success-soft:var(--success-bg);--warning:#D2AE72;--warning-bg:#30291F;--warning-soft:var(--warning-bg);--danger:#D98D87;--danger-bg:#342221;--danger-soft:var(--danger-bg);--chart-1:#F4F4F1;--chart-2:#88A1A6;--chart-3:#9BAD9F;--chart-4:#B3A1AC;--chart-5:#B39C82;--chart-grid:#2C2E2E;--chart-secondary:var(--chart-4);--blush:#3A2A33;--primary:#F4F4F1;--primary-hover:#FFFFFF;--text-inverse:#171717;--input-border:var(--apiro-border-strong);--focus-ring:#B7B8B4;--shadow:0 1px 2px rgba(0,0,0,.22);
 --aurora-0:var(--apiro-surface);--aurora-1:linear-gradient(125deg,color-mix(in srgb,#754858 8%,var(--apiro-surface)),var(--apiro-surface) 56%,color-mix(in srgb,#46546C 7%,var(--apiro-surface)));--aurora-2:radial-gradient(circle at 18% 18%,rgba(117,72,88,.18),transparent 40%),radial-gradient(circle at 78% 28%,rgba(70,84,108,.15),transparent 44%),radial-gradient(circle at 54% 94%,rgba(83,80,116,.13),transparent 48%),var(--apiro-surface);--aurora-3:radial-gradient(circle at 18% 18%,rgba(117,72,88,.30),transparent 38%),radial-gradient(circle at 78% 28%,rgba(70,84,108,.26),transparent 44%),radial-gradient(circle at 54% 94%,rgba(83,80,116,.24),transparent 48%),var(--apiro-surface);
}
:root[data-theme="dark"] body{background:var(--bg);color:var(--text)}
:root[data-theme="dark"] .sidebar{background:var(--surface)}
:root[data-theme="dark"] .sidebar .brand img{filter:brightness(0) invert(1)!important}
:root[data-theme="dark"] .topbar{background:color-mix(in srgb,var(--surface) 96%,transparent)}
: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:var(--bg-surface-secondary)}:root[data-theme="dark"] tbody tr:hover{background:var(--bg-hover)}
:root[data-theme="dark"] .tabs,:root[data-theme="dark"] .period-pills,:root[data-theme="dark"] .view-toggle,:root[data-theme="dark"] .metric-tabs{background:var(--bg-surface-secondary)}
:root[data-theme="dark"] .tabs a.active,:root[data-theme="dark"] .view-toggle a.active{background:var(--bg-surface);color:var(--text)}
:root[data-theme="dark"] .login-page{background:#15191D}
:root[data-theme="dark"] .login-shell{border-color:rgba(255,255,255,.08);box-shadow:0 28px 84px rgba(0,0,0,.38)}:root[data-theme="dark"] .login-card .login-submit{background:#F4F6F7;color:#17191B;box-shadow:0 12px 28px rgba(0,0,0,.3)}:root[data-theme="dark"] .login-visual:after{background:rgba(10,14,20,.18)}:root[data-theme="dark"] .login-visual-copy{color:#fff;text-shadow:0 3px 24px rgba(0,0,0,.24)}:root[data-theme="dark"] .login-card .login-logo{filter:brightness(0) invert(1)!important}
:root[data-theme="dark"] .login-page .theme-picker-floating{border-color:rgba(255,255,255,.1);background:rgba(26,31,35,.78);box-shadow:0 14px 38px rgba(0,0,0,.34)}:root[data-theme="dark"] .login-page .theme-picker-floating button{color:#AEB6BB}:root[data-theme="dark"] .login-page .theme-picker-floating button:hover{background:rgba(255,255,255,.07);color:#fff}:root[data-theme="dark"] .login-page .theme-picker-floating button.active{background:#F5F5F2;color:#17191B;box-shadow:0 8px 20px rgba(0,0,0,.25)}
@media(max-width:430px){.login-page{place-items:start center;align-content:start;gap:8px;padding-bottom:max(9px,env(safe-area-inset-bottom))}.login-page .theme-picker-floating{position:static;right:auto;bottom:auto;z-index:auto;justify-self:center;margin:0 auto 3px;box-shadow:0 5px 18px rgba(36,39,42,.08)}.login-page .theme-picker-floating button{min-height:34px}:root[data-theme="dark"] .login-page .theme-picker-floating{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.045);box-shadow:0 5px 18px rgba(0,0,0,.18)}}
: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(130,182,184,.2))}
:root[data-theme="dark"] body.section-sales-center{--page-soft:#233438}:root[data-theme="dark"] body.section-sales{--page-soft:#2C3438}: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:#3A2E2A}:root[data-theme="dark"] body.section-admin{--page-soft:#2B3438}
:root[data-theme="dark"] .empty-state{background:linear-gradient(145deg,rgba(32,38,43,.82),rgba(35,52,56,.46));border-color:rgba(130,182,184,.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%,#203630 62%,#3C321F 100%)!important}
:root[data-theme="dark"] .manager-focus-card.is-ai{background:linear-gradient(145deg,var(--surface),#233735)!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),#233438)!important}
:root[data-theme="dark"] .dashboard-smart-widget{background:linear-gradient(125deg,var(--surface),#233735)!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)}/* theme-contract: allow selector targets legacy inline light declarations and replaces them with dark semantic tokens */

:root[data-theme="light"]{
 color-scheme:light;--apiro-bg:#F5F4F2;--apiro-bg-soft:#F8F8F6;--apiro-surface:#FFFFFF;--apiro-surface-secondary:#F7F7F5;--apiro-surface-hover:#F2F2EF;--apiro-text:#171717;--apiro-text-secondary:#686866;--apiro-text-muted:#92928E;--apiro-border:#E6E5E1;--apiro-border-soft:#EEEEEB;--apiro-border-strong:#D7D6D1;--bg:var(--apiro-bg);--card:var(--apiro-surface);--surface:var(--apiro-surface);--surface-secondary:var(--apiro-surface-secondary);--surface-soft:var(--apiro-surface-secondary);--ink:var(--apiro-text);--text:var(--apiro-text);--muted:var(--apiro-text-secondary);--text-muted:var(--apiro-text-muted);--line:var(--apiro-border-soft);--border:var(--apiro-border);--babyblue-pale:var(--aurora-aqua);--babyblue:#C9DCDE;--babyblue-strong:#607B80;--info:#557481;--info-bg:#EEF4F6;--info-soft:var(--info-bg);--accent:var(--info);--accent-soft:var(--info-soft);--ink-deep:#405E67;--success:#3F725A;--success-bg:#EDF5F0;--success-soft:var(--success-bg);--warning:#956C2F;--warning-bg:#F8F2E8;--warning-soft:var(--warning-bg);--danger:#A34D47;--danger-bg:#FAEEEE;--danger-soft:var(--danger-bg);--chart-1:#252525;--chart-2:#607B80;--chart-3:#82958B;--chart-4:#9A8993;--chart-5:#9A856B;--chart-grid:#ECECE8;--chart-secondary:var(--chart-4);--blush:var(--aurora-blush);--primary:var(--apiro-black);--primary-hover:var(--apiro-black-hover);--text-inverse:#fff;--input-border:#DFDEDA;--focus-ring:#8A8A85;--shadow:0 1px 2px rgba(0,0,0,.025);/* theme-contract: allow explicit light-theme token definitions */
 --aurora-0:var(--apiro-surface);--aurora-1:linear-gradient(125deg,color-mix(in srgb,var(--aurora-blush) 34%,var(--apiro-surface)),var(--apiro-surface) 52%,color-mix(in srgb,var(--aurora-aqua) 28%,var(--apiro-surface)));--aurora-2:radial-gradient(circle at 18% 18%,rgba(244,220,232,.68),transparent 40%),radial-gradient(circle at 78% 28%,rgba(227,239,240,.58),transparent 44%),radial-gradient(circle at 54% 94%,rgba(236,231,245,.52),transparent 48%),var(--apiro-surface);--aurora-3:radial-gradient(circle at 18% 18%,rgba(244,220,232,.92),transparent 38%),radial-gradient(circle at 78% 28%,rgba(227,239,240,.82),transparent 44%),radial-gradient(circle at 54% 94%,rgba(236,231,245,.82),transparent 48%),var(--apiro-surface);
}
:root[data-theme="light"] .content>.breadcrumbs{background:rgba(255,255,255,.68);border-color:rgba(229,228,223,.75);color:var(--muted)}
@media(prefers-color-scheme:dark){
 :root[data-theme="light"] body{background:var(--bg);color:var(--text)}
 :root[data-theme="light"] .sidebar{background:var(--bg-surface)}
 :root[data-theme="light"] .topbar{background:color-mix(in srgb,var(--bg-surface) 96%,transparent)}
 :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:var(--bg-surface);color:var(--text-primary);border-color:var(--border-default)}
 :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:var(--bg-surface);color:var(--text-primary)}
 :root[data-theme="light"] .login-page{background:#E8E7E4}
}

/* Shared application date range: mirrors the composed Dashboard control. */
.app-date-range{display:flex;align-items:center;gap:7px;width:max-content;max-width:100%;padding:7px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--surface) 91%,var(--accent-soft));box-shadow:0 8px 22px rgba(35,57,75,.055)}
.app-date-field{display:grid;gap:2px;min-width:138px;padding:6px 10px;border:1px solid var(--border);border-radius:11px;background:var(--surface);transition:border-color .18s ease,box-shadow .18s ease}
.app-date-field:focus-within{border-color:color-mix(in srgb,var(--accent) 58%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)}
.app-date-field>span{color:var(--muted);font-size:8px;font-weight:750;line-height:1;text-transform:uppercase;letter-spacing:.09em}
.app-date-field input{width:100%!important;min-width:0!important;min-height:22px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--text)!important;font-family:inherit!important;font-size:12px!important;font-weight:600!important;line-height:1.25!important;box-shadow:none!important;outline:0}
.app-date-separator{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:14px;font-weight:800}
.app-date-submit{align-self:stretch;min-height:46px;padding:0 17px!important;border-color:#171717!important;border-radius:11px!important;background:#171717!important;color:#fff!important;box-shadow:0 7px 18px rgba(23,25,27,.16)!important}
.app-date-submit:hover{transform:translateY(-1px);border-color:#2b3034!important;background:#2b3034!important;color:#fff!important;box-shadow:0 10px 24px rgba(23,25,27,.22)!important}
.page-collections .app-date-submit:disabled,.page-collections .app-date-submit[aria-disabled="true"]{opacity:1!important;border-color:#cfd8dd!important;background:#e8eef1!important;color:#1a2227!important;box-shadow:none!important;font-weight:900!important;cursor:not-allowed}
.page-collections .app-date-submit span{color:#fff!important;font-weight:850!important}
.page-collections .app-date-submit:disabled span,.page-collections .app-date-submit[aria-disabled="true"] span{color:#1a2227!important}
.app-date-range-fields{grid-column:1/-1}
.app-date-range-fields .app-date-field{flex:1 1 180px}
:root[data-theme="dark"] .app-date-field input{color-scheme:dark!important}
:root[data-theme="dark"] .app-date-field input::-webkit-calendar-picker-indicator{-webkit-filter:brightness(0) invert(1)!important;filter:brightness(0) invert(1)!important;opacity:.78!important}
:root[data-theme="dark"] .app-date-submit{border-color:#f4f6f7!important;background:#f4f6f7!important;color:#17191b!important;box-shadow:0 8px 20px rgba(0,0,0,.24)!important}
:root[data-theme="dark"] .app-date-submit:hover{border-color:var(--text-inverse)!important;background:var(--text-inverse)!important;color:#17191b!important}
@media(prefers-color-scheme:dark){
 :root:not([data-theme="light"]) .app-date-field input{color-scheme:dark!important}
 :root:not([data-theme="light"]) .app-date-field input::-webkit-calendar-picker-indicator{-webkit-filter:brightness(0) invert(1)!important;filter:brightness(0) invert(1)!important;opacity:.78!important}
 :root:not([data-theme="light"]) .app-date-submit{border-color:#f4f6f7!important;background:#f4f6f7!important;color:#17191b!important;box-shadow:0 8px 20px rgba(0,0,0,.24)!important}
 :root:not([data-theme="light"]) .app-date-submit:hover{border-color:var(--text-inverse)!important;background:var(--text-inverse)!important;color:#17191b!important}
}
@media(max-width:640px){
 .app-date-range{width:100%;display:grid;grid-template-columns:1fr;gap:7px}
 .app-date-field{min-width:0}
 .app-date-separator{display:none!important}
 .app-date-submit{width:100%;min-width:0;min-height:44px;justify-self:stretch}
}
/* 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:var(--mode-aurora-2,var(--aurora-2));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(--primary),var(--primary-hover));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:var(--font-weight-semibold);letter-spacing:var(--tracking-label);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%,#e9f5ef))}.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}}
.dashboard-role-badge{display:inline-flex!important;align-items:center;padding:5px 9px;border-radius:999px;background:var(--accent);color:#fff!important;font-size:9px!important;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.dashboard-widget-toolbar.dashboard-role-sales,.dashboard-smart-widget.dashboard-role-sales{background:linear-gradient(125deg,color-mix(in srgb,var(--surface) 88%,#e5f4fa),color-mix(in srgb,var(--surface) 92%,#edf4ff))}.dashboard-widget-toolbar.dashboard-role-warehouse,.dashboard-smart-widget.dashboard-role-warehouse{background:linear-gradient(125deg,color-mix(in srgb,var(--surface) 88%,#edf2f7),color-mix(in srgb,var(--surface) 92%,#e7f3ee))}.dashboard-widget-toolbar.dashboard-role-promoter,.dashboard-smart-widget.dashboard-role-promoter,.dashboard-widget-toolbar.dashboard-role-merchandiser,.dashboard-smart-widget.dashboard-role-merchandiser{background:linear-gradient(125deg,color-mix(in srgb,var(--surface) 88%,#e8f6fb),color-mix(in srgb,var(--surface) 92%,#e9f5ef))}.dashboard-widget-toolbar.dashboard-role-shop_manager,.dashboard-smart-widget.dashboard-role-shop_manager{background:linear-gradient(125deg,color-mix(in srgb,var(--surface) 88%,#fff2df),color-mix(in srgb,var(--surface) 92%,#e9f5ef))}.dashboard-widget-toolbar.dashboard-role-accounting,.dashboard-smart-widget.dashboard-role-accounting{background:linear-gradient(125deg,color-mix(in srgb,var(--surface) 88%,#e9f4ee),color-mix(in srgb,var(--surface) 92%,#eef3fa))}
/* 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(--text-inverse) 18%,var(--apiro-border-strong));border-radius:var(--radius-pill);background:var(--apiro-black);color:#fff;text-decoration:none;box-shadow:0 12px 30px rgba(23,23,23,.18);transition:transform var(--motion-standard) ease,background var(--motion-standard) ease,box-shadow var(--motion-standard) ease}.nexus-fab:hover{transform:translateY(-2px);background:var(--apiro-black-hover);box-shadow:0 16px 34px rgba(23,23,23,.24)}.nexus-fab:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.nexus-fab-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.12)}.nexus-fab-icon svg{width:var(--icon-feature);height:var(--icon-feature);stroke-width:1.8}.nexus-fab-label{display:grid;line-height:1.05}.nexus-fab-label strong{font-size:12px;letter-spacing:var(--tracking-label)}.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:var(--mode-aurora-2,var(--aurora-2))}.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:minmax(180px,1fr) repeat(2,minmax(140px,.75fr)) minmax(420px,auto);gap:10px}.retail-order-filters>.app-date-range{width:100%}.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>.app-date-range{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>.app-date-separator{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-support{margin-top:20px}.portal-support>.section-title{margin-top:0}.portal-support-form{max-width:760px}.portal-support-actions{display:flex;justify-content:flex-start}.portal-consignment-product{display:flex;align-items:center;gap:10px;min-width:220px}.portal-consignment-count-date{display:block;color:var(--muted);margin-top:4px}.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-customize{padding:5px 8px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:10px;font-weight:700;text-decoration:none;opacity:.72;transition:.18s}.dashboard-action-customize:hover,.dashboard-action-customize:focus-visible{background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--text);opacity:1;outline:2px solid color-mix(in srgb,var(--accent) 18%,transparent);outline-offset:2px}
.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 span small{display:block;margin-top:2px;color:var(--muted);font-size:9px;font-weight:700}.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}}
/* theme-contract: allow view-as banner uses fixed high-contrast identity treatment */.view-as-preview{--view-as:#A35F4F}.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,#252C2F,#3B464A);color:#fff;box-shadow:0 8px 24px rgba(18,24,27,.28)}.view-as-avatar{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#fff;color:#294F55;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:#294F55;border-color:#fff}.view-as-preview form[method="post"]:not(.view-as-stop-form):after{content:"Μη διαθέσιμο σε λειτουργία προεπισκόπησης";display:block;margin-top:7px;color:#A35F4F;font-size:11px;font-weight:800}:root[data-theme="dark"] .view-as-banner{background:linear-gradient(100deg,#1D2427,#303A3E)}@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%}}
/* theme-contract: allow standalone error illustration uses a fixed accessibility-safe artwork palette */.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)}
/* Global customer communication CRM drawer */
.comm-drawer-backdrop{position:fixed;inset:0;background:rgba(9,30,45,.48);backdrop-filter:blur(2px);z-index:1200}.comm-drawer{position:fixed;z-index:1201;inset:0 0 0 auto;width:min(620px,100%);background:var(--card,#fff);box-shadow:-18px 0 50px rgba(15,42,58,.22);transform:translateX(102%);transition:transform .24s ease;display:flex;flex-direction:column;color:var(--text,#173244)}.comm-drawer.open{transform:none}.comm-drawer-open{overflow:hidden}.comm-drawer-head{display:flex;justify-content:space-between;gap:16px;padding:24px 26px 18px;border-bottom:1px solid var(--border,#dbe4e8)}.comm-drawer-head h2{margin:3px 0 2px}.comm-drawer-head p{margin:0;color:var(--muted,#687c87)}.comm-close{border:0;background:#edf4f6;width:38px;height:38px;border-radius:50%;font-size:26px;cursor:pointer}.comm-drawer form{display:flex;flex:1;min-height:0;flex-direction:column}.comm-body{padding:22px 26px;overflow:auto;display:grid;gap:16px}.comm-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.comm-field{display:grid;gap:6px}.comm-field label{font-weight:750;font-size:.88rem}.comm-field input,.comm-field select,.comm-field textarea{width:100%;border:1px solid var(--border,#d7e1e5);border-radius:12px;padding:11px 13px;background:var(--card,#fff);color:inherit;font:inherit;box-sizing:border-box}.comm-field input:focus,.comm-field select:focus,.comm-field textarea:focus{outline:3px solid color-mix(in srgb,var(--focus-ring) 18%,transparent);border-color:var(--focus-ring)}.comm-customer-field{position:relative}.comm-search-results{position:absolute;top:100%;left:0;right:0;background:var(--card,#fff);border:1px solid var(--border,#d7e1e5);border-radius:12px;box-shadow:0 15px 35px rgba(15,42,58,.16);z-index:3;max-height:270px;overflow:auto}.comm-search-results button{display:grid;width:100%;gap:2px;padding:11px 13px;text-align:left;border:0;border-bottom:1px solid var(--border,#e5ecef);background:transparent;color:inherit;cursor:pointer}.comm-search-results button:hover{background:var(--bg-hover)}.comm-search-results small,.comm-customer-card span,.comm-customer-card small{color:var(--muted,#687c87)}.comm-search-results p{padding:12px;margin:0}.comm-customer-card{display:grid;gap:3px;padding:13px 15px;border-radius:13px;background:linear-gradient(135deg,var(--bg-surface),color-mix(in srgb,var(--bg-surface) 88%,var(--accent-soft)));border:1px solid var(--border-default)}.comm-follow-toggle{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--border,#d7e1e5);border-radius:13px;cursor:pointer}.comm-follow-toggle span{display:grid;gap:2px}.comm-follow-toggle small{color:var(--muted,#687c87)}.comm-advanced{padding:13px 15px;border:1px solid var(--border,#d7e1e5);border-radius:13px}.comm-advanced summary{font-weight:750;cursor:pointer}.comm-advanced p{color:var(--muted,#687c87);font-size:.88rem}.comm-internal{display:block;margin-top:12px}.comm-message{min-height:20px;color:#b33;font-weight:650}.comm-footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 26px;border-top:1px solid var(--border,#dbe4e8);background:var(--card,#fff)}.comm-widget-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.comm-widget-head h2{margin:3px 0}.comm-widget-head p{margin:0;color:var(--muted,#687c87)}.comm-followup-list{display:grid;gap:9px;margin-top:18px}.comm-followup-item{display:flex;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid var(--border,#dbe4e8);border-radius:13px}.comm-followup-item.is-overdue{border-left:4px solid #d05b55;background:rgba(208,91,85,.045)}.comm-followup-item>div:first-child{display:grid;gap:2px}.comm-followup-item span,.comm-followup-item small{color:var(--muted,#687c87)}.comm-item-actions{display:flex;gap:7px;align-items:center}.comm-item-actions form{margin:0}
.comm-followup-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.comm-source-badge{display:inline-flex;align-items:center;width:max-content;padding:3px 8px;border:1px solid color-mix(in srgb,var(--accent,#376e75) 28%,var(--border,#dbe4e8));border-radius:999px;background:color-mix(in srgb,var(--accent,#376e75) 8%,var(--surface,#fff));color:var(--accent,#376e75)!important;font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
@media(max-width:680px){.comm-drawer{width:100%}.comm-drawer-head{padding:18px}.comm-body{padding:16px}.comm-grid{grid-template-columns:1fr}.comm-footer{position:sticky;bottom:0;padding:12px 16px}.comm-footer .btn.primary{flex:1}.comm-widget-head,.comm-followup-item{align-items:stretch;flex-direction:column}.comm-item-actions{display:grid;grid-template-columns:1fr 1fr}.comm-item-actions>:only-child{grid-column:1/-1}.comm-item-actions .btn{width:100%}}

/* Dashboard visual language: graphite actions, mineral slate as a supporting accent. */
body.page-dashboard{
 --dashboard-display-font:var(--app-display-font);
 --dashboard-ui-font:var(--app-ui-font);
 --dashboard-action:#171717;
 --dashboard-action-hover:#2e2e2e;
 --dashboard-action-text:#fff;
 font-family:var(--dashboard-ui-font);
}
body.page-dashboard button,
body.page-dashboard input,
body.page-dashboard select,
body.page-dashboard textarea{font-family:inherit}
body.page-dashboard .dashboard-widget-toolbar[hidden]{display:none}
body.page-dashboard .topbar h1,
body.page-dashboard .content h2,
body.page-dashboard .content h3,
body.page-dashboard .manager-focus-title,
body.page-dashboard .dashboard-widget-toolbar strong,
body.page-dashboard .team-command-head h2,
body.page-dashboard .dashboard-smart-head h2{
 font-family:var(--dashboard-display-font);
 font-weight:600;
 letter-spacing:-.025em;
}
body.page-dashboard .topbar h1{line-height:1.12}
body.page-dashboard .topbar p,
body.page-dashboard .risk-meta{font-weight:400;letter-spacing:.005em}
body.page-dashboard nav a{font-weight:500;letter-spacing:-.005em}
body.page-dashboard nav a.active{font-weight:600}
body.page-dashboard .nav-group-label,
body.page-dashboard .manager-hero-kicker,
body.page-dashboard .dashboard-smart-kicker,
body.page-dashboard .dashboard-action-head .eyebrow,
body.page-dashboard .team-command-kicker{font-weight:700}
body.page-dashboard .btn,
body.page-dashboard .btn-primary,
body.page-dashboard .topbar-inbox,
body.page-dashboard .dashboard-action{font-weight:600;letter-spacing:-.005em}
body.page-dashboard .manager-focus-title,
body.page-dashboard .dashboard-widget-toolbar strong,
body.page-dashboard .dashboard-role-widget header>div>span{font-weight:650}
body.section-sales-center.page-dashboard .btn.accent,
body.section-sales-center.page-dashboard .btn-primary,
body.page-dashboard .btn.primary,
body.page-dashboard .manager-actions .btn.accent,
body.page-dashboard .nexus-fab{
 border-color:var(--dashboard-action);
 background:var(--dashboard-action);
 color:var(--dashboard-action-text);
 box-shadow:0 10px 26px rgba(17,17,17,.14);
}
body.section-sales-center.page-dashboard .btn.accent:hover,
body.section-sales-center.page-dashboard .btn-primary:hover,
body.page-dashboard .btn.primary:hover,
body.page-dashboard .manager-actions .btn.accent:hover,
body.page-dashboard .nexus-fab:hover{
 background:var(--dashboard-action-hover);
 border-color:var(--dashboard-action-hover);
 box-shadow:0 14px 32px rgba(17,17,17,.2);
}
body.section-sales-center.page-dashboard .nav-group-links a.active{
 border-left-color:var(--babyblue-strong);
 background:var(--dashboard-action);
 color:var(--dashboard-action-text);
}
body.page-dashboard .topbar-inbox{color:var(--ink)}
body.page-dashboard .nexus-fab-icon{background:rgba(255,255,255,.12)}
body.page-dashboard .nexus-fab-label strong{font-weight:600}

/* Dashboard collaboration range: a single composed control instead of loose native fields. */
.collaboration-period-controls{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:0 0 18px}
.collaboration-period-tabs{flex:0 0 auto}
.collaboration-period-custom{display:flex;align-items:center;gap:7px;width:max-content;max-width:100%;padding:7px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--surface) 91%,var(--accent-soft));box-shadow:0 8px 22px rgba(35,57,75,.055)}
.collaboration-date-field{display:grid;gap:2px;min-width:146px;padding:6px 10px;border:1px solid var(--border);border-radius:11px;background:var(--surface);transition:border-color .18s ease,box-shadow .18s ease}
.collaboration-date-field:focus-within{border-color:color-mix(in srgb,var(--accent) 58%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)}
.collaboration-date-field>span{color:var(--muted);font-size:8px;font-weight:750;line-height:1;text-transform:uppercase;letter-spacing:.09em}
.collaboration-date-field input{width:100%;min-height:22px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--text);font-family:var(--dashboard-ui-font);font-size:12px;font-weight:600;box-shadow:none!important;outline:0}
.collaboration-date-separator{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:14px;font-weight:800}
.collaboration-period-submit{align-self:stretch;min-height:46px;padding:0 17px!important;border-color:var(--dashboard-action)!important;border-radius:11px!important;background:var(--dashboard-action)!important;color:var(--dashboard-action-text)!important;box-shadow:0 7px 18px rgba(17,17,17,.12)!important}
.collaboration-period-submit:hover{transform:translateY(-1px);border-color:var(--dashboard-action-hover)!important;background:var(--dashboard-action-hover)!important;box-shadow:0 10px 24px rgba(17,17,17,.18)!important}
.collaboration-period-help{margin-left:3px;font-size:11px;line-height:1.5}
:root[data-theme="dark"] .collaboration-date-field input::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.78}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .collaboration-date-field input::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.78}}
@media(max-width:900px){.collaboration-period-controls{align-items:stretch}.collaboration-period-tabs{flex:1 1 100%}}
@media(max-width:640px){.collaboration-period-custom{width:100%;display:grid;grid-template-columns:1fr;gap:7px}.collaboration-date-field{min-width:0}.collaboration-date-separator{display:none}.collaboration-period-submit{width:calc(100% - 56px);min-width:180px;min-height:44px;justify-self:start}.collaboration-period-help{margin-left:1px}}

/* Unified dashboard widgets: one calm, ordered system for every role. */
body.page-dashboard .dashboard-unified-widget,
body.page-dashboard .comm-followup-widget,
body.page-dashboard .team-command-card{
 position:relative;
 overflow:hidden;
 border:1px solid color-mix(in srgb,var(--accent) 13%,var(--border));
 border-radius:22px;
 background:var(--surface);
 box-shadow:0 12px 34px rgba(35,57,75,.065);
}
body.page-dashboard .dashboard-unified-widget:before{
 content:"";
 position:absolute;
 z-index:2;
 inset:0 0 auto;
 height:4px;
 background:linear-gradient(90deg,#86b9b8 0%,#f1b8c7 56%,#f3d59f 100%);
}
body.page-dashboard .dashboard-unified-widget{padding:0!important}
body.page-dashboard .dashboard-unified-head{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:18px;
 margin:0!important;
 padding:20px 22px 17px;
 border-bottom:1px solid color-mix(in srgb,var(--accent) 10%,var(--border));
 background:linear-gradient(125deg,color-mix(in srgb,var(--surface) 89%,#edf5f3),color-mix(in srgb,var(--surface) 92%,#eef3f1),color-mix(in srgb,var(--surface) 94%,#fff4e2));
}
body.page-dashboard .dashboard-unified-title{display:flex;align-items:flex-start;gap:14px;min-width:0}
body.page-dashboard .dashboard-unified-title>div{min-width:0}
body.page-dashboard .dashboard-unified-icon{
 display:grid;
 place-items:center;
 flex:0 0 44px;
 width:44px;
 height:44px;
 border-radius:14px;
 background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 72%,#264e66));
 color:#fff;
 box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 18%,transparent);
}
body.page-dashboard .dashboard-unified-icon svg{width:20px;height:20px}
body.page-dashboard .dashboard-login-icon{
 position:relative;
 overflow:hidden;
 border:1px solid rgba(35,39,42,.08);
 background:radial-gradient(circle at 18% 18%,rgba(134,185,184,.68),transparent 48%),radial-gradient(circle at 88% 78%,rgba(255,190,183,.62),transparent 52%),linear-gradient(145deg,#fbfcfc,#f4f2ed);
 background-size:140% 140%;
 color:#17191b;
 box-shadow:0 9px 24px rgba(44,56,64,.09);
 transition:transform .18s ease,background-position .35s ease,box-shadow .18s ease;
}
body.page-dashboard .dashboard-login-icon:hover{transform:translateY(-1px);background-position:70% 60%;box-shadow:0 12px 26px rgba(44,56,64,.13)}
body.page-dashboard .dashboard-login-icon.is-icon-events,
body.page-dashboard .dashboard-login-icon.is-icon-orders{background-image:radial-gradient(circle at 18% 18%,rgba(134,185,184,.72),transparent 48%),radial-gradient(circle at 88% 78%,rgba(255,207,154,.58),transparent 52%),linear-gradient(145deg,#fbfcfc,#f4f2ed)}
body.page-dashboard .dashboard-login-icon.is-icon-assistant,
body.page-dashboard .dashboard-login-icon.is-icon-salesteam,
body.page-dashboard .dashboard-login-icon.is-icon-customers{background-image:radial-gradient(circle at 18% 18%,rgba(134,185,184,.7),transparent 48%),radial-gradient(circle at 88% 78%,rgba(255,182,194,.62),transparent 52%),linear-gradient(145deg,#fbfcfc,#f4f2ed)}
body.page-dashboard .dashboard-login-icon.is-icon-warehouse,
body.page-dashboard .dashboard-login-icon.is-icon-integrity{background-image:radial-gradient(circle at 18% 18%,rgba(130,211,191,.7),transparent 48%),radial-gradient(circle at 88% 78%,rgba(196,217,218,.6),transparent 52%),linear-gradient(145deg,#fbfcfc,#f4f2ed)}
body.page-dashboard .dashboard-login-icon.is-icon-reports,
body.page-dashboard .dashboard-login-icon.is-icon-collections,
body.page-dashboard .dashboard-login-icon.is-icon-action{background-image:radial-gradient(circle at 18% 18%,rgba(255,211,139,.72),transparent 48%),radial-gradient(circle at 88% 78%,rgba(255,185,188,.58),transparent 52%),linear-gradient(145deg,#fbfcfc,#f4f2ed)}
body.page-dashboard .dashboard-unified-kicker{
 display:block;
 margin:0 0 4px;
 color:var(--accent);
 font-size:9px;
 font-weight:750;
 letter-spacing:.13em;
 line-height:1.2;
 text-transform:uppercase;
}
body.page-dashboard .dashboard-unified-head h2{margin:0 0 3px;font-size:19px;line-height:1.2}
body.page-dashboard .dashboard-unified-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}
body.page-dashboard .dashboard-unified-head>a{flex:0 0 auto}
body.page-dashboard .dashboard-role-metrics{padding:18px 20px 20px}
body.page-dashboard .dashboard-role-metrics:has(>a:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}
body.page-dashboard .dashboard-role-metrics>a{
 min-height:122px;
 padding:15px 15px 14px;
 border-color:color-mix(in srgb,var(--accent) 10%,var(--border));
 border-radius:15px;
 background:color-mix(in srgb,var(--surface) 93%,var(--accent-soft));
 transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
body.page-dashboard .dashboard-role-metrics>a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 30%,var(--border));box-shadow:0 10px 24px rgba(35,57,75,.075)}
body.page-dashboard .dashboard-smart-widget{background:var(--surface)!important}
body.page-dashboard .dashboard-smart-widget .dashboard-question-chips{margin:0;padding:16px 20px 20px}
body.page-dashboard .dashboard-smart-widget .dashboard-question-chips a{background:color-mix(in srgb,var(--surface) 92%,var(--accent-soft))}
body.page-dashboard .dashboard-event-calendar>header{border-radius:0}

/* Role-adaptive Events command center */
.event-command{margin:0 0 20px;padding:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--bg-surface) 96%,var(--accent-soft)),var(--bg-surface));overflow:hidden}
.event-command-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.event-command-head h2{margin:4px 0 3px;font-size:clamp(24px,3vw,38px);letter-spacing:-.04em}
.event-command-head p,.event-command-kpis p{margin:0;color:var(--text-secondary)}
.event-command-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.event-command-kpis article{position:relative;min-height:148px;padding:18px;border:1px solid var(--border-default);border-radius:18px;background:var(--bg-surface)}
.event-command-kpis article.is-alert{border-color:color-mix(in srgb,var(--danger) 45%,var(--border-default));background:color-mix(in srgb,var(--bg-surface) 94%,var(--danger))}
.event-command-kpis small{display:block;max-width:75%;color:var(--text-secondary);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.event-command-kpis strong{display:block;margin:20px 0 4px;font-size:36px;line-height:1}
.event-command-icon{position:absolute;top:15px;right:15px;display:grid;width:38px;height:38px;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border-default));border-radius:12px;background:color-mix(in srgb,var(--accent-soft) 55%,var(--bg-surface));color:var(--accent);font-weight:850}
.event-command-kpis .is-alert .event-command-icon{border-color:color-mix(in srgb,var(--danger) 35%,var(--border-default));background:color-mix(in srgb,var(--bg-surface) 80%,var(--danger));color:var(--danger)}
.event-lifecycle{display:flex;align-items:center;gap:9px;margin-top:18px;color:var(--text-secondary);font-size:10px;font-weight:850;letter-spacing:.12em}
.event-lifecycle i{height:1px;flex:1;background:var(--border-default)}
@media(max-width:900px){.event-command-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.event-command{padding:18px}.event-command-head{align-items:flex-start;flex-direction:column}.event-command-head .btn{width:100%}.event-command-kpis{grid-template-columns:1fr 1fr}.event-command-kpis article{min-height:126px;padding:14px}.event-command-kpis strong{margin-top:17px;font-size:30px}.event-lifecycle{overflow-x:auto;padding-bottom:4px}.event-lifecycle i{min-width:16px}}
.event-workspace-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;margin-bottom:12px;padding:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--bg-surface) 94%,var(--accent-soft)),var(--bg-surface))}
.event-workspace-title :is(h1,h2){max-width:760px;margin:5px 0;font-size:clamp(28px,4vw,46px);line-height:1.02;letter-spacing:-.045em}.event-workspace-title p{margin:0;color:var(--text-secondary)}
.event-workspace-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.event-readiness{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:14px;padding-top:16px;border-top:1px solid var(--border-default)}
.event-readiness-score{display:flex;align-items:baseline;gap:7px}.event-readiness-score strong{font-size:26px}.event-readiness-score span{color:var(--text-secondary);font-size:12px}
.event-readiness-bar{height:8px;overflow:hidden;border-radius:999px;background:var(--bg-surface-secondary)}.event-readiness-bar i{display:block;height:100%;border-radius:inherit;background:var(--success)}
.event-readiness-checks{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.event-readiness-checks span{padding:6px 9px;border:1px solid var(--border-default);border-radius:999px;background:var(--bg-surface);font-size:11px;font-weight:750}.event-readiness-checks .is-ready{color:var(--success)}.event-readiness-checks .is-missing{color:var(--warning)}
.event-workspace-tabs{position:sticky;top:8px;z-index:5;display:flex;gap:4px;width:max-content;max-width:100%;margin:0 0 18px;padding:5px;overflow-x:auto;background:var(--filter-bg);border:1px solid var(--filter-border);border-radius:999px}.event-workspace-tabs a{padding:9px 14px;border-radius:999px;color:var(--text-secondary);font-size:12px;font-weight:800;white-space:nowrap}.event-workspace-tabs a:hover,.event-workspace-tabs a:focus-visible{background:var(--bg-surface);color:var(--text-primary)}
@media(max-width:760px){.event-workspace-hero{grid-template-columns:1fr;padding:18px}.event-workspace-actions{justify-content:flex-start}.event-readiness{grid-template-columns:1fr}.event-readiness-checks{justify-content:flex-start}.event-workspace-tabs{width:100%}}
body.page-dashboard .content>.grid>.card,
body.page-dashboard .content>.card:not(.dashboard-widget-toolbar):not(.manager-hero){border-radius:19px;box-shadow:0 10px 28px rgba(35,57,75,.055)}
body.page-dashboard .content>.grid>.card.kpi{min-height:124px;padding:19px 20px;border-color:color-mix(in srgb,var(--accent) 10%,var(--border))}
body.page-dashboard .content>.grid>.card.kpi>span{font-size:10px;font-weight:650;letter-spacing:.1em}
body.page-dashboard .content>.grid>.card.kpi>strong{font-size:clamp(24px,2.4vw,31px);letter-spacing:-.025em}
body.page-dashboard .content>.grid>.card.kpi>small{display:block;margin-top:6px;color:var(--muted);font-size:11px;line-height:1.4;text-transform:none;letter-spacing:0}
body.page-dashboard .collaboration-balance-grid{align-items:stretch}
body.page-dashboard .collaboration-balance-item{
 min-height:168px;
 border-color:color-mix(in srgb,var(--accent) 14%,var(--border))!important;
 background:color-mix(in srgb,var(--surface) 93%,var(--accent-soft))!important;
 color:var(--text)!important;
 box-shadow:0 8px 22px rgba(35,57,75,.045);
 transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
body.page-dashboard .collaboration-balance-item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 30%,var(--border))!important;box-shadow:0 12px 28px rgba(35,57,75,.08)}
body.page-dashboard .collaboration-balance-item>div:first-child>span:first-child{background:color-mix(in srgb,var(--surface) 88%,var(--accent-soft))!important}
body.page-dashboard .collaboration-balance-item.is-consignment{background:color-mix(in srgb,var(--surface) 94%,#fff0c9)!important}
body.page-dashboard .collaboration-balance-item.is-storage{background:color-mix(in srgb,var(--surface) 94%,#e4edf7)!important}
body.page-dashboard .collaboration-balance-item.is-distributor{background:color-mix(in srgb,var(--surface) 94%,var(--success-soft))!important}
body.page-dashboard .collaboration-balance-item.is-eshop{background:color-mix(in srgb,var(--surface) 94%,var(--accent-soft))!important}
:root[data-theme="dark"] body.page-dashboard .collaboration-balance-item,
:root[data-theme="dark"] body.page-dashboard .collaboration-balance-item.is-consignment,
:root[data-theme="dark"] body.page-dashboard .collaboration-balance-item.is-storage,
:root[data-theme="dark"] body.page-dashboard .collaboration-balance-item.is-distributor,
:root[data-theme="dark"] body.page-dashboard .collaboration-balance-item.is-eshop{background:color-mix(in srgb,var(--surface) 92%,var(--accent-soft))!important;color:var(--text)!important}
@media(prefers-color-scheme:dark){
 :root:not([data-theme="light"]) body.page-dashboard .collaboration-balance-item,
 :root:not([data-theme="light"]) body.page-dashboard .collaboration-balance-item.is-consignment,
 :root:not([data-theme="light"]) body.page-dashboard .collaboration-balance-item.is-storage,
 :root:not([data-theme="light"]) body.page-dashboard .collaboration-balance-item.is-distributor,
 :root:not([data-theme="light"]) body.page-dashboard .collaboration-balance-item.is-eshop{background:color-mix(in srgb,var(--surface) 92%,var(--accent-soft))!important;color:var(--text)!important}
}

/* The shared period picker uses the same composed control as collaboration balances. */
.dashboard-period-controls{display:grid;justify-items:end;gap:10px;max-width:100%}
.dashboard-period-tabs{margin:0!important;max-width:100%}
.dashboard-period-custom{display:flex;align-items:center;gap:7px;width:max-content;max-width:100%;padding:7px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border));border-radius:16px;background:color-mix(in srgb,var(--surface) 91%,var(--accent-soft));box-shadow:0 8px 22px rgba(35,57,75,.055)}
.dashboard-date-field{display:grid;gap:2px;min-width:138px;padding:6px 10px;border:1px solid var(--border);border-radius:11px;background:var(--surface);transition:border-color .18s ease,box-shadow .18s ease}
.dashboard-date-field:focus-within{border-color:color-mix(in srgb,var(--accent) 58%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)}
.dashboard-date-field>span{color:var(--muted);font-size:8px;font-weight:750;line-height:1;text-transform:uppercase;letter-spacing:.09em}
.dashboard-date-field input{width:100%;min-height:22px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--text);font-size:12px;font-weight:600;box-shadow:none!important;outline:0}
.dashboard-date-separator{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:14px;font-weight:800}
.dashboard-period-submit{align-self:stretch;min-height:46px;padding:0 17px!important;border-color:var(--dashboard-action)!important;border-radius:11px!important;background:var(--dashboard-action)!important;color:var(--dashboard-action-text)!important;box-shadow:0 7px 18px rgba(17,17,17,.12)!important}
.dashboard-period-submit:hover{transform:translateY(-1px);border-color:var(--dashboard-action-hover)!important;background:var(--dashboard-action-hover)!important;box-shadow:0 10px 24px rgba(17,17,17,.18)!important}
:root[data-theme="dark"] .dashboard-date-field input::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.78}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .dashboard-date-field input::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.78}}
@media(max-width:760px){
 body.page-dashboard .dashboard-unified-head{align-items:flex-start;flex-direction:column;padding:18px 16px 15px}
 body.page-dashboard .dashboard-unified-head>a,body.page-dashboard .dashboard-unified-head>.page-actions{width:100%}
 body.page-dashboard .dashboard-unified-head>a.btn{text-align:center;justify-content:center}
 body.page-dashboard .dashboard-role-metrics{padding:14px 16px 18px}
 body.page-dashboard .section-title:has(.dashboard-period-controls){align-items:stretch}
 body.page-dashboard .section-title:has(.dashboard-period-controls)>div:first-child{width:100%}
 .dashboard-period-controls{justify-items:stretch;width:100%}
 .dashboard-period-tabs{overflow-x:auto;flex-wrap:nowrap}
}

/* Neutral status badges must keep readable contrast in every theme mode. */
:root[data-theme="light"] .badge.muted{background:#ecebe5!important;color:#4f5b62!important;box-shadow:inset 0 0 0 1px #d8d6ce}
:root[data-theme="dark"] .badge.muted{background:#303940!important;color:#e1e9ed!important;box-shadow:inset 0 0 0 1px #46535b}
@media(prefers-color-scheme:dark){
 :root:not([data-theme="light"]) .badge.muted{background:#303940!important;color:#e1e9ed!important;box-shadow:inset 0 0 0 1px #46535b}
}

/* Customer directory: tablet layout prioritizes records over chrome. */
@media(min-width:701px) and (max-width:900px){
 body.page-customers .topbar{position:relative!important;display:block;padding:15px 18px 13px;min-height:0}
 body.page-customers .topbar>div:first-child{width:auto;max-width:none;padding-right:116px}
 body.page-customers .topbar h1{font-size:24px;line-height:1.08}
 body.page-customers .topbar p{max-width:680px;margin-top:7px;font-size:12px;line-height:1.32}
 body.page-customers .topbar-actions{position:absolute;top:15px;right:18px;display:flex;width:auto}
 body.page-customers .content{padding-top:10px}
 body.page-customers .customer-directory-head{margin-top:14px!important}
 body.page-customers .customer-directory-tools{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;align-items:end!important;gap:10px!important;width:100%;overflow:visible;padding-bottom:3px}
 body.page-customers .view-tools,body.page-customers .export-tools{min-width:0;width:100%!important}
 body.page-customers .view-tools>div{display:grid!important;grid-template-columns:1fr 1fr!important}
 body.page-customers .view-tools select{grid-column:1/-1!important;width:100%!important;min-width:0;max-width:none!important}
 body.page-customers .export-tools .report-export-controls{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important}
 body.page-customers .export-tools .report-export-controls .btn{min-width:0;padding-left:8px;padding-right:8px;white-space:nowrap}
 body.page-customers .customers-filters{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto auto!important;gap:8px!important}
 body.page-customers .customers-filters #liveSearch{width:100%;min-width:0}
 body.page-customers .bulk-toolbar-head{align-items:center!important;flex-direction:row!important}
 body.page-customers .customer-table-wrap tbody{gap:10px}
 body.page-customers .customer-table-wrap tbody tr{grid-template-areas:"main main" "lifecycle outstanding" "rep actions";grid-template-columns:minmax(0,1fr) auto;align-items:end;align-content:start;gap:14px 24px;padding:16px 18px;min-height:0}
 body.page-customers .customer-main-cell{grid-area:main;grid-column:auto!important}
 body.page-customers .customer-table-wrap td[data-col="lifecycle"]{grid-area:lifecycle;grid-column:auto}
 body.page-customers .customer-table-wrap td[data-col="outstanding"]{grid-area:outstanding;grid-column:auto;text-align:right}
 body.page-customers .customer-table-wrap td[data-col="rep"]{grid-area:rep;grid-column:auto}
 body.page-customers .customer-action-cell{grid-area:actions;grid-column:auto;display:flex!important;justify-content:flex-end;gap:6px}
 body.page-customers .customer-action-cell .btn{min-height:38px;padding:8px 13px}
 body.page-customers .customer-card-meta{margin-top:6px}
 body.page-customers .customer-service-badges{margin-top:6px}
}

/* Ranked customer links use a theme-aware hover instead of the legacy dark fill. */
:root[data-theme="light"] body.page-customers .intelligence-list-card .ranked-row:hover,
:root[data-theme="light"] body.page-customers .intelligence-list-card .ranked-row:focus-visible{background:var(--accent-soft)!important;box-shadow:none;outline:0}
:root[data-theme="dark"] body.page-customers .intelligence-list-card .ranked-row:hover,
:root[data-theme="dark"] body.page-customers .intelligence-list-card .ranked-row:focus-visible{background:#263139!important;box-shadow:none;outline:0}
@media(prefers-color-scheme:dark){
 :root:not([data-theme="light"]) body.page-customers .intelligence-list-card .ranked-row:hover,
 :root:not([data-theme="light"]) body.page-customers .intelligence-list-card .ranked-row:focus-visible{background:#263139!important;box-shadow:none;outline:0}
}
@media(max-width:640px){
 .dashboard-period-custom{width:100%;display:grid;grid-template-columns:1fr;gap:7px}
 .dashboard-date-field{min-width:0}
 .dashboard-date-separator{display:none}
 .dashboard-period-submit{width:calc(100% - 56px);min-width:180px;min-height:44px;justify-self:start}
 body.page-dashboard .content>.grid>.card.kpi{min-height:110px;padding:16px}
}

:root[data-theme="dark"] body.page-dashboard{
 --dashboard-action:var(--text-primary);
 --dashboard-action-hover:var(--text-inverse);
 --dashboard-action-text:var(--bg-page);
}
@media(prefers-color-scheme:dark){
 :root:not([data-theme="light"]) body.page-dashboard{
  --dashboard-action:var(--text-primary);
  --dashboard-action-hover:var(--text-inverse);
  --dashboard-action-text:var(--bg-page);
 }
}

/* Login feedback follows the calm, premium treatment of the authentication UI. */
.login-card .notice{
 display:flex;
 align-items:center;
 width:100%;
 min-height:44px;
 margin:0 0 18px;
 padding:11px 14px;
 border:1px solid color-mix(in srgb,var(--danger) 28%,var(--border));
 border-left-width:3px;
 border-radius:13px;
 background:color-mix(in srgb,var(--danger) 7%,var(--surface));
 color:color-mix(in srgb,var(--danger) 88%,var(--text));
 font-family:"Avenir Next","Segoe UI",Arial,sans-serif;
 font-size:11px;
 font-weight:600;
 line-height:1.45;
 letter-spacing:.005em;
 text-align:left;
 box-shadow:0 6px 18px color-mix(in srgb,var(--danger) 6%,transparent);
}

/* Dashboard dark-mode polish: preserve category color while keeping every label readable. */
:root[data-theme="dark"] body.page-dashboard .team-command-card .team-table-wrap{
 border-color:#3f4b52;
 background:#1c2227;
}
:root[data-theme="dark"] body.page-dashboard .team-command-card .team-table-wrap table{
 background:#1c2227!important;
 color:var(--text)!important;
}
:root[data-theme="dark"] body.page-dashboard .team-command-card .team-table-wrap thead th{
 background:#283138!important;
 color:#c7d1d7!important;
 border-color:#3f4b52!important;
}
:root[data-theme="dark"] body.page-dashboard .team-command-card .team-table-wrap tbody tr{
 background:#1f262b!important;
 color:var(--text)!important;
}
:root[data-theme="dark"] body.page-dashboard .team-command-card .team-table-wrap tbody tr:nth-child(even){background:#20282e!important}
:root[data-theme="dark"] body.page-dashboard .team-command-card .team-table-wrap tbody tr:hover{background:#27343c!important}
:root[data-theme="dark"] body.page-dashboard .team-command-card .team-table-wrap td{border-color:#364149!important}
:root[data-theme="dark"] body.page-dashboard .team-command-card .team-member-name{color:var(--text)!important}
:root[data-theme="dark"] body.page-dashboard .team-command-card .team-member-avatar{background:#203b49;color:var(--babyblue-strong)}
:root[data-theme="dark"] body.page-dashboard .team-command-card .team-achievement .badge.muted{background:#313b42;color:#c2ccd2}

:root[data-theme="dark"] body.page-dashboard .collaboration-balance-item.is-standard{
 background:linear-gradient(145deg,#20282e,#233735)!important;
 border-color:#355566!important;
}
:root[data-theme="dark"] body.page-dashboard .collaboration-balance-item.is-consignment{
 background:linear-gradient(145deg,#25271f,#342d1d)!important;
 border-color:#5c4a25!important;
}
:root[data-theme="dark"] body.page-dashboard .collaboration-balance-item.is-storage{
 background:linear-gradient(145deg,#20262b,#25313c)!important;
 border-color:#3a4b5b!important;
}
:root[data-theme="dark"] body.page-dashboard .collaboration-balance-item.is-distributor{
 background:linear-gradient(145deg,#242a2c,#30393a)!important;
 border-color:#435159!important;
}
:root[data-theme="dark"] body.page-dashboard .collaboration-balance-item.is-eshop{
 background:linear-gradient(145deg,#232a2d,#2d3639)!important;
 border-color:#46545b!important;
}
:root[data-theme="dark"] body.page-dashboard .collaboration-balance-item .risk-meta{color:#c1cbd1!important}
:root[data-theme="dark"] body.page-dashboard .collaboration-balance-item>strong{color:#f4f7f8!important}
:root[data-theme="dark"] body.page-dashboard .collaboration-balance-item>div:first-child>span:first-child{background:#172027!important}
:root[data-theme="dark"] body.page-dashboard .collaboration-balance-item .target-progress{background:#313b42!important}

:root[data-theme="dark"] body.page-dashboard .nexus-fab{
 border-color:var(--apiro-border-strong);
 background:var(--apiro-black);
 color:#fff;
 box-shadow:0 12px 30px rgba(0,0,0,.28);
}
:root[data-theme="dark"] body.page-dashboard .nexus-fab:hover{
 border-color:var(--apiro-border-strong);
 background:var(--apiro-black-hover);
 box-shadow:0 16px 34px rgba(0,0,0,.34);
}
:root[data-theme="dark"] body.page-dashboard .nexus-fab-icon{background:rgba(255,255,255,.17);color:#fff}
:root[data-theme="dark"] body.page-dashboard .nexus-fab-label small{color:rgba(255,255,255,.82)}

:root[data-theme="dark"] .dashboard-date-field input,
:root[data-theme="dark"] .collaboration-date-field input{color-scheme:dark!important}
:root[data-theme="dark"] .dashboard-date-field input::-webkit-calendar-picker-indicator,
:root[data-theme="dark"] .collaboration-date-field input::-webkit-calendar-picker-indicator{
 -webkit-filter:brightness(0) invert(1)!important;
 filter:brightness(0) invert(1)!important;
 opacity:.78!important;
 cursor:pointer;
}
@media(prefers-color-scheme:dark){
 :root:not([data-theme="light"]) body.page-dashboard .team-command-card .team-table-wrap thead th{background:#283138!important;color:#c7d1d7!important;border-color:#3f4b52!important}
 :root:not([data-theme="light"]) body.page-dashboard .team-command-card .team-table-wrap tbody tr{background:#1f262b!important;color:var(--text)!important}
 :root:not([data-theme="light"]) body.page-dashboard .nexus-fab{border-color:var(--apiro-border-strong);background:var(--apiro-black);color:#fff}
 :root:not([data-theme="light"]) body.page-dashboard .nexus-fab-icon{background:rgba(255,255,255,.17);color:#fff}
 :root:not([data-theme="light"]) body.page-dashboard .nexus-fab-label small{color:rgba(255,255,255,.82)}
 :root:not([data-theme="light"]) .dashboard-date-field input,
 :root:not([data-theme="light"]) .collaboration-date-field input{color-scheme:dark!important}
 :root:not([data-theme="light"]) .dashboard-date-field input::-webkit-calendar-picker-indicator,
 :root:not([data-theme="light"]) .collaboration-date-field input::-webkit-calendar-picker-indicator{-webkit-filter:brightness(0) invert(1)!important;filter:brightness(0) invert(1)!important;opacity:.78!important}
}

/* The full calendar is a quiet navigation link; creating an event stays primary. */
.dashboard-calendar-link{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 9px;border:1px solid transparent;border-radius:10px;color:var(--muted);font-size:11px;font-weight:750;text-decoration:none;transition:background .18s ease,color .18s ease,border-color .18s ease}
.dashboard-calendar-link svg{width:15px;height:15px}
.dashboard-event-calendar header .dashboard-calendar-link span{color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:0}
.dashboard-calendar-link:hover{border-color:color-mix(in srgb,var(--accent) 24%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--accent)}
:root[data-theme="dark"] .dashboard-calendar-link{color:#b9c6cd}
:root[data-theme="dark"] .dashboard-calendar-link:hover{background:#27343c;color:var(--babyblue-strong)}

/* Customers dark mode: page-local styles must not reintroduce light-only panels. */
:root[data-theme="dark"] body.page-customers .view-tools>div{background:color-mix(in srgb,var(--surface) 90%,var(--accent-soft))!important;border-color:var(--border)!important}
:root[data-theme="dark"] body.page-customers .view-tools select{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
:root[data-theme="dark"] body.page-customers .bulk-toolbar{background:linear-gradient(145deg,var(--surface),var(--surface-secondary))!important;border-color:var(--border)!important;color:var(--text)!important}
:root[data-theme="dark"] body.page-customers .bulk-count strong{background:#303940!important;color:var(--text)!important}
:root[data-theme="dark"] body.page-customers .customer-table-wrap tbody tr{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important;box-shadow:0 8px 24px rgba(0,0,0,.16)!important}
:root[data-theme="dark"] body.page-customers .customer-table-wrap tbody tr:hover{background:#263139!important}
@media(prefers-color-scheme:dark){
 :root:not([data-theme="light"]) .dashboard-calendar-link{color:#b9c6cd}
 :root:not([data-theme="light"]) .dashboard-calendar-link:hover{background:#27343c;color:var(--babyblue-strong)}
 :root:not([data-theme="light"]) body.page-customers .view-tools>div{background:color-mix(in srgb,var(--surface) 90%,var(--accent-soft))!important;border-color:var(--border)!important}
 :root:not([data-theme="light"]) body.page-customers .view-tools select{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
 :root:not([data-theme="light"]) body.page-customers .bulk-toolbar{background:linear-gradient(145deg,var(--surface),var(--surface-secondary))!important;border-color:var(--border)!important;color:var(--text)!important}
 :root:not([data-theme="light"]) body.page-customers .customer-table-wrap tbody tr{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
}

/* Customer directory tools: one calm toolbar, with explicit light-mode colors. */
:root[data-theme="light"] .report-export-controls{background:rgba(255,255,255,.78)!important;border-color:rgba(31,48,66,.08)!important}
:root[data-theme="light"] .export-csv{color:#246b53!important;background:linear-gradient(135deg,#e8f6ef,#d7eee3)!important;border-color:#c4e4d4!important}
:root[data-theme="light"] .export-xls{color:#246b53!important;background:linear-gradient(135deg,#e3f3eb,#cfe9dc)!important;border-color:#b9ddca!important}
:root[data-theme="light"] .export-pdf{color:#a63f39!important;background:linear-gradient(135deg,#fff0ed,#f8d9d4)!important;border-color:#efc7c1!important}
:root[data-theme="light"] .export-print{color:#365f86!important;background:linear-gradient(135deg,#eef5fb,#dce9f4)!important;border-color:#ccdfed!important}
body.page-customers .customer-directory-head{display:grid;grid-template-columns:1fr;align-items:stretch!important;gap:12px}
body.page-customers .customer-directory-tools{display:flex!important;align-items:flex-end;justify-content:flex-start;flex-wrap:nowrap;gap:10px;width:100%;min-width:0}
body.page-customers .view-tools,body.page-customers .export-tools{width:auto;min-width:0}
body.page-customers .view-tools>div{display:flex;align-items:center;min-width:0;background:color-mix(in srgb,var(--surface) 82%,transparent)}
body.page-customers .export-tools .report-export-controls{display:flex!important;flex-wrap:nowrap;width:auto;gap:6px!important}
body.page-customers .customer-directory-tools .btn,body.page-customers .customer-directory-tools select{white-space:nowrap}
@media(max-width:1180px){
 body.page-customers .customer-directory-head{grid-template-columns:1fr;align-items:stretch!important}
 body.page-customers .customer-directory-tools{justify-content:flex-start;flex-wrap:wrap;width:100%}
}
@media(max-width:760px){
 body.page-customers .customer-directory-tools{display:grid!important;grid-template-columns:1fr;width:100%}
 body.page-customers .view-tools,body.page-customers .export-tools{width:100%}
 body.page-customers .view-tools>div{display:grid;grid-template-columns:1fr 1fr}
 body.page-customers .view-tools select{grid-column:1/-1;max-width:none;width:100%}
 body.page-customers .export-tools .report-export-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%}
}

@media(min-width:701px) and (max-width:900px){
 body.page-customers .customer-directory-tools{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;align-items:end!important;gap:10px!important;width:100%;overflow:visible}
 body.page-customers .view-tools,body.page-customers .export-tools{width:100%!important;min-width:0}
 body.page-customers .view-tools>div{display:grid!important;grid-template-columns:1fr 1fr!important}
 body.page-customers .view-tools select{grid-column:1/-1!important;width:100%!important;max-width:none!important}
 body.page-customers .export-tools .report-export-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
 body.page-customers .customer-table-wrap tbody tr{gap:10px 20px;padding:14px 16px}
 body.page-customers .customer-table-wrap td[data-col]::before{margin-bottom:3px}
}

/* Admin dashboard widget refresh: CRM-grade hierarchy in the Apiro palette. */
body.page-dashboard .manager-dashboard{display:grid;gap:0}
body.page-dashboard .manager-focus-card,
body.page-dashboard .dashboard-unified-widget,
body.page-dashboard .comm-followup-widget,
body.page-dashboard .team-command-card,
body.page-dashboard .collaboration-balance-widget{
 border-color:color-mix(in srgb,var(--ink-deep) 8%,var(--border));
 border-radius:24px;
 box-shadow:0 12px 34px rgba(36,75,96,.055);
}
body.page-dashboard .manager-focus-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
body.page-dashboard .manager-focus-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 24%,var(--border));box-shadow:0 18px 40px rgba(36,75,96,.085)}
body.page-dashboard .manager-hero{background:var(--app-pastel-surface)!important}
body.page-dashboard .manager-focus-card.is-ai{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 82%,var(--accent-soft)))!important}
body.page-dashboard .manager-focus-card.is-merch{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 84%,#fff1ea))!important}
body.page-dashboard .manager-focus-card.is-ai{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 84%,var(--accent-soft)))!important}
body.page-dashboard .manager-focus-card.is-merch{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 86%,var(--success-soft)))!important}
body.page-dashboard .manager-focus-head>a{color:var(--muted);font-size:11px;font-weight:650}
body.page-dashboard .manager-focus-head>a:hover{color:var(--accent)}
body.page-dashboard .manager-focus-action{border:1px solid transparent;transition:background .18s ease,border-color .18s ease,transform .18s ease}
body.page-dashboard .manager-focus-action:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 18%,var(--border));background:color-mix(in srgb,var(--surface) 82%,var(--accent-soft))}
body.page-dashboard .manager-focus-action:nth-child(2){background:color-mix(in srgb,var(--surface) 84%,var(--warning-soft))}
body.page-dashboard .manager-focus-action:nth-child(4){background:color-mix(in srgb,var(--surface) 84%,var(--success-soft))}
body.page-dashboard .dashboard-unified-widget:before{background:var(--app-pastel-line)}
body.page-dashboard .dashboard-unified-head{background:linear-gradient(125deg,color-mix(in srgb,var(--surface) 84%,#dff4fb),color-mix(in srgb,var(--surface) 88%,#fff0f1),color-mix(in srgb,var(--surface) 91%,#fff4dc))}
body.page-dashboard .dashboard-role-widget:nth-child(4n+2) .dashboard-unified-head{background:linear-gradient(125deg,color-mix(in srgb,var(--surface) 86%,#e5f7f1),color-mix(in srgb,var(--surface) 90%,#e5f4fb),color-mix(in srgb,var(--surface) 93%,#fff3ed))}
body.page-dashboard .dashboard-role-widget:nth-child(4n+3) .dashboard-unified-head{background:linear-gradient(125deg,color-mix(in srgb,var(--surface) 86%,#fff2df),color-mix(in srgb,var(--surface) 90%,#fff0f1),color-mix(in srgb,var(--surface) 93%,#e5f4fb))}
body.page-dashboard .dashboard-role-widgets{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
body.page-dashboard .dashboard-role-widget,body.page-dashboard .dashboard-role-widget:nth-child(n){grid-column:auto;display:flex;min-width:0;flex-direction:column}
body.page-dashboard .dashboard-role-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px}
body.page-dashboard .dashboard-role-metrics>a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:112px;padding:16px;border-width:1px;background:var(--surface);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
body.page-dashboard .dashboard-role-metrics>a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 28%,var(--border));box-shadow:0 12px 26px rgba(36,75,96,.08)}
body.page-dashboard .dashboard-role-metrics>a:before{top:16px;bottom:16px;height:auto;border-radius:0 4px 4px 0}
body.page-dashboard .dashboard-role-metrics strong{font-size:clamp(22px,2.1vw,29px);line-height:1.05;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body.page-dashboard .dashboard-role-metrics span{min-height:0;margin:7px 0 0;font-size:11px;line-height:1.35}
body.page-dashboard .dashboard-role-metrics i{display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--accent-soft);color:var(--accent)}
body.page-dashboard .dashboard-role-metrics i svg{width:16px;height:16px}
body.page-dashboard .dashboard-role-metrics i span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.page-dashboard .dashboard-role-metrics>a.is-danger{background:color-mix(in srgb,var(--surface) 93%,var(--danger-soft))}
body.page-dashboard .dashboard-role-metrics>a.is-warning{background:color-mix(in srgb,var(--surface) 91%,var(--warning-soft))}
body.page-dashboard .dashboard-role-metrics>a.is-success{background:color-mix(in srgb,var(--surface) 91%,var(--success-soft))}
body.page-dashboard .dashboard-smart-widget .dashboard-question-chips a:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:var(--accent-soft);color:var(--ink-deep)}
body.page-dashboard .collaboration-balance-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important}
body.page-dashboard .collaboration-balance-item{grid-column:span 3;min-height:174px!important;padding:20px!important;border-radius:18px!important}
body.page-dashboard .collaboration-balance-grid:has(>.collaboration-balance-item:nth-child(5)) .collaboration-balance-item{grid-column:span 2}
body.page-dashboard .collaboration-balance-grid:has(>.collaboration-balance-item:nth-child(5)) .collaboration-balance-item:nth-child(-n+2){grid-column:span 3}
body.page-dashboard .collaboration-balance-item.is-distributor{background:color-mix(in srgb,var(--surface) 91%,var(--success-soft))!important;border-color:color-mix(in srgb,var(--success) 24%,var(--border))!important}
body.page-dashboard .collaboration-balance-item.is-eshop{background:color-mix(in srgb,var(--surface) 91%,var(--accent-soft))!important;border-color:color-mix(in srgb,var(--accent) 24%,var(--border))!important}
body.page-dashboard .collaboration-balance-item.is-distributor>div:first-child>span:first-child{color:var(--success)!important}
body.page-dashboard .collaboration-balance-item.is-eshop>div:first-child>span:first-child{color:var(--accent)!important}
body.page-dashboard .collaboration-balance-item.is-distributor .target-progress i{background:var(--success)!important}
body.page-dashboard .collaboration-balance-item.is-eshop .target-progress i{background:var(--accent)!important}
body.page-dashboard .team-command-card:before{background:var(--app-pastel-line)}
body.page-dashboard .team-command-head{background:linear-gradient(125deg,color-mix(in srgb,var(--surface) 84%,#dff4fb),color-mix(in srgb,var(--surface) 89%,#fff0f1),color-mix(in srgb,var(--surface) 92%,#fff4dc))}
body.page-dashboard .team-role-tabs button:nth-child(2):before{background:#5c9b86}
body.page-dashboard .dashboard-widget-toolbar.dashboard-role-promoter,
body.page-dashboard .dashboard-smart-widget.dashboard-role-promoter,
body.page-dashboard .dashboard-widget-toolbar.dashboard-role-merchandiser,
body.page-dashboard .dashboard-smart-widget.dashboard-role-merchandiser,
body.page-dashboard .dashboard-widget-toolbar.dashboard-role-shop_manager,
body.page-dashboard .dashboard-smart-widget.dashboard-role-shop_manager{background:linear-gradient(125deg,color-mix(in srgb,var(--surface) 88%,var(--accent-soft)),color-mix(in srgb,var(--surface) 92%,var(--success-soft)))}
@media(max-width:1050px){
 body.page-dashboard .dashboard-role-widget,
 body.page-dashboard .dashboard-role-widget:nth-child(n){grid-column:auto}
 body.page-dashboard .collaboration-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.page-dashboard .collaboration-balance-item,
 body.page-dashboard .collaboration-balance-item:nth-child(-n+2){grid-column:span 1}
}
@media(max-width:780px){
 body.page-dashboard .dashboard-role-widgets{grid-template-columns:1fr}
 body.page-dashboard .dashboard-role-widget,
 body.page-dashboard .dashboard-role-widget:nth-child(n){grid-column:auto}
}
@media(max-width:640px){
 body.page-dashboard .manager-focus-card,
 body.page-dashboard .dashboard-unified-widget,
 body.page-dashboard .comm-followup-widget,
 body.page-dashboard .team-command-card,
 body.page-dashboard .collaboration-balance-widget{border-radius:19px}
 body.page-dashboard .collaboration-balance-grid{grid-template-columns:1fr!important}
 body.page-dashboard .collaboration-balance-item,
 body.page-dashboard .collaboration-balance-item:nth-child(-n+2){grid-column:auto}
}
:root[data-theme="dark"] body.page-dashboard .manager-focus-card.is-ai{background:linear-gradient(145deg,var(--surface),#233735)!important}
:root[data-theme="dark"] body.page-dashboard .manager-focus-card.is-merch{background:linear-gradient(145deg,var(--surface),#203630)!important}
:root[data-theme="dark"] body.page-dashboard .manager-hero{background:var(--app-pastel-surface)!important}
:root[data-theme="dark"] body.page-dashboard .dashboard-smart-widget{background:var(--surface)!important}
:root[data-theme="dark"] body.page-dashboard .dashboard-unified-head,
:root[data-theme="dark"] body.page-dashboard .team-command-head{background:var(--app-pastel-surface)!important}
:root[data-theme="dark"] body.page-dashboard .dashboard-login-icon{border-color:rgba(255,255,255,.1);background-image:radial-gradient(circle at 18% 18%,rgba(134,185,184,.26),transparent 48%),radial-gradient(circle at 88% 78%,rgba(213,131,139,.24),transparent 52%),linear-gradient(145deg,#252d32,#1e2428);color:#f5f7f8;box-shadow:0 10px 24px rgba(0,0,0,.22)}
:root[data-theme="dark"] body.page-dashboard .collaboration-balance-item.is-distributor{background:linear-gradient(145deg,#202a28,#203630)!important;border-color:#355b50!important}
:root[data-theme="dark"] body.page-dashboard .collaboration-balance-item.is-eshop{background:linear-gradient(145deg,#20282e,#233735)!important;border-color:#405a5d!important}
@media(prefers-color-scheme:dark){
 :root:not([data-theme="light"]) body.page-dashboard .manager-focus-card.is-ai{background:linear-gradient(145deg,var(--surface),#233735)!important}
 :root:not([data-theme="light"]) body.page-dashboard .manager-focus-card.is-merch{background:linear-gradient(145deg,var(--surface),#203630)!important}
 :root:not([data-theme="light"]) body.page-dashboard .manager-hero{background:var(--app-pastel-surface)!important}
 :root:not([data-theme="light"]) body.page-dashboard .dashboard-smart-widget{background:var(--surface)!important}
 :root:not([data-theme="light"]) body.page-dashboard .dashboard-unified-head,
 :root:not([data-theme="light"]) body.page-dashboard .team-command-head{background:var(--app-pastel-surface)!important}
 :root:not([data-theme="light"]) body.page-dashboard .dashboard-login-icon{border-color:rgba(255,255,255,.1);background-image:radial-gradient(circle at 18% 18%,rgba(134,185,184,.26),transparent 48%),radial-gradient(circle at 88% 78%,rgba(213,131,139,.24),transparent 52%),linear-gradient(145deg,#252d32,#1e2428);color:#f5f7f8;box-shadow:0 10px 24px rgba(0,0,0,.22)}
 :root:not([data-theme="light"]) body.page-dashboard .collaboration-balance-item.is-distributor{background:linear-gradient(145deg,#202a28,#203630)!important;border-color:#355b50!important}
 :root:not([data-theme="light"]) body.page-dashboard .collaboration-balance-item.is-eshop{background:linear-gradient(145deg,#20282e,#233735)!important;border-color:#405a5d!important}
}

/* Application-wide login-inspired visual system.
   Dashboard and authentication keep their dedicated, already-approved rules. */
:root{
 --app-action:#171717;
 --app-action-hover:#292929;
 --app-pastel-ice:var(--aurora-powder);
 --app-pastel-blush:var(--aurora-blush);
 --app-pastel-champagne:var(--aurora-cream);
 --app-pastel-ice-line:#B8C9DA;
 --app-pastel-blush-line:#D9A9B4;
 --app-pastel-champagne-line:#D8B98E;
 --app-pastel-line:linear-gradient(90deg,var(--app-pastel-ice-line) 0%,var(--app-pastel-blush-line) 56%,var(--app-pastel-champagne-line) 100%);
 --app-pastel-surface:radial-gradient(circle at 14% 18%,color-mix(in srgb,var(--aurora-aqua) 84%,transparent),transparent 38%),radial-gradient(circle at 66% 46%,color-mix(in srgb,var(--aurora-blush) 76%,transparent),transparent 48%),radial-gradient(circle at 88% 84%,color-mix(in srgb,var(--aurora-lilac) 68%,transparent),transparent 46%),var(--aurora-pearl);
}
:root[data-theme="dark"]{
 --app-pastel-ice:#233438;
 --app-pastel-blush:#3A2D2A;
 --app-pastel-champagne:#3A3427;
 --app-pastel-ice-line:#5F9499;
 --app-pastel-blush-line:#A06F79;
 --app-pastel-champagne-line:#AE8C52;
 --app-pastel-surface:linear-gradient(125deg,#233735 0%,#2b3331 62%,#3a3427 100%);
}
@media(prefers-color-scheme:dark){
 :root:not([data-theme="light"]){--app-pastel-surface:linear-gradient(125deg,#233735 0%,#2b3331 62%,#3a3427 100%);--app-pastel-ice:#233438;--app-pastel-blush:#3A2D2A;--app-pastel-champagne:#3A3427;--app-pastel-ice-line:#5F9499;--app-pastel-blush-line:#A06F79;--app-pastel-champagne-line:#AE8C52}
}
body:not(.page-dashboard):not(.login-page){
 --page-accent:var(--text-primary);
 --page-soft:var(--bg-surface-secondary);
 --page-glow:var(--border-default);
 font-family:var(--app-ui-font);
 background:var(--bg);
}
body:not(.page-dashboard):not(.login-page) button,
body:not(.page-dashboard):not(.login-page) input,
body:not(.page-dashboard):not(.login-page) select,
body:not(.page-dashboard):not(.login-page) textarea{font-family:inherit}
body:not(.page-dashboard):not(.login-page) .topbar h1,
body:not(.page-dashboard):not(.login-page) .content h2,
body:not(.page-dashboard):not(.login-page) .content h3,
body:not(.page-dashboard):not(.login-page) .card>strong:first-child{
 font-family:var(--app-display-font);
 font-weight:600;
 letter-spacing:-.025em;
}
body:not(.page-dashboard):not(.login-page) .topbar h1:after{
 width:46px;
 height:3px;
 background:var(--app-pastel-line);
}
body:not(.page-dashboard):not(.login-page) .content>.section-title:first-of-type{
 border-color:var(--border-default);
 border-radius:var(--radius-card);
 background:var(--bg-surface);
 box-shadow:none;
}
body:not(.page-dashboard):not(.login-page) .card,
body:not(.page-dashboard):not(.login-page) .chart-panel,
body:not(.page-dashboard):not(.login-page) .filters,
body:not(.page-dashboard):not(.login-page) [class$="-table-wrap"]{
 border-radius:var(--radius);
 border-color:var(--border);
 box-shadow:var(--shadow);
}
body:not(.page-dashboard):not(.login-page) .btn.accent,
body:not(.page-dashboard):not(.login-page) .btn-primary,
body:not(.page-dashboard):not(.login-page) .btn.primary{
 border-color:var(--app-action);
 background:var(--app-action);
 color:#fff;
 box-shadow:none;
}
body:not(.page-dashboard):not(.login-page) .btn.accent:hover,
body:not(.page-dashboard):not(.login-page) .btn-primary:hover,
body:not(.page-dashboard):not(.login-page) .btn.primary:hover{
 border-color:var(--app-action-hover);
 background:var(--app-action-hover);
 box-shadow:none;
}
body:not(.page-dashboard):not(.login-page) .nav-group-links a.active,
body:not(.page-dashboard):not(.login-page) .sidebar nav>a.active{
 border-left-color:var(--text-primary);
 background:var(--bg-hover);
 color:var(--text-primary);
}
body:not(.page-dashboard):not(.login-page) :is(.kpi-icon,.action-icon,.qt-icon,.quick-order-icon,.stat-icon,.smart-card-icon,.empty-state-icon,.user-avatar){
 border:1px solid var(--border-default);
 background:var(--bg-surface-secondary);
 box-shadow:none;
}
body:not(.page-dashboard):not(.login-page) :is(.orders-hero,.product-edit-hero,.retail-hero,.forecast-hero,.mi-intro,.users-hero,.intelligence-hero,.collection-history-head,.collection-priority-head){
 border:1px solid var(--border-default);
 background:var(--bg-surface)!important;
 color:var(--text)!important;
 box-shadow:none;
}
body:not(.page-dashboard):not(.login-page) :is(.users-hero,.intelligence-hero) :is(h2,h3,strong){color:var(--text)!important}
body:not(.page-dashboard):not(.login-page) :is(.users-hero,.intelligence-hero) :is(p,small,span){color:var(--muted)!important}
body:not(.page-dashboard):not(.login-page) :is(.users-hero,.intelligence-hero) .btn.secondary{border-color:var(--border);background:var(--surface);color:var(--text)}
body:not(.page-dashboard):not(.login-page) .tabs a.active,
body:not(.page-dashboard):not(.login-page) .view-toggle a.active,
body:not(.page-dashboard):not(.login-page) .period-pills a.active{color:var(--ink-deep)}

:root[data-theme="dark"] body:not(.page-dashboard):not(.login-page){
 background:var(--bg);
}
:root[data-theme="dark"] body:not(.page-dashboard):not(.login-page) .content>.section-title:first-of-type,
:root[data-theme="dark"] body:not(.page-dashboard):not(.login-page) :is(.orders-hero,.product-edit-hero,.retail-hero,.forecast-hero,.mi-intro,.users-hero,.intelligence-hero,.collection-history-head,.collection-priority-head){
 border-color:var(--border-default);
 background:var(--bg-surface)!important;
 color:var(--text)!important;
}
:root[data-theme="dark"] body:not(.page-dashboard):not(.login-page) .btn.accent,
:root[data-theme="dark"] body:not(.page-dashboard):not(.login-page) .btn-primary,
:root[data-theme="dark"] body:not(.page-dashboard):not(.login-page) .btn.primary,
:root[data-theme="dark"] body:not(.page-dashboard):not(.login-page) .nav-group-links a.active,
:root[data-theme="dark"] body:not(.page-dashboard):not(.login-page) .sidebar nav>a.active{
 border-color:var(--text-primary);
 background:var(--bg-hover);
 color:var(--text-primary);
}
:root[data-theme="dark"] body:not(.page-dashboard):not(.login-page) :is(.kpi-icon,.action-icon,.qt-icon,.quick-order-icon,.stat-icon,.smart-card-icon,.empty-state-icon,.user-avatar){
 border-color:var(--border-default);
 background:var(--bg-surface-secondary);
 color:var(--text);
 box-shadow:none;
}
@media(prefers-color-scheme:dark){
 :root:not([data-theme="light"]) body:not(.page-dashboard):not(.login-page){background:var(--bg)}
 :root:not([data-theme="light"]) body:not(.page-dashboard):not(.login-page) .content>.section-title:first-of-type,
 :root:not([data-theme="light"]) body:not(.page-dashboard):not(.login-page) :is(.orders-hero,.product-edit-hero,.retail-hero,.forecast-hero,.mi-intro,.users-hero,.intelligence-hero,.collection-history-head,.collection-priority-head){border-color:var(--border-default);background:var(--bg-surface)!important;color:var(--text)!important}
 :root:not([data-theme="light"]) body:not(.page-dashboard):not(.login-page) .btn.accent,
 :root:not([data-theme="light"]) body:not(.page-dashboard):not(.login-page) .btn-primary,
 :root:not([data-theme="light"]) body:not(.page-dashboard):not(.login-page) .btn.primary,
 :root:not([data-theme="light"]) body:not(.page-dashboard):not(.login-page) .nav-group-links a.active,
 :root:not([data-theme="light"]) body:not(.page-dashboard):not(.login-page) .sidebar nav>a.active{border-color:var(--text-primary);background:var(--bg-hover);color:var(--text-primary)}
}
@media(max-width:700px){
 body:not(.page-dashboard):not(.login-page) .content>.section-title:first-of-type{border-radius:18px}
 body:not(.page-dashboard):not(.login-page) .card,
 body:not(.page-dashboard):not(.login-page) .chart-panel,
 body:not(.page-dashboard):not(.login-page) .filters,
 body:not(.page-dashboard):not(.login-page) [class$="-table-wrap"]{border-radius:17px}
}

/* Page-level components are declared after the shared stylesheet in several
   legacy routes. Keep their dark surfaces aligned with the shared theme. */
:root[data-theme="dark"] body:not(.page-dashboard):not(.login-page) :is(
 .products-command,.products-filter-line,.products-advanced-filters,
 .product-edit-nav,.product-edit-section,
 .orders-status-strip a,.orders-filters,.orders-table-wrap,.orders-table tbody tr,
 .notification-kpi,.notification-category-tabs a,.notification-item,.notification-empty,
 .customer-product-table,.merch-audit-table,
 .municipality-table tbody tr,.territory-management-table tbody tr
){
 border-color:var(--border)!important;
 background:var(--surface)!important;
 color:var(--text)!important;
}
:root[data-theme="dark"] body.page-products .products-command{
 background:linear-gradient(125deg,#3a3427 0%,#2b3331 56%,#233735 100%)!important;
}
:root[data-theme="dark"] body.page-product-edit .product-edit-nav{
 background:color-mix(in srgb,var(--surface) 91%,transparent)!important;
}
:root[data-theme="dark"] body.page-product-edit .product-editor input:disabled{
 background:var(--surface-secondary)!important;
 color:var(--muted)!important;
}
:root[data-theme="dark"] body.page-orders :is(.orders-page-chip,.orders-table thead th){
 border-color:var(--border)!important;
 background:var(--surface-secondary)!important;
 color:var(--text-muted)!important;
}
:root[data-theme="dark"] body.page-orders .orders-table tbody tr:hover{background:#263139!important}
:root[data-theme="dark"] body.page-notifications .notification-item.unread{
 background:linear-gradient(90deg,#233735,var(--surface) 42%)!important;
}
:root[data-theme="dark"] body.page-notifications .notification-kpi.critical{
 background:linear-gradient(145deg,var(--surface),var(--danger-soft))!important;
}
:root[data-theme="dark"] body.page-notifications .notification-kpi.merch{
 background:linear-gradient(145deg,var(--surface),#233735)!important;
}
:root[data-theme="dark"] body.page-customer-merchandise-audit :is(
 .merch-audit-table input,.merch-audit-table select,.qty-btn,.audit-submit-bar
){
 border-color:var(--border)!important;
 background:var(--surface)!important;
 color:var(--text)!important;
}

@media(prefers-color-scheme:dark){
 :root:not([data-theme="light"]) body:not(.page-dashboard):not(.login-page) :is(
  .products-command,.products-filter-line,.products-advanced-filters,
  .product-edit-nav,.product-edit-section,
  .orders-status-strip a,.orders-filters,.orders-table-wrap,.orders-table tbody tr,
  .notification-kpi,.notification-category-tabs a,.notification-item,.notification-empty,
  .customer-product-table,.merch-audit-table,
  .municipality-table tbody tr,.territory-management-table tbody tr
 ){
  border-color:var(--border)!important;
  background:var(--surface)!important;
  color:var(--text)!important;
 }
 :root:not([data-theme="light"]) body.page-products .products-command{background:linear-gradient(125deg,#3a3427 0%,#2b3331 56%,#233735 100%)!important}
 :root:not([data-theme="light"]) body.page-product-edit .product-edit-nav{background:color-mix(in srgb,var(--surface) 91%,transparent)!important}
 :root:not([data-theme="light"]) body.page-product-edit .product-editor input:disabled{background:var(--surface-secondary)!important;color:var(--muted)!important}
 :root:not([data-theme="light"]) body.page-orders :is(.orders-page-chip,.orders-table thead th){border-color:var(--border)!important;background:var(--surface-secondary)!important;color:var(--text-muted)!important}
 :root:not([data-theme="light"]) body.page-orders .orders-table tbody tr:hover{background:#263139!important}
 :root:not([data-theme="light"]) body.page-notifications .notification-item.unread{background:linear-gradient(90deg,#233735,var(--surface) 42%)!important}
 :root:not([data-theme="light"]) body.page-notifications .notification-kpi.critical{background:linear-gradient(145deg,var(--surface),var(--danger-soft))!important}
 :root:not([data-theme="light"]) body.page-notifications .notification-kpi.merch{background:linear-gradient(145deg,var(--surface),#233735)!important}
 :root:not([data-theme="light"]) body.page-customer-merchandise-audit :is(.merch-audit-table input,.merch-audit-table select,.qty-btn,.audit-submit-bar){border-color:var(--border)!important;background:var(--surface)!important;color:var(--text)!important}
}

/* Explicit Light must win over legacy system-dark empty-state rules. */
:root[data-theme="light"] .empty-state{
 border-color:color-mix(in srgb,var(--accent) 28%,var(--border))!important;
 background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 46%,var(--bg-surface)),color-mix(in srgb,var(--blush) 24%,var(--bg-surface)))!important;
 color:var(--muted)!important;
}
:root[data-theme="light"] .empty-state h3{color:var(--text)!important}
body.page-dashboard .empty-state{display:flex;align-items:center;justify-content:center;min-height:104px;text-align:center}

/* Compact unified workspaces — shared rhythm for operational and intelligence pages. */
body:not(.page-dashboard):not(.login-page) .content{max-width:1560px;padding-top:8px}
body:not(.page-dashboard):not(.login-page) :is(.trends-page,.team-intel,.opportunity-page,.profitability-page){gap:14px}
.analysis-subnav{display:grid;gap:0;margin:0 0 12px}.analysis-subnav-eyebrow{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.analysis-subnav-links a{display:inline-flex;align-items:center;min-height:38px}
body:not(.page-dashboard):not(.login-page) :is(.trends-filter-card,.team-filter,.pf-filters,.opportunity-filters,.orders-filters,.products-advanced-filters,.customers-filters){padding:13px 14px;border:1px solid var(--filter-border);border-radius:16px;background:var(--app-pastel-surface);box-shadow:0 7px 22px rgba(36,75,96,.045)}
body:not(.page-dashboard):not(.login-page) :is(.trends-filters,.pf-filter-grid,.opportunity-filters,.orders-filters,.products-advanced-filters,.customers-filters){gap:8px}
body:not(.page-dashboard):not(.login-page) :is(.trends-filters,.team-custom,.pf-filter-grid,.opportunity-filters,.orders-filters,.products-advanced-filters,.customers-filters) :is(input,select,button,.btn){min-height:40px}
body:not(.page-dashboard):not(.login-page) :is(.team-family,.commercial-family,.pf-switch){display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 10px}
body:not(.page-dashboard):not(.login-page) :is(.team-family,.commercial-family,.pf-switch) a{padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:11.5px;font-weight:750;text-decoration:none}
body:not(.page-dashboard):not(.login-page) :is(.team-family,.commercial-family,.pf-switch) a.active{border-color:var(--text);background:var(--text);color:var(--surface)}
body:not(.page-dashboard):not(.login-page) :is(.trend-kpi,.team-kpi,.opportunity-kpis .kpi,.pf-kpi){padding:14px}
body:not(.page-dashboard):not(.login-page) :is(.trends-card-head,.team-head,.opportunity-section,.pf-section){padding:16px 17px}
body:not(.page-dashboard):not(.login-page) table :is(th,td){padding-top:9px;padding-bottom:9px}
body.page-products .products-command{gap:10px;padding:13px 15px;margin-bottom:10px}
body.page-products .products-filter-stack{gap:7px;margin-bottom:10px}
body.page-products .products-filter-line{padding:8px 10px}
body.page-customers .bulk-toolbar:not(.is-active){padding:9px 12px;margin-bottom:10px}
body.page-customers .bulk-toolbar:not(.is-active) .bulk-toolbar-head{margin-bottom:0}
body.page-customers .bulk-toolbar:not(.is-active) .bulk-action-grid{display:none}
body.page-customers .customer-directory-head{gap:10px;margin-top:18px}
body.page-customers .customer-directory-tools{gap:7px}

/* Keep the customer directory a compact, scrollable table on laptops. */
@media(min-width:1501px) and (max-width:1800px){
 body.page-customers .customer-table-wrap{overflow-x:auto!important}
 body.page-customers .customer-table-wrap table{display:table!important;min-width:1180px!important;overflow:visible!important;white-space:nowrap!important;background:var(--surface)!important;border:1px solid var(--line)!important}
 body.page-customers .customer-table-wrap thead{display:table-header-group!important}
 body.page-customers .customer-table-wrap tbody{display:table-row-group!important}
 body.page-customers .customer-table-wrap tbody tr{display:table-row!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
 body.page-customers .customer-table-wrap tbody td{display:table-cell!important;padding:9px 10px!important;border-bottom:1px solid var(--line)!important}
 body.page-customers .customer-table-wrap tbody td[data-col]::before{display:none!important}
 body.page-customers .customer-table-wrap .customer-select-cell{position:static!important}
 body.page-customers .customer-main-cell{padding-right:10px!important}
}

@media(max-width:760px){
 body:not(.page-dashboard):not(.login-page) .content{padding-inline:16px}
 body:not(.page-dashboard):not(.login-page) :is(.trends-filter-card,.team-filter,.pf-filters,.opportunity-filters,.orders-filters,.products-advanced-filters,.customers-filters){padding:11px}
 body:not(.page-dashboard):not(.login-page) :is(.team-family,.commercial-family,.pf-switch){flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}
 body:not(.page-dashboard):not(.login-page) :is(.team-family,.commercial-family,.pf-switch) a{flex:0 0 auto;white-space:nowrap}
}

/* Explicit Light always wins over the legacy system-dark presentation. */
:root[data-theme="light"] .content>.breadcrumbs{
 background:rgba(255,255,255,.78)!important;
 border-color:rgba(229,228,223,.9)!important;
 color:var(--muted)!important;
}
:root[data-theme="light"] body.page-products .products-command{
 background:linear-gradient(125deg,var(--warning-soft) 0%,var(--bg-surface) 58%,var(--info-soft) 100%)!important;
 border-color:color-mix(in srgb,var(--warning) 24%,var(--border-default))!important;
 color:var(--text)!important;
}
:root[data-theme="light"] body.page-products :is(.products-filter-line,.products-advanced-filters){
 background:var(--bg-surface)!important;
 border-color:var(--border-default)!important;
 color:var(--text)!important;
}

.ci-channel-cards{display:none}
.ci-data-pending{display:inline-flex;align-items:center;padding:5px 9px;border:1px dashed #d4a85b;border-radius:999px;background:#fff8e8;color:#825f1f;font-size:11px;font-weight:800;white-space:nowrap}
@media(max-width:1100px){
 .ci-table{display:none!important}
 .table-wrap:has(>.ci-table){display:none}
 .ci-table+.ci-channel-cards,.table-wrap+.ci-channel-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .ci-performance-section{padding:20px!important;border-radius:18px!important;background:var(--surface)!important;box-shadow:0 10px 28px rgba(36,75,96,.055)!important}
 .ci-performance-section>.section-title{margin:0 0 16px;padding:0 2px 16px;border-bottom:1px solid var(--line)}
 .ci-performance-section>.section-title h2{margin:4px 0 7px!important}
 .ci-performance-section>.section-title p{max-width:780px;margin:0;font-size:13px;line-height:1.5}
 .ci-channel-card{position:relative;padding:15px;border:1px solid var(--line);border-top:3px solid var(--score-tone,var(--babyblue-strong));border-radius:13px;background:var(--surface);box-shadow:0 5px 15px rgba(36,75,96,.04)}
 .ci-channel-card.score-strong{--score-tone:#71bea3}.ci-channel-card.score-medium{--score-tone:#e6bf69}.ci-channel-card.score-low{--score-tone:#de8f9d}.ci-channel-card.score-pending{--score-tone:#9cb6c1}
 .ci-channel-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
 .ci-channel-card-head a{color:var(--text);font-size:17px;font-weight:850;text-decoration:none}
 .ci-channel-card-score{display:grid;place-items:center;min-width:42px;height:42px;padding:0 8px;border:2px solid color-mix(in srgb,var(--score-tone) 60%,#fff);border-radius:999px;background:color-mix(in srgb,var(--score-tone) 13%,var(--surface));color:color-mix(in srgb,var(--score-tone) 72%,#173644);font-size:15px}
 .ci-channel-card-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 16px;padding-top:13px}
 .ci-channel-card-metrics div{min-width:0;padding:7px 8px;border-radius:8px;background:color-mix(in srgb,var(--surface-alt) 72%,transparent)}
 .ci-channel-card-metrics small,.ci-channel-card-metrics b{display:block}
 .ci-channel-card-metrics small{margin-bottom:3px;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
 .ci-channel-card-metrics b{font-size:14px;overflow-wrap:anywhere}
}
@media(max-width:700px){
 .ci-table+.ci-channel-cards,.table-wrap+.ci-channel-cards{grid-template-columns:1fr}
}

/* Channel Intelligence — compact, readable decision cells. */
body.page-channel-intelligence .ci-filters :is(select,input){min-height:46px!important;padding-inline:14px!important;border:1px solid color-mix(in srgb,var(--babyblue-strong) 45%,var(--border))!important;border-radius:13px!important;background:var(--surface)!important;box-shadow:0 3px 10px rgba(36,75,96,.045)!important}
body.page-channel-intelligence .ci-filters>.ci-custom-date{display:none}
body.page-channel-intelligence .ci-filters:has(select[name="period"] option[value="custom"]:checked)>.ci-custom-date{display:block}
body.page-channel-intelligence .ci-filters button{min-height:46px!important;border-radius:13px!important}
body.page-channel-intelligence .ci-kpis{gap:13px}
body.page-channel-intelligence .ci-kpi{position:relative;align-content:start;min-height:116px!important;padding:18px 20px 17px 23px!important;overflow:hidden;border:1px solid var(--line)!important;border-radius:15px!important;background:var(--surface)!important;box-shadow:0 6px 18px rgba(36,75,96,.045)!important}
body.page-channel-intelligence .ci-kpi::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--ci-tone,var(--babyblue-strong))}
body.page-channel-intelligence .ci-kpi::after{display:none}
body.page-channel-intelligence .ci-kpi:nth-child(2){--ci-tone:#efb6c7}body.page-channel-intelligence .ci-kpi:nth-child(3){--ci-tone:#efd39a}body.page-channel-intelligence .ci-kpi:nth-child(4){--ci-tone:#a9d7c7}body.page-channel-intelligence .ci-kpi:nth-child(5){--ci-tone:#c8d8d0}body.page-channel-intelligence .ci-kpi:nth-child(6){--ci-tone:#aacfd0}
body.page-channel-intelligence .ci-kpi>span{font-size:11px;font-weight:800;letter-spacing:.025em;color:var(--muted);text-transform:uppercase}
body.page-channel-intelligence .ci-kpi>strong{position:relative;z-index:1;margin-top:2px;font-size:clamp(22px,2.2vw,29px)!important;line-height:1.08;letter-spacing:-.025em}
body.page-channel-intelligence .ci-kpi>small{position:relative;z-index:1;font-size:12px;line-height:1.35}
@media(max-width:1100px){
 body.page-channel-intelligence .ci-filters{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;padding:12px!important;border-radius:18px!important;background:color-mix(in srgb,var(--surface) 94%,#dff2fc)!important;box-shadow:0 8px 22px rgba(36,75,96,.05)!important}
 body.page-channel-intelligence .ci-filters:has(select[name="period"] option[value="custom"]:checked){grid-template-columns:repeat(5,minmax(0,1fr))!important}
 body.page-channel-intelligence .ci-filters :is(select,input){min-height:42px!important;padding-inline:11px!important;border-radius:11px!important;font-size:14px!important;box-shadow:none!important}
 body.page-channel-intelligence .ci-filters button{min-height:42px!important;width:100%!important;padding-inline:14px!important;border-radius:11px!important}
 body.page-channel-intelligence .ci-kpi{min-height:108px!important;padding:16px 17px 15px 21px!important}
}
@media(max-width:760px){body.page-channel-intelligence .ci-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){
 body.page-channel-intelligence .ci-kpis{gap:10px}
 body.page-channel-intelligence .ci-kpi{min-height:102px!important}
}
@media(max-width:520px){body.page-channel-intelligence .ci-filters{grid-template-columns:1fr!important}}
body.page-channel-intelligence .ci-matrix:has(.ci-matrix-empty){display:grid;place-items:center;height:210px!important;background:color-mix(in srgb,var(--surface-alt) 55%,var(--surface))!important}
body.page-channel-intelligence .ci-matrix:has(.ci-matrix-empty)>.q{display:none}
body.page-channel-intelligence .ci-matrix-empty{display:grid;justify-items:center;gap:8px;max-width:440px;padding:28px;text-align:center}
body.page-channel-intelligence .ci-matrix-empty::before{content:"";width:42px;height:42px;border:2px dashed var(--babyblue-strong);border-radius:50%;background:radial-gradient(circle,var(--accent-soft) 0 35%,transparent 38%)}
body.page-channel-intelligence .ci-matrix-empty strong{font-size:17px}
body.page-channel-intelligence .ci-matrix-empty span{color:var(--muted);font-size:13px;line-height:1.45}

/* Products — one compact command and filter workspace. */
body.page-products .products-command{grid-template-columns:minmax(150px,1fr) auto auto!important;gap:12px!important;padding:12px 14px!important;border-color:var(--line)!important;border-radius:16px!important;background:var(--surface)!important;box-shadow:0 7px 20px rgba(36,75,96,.045)!important}
body.page-products .products-count strong{font-size:22px}
body.page-products .products-primary-actions>.btn.accent{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:132px;height:42px;padding:0 15px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border-default));border-radius:12px;background:var(--accent-soft);color:var(--ink-deep);font-size:13px;font-weight:850;white-space:nowrap;box-shadow:none}
body.page-products .products-primary-actions>.btn.accent::before{content:"+";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--text-inverse);font-size:17px;line-height:1}
body.page-products .products-primary-actions>.btn.accent:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 82%,var(--bg-surface));transform:translateY(-1px)}
body.page-products .products-command>.report-export-controls{grid-column:auto!important;display:flex!important;gap:5px!important;padding:5px!important;border:1px solid var(--line);border-radius:12px;background:var(--surface-alt)}
body.page-products .products-command .export-btn{min-width:48px!important;height:36px!important;min-height:36px!important;padding:7px 9px!important;font-size:0!important;border:0!important;border-radius:9px!important;background:transparent!important}
body.page-products .products-command .export-btn::after{font-size:10px;font-weight:850}
body.page-products .products-command .export-btn[href*="export=csv"]::after{content:"CSV"}
body.page-products .products-command .export-btn[href*="export=xls"]::after{content:"XLS"}
body.page-products .products-command .export-btn[href*="export=pdf"]::after{content:"PDF"}
body.page-products .products-command .export-btn[href*="export=print"]::after{content:"Εκτύπ."}
body.page-products .products-filter-stack{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px!important}
body.page-products .products-filter-line{min-width:0;padding:9px 11px!important;border-radius:14px!important;box-shadow:none!important}
body.page-products .products-filter-line .report-period-controls:has(.period-pills a.active) .report-period-custom{display:none}
body.page-products .products-filter-line .period-pills{min-width:0}
body.page-products .products-filter-line .period-pills a{padding:7px 10px;font-size:12px}
body.page-products .products-advanced-filters{border-radius:14px!important;background:var(--surface)!important;box-shadow:0 6px 18px rgba(36,75,96,.035)!important}
body.page-products .products-advanced-filters :is(input,select,.btn){height:40px!important;min-height:40px!important;border-radius:11px!important}
/* Ίδιο όριο με το products.php (1100px): από 901 έως 1100px εμφανίζεται η πλαϊνή μπάρα και τα κουμπιά εξαγωγής δεν χωρούσαν σε τρίτη στήλη — κόβονταν 163–184px. */
@media(max-width:1100px){body.page-products .products-command{grid-template-columns:1fr auto!important}body.page-products .products-command>.report-export-controls{grid-column:1/-1!important;justify-self:start}}@media(max-width:760px){body.page-products .products-filter-stack{grid-template-columns:1fr!important}}
@media(max-width:560px){body.page-products .products-command{grid-template-columns:1fr!important}body.page-products .products-primary-actions{flex-wrap:wrap}body.page-products .products-command>.report-export-controls{width:auto!important}body.page-products .products-advanced-filters{grid-template-columns:1fr!important}body.page-products .products-advanced-filters input{grid-column:auto!important}}

body.page-products .product-cards-grid{grid-auto-rows:1fr;gap:12px}
body.page-products .product-card{position:relative;gap:9px;padding:13px;border:1px solid var(--line);border-top:3px solid #b8dfea;border-radius:15px;box-shadow:0 6px 18px rgba(36,75,96,.045)}
body.page-products .product-card .pc-photo-row{min-height:148px;margin:-3px -3px 2px;padding:8px;align-items:center;border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,#e8f5fa 40%,var(--surface)),var(--surface))}
body.page-products .product-card .product-photo-frame.ph-lg{width:128px;height:128px;border:0;background:transparent}
body.page-products .product-card .pc-name{min-height:36px;font-size:14px;font-weight:850;line-height:1.25}
body.page-products .product-card .pc-commerce{display:grid;grid-template-columns:1fr 1fr;gap:7px}
body.page-products .product-card .pc-commerce span{min-width:0;padding:8px;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:9px;background:var(--surface)}
body.page-products .product-card .pc-commerce small,body.page-products .product-card .pc-commerce strong{display:block}
body.page-products .product-card .pc-commerce small{margin-bottom:3px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
body.page-products .product-card .pc-commerce strong{font-size:12px;line-height:1.25;overflow-wrap:anywhere}
body.page-products .product-card .pc-stats{gap:6px;margin-top:0;padding:9px;border-radius:10px;background:color-mix(in srgb,var(--surface-alt) 72%,transparent)}
body.page-products .product-card .pc-stats strong{font-size:15px}
body.page-products .product-card .pc-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:25px}
body.page-products .product-card .pc-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto!important;padding-top:3px}
body.page-products .product-card .pc-actions .btn{display:flex;align-items:center;justify-content:center;min-height:36px;padding:7px 9px;border-radius:10px;font-size:11px;font-weight:800;text-align:center}

/* Dashboard personal view — structured, responsive editor */
.dashboard-widget-panel{width:min(940px,100%);max-height:min(820px,92vh);padding:0;overflow:auto;border-radius:24px}
.dashboard-widget-panel-head{position:sticky;top:0;z-index:3;padding:22px 24px 16px;background:color-mix(in srgb,var(--surface) 96%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.dashboard-widget-panel-head h2{font-size:24px}.dashboard-widget-intro{margin:16px 24px 0!important}
.dashboard-view-workspace{margin:18px 24px 0;padding:16px;border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--surface-soft) 88%,var(--accent-soft))}
.dashboard-view-controls{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;margin:0}.dashboard-view-controls label{min-width:0}.dashboard-view-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.dashboard-view-actions .btn{min-height:40px;padding:8px 12px}.dashboard-view-actions .danger{margin-left:3px;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 28%,var(--line))}
.dashboard-view-editor{display:grid;grid-template-columns:minmax(0,1fr) 210px;margin-top:12px}.dashboard-view-editor label{min-width:0!important}
.dashboard-widget-list-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:22px 24px 10px}.dashboard-widget-list-head div{display:grid;gap:3px}.dashboard-widget-list-head strong{font-size:14px}.dashboard-widget-list-head span{color:var(--muted);font-size:10px}
.dashboard-widget-options{gap:9px;margin:0 24px 20px}.dashboard-widget-option{grid-template-columns:auto minmax(180px,1fr) auto auto;gap:14px;padding:13px 14px;background:color-mix(in srgb,var(--surface-soft) 92%,var(--surface));transition:border-color .18s,background .18s}.dashboard-widget-option:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--surface-soft) 88%,var(--accent-soft))}
.dashboard-widget-option>input{width:20px;height:20px}.dashboard-widget-identity{display:grid;gap:3px;min-width:0}.dashboard-widget-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.dashboard-widget-identity span{color:var(--muted);font-size:9px}
.dashboard-widget-preferences{display:flex;align-items:center;gap:8px}.dashboard-widget-preferences select{width:112px}.dashboard-widget-mini-toggle{display:flex;align-items:center;gap:5px;padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:10px}.dashboard-widget-mini-toggle input{margin:0}
.dashboard-widget-order-group{display:flex;gap:5px}.dashboard-widget-order{width:36px;height:36px}.dashboard-widget-panel-actions{position:sticky;bottom:0;z-index:3;margin-top:0;padding:15px 24px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(14px)}
@media(max-width:760px){.dashboard-widget-dialog{padding:8px}.dashboard-widget-panel{max-height:96vh;border-radius:20px}.dashboard-widget-panel-head{padding:18px}.dashboard-widget-panel-head h2{font-size:21px}.dashboard-widget-intro{margin:14px 18px 0!important}.dashboard-view-workspace{margin:16px 18px 0;padding:13px}.dashboard-view-controls,.dashboard-view-editor{grid-template-columns:1fr}.dashboard-view-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:10px}.dashboard-view-actions .btn{width:100%;margin:0}.dashboard-widget-list-head{margin:20px 18px 9px}.dashboard-widget-list-head>span{display:none}.dashboard-widget-options{margin:0 18px 16px}.dashboard-widget-option{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px}.dashboard-widget-preferences{grid-column:2/-1;display:grid;grid-template-columns:1fr 1fr}.dashboard-widget-preferences select{grid-column:1/-1;width:100%}.dashboard-widget-mini-toggle{justify-content:center}.dashboard-widget-order-group{grid-column:3;grid-row:1}.dashboard-widget-panel-actions{padding:13px 18px}.dashboard-widget-panel-actions .btn{width:100%}}
@media(max-width:430px){.dashboard-view-actions{grid-template-columns:1fr}.dashboard-widget-option{padding:12px}.dashboard-widget-preferences{grid-template-columns:1fr}.dashboard-widget-preferences select{grid-column:auto}.dashboard-widget-mini-toggle{justify-content:flex-start}.dashboard-widget-identity strong{white-space:normal}}

/* Unified application fields */
body:not(.login-page) :where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]),select,textarea){min-height:44px;padding:10px 13px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:12px;background:var(--surface);color:var(--text);font:inherit;box-shadow:0 2px 7px rgba(36,75,96,.025);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}
body:not(.login-page) :where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]),select,textarea):hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 52%,var(--border))}
body:not(.login-page) :where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]),select,textarea):focus{outline:0;border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus-ring) 18%,transparent),0 3px 10px rgba(36,75,96,.035);background:var(--surface)}
body:not(.login-page) :where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]),select,textarea):disabled{border-color:color-mix(in srgb,var(--border) 82%,transparent);background:color-mix(in srgb,var(--surface-secondary) 72%,var(--surface));color:var(--muted);box-shadow:none;cursor:not-allowed}
body:not(.login-page) :where(.field>label,.form-field>label){color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.018em}
body:not(.login-page) textarea{min-height:96px;line-height:1.5;resize:vertical}
@media(max-width:700px){body:not(.login-page) :where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]),select){min-height:46px}}

/* Dashboard intelligence widgets — shared visual language */
.dash-intel-widget,.op-widget,.fc-widget,.dashboard-smart-widget,.dashboard-event-calendar,section.card:has(>.section-title a[href="/product-intelligence.php"]){margin:16px 0!important;padding:20px!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-card)!important;background:var(--surface)!important;box-shadow:none!important}
.dash-intel-head,.op-widget-head,.fc-widget-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.dash-intel-head>div:first-child,.op-widget-head>div:first-child,.fc-widget-head>div:first-child{min-width:0}.dash-intel-kicker,.op-widget-kicker,.fc-widget-kicker{display:block;color:var(--accent)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.13em!important;text-transform:uppercase}.dash-intel-head h2,.op-widget-head h2,.fc-widget-head h2{margin:4px 0 3px!important;font-size:clamp(20px,2.5vw,27px)!important;line-height:1.12}.dash-intel-head p,.op-widget-head p,.fc-widget-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.4}.dash-intel-head>.btn,.op-widget-head>.btn,.fc-widget-head>.btn{flex:0 0 auto;min-height:40px}
.dash-intel-title{display:flex;align-items:flex-start;gap:14px;min-width:0}.dash-intel-title>div{min-width:0}.dash-intel-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid rgba(35,39,42,.08);border-radius:14px;background:radial-gradient(circle at 18% 18%,rgba(134,185,184,.68),transparent 48%),radial-gradient(circle at 88% 78%,rgba(255,190,183,.62),transparent 52%),linear-gradient(145deg,#fbfcfc,#f4f2ed);color:#17191b;box-shadow:0 9px 24px rgba(44,56,64,.09)}.dash-intel-icon svg{width:20px;height:20px}.dash-intel-icon.is-health,.dash-intel-icon.is-portfolio{background-image:radial-gradient(circle at 18% 18%,rgba(130,211,191,.7),transparent 48%),radial-gradient(circle at 88% 78%,rgba(196,217,218,.6),transparent 52%),linear-gradient(145deg,#fbfcfc,#f4f2ed)}.dash-intel-icon.is-forecast,.dash-intel-icon.is-products{background-image:radial-gradient(circle at 18% 18%,rgba(255,211,139,.72),transparent 48%),radial-gradient(circle at 88% 78%,rgba(255,185,188,.58),transparent 52%),linear-gradient(145deg,#fbfcfc,#f4f2ed)}
.op-widget-head>div:first-child,.fc-widget-head>div:first-child,.channel-dashboard-widget .dash-intel-head>div:first-child,.portfolio-dashboard-widget .dash-intel-head>div:first-child,section.card:has(>.section-title a[href="/product-intelligence.php"])>.section-title>div:first-child{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px}.op-widget-head>div:first-child::before,.fc-widget-head>div:first-child::before,.channel-dashboard-widget .dash-intel-head>div:first-child::before,.portfolio-dashboard-widget .dash-intel-head>div:first-child::before,section.card:has(>.section-title a[href="/product-intelligence.php"])>.section-title>div:first-child::before{content:"";grid-column:1;grid-row:1/4;width:44px;height:44px;border:1px solid rgba(35,39,42,.08);border-radius:14px;background:var(--dash-intel-symbol) center/20px no-repeat,radial-gradient(circle at 18% 18%,rgba(134,185,184,.68),transparent 48%),radial-gradient(circle at 88% 78%,rgba(255,190,183,.62),transparent 52%),linear-gradient(145deg,#fbfcfc,#f4f2ed);box-shadow:0 9px 24px rgba(44,56,64,.09)}.op-widget-head>div:first-child>*,.fc-widget-head>div:first-child>*,.channel-dashboard-widget .dash-intel-head>div:first-child>*,.portfolio-dashboard-widget .dash-intel-head>div:first-child>*,section.card:has(>.section-title a[href="/product-intelligence.php"])>.section-title>div:first-child>*{grid-column:2}.op-widget{--dash-intel-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317191b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18l5-5 4 3 8-10'/%3E%3Cpath d='M15 6h5v5'/%3E%3C/svg%3E")}.fc-widget{--dash-intel-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317191b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10M11 20V4M18 20v-7'/%3E%3C/svg%3E")}.channel-dashboard-widget{--dash-intel-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317191b' stroke-width='1.8'%3E%3Ccircle cx='5' cy='6' r='2'/%3E%3Ccircle cx='5' cy='18' r='2'/%3E%3Ccircle cx='18' cy='12' r='2'/%3E%3Cpath d='M7 6h5a3 3 0 013 3M7 18h5a3 3 0 003-3'/%3E%3C/svg%3E")}.portfolio-dashboard-widget{--dash-intel-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317191b' stroke-width='1.8'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 20c0-4 3-6 7-6s7 2 7 6'/%3E%3C/svg%3E")}section.card:has(>.section-title a[href="/product-intelligence.php"]){--dash-intel-symbol:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317191b' stroke-width='1.8'%3E%3Cpath d='M21 8l-9-5-9 5 9 5 9-5zM3 8v8l9 5 9-5V8M12 13v8'/%3E%3C/svg%3E")}
.dash-intel-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.dash-intel-metrics-four{grid-template-columns:repeat(4,minmax(0,1fr))}.dash-intel-metric{position:relative;min-width:0;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:var(--surface-secondary);overflow:hidden}.dash-intel-metric::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent)}.dash-intel-metric.is-positive::before{background:var(--success)}.dash-intel-metric.is-warning::before{background:#d8a33d}.dash-intel-metric.is-danger::before{background:var(--danger)}.dash-intel-metric.is-muted::before{background:var(--muted)}.dash-intel-metric small{display:block;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.dash-intel-metric strong{display:block;margin-top:6px;font-size:clamp(17px,2vw,22px);line-height:1.15;overflow-wrap:anywhere}.dash-intel-metric span{display:block;margin-top:4px;color:var(--muted);font-size:10px}
.dash-intel-widget .empty-state,.op-widget-empty{margin-top:18px;min-height:100px;display:grid;place-items:center;border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,var(--accent-soft));color:var(--muted)}
.comm-followup-widget .comm-followup-list{margin-top:18px}.comm-followup-widget .comm-followup-item{border-color:var(--line);background:var(--surface-secondary)}
section.card:has(>.section-title a[href="/product-intelligence.php"])>.section-title{margin:0 0 18px!important}section.card:has(>.section-title a[href="/product-intelligence.php"]) .eyebrow{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.13em}section.card:has(>.section-title a[href="/product-intelligence.php"])>.grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}section.card:has(>.section-title a[href="/product-intelligence.php"]) .kpi{min-width:0;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:var(--surface-secondary)}
section.card:has(>.section-title a[href="/product-intelligence.php"]) .kpi>span{font-size:9px;font-weight:850;letter-spacing:.06em}
section.card:has(>.section-title a[href="/product-intelligence.php"]) .kpi>strong{margin-top:6px;font-size:clamp(17px,2vw,22px);line-height:1.15;letter-spacing:0;overflow-wrap:anywhere;text-transform:none}
section.card:has(>.section-title a[href="/product-intelligence.php"]) .kpi>small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.4;text-transform:none;letter-spacing:0}
section.card:has(>.section-title a[href="/product-intelligence.php"])>.section-title h2{margin:4px 0 3px;font-size:clamp(20px,2.5vw,27px);line-height:1.12}section.card:has(>.section-title a[href="/product-intelligence.php"])>.section-title>a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:11px;color:var(--text);font-weight:800;background:var(--surface);white-space:nowrap}
body.page-dashboard .dash-intel-head>.btn.secondary,
body.page-dashboard section.card:has(>.section-title a[href="/product-intelligence.php"])>.section-title>a{
 min-height:40px;
 padding:8px 14px;
 border:1px solid var(--border);
 border-radius:11px;
 background:var(--surface);
 color:var(--text);
 font-weight:800;
 box-shadow:none;
}
body.page-dashboard .dash-intel-head>.btn.secondary:hover,
body.page-dashboard section.card:has(>.section-title a[href="/product-intelligence.php"])>.section-title>a:hover{
 border-color:color-mix(in srgb,var(--accent) 30%,var(--border));
 background:var(--accent-soft);
 color:var(--text);
}
:root[data-theme="dark"] .dash-intel-widget,:root[data-theme="dark"] .op-widget,:root[data-theme="dark"] .fc-widget,:root[data-theme="dark"] section.card:has(>.section-title a[href="/product-intelligence.php"]){background:var(--surface)!important;border-color:var(--border)!important}:root[data-theme="dark"] .dash-intel-metric,:root[data-theme="dark"] .op-widget-metric,:root[data-theme="dark"] .fc-widget-metric,:root[data-theme="dark"] .comm-followup-item,:root[data-theme="dark"] section.card:has(>.section-title a[href="/product-intelligence.php"]) .kpi{background:var(--surface-soft)!important;border-color:var(--border)!important}
@media(max-width:900px){.dash-intel-metrics-four,section.card:has(>.section-title a[href="/product-intelligence.php"])>.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.dash-intel-widget,.op-widget,.fc-widget,section.card:has(>.section-title a[href="/product-intelligence.php"]){padding:18px!important;border-radius:var(--radius-card)!important}.dash-intel-head,.op-widget-head,.fc-widget-head{display:grid}.dash-intel-head>.btn,.op-widget-head>.btn,.fc-widget-head>.btn{width:100%;text-align:center}.dash-intel-metrics,.dash-intel-metrics-four{grid-template-columns:1fr 1fr}.dash-intel-metric{padding:12px}.comm-followup-widget .comm-widget-head button{width:100%}.dash-intel-icon{width:40px;height:40px;flex-basis:40px;border-radius:var(--radius-card-sm)}}
@media(max-width:460px){.dash-intel-metrics,.dash-intel-metrics-four,section.card:has(>.section-title a[href="/product-intelligence.php"])>.grid{grid-template-columns:1fr!important}.dash-intel-metric strong{font-size:19px}}

/* Explicit light-theme calendar surfaces override an OS-level dark preference. */
:root[data-theme="light"] .cal-dow{background:var(--surface-soft);color:var(--muted)}
:root[data-theme="light"] .cal-day{background:var(--surface);color:var(--text)}
:root[data-theme="light"] .cal-day.empty-day{background:var(--surface-soft)}

/* Dashboard harmony pass — align the complete widget stack to one system. */
body.page-dashboard{
 --dashboard-widget-radius:var(--radius-card);
 --dashboard-widget-padding:20px;
 --dashboard-widget-gap:16px;
 --dashboard-widget-border:var(--border-default);
 --dashboard-widget-shadow:none;
 background:var(--bg-page);
}
body.page-dashboard :is(.dash-intel-widget,.dashboard-unified-widget,.manager-focus-card,.team-command-card,.collaboration-balance-widget,.content>.card.dashboard-widget-size-medium){
 position:relative;
 overflow:hidden;
 border:1px solid var(--dashboard-widget-border)!important;
 border-radius:var(--dashboard-widget-radius)!important;
 background:var(--bg-surface)!important;
 box-shadow:var(--dashboard-widget-shadow)!important;
}
body.page-dashboard :is(.dash-intel-widget,.dashboard-unified-widget,.team-command-card,.collaboration-balance-widget,.content>.card.dashboard-widget-size-medium){margin:var(--dashboard-widget-gap) 0!important}
body.page-dashboard :is(.dash-intel-widget,.dashboard-unified-widget,.manager-focus-card,.team-command-card,.collaboration-balance-widget,.content>.card.dashboard-widget-size-medium):before{
 display:none;
}
body.page-dashboard :is(.dashboard-unified-head,.team-command-head){
 min-height:0;
 padding:var(--dashboard-widget-padding) var(--dashboard-widget-padding) 16px;
 border:0;
 border-bottom:1px solid var(--border-subtle);
 background:var(--bg-surface)!important;
}
body.page-dashboard :is(.dashboard-unified-head,.team-command-head) h2{
 margin:4px 0 3px!important;
 font-size:clamp(20px,2.5vw,27px)!important;
 line-height:1.12;
}
body.page-dashboard :is(.dashboard-unified-kicker,.team-command-kicker){
 color:var(--accent)!important;
 font-size:10px!important;
 font-weight:900!important;
 letter-spacing:.13em!important;
}
body.page-dashboard :is(.dashboard-unified-head,.team-command-head) p{font-size:12px;line-height:1.4}
body.page-dashboard :is(.dashboard-unified-head,.team-command-head)>.btn,
body.page-dashboard .dashboard-unified-head>a{min-height:40px}
body.page-dashboard .dashboard-role-widgets{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dashboard-widget-gap)}
body.page-dashboard .dashboard-role-widget,
body.page-dashboard .dashboard-role-widget:nth-child(n){grid-column:span 1}
body.page-dashboard .dashboard-role-metrics{padding:2px var(--dashboard-widget-padding) var(--dashboard-widget-padding)}
body.page-dashboard .dashboard-role-metrics>a{min-height:118px;border-radius:14px;background:var(--surface-secondary)}
body.page-dashboard .dashboard-smart-widget .dashboard-question-chips{padding:2px var(--dashboard-widget-padding) var(--dashboard-widget-padding)}
body.page-dashboard .dashboard-event-calendar>header{padding-bottom:16px}
body.page-dashboard .manager-focus-card{border-radius:var(--dashboard-widget-radius)!important;background:var(--bg-surface)!important}
body.page-dashboard .collaboration-balance-widget{padding:var(--dashboard-widget-padding)!important}
body.page-dashboard .collaboration-balance-widget>.section-title{margin:0 0 18px!important}
body.page-dashboard .team-role-tabs{margin:0 var(--dashboard-widget-padding) 16px}
body.page-dashboard .team-role-panel{margin:0 var(--dashboard-widget-padding) var(--dashboard-widget-padding)}
body.page-dashboard .manager-dashboard>.card:last-of-type{padding:var(--dashboard-widget-padding)!important}
body.page-dashboard .manager-dashboard>.card:last-of-type>.section-title{margin:0 0 18px!important}
:root[data-theme="dark"] body.page-dashboard :is(.dash-intel-widget,.dashboard-unified-widget,.manager-focus-card,.team-command-card,.collaboration-balance-widget,.content>.card.dashboard-widget-size-medium){background:var(--bg-surface)!important;border-color:var(--border-default)!important}
:root[data-theme="dark"] body.page-dashboard :is(.dashboard-unified-head,.team-command-head),
:root:not([data-theme="light"]) body.page-dashboard :is(.dashboard-unified-head,.team-command-head){background:var(--app-pastel-surface)!important;border-color:var(--border-default)!important}
@media(max-width:780px){
 body.page-dashboard .dashboard-role-widgets{grid-template-columns:1fr}
 body.page-dashboard .dashboard-role-widget,body.page-dashboard .dashboard-role-widget:nth-child(n){grid-column:auto}
}
@media(max-width:700px){
 body.page-dashboard{--dashboard-widget-radius:17px;--dashboard-widget-padding:18px}
 body.page-dashboard :is(.dashboard-unified-head,.team-command-head){align-items:flex-start;display:grid}
 body.page-dashboard :is(.dashboard-unified-head,.team-command-head)>.btn,
 body.page-dashboard .dashboard-unified-head>a{width:100%;text-align:center}
 body.page-dashboard .team-role-tabs{overflow-x:auto}
}

/* Keep the event calendar heading and actions aligned with the widget grid. */
body.page-dashboard .dashboard-event-calendar>.dashboard-unified-head{
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 align-items:center;
 gap:18px;
 padding:20px 20px 16px;
}
body.page-dashboard .dashboard-event-calendar>.dashboard-unified-head>.dashboard-unified-title{
 justify-self:start;
 width:100%;
 text-align:left;
}
body.page-dashboard .dashboard-event-calendar>.dashboard-unified-head>.page-actions{
 display:flex;
 align-items:center;
 justify-content:flex-end;
 gap:10px;
 width:auto;
}
body.page-dashboard .dashboard-event-calendar .event-calendar-weekdays{display:none}
body.page-dashboard .dashboard-event-calendar .event-calendar-grid{display:block;padding:12px 20px 20px}
body.page-dashboard .dashboard-event-calendar .event-calendar-day{display:none;min-height:0;margin-bottom:8px;padding:10px;border:1px solid var(--line)!important;border-radius:13px}
body.page-dashboard .dashboard-event-calendar .event-calendar-day.is-window-day{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;opacity:1;background:var(--bg-surface)}
body.page-dashboard .dashboard-event-calendar .event-calendar-day.is-today{border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 5%,var(--bg-surface));box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 9%,transparent)}
body.page-dashboard .dashboard-event-calendar .event-calendar-date{display:grid;align-content:center;justify-items:center;gap:2px;margin:0}
body.page-dashboard .dashboard-event-calendar .event-calendar-date>span{font-size:17px}
body.page-dashboard .dashboard-event-calendar .event-calendar-date small{display:block;color:var(--text-secondary);font-size:8px;font-weight:750;text-transform:uppercase}
body.page-dashboard .dashboard-event-calendar .event-calendar-day.is-today .event-calendar-date small{color:var(--accent)}
body.page-dashboard .dashboard-event-calendar .event-calendar-items strong{font-size:11px}
@media(max-width:800px){
 body.page-dashboard main.main section.content>.dashboard-event-calendar{margin-top:28px!important}
 body.page-dashboard .dashboard-event-calendar>.dashboard-unified-head{
  grid-template-columns:1fr;
  align-items:stretch;
  gap:8px;
  padding:18px 16px 14px;
 }
 body.page-dashboard .dashboard-event-calendar .event-calendar-grid{padding:10px 16px 16px}
 body.page-dashboard .dashboard-event-calendar>.dashboard-unified-head>.page-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
 body.page-dashboard .dashboard-event-calendar .dashboard-calendar-link{justify-content:flex-start}
 body.page-dashboard .dashboard-event-calendar .page-actions>.btn{justify-content:center;text-align:center}
}
@media(max-width:430px){
 body.page-dashboard .dashboard-event-calendar>.dashboard-unified-head>.page-actions{grid-template-columns:1fr}
}

/* CRM communication drawer — calmer hierarchy and consistent application controls. */
.comm-drawer-backdrop{background:rgba(15,27,35,.5);backdrop-filter:blur(6px)}
.comm-drawer{
 width:min(680px,100%);
 border-left:1px solid var(--border);
 background:var(--surface);
 box-shadow:-24px 0 60px rgba(18,36,48,.2);
}
.comm-drawer-head{
 position:relative;
 align-items:flex-start;
 padding:26px 28px 22px;
 border-bottom:1px solid var(--border);
 background:linear-gradient(125deg,color-mix(in srgb,var(--surface) 86%,#e5f4fb),color-mix(in srgb,var(--surface) 91%,#fff0f1),color-mix(in srgb,var(--surface) 94%,#fff4dc));
}
.comm-drawer-head::after{content:"";position:absolute;inset:auto 28px 0;height:3px;border-radius:999px;background:linear-gradient(90deg,#86b9b8,#f1b8c7 58%,#f3d59f)}
.comm-drawer-head .eyebrow{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.13em}
.comm-drawer-head h2{margin:5px 0 4px;font-size:clamp(25px,3vw,32px);line-height:1.08;letter-spacing:-.02em}
.comm-drawer-head p{max-width:480px;font-size:13px;line-height:1.45}
.comm-close{
 flex:0 0 42px;
 width:42px;
 height:42px;
 border:1px solid var(--border);
 border-radius:13px;
 background:var(--surface);
 color:var(--text);
 font-size:25px;
 line-height:1;
 box-shadow:0 6px 16px rgba(30,50,62,.08);
 transition:transform .16s ease,background .16s ease,border-color .16s ease;
}
.comm-close:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:var(--accent-soft)}
.comm-drawer form{background:var(--surface)}
.comm-body{gap:15px;padding:22px 28px 28px;background:color-mix(in srgb,var(--surface) 96%,var(--surface-secondary))}
.comm-grid{gap:12px}
.comm-field{gap:6px}
.comm-field label{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.015em}
.comm-field>small{color:var(--muted);font-size:10px;line-height:1.45}
.comm-field input,.comm-field select,.comm-field textarea{
 min-height:44px;
 padding:10px 13px;
 border:1px solid var(--line);
 border-radius:12px;
 background:var(--surface);
 color:var(--text);
 font:inherit;
 box-shadow:0 2px 7px rgba(36,75,96,.024);
 transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.comm-field textarea{min-height:96px;line-height:1.5;resize:vertical}
.comm-field input::placeholder,.comm-field textarea::placeholder{color:color-mix(in srgb,var(--muted) 78%,transparent);opacity:1}
.comm-field input:hover,.comm-field select:hover,.comm-field textarea:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--border))}
.comm-field input:focus,.comm-field select:focus,.comm-field textarea:focus{outline:0;border-color:color-mix(in srgb,var(--accent) 68%,var(--border));background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent),0 5px 15px rgba(31,48,66,.04)}
.comm-search-results{margin-top:6px;border-color:var(--border);background:var(--surface);box-shadow:0 18px 42px rgba(18,36,48,.17)}
.comm-search-results[hidden],.comm-customer-card[hidden],[data-comm-follow-date][hidden]{display:none!important}
.comm-search-results button:hover{background:var(--accent-soft)}
.comm-customer-card{padding:14px 16px;border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--surface) 88%,var(--accent-soft))}
.comm-follow-toggle{align-items:center;padding:14px 15px;border-color:var(--border);background:var(--surface);box-shadow:0 3px 10px rgba(31,48,66,.025)}
.comm-follow-toggle:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));background:color-mix(in srgb,var(--surface) 94%,var(--accent-soft))}
.comm-follow-toggle input{flex:0 0 auto;width:18px;height:18px;accent-color:var(--accent)}
.comm-follow-toggle strong{font-size:13px}
.comm-follow-toggle small{font-size:10px;line-height:1.4}
.comm-advanced{padding:14px 15px;border-color:var(--border);background:var(--surface)}
.comm-advanced summary{font-size:12px;font-weight:800}
.comm-advanced p{margin:9px 0 12px;font-size:10px;line-height:1.45}
.comm-message{min-height:18px;font-size:11px}
.comm-footer{
 position:sticky;
 bottom:0;
 z-index:4;
 gap:9px;
 padding:14px 28px;
 border-color:var(--border);
 background:color-mix(in srgb,var(--surface) 94%,transparent);
 backdrop-filter:blur(14px);
 box-shadow:0 -8px 24px rgba(31,48,66,.05);
}
.comm-footer .btn{min-height:44px;padding:10px 17px;border-radius:11px;font-weight:800}
.comm-footer .btn.primary{background:var(--text);color:var(--surface)}
.comm-step{display:grid;gap:14px;padding:17px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:0 6px 18px rgba(31,48,66,.035)}
.comm-step>header{display:flex;align-items:center;gap:11px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.comm-step>header>span{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:900}
.comm-step:nth-of-type(2)>header>span{background:#f8eaf0;color:#9e5d78}.comm-step:nth-of-type(3)>header>span{background:#fff2d9;color:#9d7227}
.comm-step>header>div{display:grid;gap:2px}.comm-step>header strong{font-size:13px}.comm-step>header small{color:var(--muted);font-size:9.5px;line-height:1.35}
.comm-step .comm-customer-card{margin-top:-3px}.comm-step .comm-follow-toggle,.comm-step .comm-advanced{margin-top:1px}
:root[data-theme="dark"] .comm-step,:root:not([data-theme="light"]) .comm-step{background:var(--surface);border-color:var(--border)}
:root[data-theme="dark"] .comm-drawer-head,
:root:not([data-theme="light"]) .comm-drawer-head{background:var(--surface)}
@media(max-width:680px){
 .comm-drawer-head{padding:20px 18px 18px}
 .comm-drawer-head::after{inset-inline:18px}
 .comm-drawer-head h2{font-size:26px}
 .comm-body{padding:18px 16px 22px}
 .comm-footer{display:grid;grid-template-columns:auto minmax(0,1fr);padding:12px 16px}
 .comm-footer .btn{width:100%}
 .comm-step{padding:14px}
}
@media(max-width:420px){
 .comm-footer{grid-template-columns:1fr}
 .comm-footer .btn.primary{grid-row:1}
}

/* Event composer — compact guided workflow aligned with the selected direction. */
.page-events .event-composer-context{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px;padding:4px 2px;color:var(--muted);font-size:11px}
.page-events .event-composer-context a{color:var(--accent);font-weight:850;text-decoration:none}
.page-events .event-composer-context a:hover{text-decoration:underline}
.page-events .event-composer{margin:0 0 28px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}
.page-events .event-composer-steps{display:grid;grid-template-columns:max-content 1fr max-content 1fr max-content;align-items:center;gap:16px;padding:17px 24px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,var(--surface-secondary))}
.page-events .event-composer-steps span{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap}
.page-events .event-composer-steps span.active{color:var(--text)}
.page-events .event-composer-steps b{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--muted);font-size:11px}
.page-events .event-composer-steps .active b{border-color:var(--accent);background:var(--accent);color:#fff}
.page-events .event-composer-steps i{height:1px;background:var(--line)}
.page-events .event-composer-form{display:block}
.page-events .event-form-section{--event-section-tone:var(--accent);padding:24px 26px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--event-section-tone) 4%,var(--surface))}
.page-events .event-form-section.is-people{--event-section-tone:var(--success)}
.page-events .event-form-section.is-schedule{--event-section-tone:var(--warning)}
.page-events .event-form-section>header{display:flex;align-items:flex-start;gap:13px;margin-bottom:20px}
.page-events .event-section-number{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--event-section-tone) 14%,var(--surface));color:var(--event-section-tone);font-size:14px;font-weight:900}
.page-events .event-form-section h2{margin:1px 0 3px;font-size:18px;line-height:1.2}
.page-events .event-form-section header p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}
.page-events .event-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.page-events .event-form-grid>.full{grid-column:1/-1}
.page-events .event-form-grid .field{min-width:0}
.page-events .event-form-grid .field label{color:var(--muted);font-size:11px;font-weight:800}
.page-events .event-form-grid input,.page-events .event-form-grid select,.page-events .event-form-grid textarea{min-height:44px;padding:10px 13px;border:1px solid color-mix(in srgb,var(--event-section-tone) 22%,var(--input-border));border-radius:12px;background:color-mix(in srgb,var(--event-section-tone) 6%,var(--input-bg));color:var(--input-text);box-shadow:0 2px 7px rgba(36,75,96,.024)}
.page-events .event-form-grid textarea{min-height:88px}
.page-events .event-form-grid input:focus,.page-events .event-form-grid select:focus,.page-events .event-form-grid textarea:focus{outline:0;border-color:var(--event-section-tone);background:var(--input-bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--event-section-tone) 18%,transparent)}
.page-events .event-materials{padding-top:3px}
.page-events .event-materials-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
.page-events .event-materials-head>div{display:grid;gap:3px}
.page-events .event-materials-head small{color:var(--muted);font-size:10px}
.page-events .event-material-row{padding:14px 0;border-top:1px solid var(--line)}
.page-events .event-material-row .event-form-grid{grid-template-columns:minmax(150px,.8fr) minmax(220px,1.4fr) minmax(90px,.45fr) auto;align-items:end;gap:10px}
.page-events .event-material-row .btn{min-height:44px}
.page-events .event-composer-footer{position:sticky;bottom:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 26px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px);box-shadow:0 -7px 22px rgba(31,48,66,.045)}
.page-events .event-composer-footer p{display:flex;align-items:center;gap:7px;margin:0;color:var(--muted);font-size:10px}
.page-events .event-composer-footer p span{color:var(--accent);font-size:14px}
.page-events .event-composer-footer>div{display:flex;gap:9px}
.page-events .event-composer-footer .btn{min-height:44px}
.page-events .event-composer-footer .btn.accent{min-width:210px;background:var(--text);color:var(--surface)}
@media(max-width:760px){
 .page-events .event-composer-context{align-items:flex-start;flex-direction:column}
 .page-events .event-composer-steps{grid-template-columns:1fr 1fr 1fr;gap:8px;padding:14px 16px}
 .page-events .event-composer-steps i{display:none}
 .page-events .event-composer-steps span{align-items:flex-start;white-space:normal}
 .page-events .event-form-section{padding:20px 16px}
 .page-events .event-form-grid{grid-template-columns:1fr;gap:14px}
 .page-events .event-form-grid>.full{grid-column:auto}
 .page-events .event-materials-head,.page-events .event-composer-footer{align-items:stretch;flex-direction:column}
 .page-events .event-materials-head .btn,.page-events .event-composer-footer .btn{width:100%}
 .page-events .event-material-row .event-form-grid{grid-template-columns:1fr}
 .page-events .event-composer-footer{padding:13px 16px}
 .page-events .event-composer-footer>div{display:grid;grid-template-columns:1fr 1.6fr}
}
@media(max-width:460px){
 .page-events .event-composer-steps{display:none}
 .page-events .event-composer-footer>div{grid-template-columns:1fr}
 .page-events .event-composer-footer .btn.accent{grid-row:1;min-width:0}
}

/* Events directory — current application hierarchy with responsive records. */
.page-events .events-directory{display:grid;gap:14px;margin-top:6px}.events-directory-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:4px 3px}.event-directory-eyebrow{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.14em}.events-directory-head h2{margin:5px 0 3px;font-size:22px}.events-directory-head p{margin:0;color:var(--muted);font-size:11px}.events-view-switch{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--surface-secondary)}.events-view-switch .btn{min-height:36px;padding:7px 13px;border:0;border-radius:10px;font-size:11px}.events-directory-filters{display:grid!important;grid-template-columns:minmax(190px,1.1fr) repeat(3,minmax(150px,.8fr)) auto;align-items:end;gap:9px!important;margin:0!important;padding:14px!important;border:1px solid var(--line)!important;border-radius:18px!important;background:var(--surface)!important;box-shadow:0 8px 24px rgba(31,48,66,.04)}.events-directory-filters .field,.events-directory-filters input,.events-directory-filters select,.events-directory-filters .btn{min-width:0}.events-directory-filters input,.events-directory-filters select,.events-directory-filters .btn{min-height:44px}.events-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 10px 30px rgba(31,48,66,.05)}.events-directory-table{width:100%;min-width:1180px;margin:0;border:0;table-layout:fixed}.events-directory-table th{padding:11px 12px;background:var(--surface-secondary);font-size:9px;letter-spacing:.08em}.events-directory-table td{padding:13px 12px;font-size:11px;vertical-align:middle}.events-directory-table tbody tr:hover{background:color-mix(in srgb,var(--accent) 4%,var(--surface))}.events-directory-table td:first-child strong{font-size:12px}.events-directory-table .event-col-title{width:13%}.events-directory-table .event-col-customer{width:19%;white-space:normal;overflow-wrap:break-word;word-break:normal}.events-directory-table .event-col-rep,.events-directory-table .event-col-promoter{width:11%}.events-directory-table .event-col-date{width:12%}.events-directory-table .event-col-type{width:11%}.events-directory-table .event-col-status{width:14%}.events-directory-table td.event-col-status .badge{max-width:100%;padding-left:8px;padding-right:8px;font-size:11px;letter-spacing:-.01em}.events-directory-table .event-col-budget{width:11%;white-space:nowrap}.events-directory-table .event-col-action{width:122px;text-align:right}.events-directory-table .btn{min-height:34px;padding:7px 10px;border-radius:10px;font-size:10px;white-space:nowrap}
@media(max-width:1280px){.events-directory-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.events-directory-filters .field{grid-column:1/-1}.events-table-wrap{overflow:visible;border:0;background:transparent;box-shadow:none}.events-directory-table,.events-directory-table tbody,.events-directory-table tr,.events-directory-table td{width:100%;min-width:0}.events-table-wrap .events-directory-table{display:block;min-width:0}.events-directory-table thead{display:none}.events-directory-table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.events-directory-table tr{display:grid;grid-template-columns:1fr;align-content:start;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 8px 24px rgba(31,48,66,.045)}.events-directory-table td,.events-directory-table td[class^="event-col-"]{display:grid;grid-column:1/-1;width:100%;grid-template-columns:minmax(110px,32%) minmax(0,1fr);gap:10px;padding:8px 0;border:0;border-bottom:1px solid var(--line);text-align:right;overflow-wrap:break-word;word-break:normal}.events-directory-table td:before{content:attr(data-label);color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.055em;text-align:left;text-transform:uppercase}.events-directory-table .event-col-title{padding-top:0}.events-directory-table .event-col-title strong{font-size:14px}.events-directory-table .event-col-customer{max-width:none}.events-directory-table .event-col-action{padding-bottom:0;border-bottom:0}.events-directory-table .event-col-action .btn{width:100%;text-align:center}}
@media(max-width:900px){.events-directory-head{align-items:flex-start;flex-direction:column}.events-view-switch{width:100%;display:grid;grid-template-columns:1fr 1fr}.events-view-switch .btn{text-align:center}.events-directory-filters .field,.events-directory-filters .btn{grid-column:1/-1}.events-directory-table tbody{grid-template-columns:1fr}}
@media(max-width:520px){.events-directory-filters{grid-template-columns:1fr}.events-directory-filters>*{grid-column:1!important}.events-directory-table tr{grid-template-columns:1fr}.events-directory-table td{grid-column:1/-1!important;grid-template-columns:100px minmax(0,1fr)}}

/* Dashboard sales channels — shared widget surface, with colour used only as a data cue. */
body.page-dashboard .channel-preview{--channel-accent:#3f9c7a;background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important;box-shadow:0 6px 18px rgba(35,57,75,.045)}
body.page-dashboard .channel-preview:nth-child(2){--channel-accent:var(--babyblue-strong)}
body.page-dashboard .channel-preview:nth-child(3){--channel-accent:#d48369}
body.page-dashboard .channel-preview:nth-child(4){--channel-accent:#8a6258}
body.page-dashboard .channel-preview:nth-child(5){--channel-accent:#b9892e}
body.page-dashboard .channel-preview .target-progress{background:color-mix(in srgb,var(--channel-accent) 14%,#e9eceb)!important}
body.page-dashboard .channel-preview .target-progress i{background:var(--channel-accent)!important}
body.page-dashboard .channel-preview:hover{border-color:color-mix(in srgb,var(--channel-accent) 48%,var(--line))!important;box-shadow:0 10px 24px rgba(35,57,75,.08)}
:root[data-theme="dark"] body.page-dashboard .channel-preview{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important}

/* Collaboration balances — the same visual hierarchy as the dashboard intelligence widgets. */
body.page-dashboard .collaboration-dashboard-widget{padding:var(--dashboard-widget-padding)!important}
body.page-dashboard .collaboration-dashboard-head{margin-bottom:16px}
body.page-dashboard .collaboration-period-controls{display:grid;justify-items:start;gap:10px;margin:0 0 16px;padding-top:14px;border-top:1px solid var(--line)}
body.page-dashboard .collaboration-period-tabs{width:max-content;max-width:100%;flex:0 0 auto!important}
body.page-dashboard .collaboration-period-custom{box-shadow:none}
body.page-dashboard .collaboration-balance-item{--collaboration-accent:var(--accent);position:relative;overflow:hidden;min-height:154px!important;padding:17px!important;background:var(--surface)!important;border-color:var(--line)!important;border-radius:15px!important;box-shadow:0 6px 18px rgba(35,57,75,.045)}
body.page-dashboard .collaboration-balance-item:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--collaboration-accent)}
body.page-dashboard .content>.breadcrumbs{display:none}
body.page-dashboard .collaboration-balance-item.is-consignment{--collaboration-accent:#d7a333;background:var(--surface)!important;border-color:var(--line)!important}
body.page-dashboard .collaboration-balance-item.is-storage{--collaboration-accent:#7e9bb8;background:var(--surface)!important;border-color:var(--line)!important}
body.page-dashboard .collaboration-balance-item.is-distributor{--collaboration-accent:#398568;background:var(--surface)!important;border-color:var(--line)!important}
body.page-dashboard .collaboration-balance-item.is-eshop{--collaboration-accent:#376e75;background:var(--surface)!important;border-color:var(--line)!important}
body.page-dashboard .collaboration-balance-item:hover{border-color:color-mix(in srgb,var(--collaboration-accent) 46%,var(--line))!important;box-shadow:0 10px 24px rgba(35,57,75,.08)}
:root[data-theme="dark"] body.page-dashboard .collaboration-balance-item,
:root[data-theme="dark"] body.page-dashboard .collaboration-balance-item:is(.is-consignment,.is-storage,.is-distributor,.is-eshop){background:var(--surface)!important;border-color:var(--line)!important}
@media(max-width:700px){body.page-dashboard .collaboration-dashboard-head{margin-bottom:14px}body.page-dashboard .collaboration-period-tabs{width:100%}body.page-dashboard .collaboration-period-custom{width:100%}}
@media(min-width:641px) and (max-width:1050px){body.page-dashboard .collaboration-balance-grid:has(>.collaboration-balance-item:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr))!important}body.page-dashboard .collaboration-balance-grid:has(>.collaboration-balance-item:nth-child(5)) .collaboration-balance-item:nth-child(n){grid-column:span 1}}

/* Global navigation — compact, grouped and comfortable on laptop and mobile. */
.sidebar{display:flex;flex-direction:column;padding:16px 12px 14px;background:var(--bg-surface);overflow:hidden;box-shadow:none}
.sidebar-brand-row{position:relative;display:flex;align-items:center;flex:0 0 auto;margin:0 2px 10px;border-bottom:1px solid var(--border-subtle)}
.sidebar .brand{flex:1;min-width:0;margin:0;padding:10px 8px 17px;gap:11px}
.sidebar .brand:after{display:none}
.sidebar .brand img{width:80px}
.sidebar .brand span{font-size:10px;letter-spacing:.08em;white-space:nowrap}
.sidebar-close{display:none;width:34px;height:34px;padding:0;border:1px solid var(--border-default);border-radius:11px;background:color-mix(in srgb,var(--bg-surface) 86%,transparent);color:var(--text-secondary);font-size:22px;line-height:1;cursor:pointer}
.sidebar nav{flex:1;min-height:0;display:block;padding:0 3px 18px 1px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c7d8e1 transparent}
.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-thumb{border-radius:99px;background:#c7d8e1}
.sidebar .nav-group{margin:0 0 8px}
.sidebar .nav-group-label{width:100%;min-height:34px;padding:9px 8px 7px;border:0;border-radius:9px;background:transparent;color:var(--text-secondary);font:inherit;font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-label);text-align:left;transition:background var(--motion-standard) ease,color var(--motion-standard) ease}
.sidebar .nav-group-label:hover{background:var(--bg-hover);color:var(--text-primary)}
.sidebar .nav-group-label .caret{font-size:10px;color:var(--text-muted)}
.sidebar .nav-group-links{display:grid;gap:3px}
.sidebar nav a{min-height:38px;padding:8px 10px;border:0;border-radius:11px;font-size:13px;font-weight:var(--font-weight-medium);line-height:1.25;gap:9px;color:var(--text)}
.sidebar nav a svg{width:var(--icon-control);height:var(--icon-control);flex:0 0 var(--icon-control);color:var(--muted);stroke-width:1.8}
.sidebar nav a:hover{transform:none;background:var(--bg-hover);color:var(--text)}
body:not(.login-page) .sidebar .nav-group-links a.active,.sidebar nav>a.active{border:0;border-left:2px solid var(--text-primary);background:var(--bg-hover);color:var(--text-primary);box-shadow:none}
.sidebar nav a.active svg{color:var(--text-primary)}
.sidebar [data-group="Γρήγορες ενέργειες"]{margin-bottom:11px}
/* Compact shortcut buttons remain distinct from navigation rows. */
.sidebar [data-group="Γρήγορες ενέργειες"] .nav-group-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.sidebar [data-group="Γρήγορες ενέργειες"] a{display:flex;gap:6px;min-height:34px;align-items:center;padding:6px 8px;background:var(--bg-surface-secondary);border:1px solid transparent;border-radius:8px;color:var(--text-primary);font-size:11px;font-weight:var(--font-weight-semibold);line-height:1.35;letter-spacing:normal;transform:none;box-shadow:none;transition:background var(--motion-standard) ease}
.sidebar [data-group="Γρήγορες ενέργειες"] a[href^="/consignment-agreement-edit.php"]{grid-column:1/-1}
.sidebar [data-group="Γρήγορες ενέργειες"] a span{min-width:0;white-space:normal;overflow:visible;overflow-wrap:break-word}
.sidebar [data-group="Γρήγορες ενέργειες"] a:hover{transform:none;background:var(--bg-hover);border-color:var(--border-default);box-shadow:none}
body:not(.login-page) .sidebar [data-group="Γρήγορες ενέργειες"] .nav-group-links a.active{border:1px solid var(--border-default);background:var(--mode-accent-soft);color:var(--text-primary);box-shadow:none}
.sidebar [data-group="Γρήγορες ενέργειες"] a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sidebar [data-group="Γρήγορες ενέργειες"] a svg{width:14px;height:14px;flex:0 0 14px;margin:0;color:var(--text-secondary);stroke-width:1.8}
.sidebar-quick-customize{min-height:32px!important;margin:3px 3px 12px;padding:6px 9px!important;color:var(--text-secondary)!important;font-size:11px!important;font-weight:400!important;background:transparent!important;border:0!important;box-shadow:none!important}
.sidebar-quick-customize svg{width:16px;height:16px;flex:0 0 16px}
.sidebar-quick-customize:hover{color:var(--text-primary)!important;background:var(--bg-surface-secondary)!important}
.sidebar-user{flex:0 0 auto;margin:8px 2px 0;padding:12px;border:1px solid var(--border-default);border-radius:var(--radius-card);background:var(--bg-surface);box-shadow:none}
.sidebar-user strong{font-size:12px}.sidebar-user small{font-size:9.5px}
:root[data-theme="dark"] .sidebar{background:var(--surface)}
:root[data-theme="dark"] .sidebar-brand-row{border-color:var(--line)}
:root[data-theme="dark"] .sidebar .nav-group-label:hover,:root[data-theme="dark"] .sidebar nav a:hover{background:var(--bg-hover)}
:root[data-theme="dark"] .sidebar [data-group="Γρήγορες ενέργειες"] a{background:var(--surface);border-color:var(--border-default);color:var(--text)}
:root[data-theme="dark"] .sidebar-user{background:color-mix(in srgb,var(--surface) 94%,transparent);border-color:var(--line)}
@media(max-width:900px){
 body.sidebar-open{overflow:hidden}
 .sidebar-backdrop.open{display:block;z-index:1090;background:var(--overlay)}
 .sidebar{inset:0 auto 0 0;z-index:1100;width:min(330px,88vw);height:100dvh;max-height:100dvh;padding:calc(12px + env(safe-area-inset-top)) 10px calc(13px + env(safe-area-inset-bottom));box-shadow:20px 0 50px rgba(15,24,30,.24);overscroll-behavior:contain}
 .sidebar-brand-row{position:sticky;top:-12px;z-index:4;padding-top:10px;background:linear-gradient(180deg,var(--bg-surface) 78%,color-mix(in srgb,var(--bg-surface) 92%,transparent));backdrop-filter:blur(12px)}
 .sidebar-close{display:grid;place-items:center;margin:0 6px 8px 0}
 .sidebar .brand{padding-bottom:14px}
 .sidebar nav a{min-height:40px;font-size:13px}
 .sidebar [data-group="Γρήγορες ενέργειες"] a{min-height:40px;font-size:12px}
 :root[data-theme="dark"] .sidebar-brand-row{background:linear-gradient(180deg,var(--surface) 78%,color-mix(in srgb,var(--surface) 92%,transparent))}
}
@media(max-width:380px){.sidebar{width:92vw}.sidebar [data-group="Γρήγορες ενέργειες"] a{min-height:40px}}
/* Unified editor treatment for legacy operational forms. */
.unified-editor{position:relative;padding:24px!important;border-radius:22px;overflow:hidden}
.unified-editor:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--accent),var(--chart-secondary),var(--warning))}
.unified-editor .form-grid{gap:18px}
.unified-editor .field>label:first-child{display:block;margin:0 0 7px;color:var(--muted);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);line-height:var(--line-label);letter-spacing:normal}
.unified-editor input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]),.unified-editor select,.unified-editor textarea{width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--input-border);border-radius:14px;background:linear-gradient(180deg,var(--input-bg),color-mix(in srgb,var(--input-bg) 88%,var(--bg-surface-secondary)));color:var(--input-text);font:inherit;font-size:14px;box-shadow:0 4px 12px rgba(31,55,68,.04);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.unified-editor textarea{min-height:112px;line-height:1.5;resize:vertical}
.unified-editor input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):hover,.unified-editor select:hover,.unified-editor textarea:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--input-border));background:var(--input-bg)}
.unified-editor input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):focus,.unified-editor select:focus,.unified-editor textarea:focus{outline:0;border-color:var(--focus-ring);background:var(--input-bg);box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-ring) 13%,transparent),0 7px 18px rgba(31,55,68,.06)}
.unified-editor ::placeholder{color:var(--input-placeholder);opacity:1}
.unified-editor .field>small{display:block;margin-top:7px;color:var(--muted);font-size:10px;line-height:1.45}
.unified-editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:22px -24px -24px;padding:18px 24px;border-top:1px solid var(--line);background:var(--surface-secondary)}
.unified-editor-actions .btn{min-width:160px;min-height:46px}
.unified-editor-actions>span{color:var(--text-secondary);font-size:12px;font-weight:600}
.role-advanced{margin-top:20px;border:1px solid var(--border-default);border-radius:16px;background:var(--bg-surface-secondary);overflow:hidden}
.role-advanced>summary,.role-history>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;cursor:pointer;list-style:none;color:var(--text-primary)}
.role-advanced>summary::-webkit-details-marker,.role-history>summary::-webkit-details-marker{display:none}
.role-advanced>summary:after,.role-history>summary:after{content:"＋";display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--border-default);border-radius:10px;background:var(--bg-surface);color:var(--text-primary);font-weight:700}
.role-advanced[open]>summary:after,.role-history[open]>summary:after{content:"−"}
.role-advanced>summary span,.role-history>summary{min-width:0}.role-advanced>summary strong,.role-advanced>summary small,.role-history>summary strong,.role-history>summary small{display:block}.role-advanced>summary small,.role-history>summary small{margin-top:3px;color:var(--text-secondary);font-size:11px;font-weight:500}
.role-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;padding:0 18px 18px}
.role-choice{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--border-default);border-radius:13px;background:var(--bg-surface);color:var(--text-primary);cursor:pointer}
.role-choice:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border-default))}.role-choice.is-primary{opacity:.62;cursor:default}.role-choice input{width:20px;height:20px;accent-color:var(--accent)}.role-choice small{display:block;margin-top:3px;color:var(--text-secondary);font-size:10px}.role-change-meta{padding:0 18px 18px}.role-history{margin-top:16px;padding:0!important;overflow:hidden}.role-history .table-wrap{padding:0 18px 18px}
.unified-panel{border-radius:20px;overflow:hidden}
.unified-inline-form{display:flex!important;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface-secondary)}
.unified-danger{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--danger) 28%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--danger) 5%,var(--surface))}
.unified-danger:before{content:"Επικίνδυνη ενέργεια · δεν αναιρείται";color:var(--danger);font-size:11px;font-weight:800}
:root[data-theme="dark"] .unified-editor input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]),:root[data-theme="dark"] .unified-editor select,:root[data-theme="dark"] .unified-editor textarea{border-color:var(--border);background:var(--surface-secondary);color:var(--text);box-shadow:none}
@media(min-width:900px){.unified-editor-actions{padding-right:174px}}
@media(max-width:760px){.unified-editor{padding:20px 16px!important}.unified-editor .form-grid{grid-template-columns:1fr;gap:15px}.unified-editor .field.full{grid-column:auto}.unified-editor-actions{display:grid;margin:20px -16px -20px;padding:16px 16px calc(82px + env(safe-area-inset-bottom))}.unified-editor-actions .btn{width:100%;min-width:0}.unified-inline-form{display:grid!important;grid-template-columns:1fr}.unified-inline-form>*{width:100%}.unified-danger{align-items:stretch;flex-direction:column}.unified-danger .btn{width:100%}.role-choice-grid{grid-template-columns:1fr;padding:0 12px 12px}.role-change-meta{padding:0 12px 12px}.role-advanced>summary,.role-history>summary{padding:14px}.role-history .table-wrap{padding:0 12px 12px}}
.page-third-party-storage-edit form.card{border-radius:20px;overflow:hidden}.page-third-party-storage-edit form.card .form-grid{gap:18px}.page-third-party-storage-edit form.card>.btn{min-height:46px;min-width:170px}

/* Order delivery progress — read-only view above the existing status action. */
.order-delivery-progress{position:relative;margin-bottom:18px;padding:22px 24px;overflow:hidden;border-radius:20px}
.order-delivery-progress:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--accent),var(--chart-secondary),var(--warning))}
.order-delivery-progress__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.order-delivery-progress__head span:first-child{display:block;margin-bottom:4px;color:var(--accent);font-size:10px;font-weight:850;letter-spacing:.12em}
.order-delivery-progress__head h2{margin:0;font-size:22px}
.order-delivery-progress__delivered{padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--success) 13%,var(--surface));color:var(--success);font-size:13px}
.order-delivery-steps{display:grid;grid-template-columns:repeat(var(--order-delivery-stage-count,1),minmax(0,1fr));gap:0}
.order-delivery-step{position:relative;display:flex;gap:10px;min-width:0;padding-right:12px;color:var(--muted)}
.order-delivery-step:not(:last-child):after{content:"";position:absolute;top:15px;left:34px;right:0;height:2px;background:var(--line)}
.order-delivery-step__marker{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:2px solid var(--line);border-radius:50%;background:var(--surface);font-size:11px;font-weight:900}
.order-delivery-step__marker svg{width:15px;height:15px;stroke-width:2}
.order-delivery-step__content{position:relative;z-index:1;min-width:0;padding:5px 8px 2px 0;background:var(--surface)}
.order-delivery-step__content strong{display:block;color:inherit;font-size:12px;line-height:1.2}
.order-delivery-step__content small{display:block;margin-top:7px;color:var(--muted);font-size:9.5px;line-height:1.4}
.order-delivery-step.is-complete .order-delivery-step__marker{border-color:var(--success);background:var(--success);color:#fff}
.order-delivery-step.is-complete .order-delivery-step__marker:after{content:"✓";position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;width:14px;height:14px;border:2px solid var(--surface);border-radius:50%;background:var(--success);color:#fff;font-size:8px;font-weight:950;line-height:1}
.order-delivery-step.is-complete:not(:last-child):after{background:var(--success)}
.order-delivery-step.is-current{color:var(--accent)}
.order-delivery-step.is-current .order-delivery-step__marker{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 13%,transparent)}
.order-delivery-step.is-current .order-delivery-step__content strong{font-weight:900}
.order-delivery-step.is-current.is-complete{color:var(--success)}
.order-delivery-step.is-current.is-complete .order-delivery-step__marker{border-color:var(--success);background:var(--success);box-shadow:0 0 0 5px color-mix(in srgb,var(--success) 13%,transparent)}
.order-delivery-step__shipping{color:var(--text)!important;font-weight:750}
.order-status-action{position:relative;display:grid;grid-template-columns:minmax(220px,.72fr) minmax(420px,1.28fr);align-items:end;gap:24px;margin-bottom:18px;padding:20px 24px;border-color:color-mix(in srgb,var(--accent) 32%,var(--border));background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface) 52%);overflow:hidden}
.order-status-action:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent)}
.order-status-action__copy>span{display:block;margin-bottom:5px;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.13em}.order-status-action__copy h2{margin:0 0 6px;font-size:21px}.order-status-action__copy p{margin:0;color:var(--muted);font-size:12px}.order-status-action__copy p strong{color:var(--text)}
.order-status-action__controls{display:grid;gap:10px}.order-status-approve-form{display:flex;margin:0}.order-status-approve-form .btn{width:100%;min-height:48px}.order-status-action__form{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:10px;margin:0}.order-status-action__form .field{margin:0}.order-status-action__form select{min-height:48px}.order-status-action__form .btn{min-height:48px;min-width:190px}.order-status-action__final{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px}
@media(max-width:760px){.order-delivery-progress{padding:20px 16px}.order-delivery-progress__head{align-items:flex-start}.order-delivery-steps{grid-template-columns:1fr;gap:15px}.order-delivery-step{min-height:48px;padding:0}.order-delivery-step:not(:last-child):after{top:30px;bottom:-15px;left:14px;right:auto;width:2px;height:auto}.order-delivery-step__content{padding-top:3px}.order-delivery-step__content small{margin-top:4px}.order-status-action{grid-template-columns:1fr;padding:18px 16px;gap:15px}.order-status-action__form{grid-template-columns:1fr}.order-status-action__form .btn{width:100%}}
.ajax-customer-picker{position:relative;min-width:0}.ajax-customer-picker>input{width:100%}.ajax-customer-results{position:absolute;z-index:90;top:calc(100% - 18px);left:0;right:0;max-height:320px;overflow:auto;padding:6px;background:var(--surface,#fff);border:1px solid var(--border,var(--line,#dfe6ea));border-radius:14px;box-shadow:0 16px 40px rgba(20,42,54,.18)}.ajax-customer-results button{display:flex;width:100%;flex-direction:column;gap:3px;padding:10px 12px;text-align:left;border:0;border-radius:9px;background:transparent;color:inherit;cursor:pointer}.ajax-customer-results button:hover,.ajax-customer-results button:focus{background:color-mix(in srgb,var(--accent) 12%,transparent);outline:none}.ajax-customer-results button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.ajax-customer-results small,.ajax-customer-status{color:var(--muted)}.ajax-customer-results p{margin:8px 10px;color:var(--muted)}

/* Dashboard typography: keep dense intelligence cards calm and readable. */
body.page-dashboard .topbar h1{font-size:var(--font-size-page-title);font-weight:700;letter-spacing:-.025em}
@media(max-width:1024px){body.page-dashboard .topbar h1{font-size:var(--font-size-page-title-tablet)}}
@media(max-width:430px){body.page-dashboard .topbar h1{font-size:var(--font-size-page-title-mobile)}}
body.page-dashboard :is(.dash-intel-head,.op-widget-head,.fc-widget-head) h2,
body.page-dashboard section.card:has(>.section-title a[href="/product-intelligence.php"])>.section-title h2{font-size:clamp(18px,2vw,23px)!important;font-weight:700;letter-spacing:-.012em}
body.page-dashboard :is(.dash-intel-kicker,.op-widget-kicker,.fc-widget-kicker),
body.page-dashboard section.card:has(>.section-title a[href="/product-intelligence.php"]) .eyebrow{font-weight:800!important;letter-spacing:.1em!important}
body.page-dashboard .dash-intel-metric small,
body.page-dashboard section.card:has(>.section-title a[href="/product-intelligence.php"]) .kpi>span{font-weight:750;letter-spacing:.045em}
body.page-dashboard .dash-intel-metric strong{font-size:clamp(16px,1.7vw,20px);font-weight:700;letter-spacing:-.01em}
body.page-dashboard :is(.dash-intel-head,.op-widget-head,.fc-widget-head)>.btn,
body.page-dashboard section.card:has(>.section-title a[href="/product-intelligence.php"])>.section-title>a{font-weight:700}

/* Dashboard consistency layer: one type scale, component rhythm and surface language. */
body.page-dashboard{
 --dashboard-title-size:clamp(20px,2vw,24px);
 --dashboard-body-size:12px;
 --dashboard-meta-size:10px;
 --dashboard-card-radius:var(--radius-card);
 --dashboard-widget-radius:var(--dashboard-card-radius);
 --dashboard-panel-radius:var(--radius-card-sm);
 --dashboard-section-gap:16px;
}
body.page-dashboard :is(.dash-intel-head,.op-widget-head,.fc-widget-head,.dashboard-unified-head,.team-command-head) h2,
body.page-dashboard .manager-hero h2{
 margin:3px 0!important;
 font-family:var(--dashboard-display-font);
 font-size:var(--dashboard-title-size)!important;
 font-weight:700;
 line-height:1.15;
 letter-spacing:-.018em;
}
body.page-dashboard :is(.dash-intel-kicker,.op-widget-kicker,.fc-widget-kicker,.dashboard-unified-kicker,.team-command-kicker,.manager-hero-kicker){
 color:var(--mode-accent-text,var(--text-secondary))!important;
 font-family:var(--dashboard-ui-font);
 font-size:var(--dashboard-meta-size)!important;
 font-weight:var(--font-weight-semibold)!important;
 line-height:1.2;
 letter-spacing:.105em!important;
 text-transform:uppercase;
}
body.page-dashboard :is(.dash-intel-head,.op-widget-head,.fc-widget-head,.dashboard-unified-head,.team-command-head) p,
body.page-dashboard .manager-hero .risk-meta{
 margin-top:2px;
 color:var(--text-secondary);
 font-family:var(--dashboard-ui-font);
 font-size:var(--dashboard-body-size);
 font-weight:400;
 line-height:1.45;
 letter-spacing:0;
}
body.page-dashboard :is(.dash-intel-widget,.op-widget,.fc-widget,.dashboard-unified-widget,.team-command-card,.dashboard-contract-section){
 border-radius:var(--dashboard-card-radius)!important;
 border-color:var(--border-default)!important;
 box-shadow:none!important;
}
body.page-dashboard :is(.dash-intel-widget,.op-widget,.fc-widget,.dashboard-unified-widget,.team-command-card){margin-block:0 var(--dashboard-section-gap)!important}
body.page-dashboard :is(.dash-intel-head,.op-widget-head,.fc-widget-head,.dashboard-unified-head,.team-command-head){gap:18px}
body.page-dashboard :is(.dashboard-unified-head,.team-command-head){background:var(--bg-surface)!important}
body.page-dashboard .dashboard-role-widget>.dashboard-unified-head>a{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 margin-left:auto;
 font-weight:var(--font-weight-semibold);
}
@media(min-width:761px){
 body.page-dashboard .dashboard-role-widget>.dashboard-unified-head{flex-wrap:wrap}
 body.page-dashboard .dashboard-role-widget>.dashboard-unified-head>.dashboard-unified-title{flex:1 1 260px}
}
body.page-dashboard :is(.dash-intel-head,.op-widget-head,.fc-widget-head)>.btn,
body.page-dashboard :is(.dashboard-unified-head,.team-command-head)>.btn,
body.page-dashboard .manager-actions .btn{
 min-height:44px!important;
 border-radius:var(--radius-button);
 font-family:var(--dashboard-ui-font);
 font-size:12px;
 font-weight:700;
 line-height:1.2;
 letter-spacing:-.005em;
}
body.page-dashboard :is(.dash-intel-metric,.op-widget-metric,.fc-widget-metric,.admin-today-item,.admin-office-pulse .kpi,.dashboard-role-metrics>a){
 border-radius:var(--dashboard-panel-radius)!important;
 font-family:var(--dashboard-ui-font);
}
body.page-dashboard :is(.dash-intel-metric,.op-widget-metric,.fc-widget-metric,.admin-office-pulse .kpi)>:is(span,small),
body.page-dashboard .admin-today-item small{
 color:var(--text-secondary);
 font-size:var(--dashboard-meta-size);
 font-weight:650;
 line-height:1.4;
 letter-spacing:.055em;
}
body.page-dashboard :is(.dash-intel-metric,.op-widget-metric,.fc-widget-metric,.admin-office-pulse .kpi)>strong{
 font-family:var(--dashboard-display-font);
 font-size:clamp(20px,2vw,24px);
 font-weight:700;
 line-height:1.08;
 letter-spacing:-.018em;
}
body.page-dashboard .sidebar [data-group="Γρήγορες ενέργειες"] a{font-size:10px;font-weight:var(--font-weight-semibold);line-height:1.25;letter-spacing:0}
@media(max-width:700px){
 body.page-dashboard{--dashboard-title-size:20px;--dashboard-card-radius:var(--radius-card);--dashboard-widget-radius:var(--dashboard-card-radius);--dashboard-section-gap:16px}
 body.page-dashboard :is(.dash-intel-widget,.op-widget,.fc-widget,.dashboard-unified-widget,.team-command-card,.dashboard-contract-section){border-radius:var(--radius-card)!important}
 body.page-dashboard .sidebar [data-group="Γρήγορες ενέργειες"] a{font-size:10px}
}

/* Theme contrast and dashboard rhythm guardrails. */
:root[data-theme="dark"] .btn:not(.secondary):not(.accent):not(.primary){background:var(--primary);color:var(--text-inverse)}
:root[data-theme="dark"] .btn:not(.secondary):not(.accent):not(.primary):hover{background:var(--primary-hover)}
@media(prefers-color-scheme:dark){
 :root:not([data-theme="light"]) .btn:not(.secondary):not(.accent):not(.primary){background:var(--primary);color:var(--text-inverse)}
 :root:not([data-theme="light"]) .btn:not(.secondary):not(.accent):not(.primary):hover{background:var(--primary-hover)}
}
body.page-dashboard :is(.admin-office-pulse .kpi,.content>.grid>.card.kpi){display:grid;align-content:start;row-gap:8px}
body.page-dashboard :is(.admin-office-pulse .kpi,.content>.grid>.card.kpi)>:is(span,strong,small){margin-block:0}

/* Compact lists: match the shared widget shell and contained operational rows. */
body.page-dashboard :is(.admin-office-nexus,.admin-office-team)>.dash-intel-head{
 margin:0!important;
 padding:20px;
 border-bottom:1px solid color-mix(in srgb,var(--accent) 12%,var(--border-default));
 background:var(--bg-surface);
}
body.page-dashboard :is(.admin-office-nexus,.admin-office-team)>p{
 margin:12px 20px 0;
 padding:14px 16px;
 border:1px solid var(--border-default);
 border-radius:var(--dashboard-panel-radius);
 background:var(--surface-secondary);
}
body.page-dashboard :is(.admin-office-nexus,.admin-office-team)>p:last-of-type{margin-bottom:20px;border-bottom:1px solid var(--border-default)}
body.page-dashboard :is(.admin-office-nexus,.admin-office-team)>p>a{color:var(--text-primary);text-decoration:none}
body.page-dashboard :is(.admin-office-nexus,.admin-office-team)>p .risk-meta{display:inline-block;margin-top:3px;color:var(--text-secondary);line-height:1.4}
@media(max-width:700px){
 body.page-dashboard :is(.admin-office-nexus,.admin-office-team)>.dash-intel-head{padding:18px 16px}
 body.page-dashboard :is(.admin-office-nexus,.admin-office-team)>p{margin:10px 16px 0;padding:13px 14px}
 body.page-dashboard :is(.admin-office-nexus,.admin-office-team)>p:last-of-type{margin-bottom:16px}
}

/* Management attention: one shell, calm panels and scannable customer signals. */
body.page-dashboard .admin-office-attention>.dash-intel-head{
 margin:0!important;
 padding:20px;
 border-bottom:1px solid color-mix(in srgb,var(--accent) 12%,var(--border-default));
 background:var(--bg-surface);
}
body.page-dashboard .admin-office-attention>.admin-attention-groups{gap:12px;padding:16px 20px 0}
body.page-dashboard .admin-office-attention .admin-attention-group{
 padding:16px;
 border-color:var(--border-default);
 border-radius:var(--dashboard-panel-radius);
 background:var(--bg-surface);
}
body.page-dashboard .admin-office-attention .manager-focus-action{background:var(--surface-secondary)}
body.page-dashboard .admin-office-attention>.admin-customer-attention-title{margin:20px 20px 10px}
body.page-dashboard .admin-office-attention>.admin-customer-attention{gap:10px;padding:0 20px 20px}
body.page-dashboard .admin-office-attention .admin-customer-attention>.admin-customer-signal-card{
 position:relative;
 display:grid;
 grid-template-columns:34px minmax(0,1fr) auto;
 align-items:start;
 gap:11px;
 margin:0;
 padding:14px;
 border:1px solid var(--border-default);
 border-radius:var(--dashboard-panel-radius);
 background:var(--bg-surface);
 color:var(--text-primary);
 text-decoration:none;
 box-shadow:0 5px 16px color-mix(in srgb,var(--text-primary) 4%,transparent);
 transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
body.page-dashboard .admin-office-attention .admin-customer-attention>.admin-customer-signal-card:before{content:"";position:absolute;inset:13px auto 13px 0;width:3px;border-radius:0 3px 3px 0;background:var(--warning)}
body.page-dashboard .admin-office-attention .admin-customer-attention>.admin-customer-signal-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--warning) 35%,var(--border-default));box-shadow:0 9px 22px color-mix(in srgb,var(--text-primary) 7%,transparent)}
body.page-dashboard .admin-office-attention .admin-customer-attention>.admin-customer-signal-card:focus-visible{outline:3px solid color-mix(in srgb,var(--warning) 28%,transparent);outline-offset:2px}
body.page-dashboard .admin-customer-signal-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--warning-soft);color:var(--warning)}
body.page-dashboard .admin-customer-signal-icon svg{width:17px;height:17px}
body.page-dashboard .admin-customer-signal-copy{display:grid;gap:8px;min-width:0}
body.page-dashboard .admin-customer-signal-name{color:var(--text-primary)}
body.page-dashboard .admin-customer-signal-copy strong{display:block;font-size:13px;line-height:1.28;overflow-wrap:anywhere}
body.page-dashboard .admin-customer-signal-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
body.page-dashboard :is(.admin-customer-signal-status,.admin-customer-signal-owner){display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:750;line-height:1.2}
body.page-dashboard .admin-customer-signal-status{background:var(--warning-soft);color:var(--warning)}
body.page-dashboard .admin-customer-signal-owner{background:var(--surface-secondary);color:var(--text-secondary)}
body.page-dashboard .admin-customer-signal-arrow{align-self:center;color:var(--text-secondary);font-size:16px}
@media(max-width:700px){
 body.page-dashboard .admin-office-attention>.dash-intel-head{padding:18px 16px}
 body.page-dashboard .admin-office-attention>.admin-attention-groups{padding:14px 16px 0}
 body.page-dashboard .admin-office-attention>.admin-customer-attention-title{margin:18px 16px 10px}
 body.page-dashboard .admin-office-attention>.admin-customer-attention{padding:0 16px 16px}
 body.page-dashboard .admin-office-attention .admin-customer-attention>.admin-customer-signal-card{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:13px}
 body.page-dashboard .admin-customer-signal-icon{width:32px;height:32px}
 body.page-dashboard .admin-customer-signal-arrow{display:none}
}

/* Period controls: use the same premium shell without changing filter behavior. */
body.page-dashboard .dashboard-global-period{
 position:relative;
 overflow:hidden;
 border-color:var(--border-default)!important;
 border-radius:var(--dashboard-card-radius)!important;
 background:var(--bg-surface)!important;
 box-shadow:none!important;
}
body.page-dashboard .dashboard-global-period:before{
 display:none;
}
body.page-dashboard .dashboard-global-period>div:first-child{
 padding-bottom:14px;
 border-bottom:1px solid color-mix(in srgb,var(--accent) 12%,var(--border-default));
}
body.page-dashboard .admin-today-item{
 --today-tone:var(--accent);
 position:relative;
 display:grid;
 grid-template-columns:38px minmax(0,1fr);
 grid-template-areas:"icon value" "label label" "detail detail";
 align-content:start;
 gap:8px 10px;
 min-height:156px;
 padding:14px;
 border-color:color-mix(in srgb,var(--today-tone) 18%,var(--border-default));
 background:linear-gradient(145deg,color-mix(in srgb,var(--today-tone) 5%,var(--bg-surface)),var(--bg-surface) 62%);
 box-shadow:0 5px 16px color-mix(in srgb,var(--text-primary) 4%,transparent);
 transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
body.page-dashboard .admin-today-item:nth-child(2){--today-tone:var(--app-pastel-blush-line)}
body.page-dashboard .admin-today-item:nth-child(3){--today-tone:var(--warning)}
body.page-dashboard .admin-today-item:nth-child(4){--today-tone:var(--success)}
body.page-dashboard .admin-today-item:nth-child(5){--today-tone:var(--babyblue-strong)}
body.page-dashboard .admin-today-item:before{content:"";position:absolute;inset:12px auto 12px 0;width:3px;border-radius:0 3px 3px 0;background:var(--today-tone)}
body.page-dashboard .admin-today-item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--today-tone) 38%,var(--border-default));box-shadow:0 10px 24px color-mix(in srgb,var(--text-primary) 7%,transparent)}
body.page-dashboard .admin-today-item:focus-visible{outline:3px solid color-mix(in srgb,var(--today-tone) 28%,transparent);outline-offset:2px}
body.page-dashboard .admin-today-icon{
 grid-area:icon;
 display:grid;
 place-items:center;
 width:38px;
 height:38px;
 margin:0;
 border:1px solid color-mix(in srgb,var(--today-tone) 22%,var(--border-default));
 border-radius:12px;
 background:color-mix(in srgb,var(--today-tone) 11%,var(--bg-surface));
 color:var(--today-tone);
 box-shadow:0 4px 12px color-mix(in srgb,var(--today-tone) 10%,transparent);
}
body.page-dashboard .admin-today-icon svg{width:20px;height:20px}
body.page-dashboard .admin-today-item>strong{grid-area:value;align-self:center;justify-self:end;font-family:var(--dashboard-display-font);font-size:28px;line-height:1;letter-spacing:-.025em}
body.page-dashboard .admin-today-item>span:not(.admin-today-icon){grid-area:label;min-height:38px;color:var(--text-primary);font-size:14px;font-weight:var(--font-weight-semibold);line-height:1.25}
body.page-dashboard .admin-today-item>small{grid-area:detail;align-self:end;margin-top:auto;color:var(--text-secondary);font-size:10px;font-weight:650;line-height:1.35;letter-spacing:0}
body.page-dashboard .collaboration-balance-icon{box-sizing:border-box;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0!important;border:1px solid color-mix(in srgb,var(--collaboration-accent) 24%,var(--border-default));border-radius:13px;background:color-mix(in srgb,var(--collaboration-accent) 12%,var(--bg-surface))!important;color:var(--collaboration-accent)!important;box-shadow:0 5px 14px color-mix(in srgb,var(--collaboration-accent) 10%,transparent)}
body.page-dashboard .collaboration-balance-icon svg{width:23px;height:23px;stroke-width:1.9}
body.page-dashboard .admin-office-team>p{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;background:var(--bg-surface);box-shadow:0 5px 15px color-mix(in srgb,var(--text-primary) 4%,transparent);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
body.page-dashboard .admin-office-team>p:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 30%,var(--border-default));box-shadow:0 9px 22px color-mix(in srgb,var(--text-primary) 7%,transparent)}
body.page-dashboard .admin-office-team>p.is-on-target{border-color:color-mix(in srgb,var(--success) 28%,var(--border-default));background:color-mix(in srgb,var(--success) 4%,var(--bg-surface))}
body.page-dashboard .admin-team-avatar{display:grid;place-items:center;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--accent) 17%,var(--border-default));border-radius:13px;background:linear-gradient(145deg,var(--accent-soft),var(--bg-surface));color:var(--accent);font-size:13px;font-weight:850;box-shadow:0 5px 14px color-mix(in srgb,var(--accent) 9%,transparent)}
body.page-dashboard .admin-office-team>p.is-on-target .admin-team-avatar{border-color:color-mix(in srgb,var(--success) 24%,var(--border-default));background:linear-gradient(145deg,var(--success-soft),var(--bg-surface));color:var(--success)}
body.page-dashboard .admin-team-copy{display:grid;gap:3px;min-width:0}
body.page-dashboard .admin-team-copy>a{color:var(--text-primary);text-decoration:none}
body.page-dashboard .admin-team-copy .risk-meta{margin:0}
body.page-dashboard .admin-team-progress{display:block;width:min(180px,100%);height:5px;margin-top:3px;border-radius:999px;background:var(--surface-secondary);overflow:hidden}
body.page-dashboard .admin-team-progress i{display:block;height:100%;border-radius:inherit;background:var(--accent)}
body.page-dashboard .admin-office-team>p.is-on-target .admin-team-progress i{background:var(--success)}
body.page-dashboard .admin-team-target{display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border-radius:999px;background:var(--surface-secondary);color:var(--text-secondary);font-size:10px;font-weight:800;white-space:nowrap}
body.page-dashboard .admin-team-target.is-positive{background:var(--success-soft);color:var(--success)}
body.page-dashboard .op-widget-metric{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px}
body.page-dashboard .op-widget-metric-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--accent-soft);color:var(--accent)}
body.page-dashboard .op-widget-metric:nth-child(2) .op-widget-metric-icon{background:var(--success-soft);color:var(--success)}
body.page-dashboard .op-widget-metric:nth-child(3) .op-widget-metric-icon{background:var(--warning-soft);color:var(--warning)}
body.page-dashboard .op-widget-metric-icon svg{width:18px;height:18px}
body.page-dashboard .op-widget-metric-copy{display:block;min-width:0}
body.page-dashboard .op-widget-row{position:relative;grid-template-columns:42px minmax(0,1fr) auto 14px;gap:12px;min-height:84px;padding:13px 14px;border-radius:15px;background:var(--bg-surface);box-shadow:0 5px 16px color-mix(in srgb,var(--text-primary) 4%,transparent)}
body.page-dashboard .op-widget-row:before{content:"";position:absolute;inset:12px auto 12px 0;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
body.page-dashboard .op-widget-row:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--border-default));box-shadow:0 10px 24px color-mix(in srgb,var(--text-primary) 7%,transparent)}
body.page-dashboard .op-widget-row-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--accent) 17%,var(--border-default));border-radius:13px;background:linear-gradient(145deg,var(--accent-soft),var(--bg-surface));color:var(--accent);box-shadow:0 5px 14px color-mix(in srgb,var(--accent) 9%,transparent)}
body.page-dashboard .op-widget-row-icon svg{width:20px;height:20px}
body.page-dashboard .op-widget-row-copy{min-width:0}
body.page-dashboard .op-widget-row-copy>small{display:inline-flex;margin:0 0 6px;padding:4px 7px;border-radius:999px;background:var(--surface-secondary);color:var(--text-secondary);font-size:9px}
body.page-dashboard .op-widget-row-copy>strong{display:block;line-height:1.25;overflow-wrap:anywhere}
body.page-dashboard .op-widget-row .op-widget-value{display:grid;justify-items:end;gap:4px;min-width:102px;padding:8px 10px;border:1px solid var(--border-default);border-radius:11px;background:var(--surface-secondary);text-align:right}
body.page-dashboard .op-widget-row .op-widget-value strong{font-size:14px;line-height:1.1}
body.page-dashboard .op-widget-row .op-widget-value small{display:inline-flex;margin:0;padding:3px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:800}
body.page-dashboard .op-widget-row-arrow{color:var(--text-secondary)}
body.page-dashboard .admin-attention-group{--attention-tone:var(--accent);position:relative;overflow:hidden}
body.page-dashboard .admin-attention-group:nth-child(2){--attention-tone:var(--warning)}
body.page-dashboard .admin-attention-group:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--attention-tone)}
body.page-dashboard .admin-attention-group>.section-title h3{display:flex;align-items:center;gap:9px}
body.page-dashboard .admin-attention-group-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--attention-tone) 11%,var(--bg-surface));color:var(--attention-tone)}
body.page-dashboard .admin-attention-group-icon svg{width:18px;height:18px}
body.page-dashboard .admin-office-attention .manager-focus-action{justify-items:center;align-content:start;gap:5px;padding:12px 8px;background:var(--surface-secondary)}
body.page-dashboard .manager-focus-action-icon{display:grid;place-items:center;width:30px;height:30px;margin-bottom:2px;border-radius:10px;background:color-mix(in srgb,var(--attention-tone) 10%,var(--bg-surface));color:var(--attention-tone)}
body.page-dashboard .manager-focus-action-icon svg{width:16px;height:16px}
body.page-dashboard .admin-office-attention .manager-focus-action b{font-family:var(--dashboard-display-font);font-size:clamp(29px,3vw,34px);font-weight:750;line-height:.95;letter-spacing:-.025em}
body.page-dashboard .admin-office-attention .manager-focus-action>span:last-child{font-size:9px;line-height:1.25}

/* Keep dashboard headers open: the pastel top accent is the only separator. */
body.page-dashboard :is(.dashboard-unified-head,.team-command-head,.dash-intel-head,.op-widget-head,.fc-widget-head){border-bottom:0!important}
body.page-dashboard .team-role-tabs{border-top:0}
body.page-dashboard .dashboard-global-period>div:first-child{border-bottom:0}
body.page-dashboard .admin-nexus-priority{
 position:relative;
 display:grid;
 grid-template-columns:40px minmax(0,1fr) auto;
 align-items:center;
 gap:12px;
 margin:12px 20px 0;
 padding:14px 16px;
 border:1px solid var(--border-default);
 border-radius:var(--dashboard-panel-radius);
 background:color-mix(in srgb,var(--bg-surface) 96%,var(--text-primary));
 color:var(--text-primary);
 text-decoration:none;
 box-shadow:0 5px 16px color-mix(in srgb,var(--text-primary) 4%,transparent);
 transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
body.page-dashboard .admin-nexus-priority:last-of-type{margin-bottom:20px}
body.page-dashboard .admin-nexus-priority:before{content:"";position:absolute;inset:13px auto 13px 0;width:3px;border-radius:0 3px 3px 0;background:var(--warning)}
body.page-dashboard .admin-nexus-priority:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--warning) 34%,var(--border-default));box-shadow:0 9px 22px color-mix(in srgb,var(--text-primary) 7%,transparent)}
body.page-dashboard .admin-nexus-priority:focus-visible{outline:3px solid color-mix(in srgb,var(--warning) 28%,transparent);outline-offset:2px}
body.page-dashboard .admin-nexus-priority-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid color-mix(in srgb,var(--warning) 20%,var(--border-default));border-radius:12px;background:var(--warning-soft);color:var(--warning)}
body.page-dashboard .admin-nexus-priority-icon svg{width:19px;height:19px}
body.page-dashboard .admin-nexus-priority-copy{display:grid;gap:4px;min-width:0}
body.page-dashboard .admin-nexus-priority-copy strong{font-size:13px;line-height:1.3;overflow-wrap:anywhere}
body.page-dashboard .admin-nexus-priority-copy .risk-meta{margin:0!important}
body.page-dashboard .admin-nexus-priority-arrow{color:var(--text-secondary);font-size:16px}
body.page-dashboard .collaboration-balance-item,
body.page-dashboard .collaboration-balance-item:is(.is-standard,.is-consignment,.is-storage,.is-distributor,.is-eshop){background:color-mix(in srgb,var(--bg-surface) 96%,var(--text-primary))!important}
:root[data-theme="dark"] body.page-dashboard .collaboration-balance-item,
:root[data-theme="dark"] body.page-dashboard .collaboration-balance-item:is(.is-standard,.is-consignment,.is-storage,.is-distributor,.is-eshop){background:color-mix(in srgb,var(--bg-surface) 94%,var(--text-primary))!important}
@media(prefers-color-scheme:dark){
 :root:not([data-theme="light"]) body.page-dashboard .collaboration-balance-item,
 :root:not([data-theme="light"]) body.page-dashboard .collaboration-balance-item:is(.is-standard,.is-consignment,.is-storage,.is-distributor,.is-eshop){background:color-mix(in srgb,var(--bg-surface) 94%,var(--text-primary))!important}
}
@media(max-width:700px){
 body.page-dashboard .dashboard-global-period{border-radius:var(--radius-card)!important}
 body.page-dashboard .dashboard-global-period>div:first-child{padding-bottom:12px}
 body.page-dashboard .admin-office-team>p{grid-template-columns:38px minmax(0,1fr);gap:10px}
 body.page-dashboard .admin-team-avatar{width:38px;height:38px}
 body.page-dashboard .admin-team-target{grid-column:2;justify-self:start}
 body.page-dashboard .op-widget-row{grid-template-columns:38px minmax(0,1fr);gap:10px;min-height:0}
 body.page-dashboard .op-widget-row-icon{width:38px;height:38px}
 body.page-dashboard .op-widget-row .op-widget-value{grid-column:2;justify-items:start;min-width:0;text-align:left}
 body.page-dashboard .op-widget-row-arrow{display:none}
 body.page-dashboard .admin-nexus-priority{grid-template-columns:36px minmax(0,1fr);gap:10px;margin:10px 16px 0;padding:13px}
 body.page-dashboard .admin-nexus-priority:last-of-type{margin-bottom:16px}
 body.page-dashboard .admin-nexus-priority-icon{width:36px;height:36px}
 body.page-dashboard .admin-nexus-priority-arrow{display:none}
}
@media(max-width:430px){
 body.page-dashboard .admin-today-item{
  grid-template-columns:38px minmax(0,1fr) auto;
  grid-template-areas:"icon label value" "icon detail detail";
  align-items:center;
  min-height:76px;
  padding:13px 14px;
 }
 body.page-dashboard .admin-today-item:before{inset:12px auto}
 body.page-dashboard .admin-today-item>span:not(.admin-today-icon){min-height:0}
 body.page-dashboard .admin-today-item>strong{font-size:24px}
 body.page-dashboard .admin-today-item>small{margin-top:0}
}

/* B2B GOLDEN UI v1 — canonical Office route surfaces. */
body.page-dashboard .manager-hero{
 border:1px solid var(--mode-accent-border)!important;
 border-radius:var(--radius-hero)!important;
 background:var(--mode-aurora)!important;
 box-shadow:none!important;
}
body.page-dashboard .manager-hero:after{display:none}
body.page-dashboard :is(.admin-office-today,.admin-office-pulse,.admin-office-attention,.admin-office-team,.admin-office-nexus,.op-widget,.fc-widget,.dash-intel-widget,.dashboard-event-calendar,.dashboard-global-period){border-color:var(--border-default)!important;border-radius:var(--radius-card)!important;background:var(--bg-surface)!important;box-shadow:none!important}
body.page-dashboard :is(.dashboard-unified-widget,.team-command-card,.dash-intel-widget,.op-widget,.fc-widget):before{display:none!important}
body.page-dashboard :is(.dash-intel-head,.op-widget-head,.fc-widget-head,.dashboard-unified-head,.team-command-head){background:var(--bg-surface)!important}
body.page-dashboard .admin-office-nexus>.dash-intel-head{background:var(--mode-aurora)!important}
body.page-dashboard .manager-actions .btn,
body.page-dashboard :is(.dash-intel-head,.op-widget-head,.fc-widget-head,.dashboard-unified-head,.team-command-head)>.btn{border-radius:var(--radius-button);box-shadow:none!important}
body.page-dashboard :is(.admin-today-item,.admin-office-pulse .kpi,.dash-intel-metric,.op-widget-metric,.fc-widget-metric){border:1px solid var(--border-default)!important;border-radius:var(--radius-card-sm)!important;background:var(--bg-surface)!important;box-shadow:none!important}
body.page-dashboard .admin-today-item{min-height:138px;background:var(--bg-surface)!important}
body.page-dashboard .admin-today-item:before{display:none}
body.page-dashboard .admin-today-item:hover{transform:none;border-color:var(--apiro-border-strong)!important;box-shadow:none}
body.page-dashboard .admin-today-icon{border-radius:var(--radius-input);box-shadow:none}
body.page-dashboard .admin-office-attention .admin-attention-group{border-color:var(--border-default);border-radius:var(--radius-card);background:var(--bg-surface);box-shadow:none}
body.page-dashboard .admin-attention-group:before{display:none}
body.page-dashboard .admin-office-attention .manager-focus-action{border:1px solid var(--border-subtle);border-radius:var(--radius-card-sm);background:var(--bg-surface-secondary)}
body.page-dashboard .admin-office-attention .manager-focus-action b{font-size:clamp(32px,3vw,38px)}
body.page-dashboard .admin-office-attention .admin-customer-attention>.admin-customer-signal-card,
body.page-dashboard .admin-office-team>p,
body.page-dashboard .op-widget-row,
body.page-dashboard .admin-nexus-priority{border-color:var(--border-default);border-radius:var(--radius-card-sm);background:var(--bg-surface);box-shadow:none}
body.page-dashboard .admin-office-attention .admin-customer-attention>.admin-customer-signal-card:hover,
body.page-dashboard .admin-office-team>p:hover,
body.page-dashboard .op-widget-row:hover,
body.page-dashboard .admin-nexus-priority:hover{transform:none;box-shadow:none}
body.page-dashboard .collaboration-balance-item,
body.page-dashboard .collaboration-balance-item:is(.is-standard,.is-consignment,.is-storage,.is-distributor,.is-eshop){border-color:var(--border-default)!important;border-radius:var(--radius-card)!important;background:var(--bg-surface-secondary)!important;box-shadow:none!important}
body.page-dashboard .collaboration-balance-item:hover{transform:none;border-color:var(--apiro-border-strong)!important;box-shadow:none}
body.page-dashboard .collaboration-balance-icon{border-radius:var(--radius-card-sm);box-shadow:none}
body.page-dashboard .op-widget-row-icon,
body.page-dashboard .admin-team-avatar{border-radius:var(--radius-card-sm);box-shadow:none}
@media(max-width:700px){
 body.page-dashboard .content{padding-inline:16px}
 body.page-dashboard .admin-today-item{min-height:0}
 body.page-dashboard .dashboard-contract-section>.dashboard-widget-state.empty-state{display:grid;grid-template-columns:1fr;justify-items:center;gap:10px;width:100%;padding:28px 18px}
 body.page-dashboard .dashboard-contract-section>.dashboard-widget-state.empty-state>p{margin:0}
 body.page-dashboard .dashboard-contract-section>.dashboard-widget-state.empty-state>.page-actions{width:100%}
 body.page-dashboard .dashboard-contract-section>.dashboard-widget-state.empty-state>.page-actions .btn{width:100%;min-height:44px}
 body.page-dashboard :is(.admin-office-today,.admin-office-pulse,.admin-office-attention,.admin-office-team,.admin-office-nexus,.op-widget,.fc-widget,.dash-intel-widget,.dashboard-event-calendar,.dashboard-global-period){border-radius:var(--radius-card)!important}
}

/* Field workflow composition belongs to the shared component layer, not mode theming. */
.field-activity-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:14px;padding:16px 18px;border:1px solid var(--border-default);border-radius:18px;background:var(--bg-surface)}
.field-activity-copy{display:grid;gap:4px}.field-activity-copy p,.field-activity-feedback{margin:0;color:var(--text-secondary);font-size:12px}.field-activity-state{display:flex;align-items:center;gap:8px}.field-activity-state i{width:10px;height:10px;border-radius:50%;background:var(--text-secondary)}.field-activity-state.in-progress i{background:var(--warning)}.field-activity-state.completed i{background:var(--success)}
.field-activity-actions{display:flex;align-items:center;gap:8px}.field-activity-actions .btn{min-height:44px}.field-activity-feedback[data-state="error"]{color:var(--danger)}.field-activity-feedback[data-state="success"]{color:var(--success)}.field-activity-privacy{grid-column:1/-1;padding-top:9px;border-top:1px solid var(--border-default);color:var(--text-secondary);font-size:11px}
@media(max-width:760px){.field-activity-card{grid-template-columns:1fr}.field-activity-actions{display:grid;grid-template-columns:1fr}.field-activity-actions .btn{width:100%}body[data-app-mode="FIELD"] .nexus-fab{bottom:calc(88px + env(safe-area-inset-bottom))}}
.app-confirm-backdrop{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:20px;background:var(--overlay)}
.app-confirm-backdrop.is-open{display:flex}
.app-confirm-dialog{width:min(420px,100%);padding:22px;border:1px solid var(--border-default);border-radius:var(--radius-modal);background:var(--bg-elevated);box-shadow:var(--shadow-elevated)}
.app-confirm-message{margin:0 0 18px;color:var(--text-primary);font-size:var(--font-size-body);line-height:var(--line-body)}
.app-confirm-actions{display:flex;justify-content:flex-end;gap:10px}
.app-toast-host{position:fixed;top:18px;right:18px;z-index:2100;display:grid;gap:10px;max-width:min(360px,calc(100vw - 36px))}
.app-toast{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid var(--border-default);border-radius:var(--radius-card-sm);background:var(--bg-elevated);box-shadow:var(--shadow-elevated);color:var(--text-primary);font-size:var(--font-size-body);opacity:0;transform:translateY(-8px);transition:opacity var(--motion-standard) ease,transform var(--motion-standard) ease}
.app-toast.is-visible{opacity:1;transform:translateY(0)}
.app-toast.is-success{border-color:color-mix(in srgb,var(--success) 32%,var(--border-default))}
.app-toast-icon{display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--success-soft);color:var(--success);font-size:13px;font-weight:800}
@media(max-width:480px){.app-toast-host{left:12px;right:12px;top:12px;max-width:none}}

/* A sparkline must never escape its card, whatever the data does. */
.kpi{overflow:hidden}
.kpi-sparkline{display:block;max-width:100%}

/* Τελευταίες εισπράξεις στην αρχική */
.dashboard-collection-list{display:grid;gap:2px}
.dashboard-collection-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border-radius:11px;color:inherit;text-decoration:none}
.dashboard-collection-row:hover,.dashboard-collection-row:focus-visible{background:var(--bg-surface-secondary);outline:0}
.dashboard-collection-name{display:grid;gap:2px;min-width:0}
.dashboard-collection-name strong{font-size:13px;overflow-wrap:anywhere}
.dashboard-collection-name small{color:var(--text-secondary);font-size:11px}
.dashboard-collection-amount{flex:none;font-size:14px}

/* ==========================================================================
   Responsive integrity — μετρημένα, όχι από εκτίμηση (2026-09-14)

   Κάθε σελίδα φορτώθηκε για admin, πωλητή και προωθήτρια σε 375, 768, 1024,
   1280 και 1366px, και μετρήθηκε ό,τι ξεκινά μέσα στην οθόνη και βγαίνει
   δεξιά. Οι κανόνες εδώ διορθώνουν αιτίες που βρέθηκαν, όχι συμπτώματα.

   Προσοχή: το html/body έχουν overflow-x:hidden. Αυτό δεν διορθώνει το
   ξεχείλισμα — το κρύβει: ό,τι δεν χωράει κόβεται αθόρυβα στη δεξιά άκρη.
   Γι' αυτό η διόρθωση πρέπει να γίνεται στην αιτία.
   ========================================================================== */

/* 0. Το body δεν πρέπει να γίνεται δοχείο κύλισης.
   Το body{overflow-x:hidden} αναγκάζει τον browser να κάνει και το overflow-y «auto», οπότε το body
   γίνεται δικό του δοχείο κύλισης. Κάθε position:sticky μέσα του κολλάει τότε στο body αντί για την
   οθόνη — δηλαδή δεν κολλάει ποτέ. Μετρήθηκε στην απογραφή πελάτη στο κινητό: η μπάρα «Αποθήκευση
   απογραφής», δηλωμένη sticky bottom:0, βρισκόταν στο pixel 9.117 μιας σελίδας 10.000px. Το ίδιο
   ίσχυε για όλες τις κολλημένες μπάρες ενεργειών της εφαρμογής.
   Το clip κόβει το οριζόντιο ξεχείλισμα όπως και το hidden, χωρίς να δημιουργεί δοχείο κύλισης. Όπου
   δεν υποστηρίζεται (Safari πριν τη 16) μένει η παλιά συμπεριφορά. */
@supports (overflow-x: clip) {
  body {
    overflow-x: clip;
    overflow-y: visible;
  }
}

/* 1. Πεδία φόρμας στο κινητό.
   Το iPhone μεγεθύνει τη σελίδα μόλις πατήσεις σε πεδίο με γράμματα κάτω από
   16px, και δεν επανέρχεται μόνο του. Το σώμα κειμένου είναι 14px και τα πεδία
   το κληρονομούν, οπότε συνέβαινε σε 95 από 97 σελίδες. Το !important είναι
   σκόπιμο: δεκάδες τοπικοί κανόνες ορίζουν 11–13px σε συγκεκριμένα φίλτρα. */
@media (max-width: 760px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]),
  select,
  textarea,
  body.page-channel-intelligence .ci-filters :is(select, input) {
    font-size: 16px !important;
  }
}

/* 2. Grid-στοίβες σελίδων χωρίς όριο στη στήλη.
   Ένα grid με μία αυτόματη στήλη μεγαλώνει στο φυσικό πλάτος του φαρδύτερου
   παιδιού του. Στις Ευκαιρίες η στήλη έγινε 1031px σε χώρο 967px. Με τα
   δεδομένα της παραγωγής (μεγαλύτερα ονόματα και ποσά) μπορεί να συμβεί σε
   οποιαδήποτε από αυτές. Όταν δεν υπάρχει πρόβλημα, ο κανόνας δεν αλλάζει τίποτα. */
.content,
.consignment-workspace,
.opportunity-page,
.customer-health-page,
.intelligence-page,
.trends-page,
.event-sales-page,
.ci-page,
.pi-page,
.ri-page,
.st-page,
.ti-page {
  grid-template-columns: minmax(0, 1fr);
}

/* 3. Το κουμπί NEXUS σκέπαζε κουμπιά στο τέλος της σελίδας στο κινητό.
   Πιάνει 69px από κάτω (15px απόσταση + 54px ύψος), ενώ οι σελίδες άφηναν
   32–48px. Μετρήθηκε πάνω σε «Άνοιγμα» στα events πεδίου και σε κουμπιά των
   προσωπικών ρυθμίσεων. */
@media (max-width: 760px) {
  body:has(.nexus-fab) .content {
    padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
  }
  /* Στη λειτουργία πεδίου το κουμπί κάθεται ψηλότερα (88px από κάτω). */
  body[data-app-mode="FIELD"]:has(.nexus-fab) .content {
    padding-bottom: calc(160px + env(safe-area-inset-bottom)) !important;
  }
}

/* Στις Παρακαταθήκες οι καρτέλες είναι κάτω από το workspace, όχι απευθείας κάτω από το .content,
   οπότε δεν έπαιρναν την οριζόντια κύλιση των υπόλοιπων σελίδων και έσπρωχναν όλο το workspace έξω. */
.consignment-workspace > .tabs {
  overflow-x: auto;
  scrollbar-width: none;
}
.consignment-workspace > .tabs > * {
  flex: 0 0 auto;
}

/* 4. Φίλτρα των παραγγελιών eshop.
   Χρειάζονται τουλάχιστον 910px (180 + 2×140 + 420 + κενά), αλλά γύριζαν σε δύο στήλες μόνο κάτω από
   850px. Η πλαϊνή μπάρα εμφανίζεται από 901px και τρώει 245px, οπότε σε οθόνη 1024px έμεναν ~711px
   και το φίλτρο ημερομηνίας κοβόταν 179px. */
@media (max-width: 1240px) {
  .retail-order-filters { grid-template-columns: 1fr 1fr; }
  .retail-order-filters > :first-child,
  .retail-order-filters > .app-date-range { grid-column: 1 / -1; }
}

/* 5. Μπάρα εργαλείων Ευκαιριών.
   Flex χωρίς αναδίπλωση: σε 1280px τα κουμπιά «Νέα ευκαιρία» και «Εντοπισμός» σπρώχνονταν 47px έξω από
   τη μπάρα αντί να κατέβουν γραμμή. Αναδιπλώνονται πλέον και μένουν δεξιά. */
.opportunity-toolbar { flex-wrap: wrap; }
.opportunity-toolbar > .opportunity-actions { margin-left: auto; }

@media(min-width:901px){body.sidebar-collapsed .sidebar [data-group="Γρήγορες ενέργειες"] .nav-group-links{grid-template-columns:1fr}}
/* Το κουμπί εφαρμογής του εύρους ημερομηνιών κρατά το πλάτος του κειμένου του. */
.app-date-range>.app-date-submit{flex:0 0 auto!important;white-space:nowrap}
/* Πίνακες που στο κινητό γίνονται κάρτες: το κείμενο αναδιπλώνεται μέσα στην κάρτα. */
@media(max-width:900px){body:is(.page-channels,.page-access-report,.page-customer-portfolio) table:not(.keep-nowrap) :is(td,th){white-space:normal;overflow-wrap:break-word;min-width:0}}

/* Quantity differences are separate from the historical inventory score. */
.md-details{min-width:0;max-width:100%;white-space:normal}.md-details>summary{cursor:pointer;font-size:12px;color:var(--text-primary);line-height:1.5}.md-totals{display:flex;gap:5px 12px;flex-wrap:wrap;margin:5px 0;color:var(--text-secondary);font-size:11px}.md-muted{display:block;color:var(--text-secondary);font-size:11px}.md-items{display:grid;gap:10px;margin-top:12px}.md-items article{padding:12px;border:1px solid var(--border-default);border-radius:12px;background:var(--bg-surface);overflow-wrap:anywhere}.md-items article>strong{font-size:13px}.md-items dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}.md-items dt{font-size:10px;color:var(--text-secondary)}.md-items dd{margin:4px 0 0;font-size:14px;font-weight:700}.md-items p{font-size:12px;line-height:1.5;margin:7px 0 0;color:var(--text-secondary)}.pm-discrepancies{grid-column:2/-1;border-top:1px solid var(--border-default);padding-top:12px}.pm-discrepancies .md-items{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:800px){.pm-discrepancies{grid-column:1/-1}.pm-discrepancies .md-items{grid-template-columns:1fr}}

/* Inventory deviations: distinct quantity and condition signals. */
.md-shortage{--md-tint:var(--accent-cream);--md-ink:var(--warning)}.md-surplus{--md-tint:var(--accent-powder);--md-ink:var(--text-primary)}.md-condition{--md-tint:var(--accent-lilac);--md-ink:var(--text-primary)}.md-unknown{--md-tint:var(--bg-surface-secondary);--md-ink:var(--text-secondary)}
.md-details>summary{display:block;list-style:none;padding:4px 0}.md-details>summary::-webkit-details-marker{display:none}.md-details>summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:10px}.md-heading{display:flex;align-items:center;gap:9px}.md-summary-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--accent-lilac);font-size:20px}.md-heading>strong{font-size:13px;display:flex;gap:9px;align-items:center}.md-heading small{font-size:11px;color:var(--text-secondary);font-weight:500}.md-expand{margin-left:auto;font-size:20px;transition:transform .15s}.md-details[open] .md-expand{transform:rotate(180deg)}
.md-totals{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 8px}.md-totals .md-total{display:grid;gap:5px;min-width:100px;flex:1 1 110px;max-width:200px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--md-tint) 65%,var(--border-default));border-radius:12px;background:color-mix(in srgb,var(--md-tint) 65%,var(--bg-surface));color:var(--text-primary)}.md-total>span{font-size:10px;color:var(--text-secondary)}.md-total>strong{font-size:21px;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--md-ink)}.md-total small{font-size:10px;font-weight:500;color:var(--text-secondary)}.md-toggle-label{display:block;color:var(--text-secondary);font-size:11px;margin-top:8px}.md-open-label{display:none}.md-details[open] .md-open-label{display:inline}.md-details[open] .md-closed-label{display:none}
.md-items{margin-top:14px;align-items:start}.md-items .md-item{padding:14px;border-left:3px solid var(--md-tint);background:var(--bg-surface)}.md-item>header{display:flex;gap:10px;align-items:start;min-width:0}.md-item>header>strong{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.md-item-mark{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:8px;font-size:17px;font-weight:650;color:var(--md-ink);background:var(--md-tint)}.md-items .md-item dl{gap:6px;margin:14px 0 10px}.md-item dl>div{padding:9px 7px;border-radius:9px;background:var(--bg-surface-secondary)}.md-item dl>.md-delta{background:var(--md-tint)}.md-items .md-item dd{font-size:20px;font-variant-numeric:tabular-nums}.md-items .md-item dt{font-size:10px}.md-items .md-condition-label{display:inline-block;padding:4px 8px;border-radius:7px;background:var(--bg-surface-secondary);font-size:10px}.md-items .md-note{padding-top:10px;border-top:1px solid var(--border-default)}
@media(max-width:480px){.md-items .md-item{padding:11px}.md-totals .md-total{min-width:90px;padding:9px;flex-basis:90px}.md-item dl>div{padding:9px 5px}.md-items .md-item dt{font-size:9px}.md-items .md-item dd{font-size:18px}}
@media(prefers-reduced-motion:reduce){.md-expand{transition:none}}