:root{--primary:#2388f2;--secondary:#14243a;--surface:#fff;--background:#f5f7f9;--border:#e4e9ef;--text:#18283c;--muted:#718096;--success:#1f9d6a;--warning:#e9a21b;--error:#d94b5b;--topbar-colour:#fff;--sidebar-colour:#fff;--topbar-text-colour:#26384d;--navigation-text-colour:#314257;--nav-muted-colour:#4b5d72;--nav-border-colour:#e4e9ef;--nav-hover-colour:#edf6ff;--nav-active-colour:#e5f2ff;--nav-active-text-colour:#1475d1;--button-colour:#2388f2;--button-text-colour:#ffffff;--platform-deliveroo:#00ccbc;--platform-justeat:#ff8000;--platform-ubereats:#06c167;--channel-card:#4f7df3;--channel-cash:#7c5ce7;--channel-webpay:#ef6b68;--channel-cashcarry:#64748b;--chart-food:#45b97c;--chart-wages:#3485e4;--chart-overheads:#f6a623;--chart-fees:#ef4d4d;--chart-other:#b8c2cc;--app-font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--topbar-height:72px;--sidebar-width:274px;--sidebar-collapsed-width:76px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--shadow-sm:0 1px 3px rgba(21,35,52,.08);--shadow-md:0 14px 40px rgba(21,35,52,.18)}
*{box-sizing:border-box}
html{min-height:100%}
body{min-height:100%;margin:0;min-width:320px;color:var(--text);background:var(--background);font-family:var(--app-font-family);font-size:13px;line-height:1.42;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
input{font:inherit}
select{font:inherit;min-height:40px;padding:0 38px 0 12px;border:1px solid var(--border);border-radius:10px;color:var(--text);background-color:var(--surface);background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}
select:hover{border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background-color:color-mix(in srgb,var(--primary) 2%,var(--surface))}
select:focus{border-color:color-mix(in srgb,var(--primary) 48%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 9%,transparent);outline:none}
select:disabled{cursor:not-allowed;opacity:.58;background-color:color-mix(in srgb,var(--surface) 72%,var(--background))}
textarea{font:inherit}
input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--primary);cursor:pointer}
input[type=file]{width:100%;min-height:42px;padding:4px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted);font-size:12px;line-height:32px}
input[type=file]::file-selector-button{min-height:32px;margin:0 10px 0 0;padding:0 12px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--primary) 6%,var(--surface));color:var(--text);font:inherit;font-weight:750;cursor:pointer}
input[type=file]::file-selector-button:hover{border-color:color-mix(in srgb,var(--primary) 42%,var(--border));background:color-mix(in srgb,var(--primary) 10%,var(--surface))}
[hidden]{display:none!important}
.icon{display:block;width:18px;height:18px;flex:0 0 18px;stroke-width:1.75}
.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);grid-template-rows:var(--topbar-height) minmax(0,calc(100vh - var(--topbar-height)));min-height:100vh;overflow:hidden;background:var(--sidebar-colour);transition:grid-template-columns .2s ease}
.topbar{grid-column:1/-1;grid-row:1;position:sticky;z-index:1000;top:0;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr) auto;height:var(--topbar-height);color:var(--topbar-text-colour);background:var(--topbar-colour);border-bottom:1px solid var(--sidebar-colour);transition:grid-template-columns .2s ease}
.topbar-brand{display:flex;align-items:center;padding:0 16px;min-width:0}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.brand-logo{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;overflow:hidden;border-radius:11px;background:var(--primary);color:#fff;font-weight:800}
.brand-logo.has-image{background:transparent}
.brand-logo img{display:block;width:100%;height:100%;object-fit:contain}
.brand-text{display:grid;min-width:0}
.brand-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}
.profile-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar-page{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:0 24px}
.topbar-page strong{font-size:13px;font-weight:600}
.topbar-page span{color:color-mix(in srgb,var(--topbar-text-colour) 65%,transparent);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-copy small{color:color-mix(in srgb,var(--topbar-text-colour) 65%,transparent);font-size:12px}
.topbar-actions{display:flex;align-items:center;gap:8px;padding:0 16px}
.icon-button{display:grid;width:40px;height:40px;padding:0;place-items:center;border:1px solid transparent;border-radius:50%;color:color-mix(in srgb,var(--topbar-text-colour) 72%,transparent);background:transparent;cursor:pointer}
.icon-button:hover{color:var(--topbar-text-colour);border-color:color-mix(in srgb,var(--topbar-text-colour) 16%,transparent);background:color-mix(in srgb,var(--topbar-text-colour) 8%,transparent);outline:none}
.icon-button:focus-visible{color:var(--topbar-text-colour);border-color:color-mix(in srgb,var(--topbar-text-colour) 16%,transparent);background:color-mix(in srgb,var(--topbar-text-colour) 8%,transparent);outline:none}
.mobile-menu-button{display:none}
.profile-menu{position:relative}
.profile-trigger{display:flex;min-width:220px;height:52px;align-items:center;gap:10px;padding:0 12px;border:0;border-radius:var(--radius-md);color:var(--topbar-text-colour);background:transparent;cursor:pointer}
.profile-trigger:hover{background:color-mix(in srgb,var(--topbar-text-colour) 8%,transparent);outline:none}
.profile-trigger:focus-visible{background:color-mix(in srgb,var(--topbar-text-colour) 8%,transparent);outline:none}
.avatar{display:inline-grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:50%;color:#fff;background:var(--secondary);font-size:12px;font-weight:700}
.profile-copy{display:grid;min-width:0;flex:1;text-align:left}
.profile-trigger>.icon{width:16px;height:16px;flex-basis:16px}
.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:1200;width:220px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);background:var(--surface);box-shadow:var(--shadow-md)}
.profile-dropdown a{display:flex;min-height:48px;align-items:center;gap:12px;padding:0 16px;font-weight:600}
.profile-dropdown a:hover{background:#edf6ff;outline:none}
.profile-dropdown a:focus-visible{background:#edf6ff;outline:none}
.sidebar{grid-column:1;grid-row:2;position:sticky;z-index:80;top:var(--topbar-height);width:var(--sidebar-width);height:calc(100vh - var(--topbar-height));overflow:visible;color:var(--navigation-text-colour);background:var(--sidebar-colour);transition:width .2s ease}
.sidebar-nav{display:grid;align-content:start;gap:12px;height:100%;padding:16px 40px 70px 12px;overflow:visible}
.nav-section{display:grid;gap:4px}
.nav-section+.nav-section{padding-top:12px;border-top:1px solid var(--nav-border-colour)}
.nav-section h2{margin:0;padding:8px 10px 4px;color:var(--nav-muted-colour);font-size:11px;font-weight:700;letter-spacing:.045em;text-transform:uppercase}
.nav-group{position:relative;min-width:0}
.nav-link{display:flex;width:100%;min-height:44px;align-items:center;gap:12px;padding:6px 10px;border:0;border-radius:var(--radius-md);color:var(--navigation-text-colour);background:transparent;font-weight:600;text-align:left;cursor:pointer}
.nav-link:hover{background:var(--nav-hover-colour);outline:none}
.nav-link:focus-visible{background:var(--nav-hover-colour);outline:none}
.nav-link.is-active{color:var(--nav-active-text-colour);background:var(--nav-active-colour)}
.nav-group.is-current>.nav-parent{color:var(--nav-active-text-colour);background:var(--nav-active-colour)}
.nav-group.is-open>.nav-parent{color:var(--nav-active-text-colour);background:var(--nav-active-colour)}
.nav-icon{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:9px;color:#fff;background:var(--primary)}
.nav-icon .icon{width:17px;height:17px;flex-basis:17px}
.nav-icon--stores{background:#7c5ce7}
.nav-icon--weekly-pl{background:#3c7fe8}
.nav-icon--email-imports{background:#29b899}
.nav-icon--expenses{background:#f0a915}
.nav-icon--reports{background:#c140a8}
.nav-icon--users{background:#1f9d6a}
.nav-icon--settings{background:#64748b}
.nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-chevron{margin-left:auto;font-size:18px;line-height:1;transition:transform .16s ease}
.nav-group.is-open>.nav-parent .nav-chevron{transform:rotate(90deg)}
.nav-flyout{display:none;position:absolute;left:calc(100% + 10px);top:0;width:240px;max-height:min(520px,calc(100vh - 100px));overflow:auto;padding:8px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-md);z-index:1400}
.nav-group.is-open>.nav-flyout{display:block;animation:navFlyIn .14s ease-out}
.nav-flyout-title{padding:8px 10px 9px;border-bottom:1px solid var(--border);margin-bottom:4px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.nav-child-link{display:block;padding:10px;border-radius:8px;color:var(--navigation-text-colour);font-weight:600}
.nav-child-link:hover{background:var(--nav-hover-colour);outline:none}
.nav-child-link:focus-visible{background:var(--nav-hover-colour);outline:none}
.sidebar-collapse{position:absolute;right:12px;bottom:18px;width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--navigation-text-colour) 10%,transparent);color:var(--navigation-text-colour);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .16s,transform .2s;z-index:90}
.sidebar:hover .sidebar-collapse{opacity:1;pointer-events:auto}
.sidebar:focus-within .sidebar-collapse{opacity:1;pointer-events:auto}
.sidebar-collapse:hover{background:color-mix(in srgb,var(--navigation-text-colour) 16%,transparent)}
.sidebar-backdrop{position:fixed;z-index:45;inset:var(--topbar-height) 0 0;background:rgba(15,26,40,.44)}
.app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width) minmax(0,1fr)}
.app-shell.sidebar-collapsed .topbar{grid-template-columns:var(--sidebar-collapsed-width) minmax(0,1fr) auto}
.app-shell.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-width)}
.app-shell.sidebar-collapsed .sidebar-nav{padding-left:12px;padding-right:12px}
.app-shell.sidebar-collapsed .nav-section h2{display:none}
.app-shell.sidebar-collapsed .nav-label{display:none}
.app-shell.sidebar-collapsed .nav-chevron{display:none}
.app-shell.sidebar-collapsed .brand-text{display:none}
.app-shell.sidebar-collapsed .nav-section+.nav-section{padding-top:10px}
.app-shell.sidebar-collapsed .nav-link{justify-content:center;padding:6px}
.app-shell.sidebar-collapsed .nav-icon{margin:0}
.app-shell.sidebar-collapsed .sidebar-collapse{right:19px;transform:rotate(180deg)}
.app-shell.sidebar-collapsed .nav-flyout{left:calc(100% + 10px)}
.main{grid-column:2;grid-row:2;position:relative;z-index:45;min-width:0;overflow:auto;border-top-left-radius:22px;background:var(--background)}
.page{width:min(1500px,100%);margin:0 auto;padding:24px}
.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}
.page-heading h1{margin:2px 0 5px;font-size:24px;line-height:1.15}
.page-heading p{margin:0;color:var(--muted);max-width:760px}
.eyebrow{color:var(--primary);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.heading-actions{display:flex;gap:8px;flex-wrap:wrap}
.form-actions{display:flex;gap:8px;flex-wrap:wrap}
.button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-weight:700;cursor:pointer}
.button.primary{border-color:var(--button-colour);background:var(--button-colour);color:var(--button-text-colour)}
.button.secondary:hover{background:#f0f4f8}
.button.full{width:100%;margin-top:14px}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.metric-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);padding:17px}
.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);padding:18px;min-width:0}
.metric-card>span{display:block;color:var(--muted);font-size:12px}
.metric-card>strong{display:block;margin-top:5px;font-size:24px;line-height:1.15}
.metric-card>small{display:block;margin-top:8px;color:var(--muted)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:14px;margin-bottom:14px}
.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}
.panel-head h2{margin:0;font-size:16px}
.panel h2{margin:0;font-size:16px}
.panel-head p{margin:3px 0 0;color:var(--muted)}
.panel>p{margin:3px 0 0;color:var(--muted)}
.channel-list{display:grid;gap:12px}
.channel-copy{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px}
.channel-track{height:7px;border-radius:999px;background:#edf1f5;overflow:hidden}
.channel-track i{display:block;height:100%;border-radius:999px;background:var(--channel-color,var(--primary))}
.platform-summary{display:grid}
.platform-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}
.platform-line:last-child{border-bottom:0}
.platform-line small{display:block;color:var(--muted);font-size:11px}
.platform-result small{display:block;color:var(--muted);font-size:11px}
td small{display:block;color:var(--muted);font-size:11px}
.platform-result{text-align:right}
.status-pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800;background:#eef2f6;color:var(--muted)}
.status-pill.success{background:#e6f7ef;color:#16714b}
.status-pill.warning{background:#fff3dc;color:#8d5c00}
.status-pill.error{background:#fdebec;color:#a62939}
.status-pill.pending{background:#eef2f6;color:#5d6b7b}
.stores-panel{margin-top:14px}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;min-width:650px}
th{padding:12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.045em;background:#fafbfd}
td{padding:12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}
tr:last-child td{border-bottom:0}
.text-link{color:var(--primary);font-weight:700}
.detail-list{display:grid}
.detail-list>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--border)}
.detail-list>div:last-child{border-bottom:0}
.detail-list span{color:var(--muted)}
.platform-cards{display:grid;gap:12px}
.platform-card{padding:18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}
.platform-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.platform-title>div{display:flex;align-items:center;gap:12px}
.platform-title h2{margin:0}
.platform-title p{margin:2px 0 0;color:var(--muted)}
.platform-logo{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;color:#fff;background:#28b899;font-size:20px;font-weight:900}
.platform-logo--just_eat{background:#f36b21}
.platform-logo--uber_eats{background:#101820}
.platform-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}
.platform-values>div{display:grid;gap:6px}
.platform-values>label{display:grid;gap:6px}
.platform-values span{color:var(--muted);font-size:11px;font-weight:700}
label>span{color:var(--muted);font-size:11px;font-weight:700}
.platform-values strong{font-size:18px}
.money-input{display:flex;align-items:center;border:1px solid var(--border);border-radius:10px;background:#fff;overflow:hidden}
.money-input b{padding:0 10px;color:var(--muted)}
.money-input input{width:100%;height:40px;border:0;outline:0;padding:0 10px 0 0;background:transparent}
.form-grid{display:grid;gap:12px}
.form-grid label{display:grid;gap:6px}
.expense-entry-grid label{display:grid;gap:6px}
.login-form label{display:grid;gap:6px}
.form-grid input{width:100%;height:42px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-size:16px}
.form-grid select{width:100%;height:42px;font-size:16px}
.expense-entry-grid input{width:100%;height:42px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-size:16px}
.login-form input{width:100%;height:42px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-size:16px}
.expense-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.workflow-step{display:flex;gap:14px}
.step-no{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:50%;background:#eef3f8;color:var(--muted);font-weight:900}
.workflow-step.done .step-no{background:#e6f7ef;color:#16714b}
.workflow-step.current{border-color:color-mix(in srgb,var(--primary) 55%,var(--border))}
.numbered-flow{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:steps}
.numbered-flow li{counter-increment:steps;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:13px 0;border-bottom:1px solid var(--border)}
.numbered-flow li:before{content:counter(steps);display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#edf6ff;color:var(--primary);font-weight:800}
.numbered-flow span{display:block;color:var(--muted);font-size:12px}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.brand-preview-row{display:flex;align-items:center;gap:10px;margin-top:18px}
.brand-preview-row span{width:38px;height:38px;border-radius:10px}
.settings-section{scroll-margin-top:calc(var(--topbar-height) + 16px)}
.settings-form{display:grid;gap:14px}
.settings-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.settings-field-grid label{display:grid;gap:6px;min-width:0}
.branding-upload-form label{display:grid;gap:6px;min-width:0}
.settings-field-grid label>span{color:var(--muted);font-size:11px;font-weight:700}
.branding-upload-form label>span{color:var(--muted);font-size:11px;font-weight:700}
.settings-field-grid input:not([type=color]):not([type=checkbox]):not([type=radio]):not([type=file]){width:100%;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-size:14px;height:42px;padding:0 12px}
.settings-field-grid select{width:100%;height:42px;font-size:14px}
.settings-field-grid textarea{width:100%;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-size:14px;min-height:82px;padding:10px 12px;resize:vertical}
.settings-field-grid input[type=color]{width:100%;height:42px;padding:4px;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer}
.settings-span-2{grid-column:1/-1}
.settings-environment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.settings-environment-grid>div{display:grid;gap:4px;padding:12px;border:1px solid var(--border);border-radius:12px;background:#fafbfd;min-width:0}
.settings-environment-grid span{color:var(--muted);font-size:11px;font-weight:700}
.settings-environment-grid strong{overflow-wrap:anywhere}
.settings-callout{margin-top:12px;padding:12px 14px;border-left:3px solid var(--primary);border-radius:8px;background:#f7faff;color:var(--muted)}
.review-editor{display:grid;gap:14px}
.review-editor-head{margin-bottom:0}
.review-issue-callout{display:grid;gap:4px;margin-top:0;border-left-color:var(--error);background:color-mix(in srgb,var(--error) 6%,var(--surface));color:var(--text)}
.review-issue-callout>div{display:grid;gap:2px}.review-issue-callout>div>span,.review-issue-callout small{color:var(--muted)}
.review-fix-guidance{margin-top:4px;padding-top:6px;border-top:1px solid color-mix(in srgb,var(--error) 14%,var(--border));color:var(--text);font-size:10px;line-height:1.45}
.review-metric-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.review-metric-card{display:grid;align-content:center;gap:3px;min-height:92px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--primary) 2%,var(--surface));box-shadow:var(--shadow-sm)}
.review-metric-card>span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.review-metric-card>strong{font-size:19px;line-height:1.12}.review-metric-card>small{color:var(--muted);font-size:10px}
.review-metric-card.is-error{border-color:color-mix(in srgb,var(--error) 24%,var(--border));background:color-mix(in srgb,var(--error) 5%,var(--surface))}.review-metric-card.is-error>strong{color:var(--error)}
.review-metric-card.is-success{border-color:color-mix(in srgb,var(--success) 28%,var(--border));background:color-mix(in srgb,var(--success) 6%,var(--surface))}.review-metric-card.is-success>strong{color:var(--success)}
.review-editor-form{gap:12px}.review-editor-groups{gap:10px}.review-editor-section{padding:14px}.review-editor-section h3{margin:0}.review-editor-section p{margin:2px 0 0;color:var(--muted);font-size:10px}
.review-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.review-live-badge{display:inline-flex;min-height:24px;align-items:center;padding:0 9px;border-radius:999px;background:color-mix(in srgb,var(--success) 9%,var(--surface));color:var(--success);font-size:9px;font-weight:800;white-space:nowrap}
.settings-field-grid--review-row{--review-columns:3;grid-template-columns:repeat(var(--review-columns),minmax(0,1fr));align-items:end;gap:10px}.review-cols-2{--review-columns:2}.review-cols-3{--review-columns:3}.review-cols-4{--review-columns:4}.review-cols-5{--review-columns:5}.review-cols-6{--review-columns:6}.review-cols-7{--review-columns:7}.review-cols-8{--review-columns:8}.review-cols-9{--review-columns:9}.review-cols-10{--review-columns:10}.review-cols-11{--review-columns:11}.review-cols-12{--review-columns:12}
.review-receipt-comparison{display:grid;gap:9px;overflow-x:auto;padding-bottom:2px}.review-receipt-comparison-row{display:grid;grid-template-columns:minmax(92px,.72fr) repeat(var(--review-columns),minmax(105px,1fr)) minmax(150px,1.18fr);align-items:end;gap:10px;min-width:1040px}.review-receipt-source-label{display:grid;align-content:center;gap:3px;min-height:64px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--primary) 4%,var(--surface))}.review-receipt-source-label strong{font-size:11px}.review-receipt-source-label small{color:var(--muted);font-size:8px;line-height:1.2}.review-receipt-source-label--current{border-color:color-mix(in srgb,var(--muted) 20%,var(--border));background:color-mix(in srgb,var(--muted) 4%,var(--surface))}.review-current-value-cell{display:grid;gap:5px;min-width:0}.review-current-value-cell>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px;font-weight:700}.review-current-value-box{display:grid;align-content:center;gap:3px;min-height:40px;padding:7px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.review-current-value-box strong{font-size:12px;font-weight:700}.review-current-value-box small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:8px}.review-current-value-cell.is-different .review-current-value-box{border-color:color-mix(in srgb,var(--error) 58%,var(--border));background:color-mix(in srgb,var(--error) 5%,var(--surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--error) 5%,transparent)}.review-current-value-cell.is-different .review-current-value-box strong,.review-current-value-cell.is-different .review-current-value-box small{color:var(--error)}.review-current-value-cell.is-match .review-current-value-box{border-color:color-mix(in srgb,var(--success) 30%,var(--border));background:color-mix(in srgb,var(--success) 4%,var(--surface))}.review-current-value-cell.is-match .review-current-value-box small{color:var(--success)}.review-receipt-balance-note{display:grid;gap:3px;margin-top:2px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:10px;line-height:1.4}.review-receipt-balance-note strong{font-size:11px}.review-receipt-balance-note span{color:var(--muted)}.review-receipt-balance-note.is-error{border-color:color-mix(in srgb,var(--error) 36%,var(--border));background:color-mix(in srgb,var(--error) 4%,var(--surface))}.review-receipt-balance-note.is-error strong{color:var(--error)}.review-receipt-balance-note.is-success{border-color:color-mix(in srgb,var(--success) 30%,var(--border));background:color-mix(in srgb,var(--success) 4%,var(--surface))}.review-receipt-balance-note.is-success strong{color:var(--success)}
.review-section-total{display:grid;align-content:center;gap:3px;min-width:0;min-height:64px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--primary) 10%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--primary) 4%,var(--surface))}.review-section-total>span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.review-section-total>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.review-section-total>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px}.review-section-total--dual>strong{font-size:11px}.review-section-total--dual>strong b{font-size:14px}
.review-editor-section.has-review-issue{border-color:color-mix(in srgb,var(--error) 24%,var(--border));box-shadow:0 0 0 2px color-mix(in srgb,var(--error) 4%,transparent)}
.review-field{min-width:0}.review-field--problem>input:not([readonly]){border-color:color-mix(in srgb,var(--error) 64%,var(--border));background:color-mix(in srgb,var(--error) 5%,var(--surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--error) 7%,transparent)}.review-field-problem-copy{margin-top:3px;color:var(--error);font-size:8px;font-weight:750;line-height:1.25}
.review-section-total.is-error{border-color:color-mix(in srgb,var(--error) 58%,var(--border));background:color-mix(in srgb,var(--error) 6%,var(--surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--error) 5%,transparent)}.review-section-total.is-error>strong,.review-section-total.is-error>small{color:var(--error)}
.review-section-total.is-success{border-color:color-mix(in srgb,var(--success) 35%,var(--border));background:color-mix(in srgb,var(--success) 5%,var(--surface))}.review-section-total.is-success>strong{color:var(--success)}
.review-editor-actions{margin-top:0}.review-editor-actions .button{min-height:40px}
.review-auto-label{display:inline-flex;margin-left:5px;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--primary);font-size:8px;font-weight:850;letter-spacing:.03em;text-transform:uppercase;vertical-align:middle}
.settings-field-grid .review-calculated-input{background:color-mix(in srgb,var(--primary) 4%,var(--surface));color:var(--text);font-weight:750;cursor:not-allowed}
.review-override-panel{display:grid;gap:12px;width:100%;padding:15px 16px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-left:3px solid var(--primary);border-radius:12px;background:color-mix(in srgb,var(--primary) 4%,var(--surface));box-shadow:var(--shadow-sm)}
.review-override-copy{display:grid;gap:3px}.review-override-copy>strong{font-size:13px}.review-override-copy>p{max-width:980px;margin:0;color:var(--muted);font-size:11px;line-height:1.45}
.review-override-field{display:grid;width:100%;gap:6px}.review-override-field>span{color:var(--text);font-size:10px;font-weight:800}.review-override-field>textarea{box-sizing:border-box;width:100%;min-height:96px;padding:11px 12px;border:1px solid var(--border);border-radius:11px;outline:0;resize:vertical;background:var(--surface);color:var(--text);font:inherit;line-height:1.45;transition:border-color .15s ease,box-shadow .15s ease}.review-override-field>textarea:hover{border-color:color-mix(in srgb,var(--primary) 28%,var(--border))}.review-override-field>textarea:focus{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.review-override-field>small{color:var(--muted);font-size:9px}
@media (max-width:1180px){.review-metric-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-field-grid--review-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.review-metric-strip{grid-template-columns:1fr 1fr}.review-section-heading{align-items:flex-start;flex-direction:column}.review-live-badge{align-self:flex-start}}
@media (max-width:520px){.review-metric-strip{grid-template-columns:1fr}.settings-field-grid--review-row{grid-template-columns:1fr}}
.settings-toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.settings-toggle{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid var(--border);border-radius:12px;background:#fafbfd;cursor:pointer}
.settings-toggle input[type=checkbox]{margin:2px 0 0}
.settings-toggle span{display:grid;gap:3px}
.settings-toggle strong{font-size:13px}
.settings-toggle small{color:var(--muted);line-height:1.35}
.settings-field-grid .settings-inline-toggle{display:flex;align-items:flex-start;min-height:42px}
.settings-save-bar{position:sticky;bottom:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow-md);backdrop-filter:blur(8px)}
.settings-save-bar>div{display:grid}
.settings-save-bar span{color:var(--muted);font-size:11px}
.branding-assets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.branding-asset-card{display:grid;align-content:start;gap:12px;padding:14px;border:1px solid var(--border);border-radius:14px;background:#fafbfd}
.branding-asset-card h3{margin:0 0 3px}
.branding-asset-card p{margin:0;color:var(--muted);font-size:12px}
.branding-asset-preview{display:grid;height:96px;place-items:center;overflow:hidden;border:1px dashed var(--border);border-radius:12px;background:#fff;color:var(--muted);font-size:12px}
.branding-asset-preview img{display:block;max-width:100%;max-height:82px;object-fit:contain}
.branding-upload-form{display:grid;gap:8px}
.danger-button{border-color:#f0c4c9;color:#a62939;background:#fff}
.danger-button:hover{background:#fff4f5}
.alert{padding:12px 14px;border-radius:10px;margin-bottom:12px}
.alert.error{background:#fdebec;color:#a62939}
.notification-centre{position:fixed;top:calc(var(--topbar-height) + 12px);right:16px;bottom:auto;z-index:2000;display:grid;gap:8px;pointer-events:none}
.notification{padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:var(--shadow-md);pointer-events:auto;animation:notificationFlyIn .2s ease-out both}
.notification.is-dismissing{animation:notificationFlyOut .22s ease-in forwards}
@keyframes notificationFlyIn{from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:translateX(0)}}
@keyframes notificationFlyOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(36px)}}
.notification--success{border-color:#b8e7d2}
.notification--error{border-color:#efb9c0;background:#fff6f7;color:#8f2433}
.muted{color:var(--muted)}
.login-body{display:grid;min-height:100vh;place-items:center;padding:24px;background:var(--background)}
.login-card{width:min(100%,430px);padding:28px;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:var(--shadow-md)}
.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.login-brand>div{display:grid}
.login-brand small{color:var(--muted)}
.login-card h1{margin:0 0 4px}
.login-card>p{margin:0 0 20px;color:var(--muted)}
.login-form{display:grid;gap:14px}
.login-form .button{margin-top:4px}
.overview-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}
.overview-heading h1{margin:2px 0 5px;font-size:26px;line-height:1.12}
.overview-heading p{margin:0;color:var(--muted);max-width:760px}
.overview-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.overview-store-scope-form{display:flex;align-items:stretch}
.overview-store-scope-form label{display:grid;min-width:190px;gap:2px;padding:5px 7px 5px 11px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 96%,var(--background));box-shadow:var(--shadow-sm)}
.overview-store-scope-form label>span{padding-left:2px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.overview-store-scope-form select{width:100%;height:32px;min-height:32px;padding-top:0;padding-bottom:0;border:0;background-color:transparent;font-size:12px;font-weight:850;box-shadow:none}
.overview-store-scope-form select:focus{box-shadow:none}
.overview-period{display:grid;gap:1px;min-height:40px;justify-items:end;padding:4px 4px 4px 10px}
.overview-period span{color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}
.overview-period strong{font-size:12px;white-space:nowrap}
.overview-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}
.overview-kpi{display:flex;position:relative;gap:11px;min-width:0;padding:14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.overview-kpi--interactive{cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.overview-kpi--interactive:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 24%,var(--border));box-shadow:0 8px 22px rgba(21,35,52,.11)}.overview-kpi--interactive:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 18%,transparent);outline-offset:2px}.overview-kpi-open-indicator{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:color-mix(in srgb,var(--primary) 60%,var(--muted));font-size:20px;font-weight:850;line-height:1}
.overview-kpi>div{display:grid;align-content:center;min-width:0}
.overview-kpi>div>span{color:var(--muted);font-size:11px;font-weight:700}
.overview-kpi>div>strong{display:block;margin-top:3px;font-size:20px;line-height:1.16;overflow-wrap:anywhere}
.overview-kpi>div>small{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.25}
.overview-kpi-icon{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:11px;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--surface))}
.overview-kpi-icon .icon{width:19px;height:19px}
.overview-kpi-icon--profit{color:var(--success);background:color-mix(in srgb,var(--success) 12%,var(--surface))}
.overview-kpi-icon--food{color:var(--warning);background:color-mix(in srgb,var(--warning) 14%,var(--surface))}
.overview-kpi-icon--wages{color:var(--secondary);background:color-mix(in srgb,var(--secondary) 10%,var(--surface))}
.overview-kpi-icon--fees{color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface))}
.overview-kpi-icon--attention{color:var(--error);background:color-mix(in srgb,var(--error) 10%,var(--surface))}
.overview-stores-panel{margin-bottom:14px}
.overview-store-table{min-width:860px}
.store-name-cell{display:flex;align-items:center;gap:10px}
.store-name-cell>div{display:grid}
.store-status-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 4px color-mix(in srgb,var(--muted) 10%,transparent)}
.store-status-dot--success{background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 10%,transparent)}
.store-status-dot--warning{background:var(--warning);box-shadow:0 0 0 4px color-mix(in srgb,var(--warning) 11%,transparent)}
.store-status-dot--error{background:var(--error);box-shadow:0 0 0 4px color-mix(in srgb,var(--error) 10%,transparent)}
.positive{color:var(--success)}
.empty-state{padding:22px;text-align:center;color:var(--muted)}
.overview-detail-grid{margin-top:0}


/* Canonical compact Sales Report Analytics workspace above Store Network. */
.overview-report-workspace{display:grid;gap:12px;margin-bottom:14px}
.overview-report-store-status-bar{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;min-width:0;overflow-x:auto;margin-bottom:12px;padding:2px 1px 4px;scrollbar-width:none}
.overview-report-store-status-bar::-webkit-scrollbar{display:none}
.overview-report-store-pill{display:inline-flex;min-height:32px;flex:0 0 auto;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:10px;font-weight:800;white-space:nowrap;box-shadow:var(--shadow-sm)}
.overview-report-store-dot{display:block;width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--warning);box-shadow:0 0 0 4px color-mix(in srgb,var(--warning) 13%,transparent)}
.overview-report-store-pill.is-reporting{border-color:color-mix(in srgb,var(--success) 28%,var(--border));background:color-mix(in srgb,var(--success) 5%,var(--surface))}
.overview-report-store-pill.is-reporting .overview-report-store-dot{background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 12%,transparent)}
.overview-report-store-pill.is-not-reporting{border-color:color-mix(in srgb,var(--warning) 34%,var(--border));background:color-mix(in srgb,var(--warning) 6%,var(--surface))}
.overview-report-warning{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--warning) 34%,var(--border));border-radius:11px;background:color-mix(in srgb,var(--warning) 7%,var(--surface));font-size:10px;line-height:1.4}
.overview-report-warning strong{color:#8d5c00;white-space:nowrap}.overview-report-warning span{color:var(--muted)}
.overview-report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.overview-report-card{display:flex;min-width:0;min-height:292px;flex-direction:column;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-sm)}
.overview-report-card--channel,.overview-report-card--hourly,.overview-report-card--product{min-height:372px}
.overview-report-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.overview-report-card-head h3{margin:0 0 3px;font-size:17px;line-height:1.15}.overview-report-card-head p{margin:0;color:var(--muted);font-size:10px;line-height:1.35}
.overview-report-empty{display:grid;flex:1;place-items:center;padding:22px;text-align:center;color:var(--muted);font-size:11px}
.overview-channel-table{display:grid;min-width:0}
.overview-channel-gridline{display:grid;grid-template-columns:minmax(108px,.85fr) 56px minmax(175px,1.45fr);align-items:center;gap:10px}
.overview-channel-head{padding:0 0 7px;border-bottom:1px solid var(--border);color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.overview-channel-row{min-height:39px;border-bottom:1px solid color-mix(in srgb,var(--border) 76%,transparent);font-size:10px}.overview-channel-row:last-child{border-bottom:0}
.overview-channel-row>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.overview-channel-row>span{color:var(--text);font-weight:750}
.overview-channel-sales{display:grid;grid-template-columns:minmax(70px,1fr) auto;align-items:center;gap:9px;min-width:0}.overview-channel-sales>b{white-space:nowrap;font-size:10px}
.overview-analytics-bar{display:block;height:7px;overflow:hidden;border-radius:999px;background:#edf1f5}.overview-analytics-bar>i{display:block;height:100%;border-radius:inherit;background:var(--channel-color,var(--primary))}
.overview-hour-chart{position:relative;min-height:218px;margin-top:1px}.overview-hour-chart svg{display:block;width:100%;height:218px;overflow:visible}
.overview-hour-gridline{stroke:color-mix(in srgb,var(--border) 82%,transparent);stroke-width:1}.overview-hour-y-label,.overview-hour-x-label{fill:var(--muted);font-size:9px;font-weight:600}
.overview-hour-area{fill:color-mix(in srgb,var(--primary) 10%,transparent)}.overview-hour-line{fill:none;stroke:var(--primary);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.overview-hour-point{fill:var(--primary);stroke:var(--surface);stroke-width:1.4}.overview-hour-point.is-peak{fill:var(--primary);stroke:color-mix(in srgb,var(--primary) 20%,var(--surface));stroke-width:4}.overview-hour-peak-line{stroke:color-mix(in srgb,var(--primary) 55%,transparent);stroke-width:1;stroke-dasharray:4 4}
.overview-hour-peak-card{position:absolute;top:0;right:3px;z-index:2;display:grid;gap:0;padding:7px 9px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--primary) 7%,var(--surface));box-shadow:var(--shadow-sm);font-size:9px}.overview-hour-peak-card strong{color:var(--primary);font-size:9px}.overview-hour-peak-card span{font-size:11px;font-weight:850}.overview-hour-peak-card small{color:var(--muted);font-size:8px}
.overview-product-layout{display:grid;grid-template-columns:minmax(150px,.78fr) minmax(0,1.22fr);align-items:center;gap:14px;flex:1;min-height:245px}
.overview-product-donut{position:relative;display:grid;width:156px;height:156px;place-items:center;margin:auto;border-radius:50%;background:var(--overview-product-gradient)}.overview-product-donut:after{content:"";position:absolute;width:94px;height:94px;border:1px solid var(--border);border-radius:50%;background:var(--surface)}.overview-product-donut>div{position:relative;z-index:1;display:grid;justify-items:center;gap:1px;text-align:center}.overview-product-donut strong{font-size:15px}.overview-product-donut span{color:var(--muted);font-size:9px}
.overview-product-legend{display:grid;min-width:0}.overview-product-legend>div{display:grid;grid-template-columns:8px minmax(70px,1fr) 42px 66px;align-items:center;gap:7px;min-height:22px;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);font-size:9px}.overview-product-legend>div:last-child{border-bottom:0}.overview-product-legend i{width:8px;height:8px;border-radius:50%}.overview-product-legend strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.overview-product-legend span{color:var(--muted);text-align:right}.overview-product-legend b{text-align:right;white-space:nowrap;font-size:9px}
.overview-report-insight{display:flex;align-items:center;gap:9px;margin-top:auto;padding:9px 10px;border-radius:10px;background:color-mix(in srgb,var(--primary) 7%,var(--surface));color:var(--text);font-size:9px}.overview-report-insight--success{background:color-mix(in srgb,var(--success) 8%,var(--surface))}.overview-report-insight-icon{display:grid;width:27px;height:27px;flex:0 0 27px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary);font-weight:900}.overview-report-insight--success .overview-report-insight-icon{background:color-mix(in srgb,var(--success) 14%,var(--surface));color:var(--success)}.overview-report-insight>div{display:grid;gap:1px}.overview-report-insight strong{font-size:9px}.overview-report-insight span{color:var(--muted);line-height:1.35}
.overview-tender-list{display:grid;min-width:0}.overview-tender-row{display:grid;grid-template-columns:28px minmax(86px,.75fr) 44px minmax(85px,1fr) auto;align-items:center;gap:8px;min-height:39px;border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent);font-size:9px}.overview-tender-row:last-child{border-bottom:0}.overview-tender-row>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.overview-tender-row>b{white-space:nowrap;font-size:10px}.overview-tender-share{color:var(--muted);text-align:right}.overview-tender-icon{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--channel-color,var(--primary)) 12%,var(--surface));color:var(--channel-color,var(--primary));font-size:9px;font-weight:900}
.overview-leakage-list{display:grid;min-width:0}.overview-leakage-list>div{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:40px;border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent)}.overview-leakage-list>div:last-child{border-bottom:0}.overview-leakage-list strong{font-size:10px}.overview-leakage-list b{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:10px}.overview-leakage-icon{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:#eef2f6;color:#55657a;font-size:10px;font-weight:900}.overview-leakage-icon.is-discount{background:color-mix(in srgb,var(--error) 10%,var(--surface));color:var(--error)}.overview-leakage-icon.is-void{background:color-mix(in srgb,var(--warning) 14%,var(--surface));color:#b06d00}.overview-leakage-icon.is-refund{background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}.overview-leakage-icon.is-food{background:color-mix(in srgb,var(--success) 10%,var(--surface));color:var(--success)}
.overview-expense-list{display:grid;margin-top:2px}.overview-expense-row{display:grid;grid-template-columns:minmax(130px,1fr) 68px 100px;align-items:center;gap:10px;min-height:52px;padding:7px 10px;border-bottom:1px solid var(--border)}.overview-expense-row:last-child{border-bottom:0}.overview-expense-row>div{display:grid;gap:2px;min-width:0}.overview-expense-row strong{font-size:11px}.overview-expense-row small{color:var(--muted);font-size:9px}.overview-expense-row>span{color:var(--muted);text-align:right;font-size:10px;font-weight:800}.overview-expense-row>b{text-align:right;font-size:11px}.overview-report-review-link{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:8px;background:color-mix(in srgb,var(--warning) 9%,var(--surface));color:#8d5c00;font-size:10px;font-weight:850}
.overview-period-comparison{margin-top:0;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}
.overview-period-comparison-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:15px 17px 12px;border-bottom:1px solid var(--border)}
.overview-period-comparison-head h3{margin:2px 0 3px;font-size:16px;line-height:1.15}.overview-period-comparison-head p{margin:0;color:var(--muted);font-size:10px;line-height:1.4}
.overview-period-comparison-scroll{overflow:auto;scrollbar-width:thin}
.overview-period-comparison-grid{min-width:720px}
.overview-period-comparison-row{display:grid;grid-template-columns:minmax(150px,1.25fr) repeat(4,minmax(105px,.8fr));align-items:center;gap:12px;min-height:43px;padding:7px 14px;border-bottom:1px solid var(--border);font-size:10px}.overview-period-comparison-row:last-child{border-bottom:0}.overview-period-comparison-row>span{text-align:right}.overview-period-comparison-row>strong{font-size:11px}
.overview-period-comparison-header{min-height:36px;background:#fafbfd;color:var(--muted);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.overview-period-comparison-header>span{text-align:right}.overview-period-comparison-header>span:first-child{text-align:left}
.overview-period-comparison-empty{padding:18px;text-align:center;color:var(--muted);font-size:10px}
.overview-report-state-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
@media(max-width:1250px){.overview-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.overview-report-grid{grid-template-columns:1fr}.overview-report-card,.overview-report-card--channel,.overview-report-card--hourly,.overview-report-card--product{min-height:0}.overview-product-layout{grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:620px){.overview-report-card{padding:13px}.overview-report-warning{align-items:flex-start;flex-direction:column}.overview-channel-gridline{grid-template-columns:minmax(92px,.9fr) 48px minmax(145px,1.4fr);gap:7px}.overview-channel-sales{grid-template-columns:minmax(55px,1fr) auto;gap:6px}.overview-product-layout{grid-template-columns:1fr}.overview-product-donut{width:148px;height:148px}.overview-product-legend>div{grid-template-columns:8px minmax(70px,1fr) 42px 64px}.overview-tender-row{grid-template-columns:26px minmax(72px,.8fr) 42px minmax(70px,1fr) auto;gap:6px}.overview-hour-peak-card{position:static;width:max-content;margin:0 0 -5px auto}}
.overview-card-drawer{position:fixed;z-index:2600;top:var(--topbar-height);right:0;bottom:0;left:var(--sidebar-width);visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.app-shell.sidebar-collapsed .overview-card-drawer{left:var(--sidebar-collapsed-width)}.overview-card-drawer:target{visibility:visible;opacity:1;pointer-events:auto}.overview-card-drawer-backdrop{position:absolute;inset:0;background:rgba(15,26,40,.62);backdrop-filter:blur(3px)}.overview-card-drawer-panel{position:absolute;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid var(--border);background:var(--surface);box-shadow:0 -20px 70px rgba(15,23,42,.34);transition:transform .22s ease}.overview-card-drawer--bottom .overview-card-drawer-panel{right:16px;bottom:16px;left:16px;height:85vh;max-height:calc(100% - 32px);border-radius:22px;transform:translateY(calc(100% + 20px))}.overview-card-drawer--bottom:target .overview-card-drawer-panel{transform:translateY(0)}.overview-card-drawer--side .overview-card-drawer-panel{top:14px;right:16px;bottom:16px;width:min(520px,calc(100% - 32px));border-radius:18px;transform:translateX(calc(100% + 20px))}.overview-card-drawer--side:target .overview-card-drawer-panel{transform:translateX(0)}.overview-card-drawer-head{display:flex;z-index:2;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--surface);box-shadow:0 2px 12px rgba(15,23,42,.06)}.overview-card-drawer-head h2{margin:2px 0 4px;font-size:21px}.overview-card-drawer-head p{margin:0;color:var(--muted);font-size:11px}.overview-card-drawer-close{flex:0 0 40px;font-size:24px}.overview-card-drawer-body{min-height:0;overflow-y:auto;overflow-x:hidden;padding:14px 20px 28px;background:#fbfcfe;overscroll-behavior:contain;scrollbar-width:none}.overview-card-drawer-body::-webkit-scrollbar,.overview-card-store-table::-webkit-scrollbar{width:0;height:0}.overview-card-store-table{overflow:auto;scrollbar-width:none}.overview-card-drawer-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:12px}.overview-card-drawer-summary article{display:grid;gap:3px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.overview-card-drawer-summary span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.overview-card-drawer-summary strong{font-size:18px}.overview-card-drawer-summary small{color:var(--muted);font-size:9px}.overview-card-breakdown-section{margin-top:10px;border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden}.overview-card-breakdown-section>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 13px;border-bottom:1px solid var(--border);background:#fafbfd}.overview-card-breakdown-section h3{margin:0;font-size:13px}.overview-card-breakdown-section>header span{color:var(--muted);font-size:9px}.overview-card-breakdown-list{display:grid}.overview-card-breakdown-list>div{display:grid;grid-template-columns:minmax(120px,1fr) auto auto;align-items:center;gap:12px;min-height:36px;padding:6px 13px;border-bottom:1px solid var(--border)}.overview-card-breakdown-list>div:last-child{border-bottom:0}.overview-card-breakdown-list strong{font-size:11px}.overview-card-breakdown-list span{color:var(--muted);font-size:10px}.overview-card-breakdown-list b{font-size:11px}.overview-card-store-row{display:grid;grid-template-columns:minmax(160px,1.3fr) minmax(110px,.8fr) minmax(88px,.55fr);align-items:center;gap:12px;min-width:0;min-height:44px;padding:8px 13px;border-bottom:1px solid var(--border)}.overview-card-store-row:last-child{border-bottom:0}.overview-card-store-row>span:first-child{display:flex;align-items:center;gap:8px;min-width:0}.overview-card-store-row small{color:var(--muted);font-size:9px}.overview-card-store-head{min-height:34px;background:#fafbfd;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.overview-awaiting-list{display:grid;gap:10px}.overview-awaiting-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.overview-awaiting-list article>div{display:grid}.overview-awaiting-list article small{color:var(--muted);font-size:9px}.overview-awaiting-list article p{grid-column:1/-1;margin:0;color:var(--muted);font-size:10px;line-height:1.45}.overview-awaiting-list article .button{grid-column:2;grid-row:1;align-self:center;min-height:36px;font-size:10px}
@media(max-width:800px){.overview-card-drawer,.app-shell.sidebar-collapsed .overview-card-drawer{left:0}.overview-card-drawer--bottom .overview-card-drawer-panel{right:10px;bottom:12px;left:10px;height:85vh;max-height:calc(100% - 24px);border-radius:18px}.overview-card-drawer--side .overview-card-drawer-panel{top:10px;right:10px;bottom:12px;width:calc(100% - 20px)}.overview-card-drawer-head{padding:14px 15px}.overview-card-drawer-body{padding:12px 13px 24px}.overview-card-drawer-summary{grid-template-columns:1fr 1fr}.overview-card-breakdown-list>div{grid-template-columns:minmax(100px,1fr) auto}.overview-card-breakdown-list>div b{grid-column:2}.overview-awaiting-list article{grid-template-columns:1fr}.overview-awaiting-list article .button{grid-column:1;grid-row:auto;width:100%}.overview-expense-row{grid-template-columns:minmax(110px,1fr) 58px 88px;gap:7px;padding-right:4px;padding-left:4px}}
@media(max-width:520px){.overview-card-drawer-summary{grid-template-columns:1fr}}

.settings-tabs{display:flex;gap:20px;align-items:flex-end;margin:0 0 16px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:thin}
.settings-tabs a{position:relative;display:inline-flex;min-height:42px;align-items:center;padding:0 1px 10px;color:var(--muted);font-weight:750;white-space:nowrap;border-bottom:2px solid transparent}
.settings-tabs a:hover{color:var(--text)}
.settings-tabs a:focus-visible{color:var(--text);outline:2px solid color-mix(in srgb,var(--primary) 35%,transparent);outline-offset:3px}
.settings-tabs a.is-active{color:var(--primary);border-bottom-color:var(--primary)}
.settings-tab-panel{margin-bottom:14px}

.channel-row--uber_eats{--channel-color:var(--platform-ubereats)}
.channel-row--deliveroo{--channel-color:var(--platform-deliveroo)}
.channel-row--just_eat{--channel-color:var(--platform-justeat)}
.channel-row--card{--channel-color:var(--channel-card)}
.channel-row--cash{--channel-color:var(--channel-cash)}
.channel-row--webpay{--channel-color:var(--channel-webpay)}
.channel-row--cash_carry{--channel-color:var(--channel-cashcarry)}
.channel-list--values .channel-copy strong{font-size:12px}
.channel-list--branded .channel-track,.channel-list--values .channel-track{height:8px}
.platform-brand-img{display:block;width:82px;height:34px;object-fit:contain;object-position:left center}
.platform-brand-fallback{font-weight:800}
.platform-line-brand{display:flex;align-items:center;gap:12px;min-width:0}
.platform-line-brand .platform-brand-img{width:74px;height:30px;flex:0 0 74px}
.negative{color:var(--error)}
.heading-note{color:var(--muted);font-size:12px;font-weight:600}
.weekly-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
.weekly-title-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.weekly-title-row h1{margin:0;font-size:26px;line-height:1.15}
.store-code{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.03em}
.weekly-period-control{display:flex;align-items:center;justify-content:flex-end;gap:7px;color:var(--muted);font-size:12px}
.weekly-period-control strong{margin-right:6px;color:var(--text);font-size:12px}
.week-nav-button{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted)}
.week-nav-button .icon{width:16px;height:16px}
.week-nav-button:disabled{opacity:.45}
.weekly-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.weekly-kpi{padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}
.weekly-kpi>span{display:block;color:var(--muted);font-size:11px;font-weight:700}
.weekly-kpi>strong{display:block;margin-top:6px;font-size:22px;line-height:1.1}
.weekly-kpi>small{display:block;margin-top:7px;color:var(--muted);font-size:10px}
.weekly-kpi--profit>strong{color:var(--success)}
.weekly-main-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);gap:14px;margin-bottom:14px}
.donut-layout{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:20px;min-height:205px}
.donut-chart{display:grid;width:168px;height:168px;place-items:center;margin:auto;border-radius:50%;background:var(--donut-fill);position:relative}
.donut-chart:after{content:"";position:absolute;width:105px;height:105px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}
.donut-chart>div{position:relative;z-index:1;display:grid;text-align:center;gap:2px}
.donut-chart strong{font-size:16px}
.donut-chart span{color:var(--muted);font-size:10px}
.donut-legend{display:grid;gap:10px}
.donut-legend>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:12px}
.legend-dot{width:9px;height:9px;border-radius:50%}
.legend-dot--food{background:var(--chart-food)}
.legend-dot--wages{background:var(--chart-wages)}
.legend-dot--overheads{background:var(--chart-overheads)}
.legend-dot--fees{background:var(--chart-fees)}
.legend-dot--other{background:var(--chart-other)}
.panel-note{margin-top:12px;padding:10px 12px;border-radius:10px;font-size:11px}
.warning-note{background:#fff7e8;color:#8a5b00}
.weekly-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.summary-stat{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}
.summary-stat-icon{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:50%;color:#17365d;background:#eef5fd}
.summary-stat>div{display:grid;min-width:0}
.summary-stat>div>span{color:var(--muted);font-size:11px;font-weight:700}
.summary-stat>div>strong{font-size:18px;margin-top:2px}
.summary-stat>div>small{color:var(--muted);font-size:10px;margin-top:2px}
.reconciliation-heading .overview-period{justify-items:end}
.reconciliation-form{display:grid;gap:14px}
.reconciliation-cards{gap:10px}
.reconciliation-cards .platform-card{display:grid;grid-template-columns:150px minmax(130px,1fr) minmax(170px,1.1fr) minmax(130px,.9fr) minmax(110px,.7fr) auto;align-items:center;gap:14px;padding:16px}
.platform-card-brand{min-width:0}
.platform-card-brand .platform-brand-img{width:112px;height:42px}
.platform-card-sales,.platform-card-fee,.platform-card-rate{display:grid;gap:4px}
.platform-card-sales span,.platform-card-fee span,.platform-card-rate span,.platform-card-payout>span{color:var(--muted);font-size:10px;font-weight:750}
.platform-card-sales strong,.platform-card-fee strong,.platform-card-rate strong{font-size:17px}
.platform-card-payout{display:grid;gap:5px}
.platform-card-payout small{color:var(--muted);font-size:9px}
.platform-card-status{justify-self:end}
.platform-card--deliveroo{border-left:4px solid var(--platform-deliveroo)}
.platform-card--just_eat{border-left:4px solid var(--platform-justeat)}
.platform-card--uber_eats{border-left:4px solid var(--platform-ubereats)}
.reconciliation-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}
.reconciliation-totals>div{display:grid;gap:4px;padding:15px;border-right:1px solid var(--border)}
.reconciliation-totals>div:last-child{border-right:0}
.reconciliation-totals span{color:var(--muted);font-size:10px;font-weight:750}
.reconciliation-totals strong{font-size:18px}
.reconciliation-actions{justify-content:flex-end}
.workflow-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#eef3f8}
.workflow-tabs a{display:flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 12px;color:#27405f;font-size:12px;font-weight:800;border-right:1px solid var(--border)}
.workflow-tabs a:last-child{border-right:0}
.workflow-tabs a.is-active{color:#fff;background:#174f91}
.workflow-tabs .icon{width:16px;height:16px}
.import-success-card{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:14px 16px;border:1px solid #bce7d2;border-radius:12px;background:#ebfaf2}
.import-success-icon{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:50%;color:#fff;background:var(--success)}
.import-success-card>div{display:grid;flex:1;gap:2px}
.import-success-card>div span{color:var(--muted);font-size:11px}
.imports-table{min-width:720px}
.info-strip-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.info-strip{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border-radius:11px;font-size:11px}
.info-strip>.icon{flex:0 0 20px;margin-top:1px}
.info-strip>div{display:grid;gap:2px}
.info-strip--blue{background:#e9f4ff;color:#285b93}
.info-strip--green{background:#eafaf1;color:#176f4b}
.manual-upload-panel{min-height:235px;display:grid;place-items:center;border-style:dashed}
.manual-upload-visual{display:grid;justify-items:center;text-align:center;gap:8px;max-width:500px;color:var(--muted)}
.manual-upload-visual>.icon{width:42px;height:42px;color:#17365d}
.manual-upload-visual h2{color:var(--text)}
.manual-upload-visual p{margin:0}
.validation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.validation-grid>div{display:grid;gap:5px;padding:13px;border:1px solid var(--border);border-radius:12px;background:#fafbfd}
.validation-grid .icon{color:var(--primary)}
.validation-grid span{color:var(--muted);font-size:11px}
.review-step-grid{display:grid;gap:8px}
.review-step-grid a{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:12px;background:#fafbfd}
.review-step-grid a>span{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;color:var(--primary);background:#eaf4ff}
.review-step-grid a>div{display:grid;gap:2px}
.review-step-grid small{color:var(--muted)}
.review-step-grid b{font-size:20px;color:#94a3b8}
.review-banner{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}
.review-banner>span:first-child{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;color:var(--success);background:#e9f8ef}
.review-banner>div{display:grid;flex:1;gap:2px}
.review-banner p{margin:0;color:var(--muted);font-size:11px}
.workflow-grid--premium .workflow-step{min-height:150px}
.reports-heading{margin-bottom:12px}
.reports-heading-actions{align-items:center}
.reports-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px}
.reports-picker-card{display:grid;grid-template-columns:34px minmax(0,1fr) 14px;align-items:center;gap:9px;min-width:0;min-height:64px;padding:9px 10px;border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}
.reports-picker-card:hover,.reports-picker-card:focus-visible{border-color:color-mix(in srgb,var(--primary) 36%,var(--border));background:color-mix(in srgb,var(--primary) 4%,var(--surface));box-shadow:0 8px 20px rgba(27,54,93,.08);outline:none;transform:translateY(-1px)}
.reports-picker-card.is-active{border-color:color-mix(in srgb,var(--primary) 42%,var(--border));background:color-mix(in srgb,var(--primary) 8%,var(--surface));box-shadow:0 8px 20px rgba(27,54,93,.08)}
.reports-picker-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}
.reports-picker-card>span:nth-child(2){display:grid;gap:2px;min-width:0}
.reports-picker-card strong{font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reports-picker-card small{color:var(--muted);font-size:9px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.reports-picker-card>b{color:#94a3b8;font-size:16px}
.reports-context-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-bottom:10px;overflow:hidden;border:1px solid var(--border);border-radius:13px;background:var(--border);box-shadow:var(--shadow-sm)}
.reports-context-bar>div{display:grid;gap:2px;padding:9px 12px;background:var(--surface);min-width:0}
.reports-context-bar span{color:var(--muted);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.reports-context-bar strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reports-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.reports-kpi{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 13px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm)}
.reports-kpi-icon{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}
.reports-kpi>div{display:grid;gap:1px;min-width:0}
.reports-kpi span{color:var(--muted);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.reports-kpi strong{font-size:18px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reports-kpi small{color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reports-content-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:12px;align-items:start}
.reports-content-grid--pl{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.reports-panel{padding:14px}
.reports-panel>.panel-head{margin-bottom:9px}
.reports-panel>.panel-head h2{font-size:15px}
.reports-panel>.panel-head p{font-size:10px}
.reports-pl-table{display:grid}
.reports-pl-table>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:35px;padding:7px 2px;border-bottom:1px solid var(--border)}
.reports-pl-table>div:last-child{border-bottom:0}
.reports-pl-table span{color:var(--muted);font-size:11px}
.reports-pl-table strong{font-size:12px;text-align:right}
.reports-pl-table .is-total{margin-top:3px;border-top:1px solid color-mix(in srgb,var(--primary) 22%,var(--border));font-weight:800}
.reports-pl-table .is-total span,.reports-pl-table .is-total strong{color:var(--text)}
.reports-pl-table .is-profit strong{color:var(--success);font-size:13px}
.reports-pl-table--compact>div{min-height:34px}
.reports-table{width:100%;min-width:660px;border-collapse:collapse}
.reports-table th{padding:7px 9px;color:var(--muted);font-size:9px;font-weight:800;text-align:left;text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb,var(--background) 70%,var(--surface));border-bottom:1px solid var(--border)}
.reports-table td{padding:8px 9px;font-size:10px;border-bottom:1px solid var(--border);white-space:nowrap}
.reports-table tbody tr:last-child td{border-bottom:0}
.reports-table td:first-child{white-space:normal}
.reports-trend-list{display:grid;gap:6px}
.reports-trend-row{display:grid;grid-template-columns:78px minmax(120px,1fr) 86px 64px;align-items:center;gap:9px;min-height:30px}
.reports-trend-row>span{color:var(--muted);font-size:10px}
.reports-trend-row>strong{text-align:right;font-size:11px}
.reports-trend-row>small{text-align:right;color:var(--muted);font-size:9px}
.reports-trend-track{height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--primary) 8%,var(--background))}
.reports-trend-track>i{display:block;height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 70%,#fff),var(--primary))}
.reports-ranking{display:grid;gap:8px}
.reports-ranking>div{display:grid;grid-template-columns:minmax(92px,.8fr) minmax(90px,1.25fr) 82px;align-items:center;gap:8px}
.reports-ranking>div>span{font-size:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reports-ranking>div>span>small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase}
.reports-ranking>div>div{height:7px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--primary) 8%,var(--background))}
.reports-ranking>div>div>i{display:block;height:100%;border-radius:inherit;background:var(--primary)}
.reports-ranking>div>strong{text-align:right;font-size:10px}
.reports-platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.reports-platform-card{padding:14px}
.reports-platform-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
.reports-platform-card>header>div{display:flex;align-items:center;min-height:30px}
.reports-platform-card .platform-brand-img{max-width:94px;max-height:30px}
.reports-platform-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:var(--border)}
.reports-platform-values>div{display:grid;gap:2px;padding:9px;background:var(--surface)}
.reports-platform-values span{color:var(--muted);font-size:9px}
.reports-platform-values strong{font-size:13px}
.reports-comparison-list{display:grid}
.reports-comparison-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto 64px;gap:8px;align-items:center;min-height:36px;border-bottom:1px solid var(--border)}
.reports-comparison-list>div:last-child{border-bottom:0}
.reports-comparison-list span{font-size:10px}
.reports-comparison-list strong{font-size:11px}
.reports-comparison-list small{text-align:right;color:var(--muted);font-size:10px}
.reports-delta{display:inline-flex;min-width:52px;justify-content:flex-end;font-weight:800}
.stores-admin-table{min-width:980px}


.date-range-control{display:flex;align-items:stretch;gap:7px;padding:5px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 96%,var(--background));box-shadow:var(--shadow-sm)}
.date-range-nav{display:grid;width:40px;min-height:44px;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:#30445f;transition:border-color .16s ease,background .16s ease,color .16s ease}
.date-range-nav:hover,.date-range-nav:focus-visible{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 35%,var(--border));background:color-mix(in srgb,var(--primary) 6%,var(--surface));outline:none}
.date-range-nav .icon{width:18px;height:18px}
.date-range-preset-form{display:flex;align-items:stretch}
.date-range-preset{min-width:132px;height:44px;border-color:color-mix(in srgb,var(--primary) 22%,var(--border));background-color:color-mix(in srgb,var(--primary) 5%,var(--surface));color:var(--text);font-size:12px;font-weight:850}
.date-range-preset:hover{background-color:color-mix(in srgb,var(--primary) 7%,var(--surface))}
.date-range-display{display:flex;min-width:250px;min-height:44px;align-items:center;justify-content:space-between;gap:16px;padding:5px 7px 5px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer;text-align:left}
.date-range-display:hover,.date-range-display:focus-visible{border-color:color-mix(in srgb,var(--primary) 38%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 7%,transparent);outline:none}
.date-range-display-copy{display:grid;gap:1px;min-width:0}
.date-range-display-copy small{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.date-range-display-copy strong{font-size:12px;white-space:nowrap}
.date-range-calendar-icon{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:9px;color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--surface))}
.date-range-calendar-icon .icon{width:17px;height:17px}
.date-picker-dialog{width:min(520px,calc(100vw - 28px));padding:0;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 26px 80px rgba(15,23,42,.28)}
.date-picker-dialog::backdrop{background:rgba(15,26,40,.46);backdrop-filter:blur(2px)}
.date-picker-form{display:grid}
.date-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid var(--border)}
.date-picker-head h2{margin:2px 0 5px;font-size:20px}
.date-picker-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.date-picker-close{flex:0 0 40px;font-size:24px;line-height:1}
.date-picker-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(180px,.9fr);gap:14px;padding:18px 20px;background:#fbfcfe}
.date-picker-body label{display:grid;gap:7px}
.date-picker-body label>span,.date-picker-current>span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.date-picker-body input[type=date]{width:100%;height:46px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-size:15px;font-weight:750;outline:none}
.date-picker-body input[type=date]:focus{border-color:color-mix(in srgb,var(--primary) 48%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 9%,transparent)}
.date-picker-current{display:grid;align-content:center;gap:4px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.date-picker-current strong{font-size:14px}
.date-picker-current small{color:var(--muted);font-size:11px}
.date-picker-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border)}
.overview-period-empty .empty-state{display:grid;gap:5px}
.overview-period-empty .empty-state strong{color:var(--text);font-size:14px}
@media (max-width:760px){.date-range-control{width:100%}.date-range-preset-form{flex:1}.date-range-preset{width:100%;min-width:0}.date-range-display{min-width:0;flex:1.5}.date-range-display-copy strong{white-space:normal}.date-picker-body{grid-template-columns:1fr}}
@media (max-width:560px){.date-range-control{display:grid;grid-template-columns:40px minmax(0,1fr) 40px}.date-range-preset-form{grid-column:2}.date-range-display{grid-column:1/-1;grid-row:2}.date-range-nav:last-child{grid-column:3;grid-row:1}.date-range-nav:first-child{grid-column:1;grid-row:1}.date-picker-head,.date-picker-body{padding-left:14px;padding-right:14px}.date-picker-actions{display:grid;grid-template-columns:1fr 1fr;padding-left:14px;padding-right:14px}.date-picker-actions .button{width:100%}}

@keyframes navFlyIn{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}
@media (max-width:1050px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.expense-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.reports-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-content-grid,.reports-content-grid--pl{grid-template-columns:1fr}}
@media (max-width:800px){.app-shell{grid-template-columns:1fr;grid-template-rows:var(--topbar-height) minmax(0,1fr)}.app-shell.sidebar-collapsed{grid-template-columns:1fr;grid-template-rows:var(--topbar-height) minmax(0,1fr)}.topbar{grid-template-columns:64px minmax(0,1fr) auto}.app-shell.sidebar-collapsed .topbar{grid-template-columns:64px minmax(0,1fr) auto}.topbar-brand{padding:0 10px}.brand{display:none}.mobile-menu-button{display:grid}.topbar-page{padding:0 8px}.profile-trigger{min-width:auto;padding:0 4px}.profile-copy{display:none}.profile-trigger>.icon{display:none}.sidebar{position:fixed;left:-290px;top:var(--topbar-height);width:274px;height:calc(100vh - var(--topbar-height));transition:left .2s ease;box-shadow:12px 0 32px rgba(15,26,40,.18)}.app-shell.sidebar-collapsed .sidebar{position:fixed;left:-290px;top:var(--topbar-height);width:274px;height:calc(100vh - var(--topbar-height));transition:left .2s ease;box-shadow:12px 0 32px rgba(15,26,40,.18)}.sidebar.open{left:0}.app-shell.sidebar-collapsed .sidebar.open{left:0}.sidebar-nav{padding:16px 16px 32px 12px;overflow:auto}.app-shell.sidebar-collapsed .sidebar-nav{padding:16px 16px 32px 12px;overflow:auto}.app-shell.sidebar-collapsed .nav-section h2{display:block}.app-shell.sidebar-collapsed .nav-label{display:block}.app-shell.sidebar-collapsed .nav-chevron{display:block}.app-shell.sidebar-collapsed .nav-link{justify-content:flex-start;padding:6px 10px}.nav-flyout{position:static;width:auto;max-height:none;margin:4px 0 8px 42px;box-shadow:none}.app-shell.sidebar-collapsed .nav-flyout{position:static;width:auto;max-height:none;margin:4px 0 8px 42px;box-shadow:none}.nav-group.is-open>.nav-flyout{animation:none}.sidebar-collapse{display:none}.main{grid-column:1;grid-row:2;border-radius:0}.page{padding:16px}.sidebar-backdrop{display:block}.platform-values{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.settings-field-grid{grid-template-columns:1fr}.branding-assets-grid{grid-template-columns:1fr}.settings-toggle-grid{grid-template-columns:1fr}.settings-environment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-span-2{grid-column:auto}.settings-save-bar{position:static;align-items:stretch;flex-direction:column}.settings-save-bar .button{width:100%}.overview-heading{flex-direction:column}.overview-heading-actions{width:100%;justify-content:flex-start}.overview-store-scope-form{width:100%}.overview-store-scope-form label{width:100%;min-width:0}.overview-period{justify-items:start;padding-left:0;margin-right:auto}}
@media (max-width:560px){.settings-environment-grid{grid-template-columns:1fr}.topbar-actions>.icon-button{display:none}.page-heading{flex-direction:column}.metric-grid{grid-template-columns:1fr}.expense-entry-grid{grid-template-columns:1fr}.platform-values{grid-template-columns:1fr}.profile-trigger{height:44px}.panel{padding:14px}.metric-card>strong{font-size:20px}.overview-kpi-grid{grid-template-columns:1fr 1fr}.overview-kpi{padding:12px}.overview-kpi>div>strong{font-size:18px}.settings-tabs{gap:16px}.reports-picker{grid-template-columns:1fr}.reports-context-bar{grid-template-columns:1fr}.reports-kpi-grid{grid-template-columns:1fr 1fr}.reports-trend-row{grid-template-columns:68px minmax(80px,1fr) 76px}.reports-trend-row>small{display:none}.reports-ranking>div{grid-template-columns:minmax(80px,.9fr) minmax(70px,1fr) 74px}.reports-platform-grid{grid-template-columns:1fr}.reports-platform-values{grid-template-columns:1fr 1fr}.reports-kpi{padding:10px}.reports-kpi strong{font-size:16px}}
@media (max-width:1250px){.overview-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1100px){.weekly-main-grid{grid-template-columns:1fr}.reconciliation-cards .platform-card{grid-template-columns:120px 1fr 1fr}.platform-card-fee,.platform-card-rate{grid-row:2}.platform-card-status{grid-column:3;grid-row:2}.validation-grid{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.weekly-kpi-grid{grid-template-columns:1fr 1fr}.weekly-summary-grid{grid-template-columns:1fr}.reconciliation-cards .platform-card{grid-template-columns:1fr 1fr}.platform-card-brand{grid-column:1/-1}.platform-card-status{grid-column:2;grid-row:1;justify-self:end}.reconciliation-totals{grid-template-columns:1fr 1fr}.reconciliation-totals>div:nth-child(2){border-right:0}.reconciliation-totals>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.info-strip-grid{grid-template-columns:1fr}}
@media (max-width:620px){.weekly-heading{align-items:flex-start;flex-direction:column}.weekly-period-control{width:100%;justify-content:flex-start;flex-wrap:wrap}.weekly-kpi-grid{grid-template-columns:1fr}.donut-layout{grid-template-columns:1fr}.donut-chart{width:150px;height:150px}.donut-chart:after{width:94px;height:94px}.reconciliation-cards .platform-card{grid-template-columns:1fr}.platform-card-status{grid-column:1;grid-row:auto;justify-self:start}.reconciliation-totals{grid-template-columns:1fr}.reconciliation-totals>div{border-right:0;border-bottom:1px solid var(--border)}.reconciliation-totals>div:last-child{border-bottom:0}.workflow-tabs{grid-template-columns:1fr}.workflow-tabs a{border-right:0;border-bottom:1px solid var(--border)}.workflow-tabs a:last-child{border-bottom:0}.validation-grid{grid-template-columns:1fr}}
.table-panel-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.table-settings-trigger{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--muted);cursor:pointer}
.table-settings-trigger:hover{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 38%,var(--border));background:color-mix(in srgb,var(--primary) 6%,var(--surface))}
.table-settings-trigger:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 35%,transparent);outline-offset:2px}
.table-settings-trigger .icon{width:17px;height:17px}
.table-settings-dialog{width:min(720px,calc(100vw - 32px));max-height:min(820px,calc(100vh - 40px));padding:0;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 24px 70px rgba(15,23,42,.28)}
.table-settings-dialog::backdrop{background:rgba(15,26,40,.5);backdrop-filter:blur(2px)}
.table-settings-form{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:min(820px,calc(100vh - 40px))}
.table-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid var(--border)}
.table-settings-head h2{margin:2px 0 5px;font-size:20px}
.table-settings-head p{margin:0;color:var(--muted);font-size:12px;max-width:560px}
.table-settings-close{flex:0 0 40px}
.table-settings-list{display:grid;gap:8px;padding:14px 20px;overflow:auto;background:#fbfcfe}
.table-settings-row{display:grid;grid-template-columns:28px 48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);cursor:default}
.table-settings-row.is-dragging{opacity:.45}
.table-settings-row.is-drop-target{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 12%,transparent)}
.table-settings-drag{display:grid;place-items:center;color:#94a3b8;font-size:18px;letter-spacing:-4px;user-select:none;cursor:grab}
.table-column-toggle{display:flex;align-items:center;justify-content:center;cursor:pointer}
.table-column-toggle input{position:absolute;opacity:0;pointer-events:none}
.toggle-track{display:flex;width:38px;height:22px;align-items:center;padding:2px;border-radius:999px;background:#cbd5e1;transition:background .16s ease}
.toggle-track span{width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.22);transition:transform .16s ease}
.table-column-toggle input:checked+.toggle-track{background:var(--primary)}
.table-column-toggle input:checked+.toggle-track span{transform:translateX(16px)}
.table-column-toggle input:focus-visible+.toggle-track{outline:2px solid color-mix(in srgb,var(--primary) 40%,transparent);outline-offset:2px}
.table-column-label{display:grid;gap:4px;min-width:0}
.table-column-label>span{color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}
.table-column-label input{width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--text);font-size:13px;font-weight:600}
.table-settings-order-buttons{display:flex;gap:5px}
.table-order-button{display:grid;width:34px;height:34px;place-items:center;padding:0;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--muted);cursor:pointer;font-weight:900}
.table-order-button:hover{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}
.table-settings-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid var(--border);background:var(--surface)}
.table-settings-actions>div{display:flex;gap:8px}
.configurable-table th{white-space:nowrap}
.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}
@media (max-width:620px){.table-settings-dialog{width:calc(100vw - 18px)}.table-settings-head{padding:16px}.table-settings-list{padding:12px}.table-settings-row{grid-template-columns:24px 44px minmax(0,1fr)}.table-settings-order-buttons{grid-column:3;justify-content:flex-end}.table-settings-actions{align-items:stretch;flex-direction:column;padding:12px}.table-settings-actions>div{display:grid;grid-template-columns:1fr 1fr}.table-settings-actions>.button{width:100%}}

.preference-name-fields{display:grid;gap:7px;min-width:0}
.preference-name-fields.has-original{grid-template-columns:minmax(130px,.65fr) minmax(220px,1.35fr);align-items:end;gap:12px}
.preference-original-name{display:grid;gap:4px;min-width:0;padding:2px 0}
.preference-original-name span{color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}
.preference-original-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:13px;font-weight:800}
@media (max-width:700px){.preference-name-fields.has-original{grid-template-columns:1fr;gap:8px}.preference-original-name strong{white-space:normal}}

.overview-settings-dialog{width:min(940px,calc(100vw - 28px));max-height:min(900px,calc(100vh - 32px));padding:0;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text);box-shadow:0 28px 90px rgba(15,23,42,.3)}
.overview-settings-dialog::backdrop{background:rgba(15,26,40,.5);backdrop-filter:blur(2px)}
.overview-settings-form{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;max-height:min(900px,calc(100vh - 32px))}
.overview-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px 16px;border-bottom:1px solid var(--border)}
.overview-settings-head h2{margin:2px 0 5px;font-size:21px}
.overview-settings-head p{margin:0;max-width:690px;color:var(--muted);font-size:12px;line-height:1.45}
.overview-settings-close{flex:0 0 40px}
.overview-settings-tabs{display:flex;gap:22px;align-items:flex-end;padding:0 22px;border-bottom:1px solid var(--border);overflow-x:auto;background:var(--surface);scrollbar-width:thin}
.overview-settings-tab{position:relative;min-height:46px;padding:2px 1px 10px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}
.overview-settings-tab:hover,.overview-settings-tab:focus-visible{color:var(--text);outline:none}
.overview-settings-tab.is-active{color:var(--primary);border-bottom-color:var(--primary)}
.overview-settings-panels{min-height:0;overflow:auto;background:#fbfcfe}
.overview-settings-panel{padding:18px 20px 20px}
.overview-settings-intro{margin-bottom:12px}
.overview-settings-intro h3{margin:0 0 4px;font-size:16px}
.overview-settings-intro p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.overview-settings-panel>.table-settings-list{padding:0;background:transparent}
.overview-settings-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
.overview-settings-options-grid--platforms{grid-template-columns:repeat(2,minmax(0,1fr))}
.overview-settings-options-grid>label:not(.overview-settings-toggle){display:grid;gap:6px}
.overview-settings-options-grid>label>span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.overview-settings-options-grid select{width:100%;height:42px;font-size:13px;font-weight:600}

.overview-settings-toggle{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer}
.overview-settings-toggle input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--primary)}
.overview-settings-toggle span{display:grid;gap:2px}
.overview-settings-toggle strong{font-size:12px}
.overview-settings-toggle small{color:var(--muted);font-size:10px;line-height:1.35}
.overview-settings-note{margin:0 0 12px;padding:10px 12px;border-left:3px solid var(--primary);border-radius:8px;background:#f3f8ff;color:var(--muted);font-size:11px;line-height:1.45}
.overview-settings-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid var(--border);background:var(--surface)}
.overview-settings-actions>div{display:flex;gap:8px}
@media (max-width:700px){.overview-settings-dialog{width:calc(100vw - 16px)}.overview-settings-head{padding:16px}.overview-settings-tabs{padding:0 16px;gap:18px}.overview-settings-panel{padding:15px 14px 16px}.overview-settings-options-grid,.overview-settings-options-grid--platforms{grid-template-columns:1fr}.overview-settings-actions{align-items:stretch;flex-direction:column;padding:12px}.overview-settings-actions>div{display:grid;grid-template-columns:1fr 1fr}.overview-settings-actions>.button{width:100%}}

.settings-page-heading{margin-bottom:14px}
.settings-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}
.settings-side{position:sticky;top:18px;min-width:0;align-self:start}
.settings-side-nav{display:grid;gap:4px;padding:8px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-sm)}
.settings-side-link{display:flex;min-height:44px;align-items:center;gap:11px;padding:7px 10px;border-radius:10px;color:var(--navigation-text-colour);font-weight:700}
.settings-side-link:hover,.settings-side-link:focus-visible{background:var(--nav-hover-colour);outline:none}
.settings-side-link.is-active{color:var(--nav-active-text-colour);background:var(--nav-active-colour)}
.settings-side-icon{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:9px;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface))}
.settings-side-icon .icon{width:16px;height:16px}
.settings-content{min-width:0}
.settings-content-surface{padding:18px 20px 20px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-sm)}
.settings-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 14px}
.settings-section-heading h2{margin:2px 0 4px;font-size:22px;line-height:1.15}
.settings-section-heading p{margin:0;color:var(--muted);max-width:760px}
.settings-section-heading--actions{align-items:center}
.settings-status-grid{margin-top:14px}
.settings-group-stack{display:grid;gap:12px}
.settings-group-card{padding:16px;border:1px solid var(--border);border-radius:14px;background:#fbfcfe}
.settings-group-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.settings-group-head h3{margin:1px 0 3px;font-size:15px}
.settings-group-head p{margin:0;color:var(--muted);font-size:11px}
.settings-group-icon{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border-radius:50%;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface))}
.settings-group-icon .icon{width:19px;height:19px}
.settings-field-grid--compact-five{grid-template-columns:repeat(5,minmax(120px,1fr))}
.settings-card-title{display:flex;align-items:flex-start;gap:12px;min-width:0}
.settings-card-title>div{min-width:0}
.settings-card-head{align-items:center}
.permission-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.permission-summary-card{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--border);border-radius:14px;background:#fbfcfe}
.permission-summary-icon{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border-radius:50%;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface))}
.permission-summary-card>div{display:grid;min-width:0}
.permission-summary-card small{color:var(--muted);font-size:10px;font-weight:750}
.permission-summary-card strong{margin-top:1px;font-size:20px;line-height:1.1}
.permission-summary-card span:not(.permission-summary-icon){margin-top:2px;color:var(--muted);font-size:10px}
.permissions-layout{display:grid;grid-template-columns:minmax(310px,.78fr) minmax(420px,1.22fr);gap:12px}
.role-list-panel,.permission-editor-panel{padding:15px}
.role-list{display:grid;gap:7px}
.role-list-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid transparent;border-radius:12px}
.role-list-row:hover,.role-list-row:focus-visible{border-color:var(--border);background:#f8fbff;outline:none}
.role-list-row.is-selected{border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:color-mix(in srgb,var(--primary) 7%,var(--surface))}
.role-avatar{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;color:var(--primary);background:color-mix(in srgb,var(--primary) 11%,var(--surface))}
.role-avatar .icon{width:17px;height:17px}
.role-list-copy{display:grid;gap:2px;min-width:0}
.role-list-copy strong{font-size:12px}
.role-list-copy small{color:var(--muted);font-size:10px;line-height:1.3}
.role-list-copy span{color:var(--muted);font-size:9px}
.role-list-row>b{font-size:13px}
.permission-form{display:grid;gap:10px}
.permission-group{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:#fff}
.permission-group>header{padding:10px 12px;border-bottom:1px solid var(--border);background:#fafbfd}
.permission-group h3{margin:0;font-size:12px}
.permission-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:9px 12px;border-bottom:1px solid var(--border);cursor:pointer}
.permission-row:last-child{border-bottom:0}
.permission-row>span:first-child{display:grid;gap:1px}
.permission-row strong{font-size:12px}
.permission-row small{color:var(--muted);font-size:9px}
.switch-control{position:relative;display:inline-flex;flex:0 0 auto}
.switch-control>input{position:absolute;opacity:0;pointer-events:none}
.switch-track{display:flex;width:38px;height:22px;align-items:center;padding:2px;border-radius:999px;background:#cbd5e1;transition:background .16s ease}
.switch-track i{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.22);transition:transform .16s ease}
.switch-control>input:checked+.switch-track{background:var(--primary)}
.switch-control>input:checked+.switch-track i{transform:translateX(16px)}
.switch-control>input:focus-visible+.switch-track{outline:2px solid color-mix(in srgb,var(--primary) 38%,transparent);outline-offset:2px}
.permission-save-bar{margin-top:2px;bottom:8px}
.user-editor-panel{margin-bottom:12px}
.user-editor-form{gap:12px}
.user-store-assignment{padding:13px;border:1px solid var(--border);border-radius:12px;background:#fbfcfe}
.user-store-assignment>header{margin-bottom:10px}
.user-store-assignment h3{margin:0 0 3px;font-size:13px}
.user-store-assignment p{margin:0;color:var(--muted);font-size:10px}
.user-store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.user-store-option{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer}
.user-store-option>span{display:grid;gap:1px}
.user-store-option strong{font-size:11px}
.user-store-option small{color:var(--muted);font-size:9px}
.compact-toggle-row{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fbfcfe;cursor:pointer}
.compact-toggle-row>span:last-child{display:grid;gap:1px}
.compact-toggle-row strong{font-size:12px}
.compact-toggle-row small{color:var(--muted);font-size:9px}
.users-settings-table{min-width:760px}
.store-editor-panel{margin-bottom:14px}
.store-editor-form{gap:12px}
.store-editor-actions{justify-content:flex-end;padding-top:2px}
.settings-stores-table{min-width:920px}
.store-subject-preview{display:inline-block;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.store-network-head{align-items:center}
.store-table-actions{min-height:40px}
.store-row-edit-button{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));background:var(--primary);color:#fff}
.store-row-edit-button:hover{background:color-mix(in srgb,var(--primary) 88%,#000)}
.store-status-filter select{height:36px;min-height:36px;font-size:12px;font-weight:750}
.store-directory-tools{display:inline-flex;align-items:center;gap:8px}
.store-directory-count{min-height:36px;padding:0 12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:750}
.store-directory-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:8px}
.store-directory-actions .button{min-height:34px;padding:0 12px;white-space:nowrap}
.store-review-count{display:inline-grid;min-width:18px;height:18px;margin-left:6px;place-items:center;padding:0 5px;border-radius:999px;background:#eef2f6;color:#5d6b7b;font-size:10px;font-weight:800;line-height:1}
.store-review-count.is-pending{background:#fff3dc;color:#8d5c00}

.store-select-column{width:42px;min-width:42px;text-align:center}
.store-select-column input{width:17px;height:17px;accent-color:var(--primary);cursor:pointer}
tr.is-selected td{background:color-mix(in srgb,var(--primary) 5%,var(--surface))}
.confirm-dialog{width:min(520px,calc(100vw - 28px));padding:0;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 26px 80px rgba(15,23,42,.3)}
.confirm-dialog::backdrop{background:rgba(15,26,40,.48);backdrop-filter:blur(2px)}
.confirm-dialog-form{display:grid}
.confirm-dialog-head{display:grid;grid-template-columns:44px minmax(0,1fr) 40px;align-items:start;gap:12px;padding:20px;border-bottom:1px solid var(--border)}
.confirm-dialog-head h2{margin:2px 0 0;font-size:20px}
.confirm-dialog-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:var(--error);background:color-mix(in srgb,var(--error) 10%,var(--surface))}
.confirm-dialog-close{width:36px;height:36px}
.confirm-dialog-body{padding:18px 20px;background:#fbfcfe}
.confirm-dialog-body p{margin:0;color:var(--text);line-height:1.55}
.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border)}
.confirm-dialog-submit{background:#fff;color:#a62939}
@media (max-width:900px){.settings-shell{grid-template-columns:1fr}.settings-side{position:static}.settings-side-nav{display:flex;overflow-x:auto;padding:6px;scrollbar-width:thin}.settings-side-link{flex:0 0 auto;padding-right:13px}.settings-field-grid--compact-five{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.permissions-layout{grid-template-columns:1fr}.user-store-grid{grid-template-columns:1fr}}
@media (max-width:620px){.settings-content-surface{padding:14px}.settings-section-heading,.settings-section-heading--actions{align-items:flex-start;flex-direction:column}.settings-section-heading--actions .button{width:100%}.settings-field-grid--compact-five{grid-template-columns:1fr}.permission-summary-grid{grid-template-columns:1fr 1fr}.store-network-head{align-items:flex-start;flex-direction:column}.store-table-actions{width:100%;justify-content:flex-start}.store-status-filter{order:3}.confirm-dialog-head{grid-template-columns:40px minmax(0,1fr) 36px;padding:16px}.confirm-dialog-body{padding:16px}.confirm-dialog-actions{display:grid;grid-template-columns:1fr 1fr;padding:12px}.confirm-dialog-actions .button{width:100%}}

/* Canonical phone + PIN authentication components. */
.login-migration-note{display:grid;gap:3px;margin:0 0 14px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:11px;background:color-mix(in srgb,var(--primary) 5%,var(--surface))}
.login-migration-note strong{font-size:12px}
.login-migration-note span{color:var(--muted);font-size:10px;line-height:1.4}
.pin-input{font-variant-numeric:tabular-nums;letter-spacing:.22em}
.button:disabled{opacity:.48;cursor:not-allowed}
.auth-migration-panel{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;margin-bottom:14px;padding:14px 15px;border:1px solid var(--border);border-radius:14px;background:#fbfcfe}
.auth-migration-panel.is-active{border-color:#b8e7d2;background:#f0fbf5}
.auth-migration-panel.is-pending{border-color:color-mix(in srgb,var(--warning) 28%,var(--border));background:color-mix(in srgb,var(--warning) 5%,var(--surface))}
.auth-migration-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface))}
.auth-migration-panel.is-active .auth-migration-icon{color:var(--success);background:color-mix(in srgb,var(--success) 11%,var(--surface))}
.auth-migration-copy{display:grid;gap:2px;min-width:0}
.auth-migration-copy>strong{font-size:14px}
.auth-migration-copy p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}
.auth-migration-copy small{margin-top:2px;color:var(--muted);font-size:9px}
.auth-migration-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.auth-migration-actions form{margin:0}
.user-login-readiness{display:flex;min-height:42px;align-items:center;gap:9px;padding-top:17px}
.user-login-readiness small{color:var(--muted);font-size:9px}
@media (max-width:760px){.auth-migration-panel{grid-template-columns:42px minmax(0,1fr)}.auth-migration-actions{grid-column:1/-1;justify-content:flex-start}.auth-migration-actions form,.auth-migration-actions .button{width:100%}.user-login-readiness{padding-top:0}}

/* Canonical Stage 4A central mailbox and daily report intake components. */
.mail-provider-panel{display:grid;gap:12px;margin-top:14px;padding:16px;border:1px solid var(--border);border-radius:14px;background:#fbfcfe}
.mail-provider-panel>.settings-group-head{margin-bottom:0}
.mail-worker-card{margin-top:14px}
.mail-worker-card code{padding:2px 6px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:11px}
.mail-connection-test{display:flex;align-items:flex-start;gap:11px;margin-top:14px;padding:13px 14px;border:1px solid var(--border);border-radius:12px;background:#fafbfd}
.mail-connection-test-indicator{width:10px;height:10px;flex:0 0 10px;margin-top:4px;border-radius:50%;background:#98a2b3;box-shadow:0 0 0 4px color-mix(in srgb,#98a2b3 12%,transparent)}
.mail-connection-test-copy{display:grid;gap:2px;min-width:0}
.mail-connection-test-copy strong{font-size:13px}
.mail-connection-test-copy span{font-size:12px;color:var(--text);overflow-wrap:anywhere}
.mail-connection-test-copy small{font-size:10px;color:var(--muted)}
.mail-connection-test--success{border-color:#b8e7d2;background:#f0fbf5}
.mail-connection-test--success .mail-connection-test-indicator{background:#16714b;box-shadow:0 0 0 4px color-mix(in srgb,#16714b 12%,transparent)}
.mail-connection-test--error{border-color:#efb9c0;background:#fff6f7}
.mail-connection-test--error .mail-connection-test-indicator{background:#a62939;box-shadow:0 0 0 4px color-mix(in srgb,#a62939 12%,transparent)}
.mail-connection-test--error .mail-connection-test-copy strong,.mail-connection-test--error .mail-connection-test-copy span{color:#8f2433}
.mail-connection-test--pending .mail-connection-test-indicator{background:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}
.import-status-warning{border-color:color-mix(in srgb,var(--warning) 38%,var(--border));background:color-mix(in srgb,var(--warning) 6%,var(--surface))}
.import-status-warning .import-success-icon{background:var(--warning)}
.daily-imports-table{min-width:980px}
.daily-imports-table td small{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.daily-manual-upload-panel{display:block;min-height:0}
.daily-upload-form-wrap{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(420px,1.35fr);gap:24px;align-items:center;width:100%}
.daily-upload-form{width:100%}
.daily-review-list{display:grid;gap:10px}
.daily-review-card{display:grid;gap:11px;padding:13px;border:1px solid var(--border);border-radius:12px;background:#fbfcfe}
.daily-review-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.daily-review-summary>div{display:grid;gap:2px;min-width:0}
.daily-review-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.daily-review-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,.7fr) auto;gap:10px;align-items:end}
.daily-review-form label{display:grid;gap:6px}
.daily-review-form input{width:100%;height:40px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-size:13px}
.daily-review-form select{width:100%;height:40px;font-size:13px}
@media (max-width:900px){.daily-upload-form-wrap{grid-template-columns:1fr}.daily-review-form{grid-template-columns:1fr 1fr}.daily-review-form .button{grid-column:1/-1}}
@media (max-width:620px){.daily-review-summary{flex-direction:column}.daily-review-form{grid-template-columns:1fr}.daily-review-form .button{grid-column:auto;width:100%}}

/* Canonical Stage 4B notification centre, PWA push and shared sound components. */
.notification-menu{position:relative}
.notification-bell{position:relative}
.notification-badge{position:absolute;top:2px;right:1px;display:grid;min-width:18px;height:18px;padding:0 5px;place-items:center;border:2px solid var(--topbar-colour);border-radius:999px;background:var(--error);color:#fff;font-size:9px;font-weight:900;line-height:1}
.notification-flyout{position:absolute;top:calc(100% + 10px);right:0;z-index:1300;width:min(390px,calc(100vw - 24px));overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-md)}
.notification-flyout>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid var(--border);background:#fbfcfe}
.notification-flyout>header>div{display:grid;gap:1px}.notification-flyout>header strong{font-size:13px}.notification-flyout>header span{color:var(--muted);font-size:10px}
.text-button{padding:0;border:0;background:transparent;color:var(--primary);font:inherit;font-size:10px;font-weight:800;cursor:pointer}.text-button:disabled{opacity:.45;cursor:default}
.notification-list{max-height:min(520px,calc(100vh - 120px));overflow:auto}
.notification-empty{padding:26px 16px;text-align:center;color:var(--muted);font-size:11px}
.notification-item{display:grid;grid-template-columns:9px minmax(0,1fr);gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--surface);text-decoration:none}.notification-item:last-child{border-bottom:0}.notification-item:hover{background:#f8fbff}.notification-item.is-unread{background:color-mix(in srgb,var(--primary) 4%,var(--surface))}
.notification-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#aab7c5}.notification-item.is-unread .notification-dot{background:var(--primary)}.notification-item--warning .notification-dot{background:var(--warning)}.notification-item--error .notification-dot{background:var(--error)}.notification-item--success .notification-dot{background:var(--success)}
.notification-copy{display:grid;gap:2px;min-width:0}.notification-copy strong{font-size:11px}.notification-copy small{color:var(--muted);font-size:10px;line-height:1.38}.notification-copy time{margin-top:2px;color:#94a3b8;font-size:9px}
.notification-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.notification-summary-card{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--border);border-radius:14px;background:#fbfcfe}.notification-summary-icon{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border-radius:50%;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface))}.notification-summary-card>div{display:grid;min-width:0}.notification-summary-card small{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.notification-summary-card strong{margin-top:1px;font-size:15px}.notification-summary-card span:not(.notification-summary-icon){margin-top:2px;color:var(--muted);font-size:9px;line-height:1.35}
.notification-settings-panel{margin-bottom:12px}.notification-rule-table{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:#fff}.notification-rule-head{display:grid;grid-template-columns:minmax(280px,1fr) 110px 110px 90px;align-items:center;min-height:40px;padding:0 12px;border-bottom:1px solid var(--border);background:#fafbfd;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.notification-rule-head span:not(:first-child){text-align:center}.notification-rule-row{display:grid;grid-template-columns:minmax(280px,1fr) 110px 110px 90px;align-items:center;min-height:64px;padding:10px 12px;border-bottom:1px solid var(--border)}.notification-rule-row:last-child{border-bottom:0}.notification-rule-row>.switch-control{justify-self:center}.notification-rule-copy{display:grid;gap:2px;min-width:0}.notification-rule-copy strong{font-size:11px}.notification-rule-copy small{color:var(--muted);font-size:9px;line-height:1.35}.notification-form-actions{justify-content:flex-end;margin-top:12px}
.notification-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notification-settings-copy{display:grid;gap:0;margin:0 0 12px;border:1px solid var(--border);border-radius:11px;background:#fbfcfe}.notification-settings-copy>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border-bottom:1px solid var(--border)}.notification-settings-copy>div:last-child{border-bottom:0}.notification-settings-copy span{color:var(--muted);font-size:10px}.notification-settings-copy strong{font-size:10px;text-align:right}.notification-sound-form{display:grid;gap:10px}.notification-sound-form>label:not(.compact-toggle-row){display:grid;gap:6px}.notification-sound-form>label>span{color:var(--muted);font-size:10px;font-weight:750}.notification-sound-preview{display:grid;gap:9px;margin-bottom:12px;padding:11px;border:1px solid var(--border);border-radius:11px;background:#fbfcfe}.notification-sound-preview>div{display:grid;gap:2px}.notification-sound-preview small{color:var(--muted);font-size:9px}.notification-sound-preview audio{width:100%;height:34px}.notification-upload-preview{display:grid;gap:6px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.notification-upload-preview strong{font-size:11px}.notification-upload-preview audio{width:100%;height:34px}.notification-upload-preview small{color:var(--muted);font-size:9px}.notification-test-panel{margin-bottom:0}
@media(max-width:900px){.notification-summary-grid{grid-template-columns:1fr}.notification-settings-grid{grid-template-columns:1fr}.notification-rule-head,.notification-rule-row{grid-template-columns:minmax(220px,1fr) 88px 88px 70px}}
@media(max-width:620px){.notification-flyout{position:fixed;top:calc(var(--topbar-height) + 8px);right:8px;left:8px;width:auto}.notification-rule-table{overflow:auto}.notification-rule-head,.notification-rule-row{min-width:620px}.notification-form-actions .button{width:100%}}


/* Canonical Store HQ Chat workspace. One implementation only. */
.chat-workspace{height:calc(100dvh - var(--topbar-height) - 48px);min-height:620px;min-width:0;display:grid;grid-template-columns:360px minmax(0,1fr);overflow:hidden;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-sm)}
.chat-list-panel{display:flex;min-width:0;min-height:0;flex-direction:column;border-right:1px solid var(--border);background:var(--surface)}
.chat-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 17px 11px}.chat-list-toolbar>div{display:grid;gap:2px}.chat-list-toolbar>div>strong{font-size:18px}.chat-broadcast-open{gap:7px;min-height:38px;padding:0 11px}.chat-broadcast-open .icon{width:15px;height:15px}
.chat-search{height:44px;margin:0 17px 11px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--border);border-radius:12px;background:#fbfcfe;color:var(--muted)}.chat-search .icon{width:17px;height:17px}.chat-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit}
.chat-tabs{display:flex;gap:4px;padding:0 17px 9px;border-bottom:1px solid var(--border)}.chat-tabs button{display:inline-flex;min-height:34px;align-items:center;gap:6px;padding:0 11px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.chat-tabs button.is-active{background:var(--nav-active-colour);color:var(--nav-active-text-colour)}.chat-tabs button span{display:grid;min-width:18px;height:18px;place-items:center;padding:0 5px;border-radius:999px;background:var(--primary);color:#fff;font-size:9px}
.chat-conversations{min-height:0;flex:1;overflow:auto;padding:9px}.chat-conversation{width:100%;display:grid;grid-template-columns:50px minmax(0,1fr) 58px;align-items:center;gap:10px;padding:11px;border:0;border-radius:14px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.chat-conversation:hover,.chat-conversation.is-active{background:var(--nav-hover-colour)}
.chat-avatar{position:relative;display:grid;width:46px;height:46px;flex:0 0 46px;place-items:center;overflow:visible;border-radius:50%;background:color-mix(in srgb,var(--primary) 16%,var(--surface));color:var(--primary);font-size:13px;font-weight:900}.chat-avatar--store .icon{width:20px;height:20px}.chat-presence{position:absolute;right:-1px;bottom:0;width:12px;height:12px;border:2px solid var(--surface);border-radius:50%;background:#aab7c5}.chat-presence.online{background:var(--success)}.chat-presence.away{background:var(--warning)}
.chat-conversation-copy{min-width:0}.chat-conversation-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.chat-conversation-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;color:var(--muted);font-size:10px}.chat-conversation-meta{align-self:start;display:grid;min-width:54px;justify-items:end;gap:5px;color:var(--muted);font-size:9px;text-align:right}.chat-conversation-time{min-height:13px;white-space:nowrap}.chat-unread{display:grid;min-width:20px;height:20px;place-items:center;padding:0 6px;border-radius:999px;background:var(--primary);color:#fff;font-size:9px;font-weight:900}.chat-unread-placeholder{display:block;width:20px;height:20px;visibility:hidden}.chat-loading,.chat-empty-list{padding:32px 15px;text-align:center;color:var(--muted)}
.chat-thread-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;min-height:0;overflow:hidden;background:color-mix(in srgb,var(--primary) 5%,var(--background))}.chat-thread-header{display:flex;min-height:72px;align-items:center;gap:11px;padding:11px 17px;border-bottom:1px solid var(--border);background:var(--surface)}.chat-thread-person{display:flex;min-width:0;align-items:center;gap:11px}.chat-thread-person>div{display:grid;min-width:0;gap:2px}.chat-thread-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-thread-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px}.chat-mobile-back{display:none;width:36px;height:36px;padding:0;border:0;background:transparent;color:var(--text);font-size:30px;cursor:pointer}
.chat-messages{min-height:0;overflow:auto;padding:22px;scroll-behavior:smooth}.chat-empty-thread{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--muted)}.chat-empty-thread h2{margin:12px 0 4px;color:var(--text);font-size:18px}.chat-empty-thread p{max-width:410px;margin:0}.chat-empty-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:18px;background:color-mix(in srgb,var(--primary) 11%,var(--surface));color:var(--primary)}.chat-empty-icon .icon{width:28px;height:28px}.chat-day{display:flex;justify-content:center;margin:13px 0}.chat-day span{padding:5px 10px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--muted);font-size:9px;font-weight:800}
.chat-message-row{display:flex;margin:6px 0}.chat-message-row.is-mine{justify-content:flex-end}.chat-bubble{max-width:min(72%,680px);padding:10px 12px 7px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text)}.chat-message-row.is-mine .chat-bubble{border-color:var(--primary);background:var(--primary);color:var(--button-text-colour)}.chat-sender{margin-bottom:4px;color:var(--primary);font-size:9px;font-weight:850}.chat-message-text{line-height:1.42;overflow-wrap:anywhere;white-space:pre-wrap}.chat-message-time{display:flex;justify-content:flex-end;gap:5px;margin-top:5px;font-size:9px;opacity:.72}.chat-receipt{font-size:10px}.chat-attachment{display:flex;min-width:220px;align-items:center;gap:9px;margin-bottom:5px;padding:9px;border-radius:10px;background:color-mix(in srgb,var(--surface) 90%,transparent);color:var(--text)}.chat-file-icon{display:grid;width:36px;height:40px;place-items:center;border-radius:7px;background:var(--error);color:#fff;font-size:9px;font-weight:900}.chat-attachment-copy{display:grid;min-width:0;flex:1}.chat-attachment-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-attachment-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px}.chat-image{display:block;max-width:360px;max-height:320px;margin-bottom:5px;border-radius:10px}.chat-typing{padding:2px 18px 7px;color:var(--muted);font-size:10px}
.chat-composer{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:end;gap:7px;padding:11px 14px calc(11px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface)}.chat-composer textarea{width:100%;min-height:42px;max-height:130px;padding:10px 12px;border:1px solid var(--border);border-radius:13px;outline:0;resize:none;background:#fff;color:var(--text);font:inherit}.chat-composer textarea:focus{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 9%,transparent)}.chat-compose-icon{display:grid;width:40px;height:40px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}.chat-send-button{display:grid;width:40px;height:40px;place-items:center;padding:0;border:0;border-radius:50%;background:var(--button-colour);color:var(--button-text-colour);font-size:15px;cursor:pointer}.chat-compose-icon:disabled,.chat-send-button:disabled{opacity:.4;cursor:not-allowed}.chat-file-preview{position:absolute;right:14px;bottom:100%;left:14px;padding:8px 11px;border:1px solid var(--border);border-radius:11px 11px 0 0;background:var(--surface);color:var(--muted);font-size:10px}.chat-file-preview button{float:right;border:0;background:transparent;color:var(--text);cursor:pointer}
.chat-toast{position:fixed;top:84px;right:20px;z-index:3000;max-width:360px;padding:11px 14px;border-radius:11px;background:var(--secondary);color:#fff;box-shadow:var(--shadow-md);font-weight:700}.chat-toast.is-error{background:var(--error)}
.chat-broadcast-dialog{width:min(590px,calc(100vw - 28px));padding:0;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 26px 80px rgba(15,23,42,.3)}.chat-broadcast-dialog::backdrop{background:rgba(15,26,40,.48);backdrop-filter:blur(2px)}.chat-broadcast-form{display:grid}.chat-broadcast-form>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:19px;border-bottom:1px solid var(--border)}.chat-broadcast-form h2{margin:2px 0 4px}.chat-broadcast-form p{margin:0;color:var(--muted);font-size:11px}.chat-broadcast-body{display:grid;gap:12px;padding:17px 19px;background:#fbfcfe}.chat-broadcast-body label{display:grid;gap:6px}.chat-broadcast-body label>span{color:var(--muted);font-size:10px;font-weight:800}.chat-broadcast-body input{width:100%;height:42px;padding:0 11px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font:inherit}.chat-broadcast-body select{width:100%;height:42px;font:inherit}.chat-broadcast-body textarea{width:100%;min-height:110px;padding:10px 11px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font:inherit;resize:vertical}.chat-broadcast-recipient-card{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.chat-broadcast-recipient-card>.icon{width:22px;height:22px;color:var(--primary)}.chat-broadcast-recipient-card>div{display:grid}.chat-broadcast-recipient-card small{color:var(--muted);font-size:9px}.chat-broadcast-recipient-card strong{font-size:18px}.chat-broadcast-form>footer{display:flex;justify-content:flex-end;gap:8px;padding:13px 19px;border-top:1px solid var(--border)}
.nav-icon--chat{background:#29a9ed}
@media(max-width:900px){.chat-workspace{height:calc(100dvh - var(--topbar-height));min-height:0;margin:-16px;border:0;border-radius:0;box-shadow:none;grid-template-columns:1fr}.chat-list-panel{border:0}.chat-thread-panel{position:fixed;inset:var(--topbar-height) 0 0;z-index:120;transform:translateX(100%);transition:transform .2s ease}.chat-workspace.has-open-thread .chat-thread-panel{transform:translateX(0)}.chat-mobile-back{display:block}.chat-thread-header{padding-left:6px}.chat-messages{padding:15px 11px}.chat-bubble{max-width:86%}.chat-image{max-width:260px}.chat-composer{padding-right:9px;padding-left:9px}}
@media(max-width:620px){.chat-list-toolbar{align-items:flex-start}.chat-broadcast-open span{display:none}.chat-broadcast-dialog{width:calc(100vw - 16px)}.chat-broadcast-form>header,.chat-broadcast-body{padding-right:14px;padding-left:14px}.chat-broadcast-form>footer{display:grid;grid-template-columns:1fr 1fr;padding:12px 14px}.chat-broadcast-form>footer .button{width:100%}}
.review-workspace-tabs{display:flex;align-items:flex-end;gap:18px;margin:-5px 0 16px;border-bottom:1px solid var(--border)}
.review-workspace-tab{position:relative;display:inline-flex;min-height:42px;align-items:center;gap:8px;padding:0 2px 10px;border-bottom:2px solid transparent;color:var(--muted);font-weight:800}
.review-workspace-tab:hover,.review-workspace-tab:focus-visible{color:var(--text);outline:none}
.review-workspace-tab.is-active{color:var(--primary);border-bottom-color:var(--primary)}
.review-workspace-tab b{display:grid;min-width:22px;height:22px;place-items:center;padding:0 6px;border-radius:999px;background:#eef2f6;color:var(--muted);font-size:9px;line-height:1}
.review-workspace-tab.is-active b{background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}
.review-queue-panel{padding:18px}
.review-queue-head{align-items:center}
.review-bulk-bar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,.8fr) auto;align-items:end;gap:12px;margin:0 0 12px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--primary) 4%,var(--surface))}
.review-bulk-copy{display:grid;gap:2px;align-self:center}.review-bulk-copy strong{font-size:12px}.review-bulk-copy span{color:var(--muted);font-size:10px}
.review-bulk-note{display:grid;gap:5px}.review-bulk-note>span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.review-bulk-note input{width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font:inherit;outline:none}.review-bulk-note input:focus{border-color:color-mix(in srgb,var(--primary) 48%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 9%,transparent)}
.review-select-column{width:42px;min-width:42px;text-align:center}.review-select-column input{width:17px;height:17px;accent-color:var(--primary);cursor:pointer}
.review-current-table{min-width:1040px}.review-exceptions-table{min-width:1180px}
.review-exception-help{display:flex;align-items:flex-start;gap:10px;margin:0 0 12px;padding:11px 12px;border-left:3px solid var(--primary);border-radius:9px;background:color-mix(in srgb,var(--primary) 5%,var(--surface));font-size:10px}.review-exception-help strong{flex:0 0 auto}.review-exception-help span{color:var(--muted);line-height:1.45}
.review-exception-type{display:inline-flex;align-items:center;min-height:26px;padding:0 8px;border:1px solid var(--border);border-radius:999px;background:#fafbfd;color:var(--muted);font-size:9px;font-weight:800;white-space:nowrap}
.review-exception-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.review-exception-actions form{margin:0}.review-exception-actions .button{min-height:34px;padding:0 10px;font-size:10px;white-space:nowrap}
.review-exceptions-table td:nth-child(6){max-width:280px;white-space:normal;overflow-wrap:anywhere}.review-exceptions-table td:nth-child(7){white-space:nowrap}
@media(max-width:900px){.review-bulk-bar{grid-template-columns:1fr 1fr}.review-bulk-bar>.button{grid-column:1/-1;width:100%}.review-exception-help{display:grid}.review-workspace-tabs{overflow-x:auto;scrollbar-width:thin}}
@media(max-width:620px){.review-queue-panel{padding:14px}.review-queue-head{align-items:flex-start;flex-direction:column}.review-queue-head .form-actions{width:100%}.review-queue-head .form-actions select,.review-queue-head .form-actions .button{flex:1}.review-bulk-bar{grid-template-columns:1fr}.review-bulk-bar>.button{grid-column:auto}.review-workspace-tabs{gap:14px}}

/* Canonical Data Entry and expense-management workspace */
.nav-icon--data-entry,.nav-icon--platform-reconciliation{background:#29b899}
.finance-entry-heading{margin-bottom:14px}
.finance-entry-heading .overview-heading-actions{align-items:stretch}
.finance-entry-context{display:grid;grid-template-columns:auto auto minmax(180px,1fr);align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--primary) 3%,var(--surface));box-shadow:var(--shadow-sm)}
.finance-entry-context>span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.045em}
.finance-entry-context>strong{font-size:12px}
.finance-entry-context>small{justify-self:end;color:var(--muted);font-size:10px}
.finance-entry-empty{display:grid;gap:5px;min-height:150px;place-content:center;text-align:center}
.finance-entry-empty h2{margin:0}
.finance-entry-empty p{max-width:620px;margin:0;color:var(--muted)}
.finance-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.finance-summary-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.finance-summary-card{display:flex;min-height:92px;align-items:center;gap:13px;padding:15px 18px;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));border-radius:16px;background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface));box-shadow:var(--shadow-sm)}
.finance-summary-card--success{border-color:color-mix(in srgb,var(--success) 20%,var(--border));background:linear-gradient(120deg,color-mix(in srgb,var(--success) 8%,var(--surface)),var(--surface))}
.finance-summary-card--accent{border-color:color-mix(in srgb,var(--secondary) 14%,var(--border));background:linear-gradient(120deg,color-mix(in srgb,var(--secondary) 5%,var(--surface)),var(--surface))}
.finance-summary-icon{display:grid;width:46px;height:46px;flex:0 0 46px;place-items:center;border-radius:50%;color:var(--primary);background:color-mix(in srgb,var(--primary) 11%,var(--surface))}
.finance-summary-icon--success{color:var(--success);background:color-mix(in srgb,var(--success) 11%,var(--surface))}
.finance-summary-icon--accent{color:var(--secondary);background:color-mix(in srgb,var(--secondary) 8%,var(--surface))}
.finance-summary-icon--warning{color:var(--warning);background:color-mix(in srgb,var(--warning) 11%,var(--surface))}
.finance-summary-icon .icon{width:22px;height:22px}
.finance-summary-card>div{display:grid;min-width:0;gap:2px}
.finance-summary-card small{color:var(--muted);font-size:10px;font-weight:750}
.finance-summary-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:22px;line-height:1.08}
.finance-summary-card span:not(.finance-summary-icon){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px}
.finance-expense-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.88fr);gap:14px;align-items:start}
.finance-expense-table{min-width:820px}
.finance-expense-table th{padding:10px 12px;font-size:10px}
.finance-expense-table td{padding:9px 12px}
.finance-expense-table td:first-child{color:var(--muted);font-size:11px}
.finance-expense-table td strong{font-size:12px}
.finance-expense-table td small{display:block;margin-top:2px;color:var(--muted);font-size:9px}
.finance-edit-button{display:grid;width:34px;height:34px;place-items:center;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:10px;color:var(--primary);background:color-mix(in srgb,var(--primary) 4%,var(--surface));font-size:18px;font-weight:800;line-height:1}
.finance-edit-button:hover{background:color-mix(in srgb,var(--primary) 10%,var(--surface))}
.finance-table-total{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px;padding:11px 13px;border-radius:12px;background:color-mix(in srgb,var(--primary) 5%,var(--surface))}
.finance-table-total span{color:var(--muted);font-size:10px;font-weight:750}
.finance-table-total strong{font-size:13px}
.finance-expense-editor{position:sticky;top:calc(var(--topbar-height) + 14px)}
.finance-expense-editor .form-grid select,.finance-expense-editor .form-grid input[type=date]{width:100%;height:42px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:14px}
.finance-expense-editor .form-grid input[readonly]{background:color-mix(in srgb,var(--muted) 4%,var(--surface));color:var(--muted);cursor:default}
.finance-editor-meta{display:grid;gap:3px;padding:10px 11px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--primary) 3%,var(--surface))}
.finance-editor-meta span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.finance-editor-meta strong{font-size:12px}
.finance-editor-meta small{color:var(--muted);font-size:9px;line-height:1.45}
.finance-editor-actions{display:flex;align-items:center;gap:8px;margin-top:2px}
.finance-variable-table{min-width:760px}
.finance-variable-table th:nth-child(1){width:7%}
.finance-variable-table th:nth-child(2){width:43%}
.finance-variable-table th:nth-child(3){width:20%}
.finance-variable-table th:nth-child(4){width:16%}
.finance-variable-table th:nth-child(5){width:14%}
.finance-variable-row--section td{border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent);padding-top:14px}
@media(max-width:1100px){.finance-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-summary-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.finance-expense-layout{grid-template-columns:1fr}.finance-expense-editor{position:static}}
@media(max-width:800px){.finance-entry-context{grid-template-columns:1fr}.finance-entry-context>small{justify-self:start}.finance-summary-grid,.finance-summary-grid--three{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.finance-summary-grid,.finance-summary-grid--three{grid-template-columns:1fr}.finance-summary-card{min-height:82px}.finance-summary-card strong{font-size:20px}.finance-editor-actions{align-items:stretch;flex-direction:column}.finance-editor-actions .button{width:100%}.finance-table-total{align-items:flex-start;flex-direction:column}}

/* Dividends */
.dividends-heading{margin-bottom:12px}.dividends-heading-actions{align-items:center}.dividends-period-tabs{display:flex;gap:8px;margin:0 0 12px;overflow-x:auto;scrollbar-width:thin}.dividends-period-tabs a{display:inline-flex;min-height:38px;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap}.dividends-period-tabs a:hover,.dividends-period-tabs a:focus-visible{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 34%,var(--border));outline:none}.dividends-period-tabs a.is-active{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 42%,var(--border));background:color-mix(in srgb,var(--primary) 7%,var(--surface))}
.dividends-profit-panel{padding:14px;margin-bottom:12px}.dividends-profit-head{margin-bottom:10px}.dividends-profit-head .eyebrow{display:block;margin-bottom:2px}.dividends-profit-head h2{margin:0 0 4px}.dividends-profit-head p{margin:0;color:var(--muted);font-size:10px}.dividends-profit-head p strong{color:var(--text)}.dividends-profit-head-actions{display:flex;align-items:center;gap:8px}.dividends-profit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dividends-profit-grid article{display:grid;gap:3px;min-width:0;padding:12px 13px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.dividends-profit-grid article.is-primary{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));background:color-mix(in srgb,var(--primary) 4%,var(--surface))}.dividends-profit-grid span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.dividends-profit-grid strong{font-size:18px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dividends-profit-grid small{color:var(--muted);font-size:9px;line-height:1.35}.dividends-network-breakdown{display:grid;margin-top:10px;overflow:auto;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.dividends-network-row{display:grid;grid-template-columns:minmax(120px,1.2fr) minmax(92px,.9fr) minmax(100px,.9fr) 78px minmax(100px,.9fr);align-items:center;gap:10px;min-width:650px;padding:8px 10px;border-bottom:1px solid var(--border);font-size:9px}.dividends-network-row:last-child{border-bottom:0}.dividends-network-row.is-head{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:#fbfcfe}.dividends-network-row.is-over{background:color-mix(in srgb,var(--error) 5%,var(--surface))}.dividends-network-store{display:grid;gap:1px}.dividends-network-store strong{font-size:10px}.dividends-network-store small{color:var(--muted);font-size:8px}.dividends-network-row b{text-align:right;font-size:10px}.dividends-network-row span:nth-child(4){text-align:right}
.dividends-table-panel{padding:14px}.dividends-table-head{align-items:center;margin-bottom:9px}.dividends-table-head h2{font-size:15px}.dividends-table-head p{font-size:10px}.dividends-table-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.dividends-table-actions .button{min-height:36px;font-size:10px}.dividends-table{min-width:640px}.dividends-table th{padding:7px 9px;color:var(--muted);font-size:9px;font-weight:800;text-align:left;text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb,var(--background) 70%,var(--surface));border-bottom:1px solid var(--border)}.dividends-table td{padding:9px;font-size:10px;border-bottom:1px solid var(--border);vertical-align:middle}.dividends-table tbody tr:last-child td{border-bottom:0}.dividends-table td strong{display:block;font-size:11px}.dividends-table td small{display:block;margin-top:2px;color:var(--muted);font-size:8px}.dividends-table tr.is-selected td{background:color-mix(in srgb,var(--primary) 5%,var(--surface))}.dividends-check-col{width:38px;text-align:center}.dividends-check-col input{display:block;margin:auto}.dividends-drawer-form{gap:12px}.dividends-drawer-form>label{display:grid;gap:6px}.dividends-drawer-form>label>span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.dividends-drawer-form input,.dividends-drawer-form select{width:100%}.dividends-percent-input{display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:center;border:1px solid var(--border);border-radius:10px;background:#fff;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease}.dividends-percent-input:focus-within{border-color:color-mix(in srgb,var(--primary) 48%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 9%,transparent)}.dividends-percent-input input{border:0;border-radius:0;box-shadow:none;outline:none}.dividends-percent-input input:focus,.dividends-percent-input input:focus-visible{border:0;box-shadow:none;outline:none}.dividends-percent-input>span{display:grid;height:100%;place-items:center;border-left:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:800;background:#fafbfd}.dividends-allocation-preview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:#fbfcfe}.dividends-allocation-preview>span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.dividends-allocation-preview strong{font-size:14px}.dividends-allocation-preview small{grid-column:1/-1;color:var(--muted);font-size:9px}.dividends-allocation-preview.is-invalid{border-color:color-mix(in srgb,var(--error) 42%,var(--border));background:color-mix(in srgb,var(--error) 5%,var(--surface))}.dividends-allocation-preview.is-invalid strong,.dividends-allocation-preview.is-invalid small{color:var(--error)}
@media(max-width:1050px){.dividends-profit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.dividends-heading-actions{width:100%;align-items:stretch}.dividends-heading-actions .overview-store-scope-form{width:100%}.dividends-profit-grid{grid-template-columns:1fr 1fr}.dividends-table-head{align-items:stretch;flex-direction:column}.dividends-table-actions{justify-content:flex-start}}
@media(max-width:520px){.dividends-profit-grid{grid-template-columns:1fr}.dividends-table-actions{display:grid;grid-template-columns:1fr 1fr}.dividends-table-actions .button{width:100%}.dividends-table-actions .button.primary{grid-column:1/-1}}

.overview-card-store-row small{display:inline-flex;align-items:center;padding:1px 6px;border-radius:999px;background:#eef1f5;font-weight:700;letter-spacing:.02em}
.overview-card-store-details{border-bottom:1px solid var(--border)}
.overview-card-store-details>.overview-card-store-row{border-bottom:0}
.overview-card-store-details>summary{cursor:pointer;list-style:none}
.overview-card-store-details>summary::-webkit-details-marker{display:none}
.overview-card-store-details>summary::marker{content:''}
.overview-card-store-details>summary:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}
.overview-card-store-chevron{position:relative;flex:0 0 12px;width:12px;height:12px}
.overview-card-store-chevron::before{content:'';position:absolute;left:2px;top:2px;border-width:4px 0 4px 5px;border-style:solid;border-color:transparent transparent transparent #64748b;transform-origin:1px 4px;transition:transform .15s ease}
.overview-card-store-details[open]>.overview-card-store-row .overview-card-store-chevron::before{transform:rotate(90deg)}
.overview-card-store-row.is-static .overview-card-store-chevron::before{border-left-color:#c5cdd6}
.overview-card-store-lines{margin:0 12px 12px 34px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:#fff}
.overview-card-store-line{display:grid;grid-template-columns:minmax(110px,1fr) auto auto;align-items:center;gap:16px;min-height:40px;padding:8px 14px;border-bottom:1px solid var(--border)}
.overview-card-store-line:last-child{border-bottom:0}
.overview-card-store-line strong{font-size:13px;font-weight:600}
.overview-card-store-line span{color:#667085;font-size:13px}
.overview-card-store-line b{font-size:13px;font-weight:600;text-align:right}

.overview-card-store-head>span:not(:first-child),.overview-card-store-row>b,.overview-card-store-row>span:last-child{justify-self:end;text-align:right}
.overview-card-store-row.is-static>span:last-child{color:var(--muted);font-weight:500}

.overview-card-drawer-head--fees{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:12px 16px;padding-top:22px}
.overview-card-drawer-grab{position:absolute;top:8px;left:50%;width:36px;height:4px;border-radius:999px;background:#d0d5dd;transform:translateX(-50%)}
.overview-card-drawer-head--fees h2{margin:0 0 2px;font-size:22px}
.overview-card-drawer-head--fees p{margin:0;color:var(--muted);font-size:13px}
.overview-card-drawer-network{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:6px 10px}
.overview-card-drawer-network span{flex-basis:100%;color:var(--muted);font-size:12px;text-align:right}
.overview-card-drawer-network strong{font-size:28px;letter-spacing:-.03em;line-height:1}
.overview-card-drawer-network b{padding:3px 8px;border-radius:999px;background:#eef2f6;color:#344054;font-size:13px;font-weight:600}
.overview-card-breakdown-section--plain{margin-top:4px;border:0;border-radius:0;background:transparent}
.overview-card-drawer--fees .overview-card-store-row small{padding:2px 7px;border-radius:999px;background:#eef2f6;color:#475467;font-weight:600}