/* Karin UI canonical layer — v5.46 Design-system source of truth. style.css is a frozen legacy compatibility layer. New UI work must use karin-* tokens/classes; karin-* remains compatibility only. */
:root{
  --karin-font:"Vazirmatn","B Yekan","BYekan",Tahoma,IRANSans,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --karin-fw-normal:400;
  --karin-fw-button:600;
  --karin-fw-heading:700;
  --karin-ui-text:#0f172a;
  --karin-ui-muted:#64748b;
  --karin-ui-border:#e2e8f0;
  --karin-ui-soft:#f8fafc;
  --karin-soft-blue:#eef5ff;
  --karin-amber:#b97912;
  --border:var(--karin-border);
  --primary:var(--karin-primary);
  --text:var(--karin-text);
  --muted:var(--karin-muted);
  color-scheme:light;
  --karin-bg-elevated:#f9fbfe;
  --karin-heading:#0d1f38;
  --karin-primary-soft:#edf5ff;
  --karin-control-h:42px;
  --karin-shell-line:#e7ecf3;
  --karin-shell-soft:#f8fafe;
  --karin-blue-50:#f1f6ff;
  --karin-blue-100:#e5f0ff;
  --karin-blue-600:#1d64c8;
  --karin-ink-900:#12243b;
  --karin-ink-700:#40536b;
  --karin-ink-500:#7b899b;
  --karin-canvas:#f4f7fb;
  --karin-line:#e3e9f1;
  --karin-line-strong:#d4dde8;
  --karin-ink:#12243b;
  --karin-ink-2:#40536b;
  --karin-blue:#246bc5;
  --karin-blue-dark:#1857a6;
  --karin-blue-soft:#edf5ff;
  --karin-shadow-hover:0 16px 38px rgba(31,51,79,.075);
  --karin-accent:#1b66c9;
  --karin-accent-strong:#1254aa;
  --karin-accent-soft:#edf5ff;
  --karin-nav-text:#344860;
  --karin-nav-muted:#687b91;
  --karin-nav-main:#263e59;
  --karin-nav-group:#5e7187;
  --karin-nav-sub:#344b65;
  --karin-chart-blue:#2f7ee6;
  --karin-chart-teal:#12a594;
  --karin-chart-amber:#e89b16;
  --k21-page:#f4f7fb;
  --k21-surface:#ffffff;
  --k21-surface-2:#f8fafc;
  --k21-surface-3:#eef3f8;
  --k21-text:#14283f;
  --k21-text-2:#40566f;
  --k21-muted:#71849a;
  --k21-border:#dce5ef;
  --k21-border-2:#cbd8e6;
  --k21-blue:#1768d4;
  --k21-blue-soft:#eaf3ff;
  --k21-green:#0b8b48;
  --k21-green-soft:#effbf4;
  --karin-bg:#f5f7fb;
  --karin-surface:#ffffff;
  --karin-surface-soft:#f8fafc;
  --karin-border:#e2e8f0;
  --karin-border-strong:#cbd5e1;
  --karin-surface-border:#dbe4ee;
  --karin-surface-border-strong:#c9d6e4;
  --karin-brand-warm:#f47a2b;
  --karin-login-glow:rgba(37,99,235,.09);
  --karin-text:#0f172a;
  --karin-text-muted:#64748b;
  --karin-primary:#2563eb;
  --karin-primary-strong:#1d4ed8;
  --karin-success:#15803d;
  --karin-danger:#be123c;
  --karin-warning:#b45309;
  --karin-success-surface:#ecfdf3;
  --karin-success-border:#bbebcf;
  --karin-success-text:#0a7144;
  --karin-warning-surface:#fff7e6;
  --karin-warning-border:#f0d59a;
  --karin-warning-text:#915b09;
  --karin-danger-surface:#fff1f3;
  --karin-danger-border:#f3c2cb;
  --karin-danger-text:#a9233e;
  --karin-info-surface:#edf5ff;
  --karin-info-border:#c7dcf7;
  --karin-info-text:#1f64bd;
  --karin-badge-neutral-bg:#e2e8f0;
  --karin-badge-neutral-text:#374151;
  --karin-badge-success-bg:#dcfce7;
  --karin-badge-success-text:#166534;
  --karin-badge-warning-bg:#fef3c7;
  --karin-badge-warning-text:#92400e;
  --karin-badge-danger-bg:#fee2e2;
  --karin-badge-danger-text:#991b1b;
  --karin-badge-info-bg:#dbeafe;
  --karin-badge-info-text:#1d4ed8;
  --karin-badge-complete-bg:#ccfbf1;
  --karin-badge-complete-text:#0f766e;
  --karin-pill-bg:#eef2ff;
  --karin-pill-text:#3730a3;
  --karin-surface-raised:#ffffff;
  --karin-surface-muted:#f1f5f9;
  --karin-control-bg:#ffffff;
  --karin-control-border:#cbd5e1;
  --karin-control-focus:#93c5fd;
  --karin-table-head:#f8fafc;
  --karin-overlay:rgba(15,23,42,.46);
  --karin-shadow-sm:0 5px 16px rgba(15,23,42,.035);
  --karin-shadow-md:0 10px 30px rgba(15,23,42,.07);
  --karin-shadow-modal:0 28px 80px rgba(15,23,42,.24);
  --karin-radius-sm:10px;
  --karin-radius-md:12px;
  --karin-radius-lg:16px;
  --karin-radius-xl:20px;
  --karin-radius-pill:999px;
  --karin-transition:160ms ease;
  --karin-scroll-thumb:rgba(105,124,148,.58);
  --karin-scroll-thumb-hover:rgba(77,99,126,.82);
  --karin-scroll-track:transparent;
  --karin-card:var(--karin-surface);
  --karin-soft:var(--karin-surface-soft);
  --karin-border2:var(--karin-border-strong);
  --karin-muted:var(--karin-text-muted);
  --karin-primary2:var(--karin-primary-strong);
  --karin-green:var(--karin-success);
  --karin-red:var(--karin-danger);
  --karin-shadow:var(--karin-shadow-sm);
  --karin-radius:var(--karin-radius-lg);
}
html[data-theme="dark"]{
  --karin-bg-elevated:#101a2c;
  --karin-soft-blue:#122844;
  --karin-heading:#f5f8fd;
  --karin-primary-soft:#102b4d;
  --karin-accent:#ff913d;
  --karin-accent-soft:#3a261a;
  --karin-amber:#f0b45a;
  --karin-shadow-hover:0 20px 50px rgba(0,0,0,.26);
  color-scheme:dark;
  --karin-primary2:#2e6fc9;
  --karin-green:#30a56a;
  --karin-red:#df637a;
  --karin-shadow:0 9px 26px rgba(0,0,0,.16);
  --karin-bg:#0c1522;
  --karin-card:#142133;
  --karin-soft:#101b2a;
  --karin-border2:#3a526d;
  --karin-text:#edf3fa;
  --karin-primary:#4d91ef;
  --karin-canvas:#0c1522;
  --karin-surface:#142133;
  --karin-surface-soft:#101b2a;
  --karin-border:#2a3d54;
  --karin-surface-border:#203249;
  --karin-surface-border-strong:#2b425e;
  --karin-brand-warm:#ff913d;
  --karin-login-glow:rgba(77,145,239,.10);
  --karin-ink:#edf3fa;
  --karin-muted:#a3b2c4;
  --k21-page:#091321;
  --k21-surface:#101c2e;
  --k21-surface-2:#142238;
  --k21-surface-3:#1a2a41;
  --k21-text:#edf4fb;
  --k21-text-2:#c8d5e4;
  --k21-muted:#9badc1;
  --k21-border:#293b55;
  --k21-border-2:#38506c;
  --k21-blue:#68a9ff;
  --k21-blue-soft:#173454;
  --k21-green:#67d9a0;
  --k21-green-soft:#10271f;
  --karin-border-strong:#344a67;
  --karin-text-muted:#9badc1;
  --karin-surface-raised:#142238;
  --karin-surface-muted:#17283d;
  --karin-control-bg:#0d1929;
  --karin-control-border:#38506c;
  --karin-control-focus:#4b83bd;
  --karin-table-head:#172942;
  --karin-overlay:rgba(3,9,18,.76);
  --karin-shadow-sm:0 5px 16px rgba(0,0,0,.16);
  --karin-shadow-md:0 12px 34px rgba(0,0,0,.24);
  --karin-shadow-modal:0 30px 90px rgba(0,0,0,.46);
  --karin-scroll-thumb:rgba(124,145,171,.56);
  --karin-scroll-thumb-hover:rgba(166,187,211,.82);
  --karin-success-surface:#10291f;
  --karin-success-border:#28533f;
  --karin-success-text:#83ddb1;
  --karin-warning-surface:#352714;
  --karin-warning-border:#70531f;
  --karin-warning-text:#f2c36f;
  --karin-danger-surface:#351a24;
  --karin-danger-border:#704052;
  --karin-danger-text:#f3a1b4;
  --karin-info-surface:#142d49;
  --karin-info-border:#365e85;
  --karin-info-text:#9bc9ff;
  --karin-badge-neutral-bg:var(--karin-surface-muted);
  --karin-badge-neutral-text:var(--karin-text);
  --karin-badge-success-bg:var(--karin-success-surface);
  --karin-badge-success-text:var(--karin-success-text);
  --karin-badge-warning-bg:var(--karin-warning-surface);
  --karin-badge-warning-text:var(--karin-warning-text);
  --karin-badge-danger-bg:var(--karin-danger-surface);
  --karin-badge-danger-text:var(--karin-danger-text);
  --karin-badge-info-bg:var(--karin-info-surface);
  --karin-badge-info-text:var(--karin-info-text);
  --karin-badge-complete-bg:#173b35;
  --karin-badge-complete-text:#80e0c9;
  --karin-pill-bg:#173150;
  --karin-pill-text:#a9d2ff;
}

/* Karin v5.25 - sales information hierarchy and order-detail cleanup */
body.karin-page-sales .sales-list-card{padding:10px 12px 12px!important;overflow:hidden!important;}
body.karin-page-sales .sales-list-card>:is(.karin-pagination,.karin-pagination){padding:8px 0!important;}
body.karin-page-sales .sales-list-card>.karin-table-wrap{border:1px solid #e4ebf3!important;border-radius:13px!important;overflow:auto!important;}
body.karin-page-sales .sales-list-card>:is(.karin-pagination,.karin-pagination):first-child{border-bottom:0!important;}
body.karin-page-sales .sales-list-card>:is(.karin-pagination,.karin-pagination):last-child{border-top:0!important;}
body.karin-page-sales .sales-channel-cell{line-height:1.35!important;}
body.karin-page-sales .sales-channel-cell b{display:block!important;font-size:12px!important;color:#263d57!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.karin-page-sales .sales-channel-cell small{display:block!important;margin-top:4px!important;color:#7b8ca0!important;font-size:10.6px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.karin-page-sales .sales-payment-compact{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important;white-space:normal!important;}
body.karin-page-sales .sales-payment-method{display:block!important;color:#475b72!important;font-size:11px!important;font-weight:780!important;line-height:1.35!important;}
body.karin-page-sales .sales-payment-status{display:block!important;line-height:1!important;}
body.karin-page-sales .sales-payment-status .karin-badge{margin:0!important;white-space:nowrap!important;}
html[data-theme="dark"] body.karin-page-sales .sales-list-card>.karin-table-wrap{border-color:#2d405a!important;}
html[data-theme="dark"] body.karin-page-sales .sales-channel-cell b{color:#e1eaf5!important;}
html[data-theme="dark"] body.karin-page-sales .sales-channel-cell small{color:#8fa3bb!important;}
html[data-theme="dark"] body.karin-page-sales .sales-payment-method{color:#a8b8cb!important;}
@media(max-width:760px){body.karin-page-sales .sales-list-card{padding:8px!important;border-radius:14px!important;}body.karin-page-sales .sales-list-card>.karin-table-wrap{border-radius:11px!important;}}
body.karin-page-sale-view .sale-view-meta>div,body.karin-page-site-sale-view .sale-view-meta>div{min-height:82px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
body.karin-page-sale-view .sale-view-meta small,body.karin-page-site-sale-view .sale-view-meta small{margin-bottom:5px!important;}

/* Karin v5.26 — Dashboard 2.0 charts */
body.karin-page-index .dash-charts-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.7fr) minmax(290px,.72fr)!important;
  gap:14px!important;
  align-items:stretch!important;
  margin-bottom:18px!important;
}
body.karin-page-index .dash-charts-grid>.dash-section{margin-bottom:0!important;height:100%!important;}
body.karin-page-index .dash-chart-card{padding:16px!important;border-radius:22px!important;box-shadow:0 10px 30px rgba(15,23,42,.045)!important;}
body.karin-page-index .dash-hourly-head{align-items:flex-start!important;gap:14px!important;margin-bottom:8px!important;}
body.karin-page-index .dash-hourly-head>div:first-child{min-width:0!important;}
body.karin-page-index .dash-hourly-head h2,body.karin-page-index .dash-channel-panel h2{font-size:16px!important;margin-bottom:3px!important;}
body.karin-page-index .dash-hourly-head p,body.karin-page-index .dash-channel-panel .dash-section-head p{font-size:10.8px!important;line-height:1.8!important;color:#7a8da4!important;margin:0!important;}
body.karin-page-index .dash-hourly-summary{display:flex!important;gap:7px!important;align-items:stretch!important;justify-content:flex-end!important;flex-wrap:wrap!important;}
body.karin-page-index .dash-hourly-peak,body.karin-page-index .dash-compare-chip{
  min-width:145px!important;
  border:1px solid #dce6f1!important;
  background:#f8fbff!important;
  border-radius:13px!important;
  padding:7px 10px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:1px!important;
}
body.karin-page-index .dash-hourly-peak span,body.karin-page-index .dash-compare-chip span{font-size:9.5px!important;color:#7a8da4!important;font-weight:750!important;}
body.karin-page-index .dash-hourly-peak b,body.karin-page-index .dash-compare-chip b{font-size:11.5px!important;color:#263d57!important;font-weight:950!important;line-height:1.6!important;}
body.karin-page-index .dash-hourly-peak small{font-size:9.4px!important;color:#687d94!important;font-weight:720!important;}
body.karin-page-index .dash-compare-chip.up{background:#f1fbf5!important;border-color:#ccebd8!important;}
body.karin-page-index .dash-compare-chip.up b{color:#12834b!important;}
body.karin-page-index .dash-compare-chip.down{background:#fff7f7!important;border-color:#f1d4d8!important;}
body.karin-page-index .dash-compare-chip.down b{color:#c23c50!important;}
body.karin-page-index .dash-chart-legend{display:flex!important;gap:14px!important;align-items:center!important;justify-content:flex-start!important;margin:2px 46px 7px 0!important;color:#6f8197!important;font-size:9.8px!important;font-weight:780!important;}
body.karin-page-index .dash-chart-legend span{display:inline-flex!important;align-items:center!important;gap:5px!important;}
body.karin-page-index .dash-chart-legend i{display:inline-block!important;width:18px!important;height:3px!important;border-radius:99px!important;background:#2f7ee6!important;}
body.karin-page-index .dash-chart-legend .yesterday i{height:2px!important;background:repeating-linear-gradient(90deg,#9cacc0 0 5px,transparent 5px 9px)!important;}
body.karin-page-index .dash-hourly-chart-v2{display:grid!important;grid-template-columns:43px minmax(0,1fr)!important;gap:7px!important;align-items:stretch!important;}
body.karin-page-index .dash-hourly-chart-v2 .dash-chart-stage{
  position:relative!important;
  height:220px!important;
  min-height:220px!important;
  overflow:hidden!important;
  border:1px solid #e1e9f2!important;
  border-radius:17px!important;
  background:radial-gradient(circle at 82% 8%,rgba(47,126,230,.075),transparent 30%),linear-gradient(180deg,#fcfdff,#f7faff)!important;
  padding:4px 5px 2px!important;
}
body.karin-page-index .dash-hourly-chart-v2 .dash-chart-stage svg{display:block!important;width:100%!important;height:208px!important;min-width:0!important;overflow:visible!important;}
body.karin-page-index .dash-chart-area-v2{fill:url(#dashHourlyAreaV526)!important;}
body.karin-page-index .dash-chart-line-v2{fill:none!important;stroke:#2f7ee6!important;stroke-width:3.2!important;stroke-linecap:round!important;stroke-linejoin:round!important;vector-effect:non-scaling-stroke!important;filter:drop-shadow(0 4px 6px rgba(47,126,230,.13))!important;}
body.karin-page-index .dash-chart-line-yesterday{fill:none!important;stroke:#9aabc0!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;stroke-dasharray:7 7!important;opacity:.88!important;vector-effect:non-scaling-stroke!important;}
body.karin-page-index .dash-hourly-chart-v2 .dash-chart-point{fill:#fff!important;stroke:#2f7ee6!important;stroke-width:2.5!important;vector-effect:non-scaling-stroke!important;}
body.karin-page-index .dash-hourly-chart-v2 .dash-chart-point-wrap:hover .dash-chart-point{fill:#2f7ee6!important;stroke:#fff!important;r:5px!important;}
body.karin-page-index .dash-chart-crosshair{position:absolute!important;top:9px!important;bottom:21px!important;width:1px!important;background:linear-gradient(180deg,rgba(47,126,230,0),rgba(47,126,230,.38),rgba(47,126,230,0))!important;pointer-events:none!important;transform:translateX(-50%)!important;z-index:5!important;}
body.karin-page-index .dash-chart-crosshair[hidden]{display:none!important;}
body.karin-page-index .dash-hourly-chart-v2 .dash-chart-tooltip{min-width:184px!important;padding:9px 11px!important;border-radius:13px!important;background:#10243b!important;box-shadow:0 14px 34px rgba(16,36,59,.22)!important;font-size:9.7px!important;line-height:1.65!important;}
body.karin-page-index .dash-hourly-chart-v2 .dash-chart-tooltip b{display:block!important;font-size:10.5px!important;margin-bottom:4px!important;color:#fff!important;}
body.karin-page-index .dash-hourly-chart-v2 .dash-chart-tooltip span{display:flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important;color:#dce9f6!important;}
body.karin-page-index .dash-hourly-chart-v2 .dash-chart-tooltip i{display:inline-block!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#61a6ff!important;flex:0 0 8px!important;}
body.karin-page-index .dash-hourly-chart-v2 .dash-chart-tooltip .dash-tip-yesterday i{background:#9dacc0!important;}
body.karin-page-index .dash-channel-panel{display:flex!important;flex-direction:column!important;}
body.karin-page-index .dash-channel-panel .dash-section-head{align-items:flex-start!important;margin-bottom:10px!important;}
body.karin-page-index .dash-channel-total{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  grid-template-areas:"label small" "value value"!important;
  gap:0 8px!important;
  padding:11px 12px!important;
  margin-bottom:12px!important;
  border:1px solid #dfe9f3!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#f8fbff,#f2f7fd)!important;
}
body.karin-page-index .dash-channel-total span{grid-area:label!important;color:#7a8da4!important;font-size:10px!important;font-weight:800!important;}
body.karin-page-index .dash-channel-total b{grid-area:value!important;color:#17324d!important;font-size:18px!important;font-weight:1000!important;line-height:1.65!important;}
body.karin-page-index .dash-channel-total small{grid-area:small!important;color:#687c93!important;font-size:9.8px!important;font-weight:800!important;text-align:left!important;}
body.karin-page-index .dash-channel-bars{display:grid!important;gap:11px!important;}
body.karin-page-index .dash-channel-row{display:grid!important;gap:5px!important;}
body.karin-page-index .dash-channel-row-head,body.karin-page-index .dash-channel-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;}
body.karin-page-index .dash-channel-row-head b{font-size:11.2px!important;color:#2d435c!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.karin-page-index .dash-channel-row-head span{font-size:10px!important;color:#55708f!important;font-weight:900!important;direction:ltr!important;}
body.karin-page-index .dash-channel-track{height:8px!important;border-radius:99px!important;background:#edf3f9!important;overflow:hidden!important;position:relative!important;}
body.karin-page-index .dash-channel-track i{display:block!important;height:100%!important;width:var(--dash-channel-width)!important;border-radius:99px!important;background:linear-gradient(90deg,#2f7ee6,#5e9cf0)!important;box-shadow:0 2px 7px rgba(47,126,230,.18)!important;}
body.karin-page-index .dash-channel-meta span{font-size:10.2px!important;color:#425b76!important;font-weight:860!important;}
body.karin-page-index .dash-channel-meta small{font-size:9.4px!important;color:#8a9aad!important;font-weight:760!important;}
body.karin-page-index .dash-chart-empty.compact{display:grid!important;justify-content:stretch!important;text-align:center!important;margin-top:auto!important;}

html[data-theme="dark"] body.karin-page-index .dash-chart-card{background:#101b2d!important;border-color:#283c55!important;box-shadow:none!important;}
html[data-theme="dark"] body.karin-page-index .dash-hourly-head p,html[data-theme="dark"] body.karin-page-index .dash-channel-panel .dash-section-head p{color:#91a5bc!important;}
html[data-theme="dark"] body.karin-page-index .dash-hourly-peak,html[data-theme="dark"] body.karin-page-index .dash-compare-chip{background:#132238!important;border-color:#2b4059!important;}
html[data-theme="dark"] body.karin-page-index .dash-hourly-peak span,html[data-theme="dark"] body.karin-page-index .dash-compare-chip span{color:#94a8bf!important;}
html[data-theme="dark"] body.karin-page-index .dash-hourly-peak b{color:#e5eef8!important;}
html[data-theme="dark"] body.karin-page-index .dash-hourly-peak small{color:#9aadc3!important;}
html[data-theme="dark"] body.karin-page-index .dash-compare-chip.up{background:#10291f!important;border-color:#25523e!important;}
html[data-theme="dark"] body.karin-page-index .dash-compare-chip.up b{color:#72d7a4!important;}
html[data-theme="dark"] body.karin-page-index .dash-compare-chip.down{background:#301a25!important;border-color:#593044!important;}
html[data-theme="dark"] body.karin-page-index .dash-compare-chip.down b{color:#ff99ac!important;}
html[data-theme="dark"] body.karin-page-index .dash-chart-legend{color:#91a4ba!important;}
html[data-theme="dark"] body.karin-page-index .dash-hourly-chart-v2 .dash-chart-stage{background:radial-gradient(circle at 82% 8%,rgba(72,145,239,.10),transparent 31%),linear-gradient(180deg,#0e1929,#0d1725)!important;border-color:#2b4058!important;}
html[data-theme="dark"] body.karin-page-index .dash-chart-line-v2{stroke:#62a6ff!important;}
html[data-theme="dark"] body.karin-page-index .dash-chart-line-yesterday{stroke:#71869e!important;}
html[data-theme="dark"] body.karin-page-index .dash-chart-area-v2{opacity:.72!important;}
html[data-theme="dark"] body.karin-page-index .dash-channel-total{background:linear-gradient(135deg,#14243a,#111e31)!important;border-color:#2b4059!important;}
html[data-theme="dark"] body.karin-page-index .dash-channel-total span,html[data-theme="dark"] body.karin-page-index .dash-channel-total small{color:#91a5bc!important;}
html[data-theme="dark"] body.karin-page-index .dash-channel-total b{color:#eff5fb!important;}
html[data-theme="dark"] body.karin-page-index .dash-channel-row-head b{color:#dce7f4!important;}
html[data-theme="dark"] body.karin-page-index .dash-channel-row-head span,html[data-theme="dark"] body.karin-page-index .dash-channel-meta span{color:#a8bad0!important;}
html[data-theme="dark"] body.karin-page-index .dash-channel-meta small{color:#7f94ad!important;}
html[data-theme="dark"] body.karin-page-index .dash-channel-track{background:#1b2c42!important;}
html[data-theme="dark"] body.karin-page-index .dash-channel-track i{background:linear-gradient(90deg,#4e94ee,#70b0ff)!important;}

@media(max-width:1050px){
  body.karin-page-index .dash-charts-grid{grid-template-columns:1fr!important;}
  body.karin-page-index .dash-channel-bars{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:16px!important;}
}
@media(max-width:700px){
  body.karin-page-index .dash-chart-card{padding:12px!important;border-radius:17px!important;}
  body.karin-page-index .dash-hourly-head{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;}
  body.karin-page-index .dash-hourly-summary{justify-content:stretch!important;display:grid!important;grid-template-columns:1fr 1fr!important;}
  body.karin-page-index .dash-hourly-peak,body.karin-page-index .dash-compare-chip{min-width:0!important;padding:7px 8px!important;}
  body.karin-page-index .dash-chart-legend{margin:0 40px 6px 0!important;font-size:8.8px!important;gap:9px!important;}
  body.karin-page-index .dash-hourly-chart-v2{grid-template-columns:35px minmax(0,1fr)!important;gap:4px!important;}
  body.karin-page-index .dash-hourly-chart-v2 .dash-chart-stage{height:190px!important;min-height:190px!important;overflow:hidden!important;}
  body.karin-page-index .dash-hourly-chart-v2 .dash-chart-stage svg{height:178px!important;min-width:0!important;width:100%!important;}
  body.karin-page-index .dash-hourly-chart-v2 .dash-chart-y{height:178px!important;font-size:7.3px!important;padding-top:13px!important;padding-bottom:16px!important;}
  body.karin-page-index .dash-hourly-chart-v2 .dash-chart-axis{min-width:0!important;font-size:7.3px!important;right:7px!important;left:7px!important;}
  body.karin-page-index .dash-channel-bars{grid-template-columns:1fr!important;}
  body.karin-page-index .dash-channel-total b{font-size:16px!important;}
  body.karin-page-index .dash-hourly-chart-v2 .dash-chart-tooltip{min-width:158px!important;font-size:8.6px!important;transform:translate(-50%,-108%)!important;}
}


body.karin-page-index .dash-hourly-chart-v2{grid-template-columns:72px minmax(0,1fr)!important;}
body.karin-page-index .dash-hourly-chart-v2 .dash-chart-y{
  width:72px!important;min-width:72px!important;align-items:flex-start!important;
  padding:16px 3px 20px 0!important;font-size:9.4px!important;line-height:1.25!important;
  color:#718399!important;overflow:visible!important;}
body.karin-page-index .dash-chart-y span{display:block!important;max-width:68px!important;white-space:nowrap!important;}
body.karin-page-index .dash-chart-y{position:relative!important;}body.karin-page-index .dash-chart-y:after{content:attr(data-unit)!important;position:absolute!important;right:2px!important;bottom:-4px!important;font-size:8.3px!important;color:#9aa8b8!important;font-weight:700!important;white-space:nowrap!important;}body.karin-page-index .dash-chart-y-unit{font-size:8.3px!important;color:#9aa8b8!important;margin-top:3px!important;font-weight:700!important;}
body.karin-page-index .dash-hourly-panel{overflow:visible!important;}
body.karin-page-index .dash-hourly-chart-v2 .dash-chart-stage{overflow:visible!important;isolation:isolate!important;}
body.karin-page-index .dash-hourly-chart-v2 .dash-chart-tooltip{
  z-index:50!important;max-width:min(220px,calc(100vw - 30px))!important;
  transform:none!important;will-change:left,top!important;}
body.karin-page-index .dash-chart-crosshair{z-index:7!important;}
html[data-theme="dark"] body.karin-page-index .dash-hourly-chart-v2 .dash-chart-y{color:#9eb0c5!important;}
html[data-theme="dark"] body.karin-page-index .dash-chart-y:after,html[data-theme="dark"] body.karin-page-index .dash-chart-y-unit{color:#7389a2!important;}

html,body.karin-app-page,body.karin-app-page .sidebar>nav,body.karin-app-page .karin-table-wrap,body.karin-app-page .product-list,body.karin-app-page .pos-products,body.karin-app-page .karin-modal-shell{
  scrollbar-width:thin!important;scrollbar-color:var(--karin-scroll-thumb) transparent!important;
}
html::-webkit-scrollbar,body.karin-app-page::-webkit-scrollbar{width:6px!important;height:6px!important;}
body.karin-app-page .sidebar>nav::-webkit-scrollbar{width:5px!important;}
body.karin-app-page .karin-table-wrap::-webkit-scrollbar,body.karin-app-page .product-list::-webkit-scrollbar,body.karin-app-page .pos-products::-webkit-scrollbar{width:6px!important;height:6px!important;display:block!important;}
html::-webkit-scrollbar-track,body.karin-app-page::-webkit-scrollbar-track,body.karin-app-page *::-webkit-scrollbar-track{background:transparent!important;}
html::-webkit-scrollbar-thumb,body.karin-app-page::-webkit-scrollbar-thumb,body.karin-app-page *::-webkit-scrollbar-thumb{
  background:var(--karin-scroll-thumb)!important;border:0!important;border-radius:999px!important;background-clip:border-box!important;min-height:42px!important;}
html::-webkit-scrollbar-thumb:hover,body.karin-app-page::-webkit-scrollbar-thumb:hover,body.karin-app-page *::-webkit-scrollbar-thumb:hover{background:var(--karin-scroll-thumb-hover)!important;}
body.karin-app-page .sidebar>nav{scrollbar-gutter:stable!important;scroll-behavior:smooth!important;}
body.karin-app-page .karin-table-wrap,body.karin-app-page .product-list,body.karin-app-page .pos-products{overscroll-behavior:contain!important;}

@media(max-width:700px){
  body.karin-page-index .dash-hourly-chart-v2{grid-template-columns:52px minmax(0,1fr)!important;}
  body.karin-page-index .dash-hourly-chart-v2 .dash-chart-y{width:52px!important;min-width:52px!important;font-size:8px!important;}
  body.karin-page-index .dash-chart-y span{max-width:50px!important;}
  body.karin-page-index .dash-hourly-chart-v2 .dash-chart-tooltip{font-size:8.8px!important;min-width:154px!important;}
}

/* Karin v5.29 — Register Sale 2.0 phase 1 (legacy phase kept for compatibility) */

body.karin-page-quick-pos .new-sale-shell{
  grid-template-columns:minmax(500px,1fr) minmax(560px,1.16fr)!important;

  align-items:start!important;
}
body.karin-page-quick-pos .pos-main,
body.karin-page-quick-pos .pos-products{
  border-radius:20px!important;
  border-color:#dce6f1!important;
  box-shadow:0 12px 32px rgba(31,51,79,.045)!important;
}
body.karin-page-quick-pos .pos-main{padding:15px!important;}
body.karin-page-quick-pos .pos-products{padding:14px!important;background:#f8fbff!important;}
body.karin-page-quick-pos .pos-sale-title{margin-bottom:12px!important;padding-bottom:11px!important;border-bottom:1px solid #e8eef5!important;}
body.karin-page-quick-pos .pos-title-copy h2,
body.karin-page-quick-pos .pos-products-title h2{font-size:17px!important;font-weight:950!important;letter-spacing:-.15px!important;}
body.karin-page-quick-pos .pos-title-copy small,
body.karin-page-quick-pos .pos-products-title small{font-size:10.8px!important;line-height:1.65!important;color:#77899f!important;}
body.karin-page-quick-pos #product-search{
  min-height:44px!important;
  border-radius:13px!important;
  padding:9px 13px!important;
  background:#fbfdff!important;
  border-color:#d7e3ef!important;
  font-size:12.5px!important;
}
body.karin-page-quick-pos .sale-setup-grid{
  position:relative!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  padding:34px 10px 10px!important;
  margin:11px 0!important;
  border-radius:15px!important;
  background:#f8fbff!important;
  border:1px solid #dfe9f3!important;
  gap:8px!important;
}
body.karin-page-quick-pos .sale-setup-grid:before{
  content:"تنظیمات فروش";
  position:absolute!important;
  top:8px!important;
  right:11px!important;
  color:#35506d!important;
  font-size:11.3px!important;
  font-weight:900!important;
}
body.karin-page-quick-pos .sale-setup-grid label{font-size:10.4px!important;color:#64788f!important;font-weight:820!important;margin:0 0 4px!important;}
body.karin-page-quick-pos .sale-setup-grid select{min-height:38px!important;border-radius:11px!important;background:#fff!important;}
body.karin-page-quick-pos #cart-items:not(:empty){
  position:relative!important;
  padding-top:32px!important;
  margin-top:11px!important;
  border-top:1px solid #e8eef5!important;
}
body.karin-page-quick-pos #cart-items:not(:empty):before{
  content:"سبد فروش";
  position:absolute!important;
  top:7px!important;
  right:0!important;
  color:#324b66!important;
  font-size:11.5px!important;
  font-weight:950!important;
}
body.karin-page-quick-pos .quick-cart-row{
  border-radius:13px!important;
  padding:9px 10px!important;
  margin:7px 0!important;
  border-color:#e1e9f2!important;
  box-shadow:0 4px 14px rgba(30,52,80,.028)!important;
}
body.karin-page-quick-pos .quick-customer-row{
  position:relative!important;
  padding:34px 10px 10px!important;
  margin-top:11px!important;
  border-radius:15px!important;
  background:#fbfdff!important;
  border:1px solid #e2eaf3!important;
}
body.karin-page-quick-pos .quick-customer-row:before{
  content:"اطلاعات مشتری";
  position:absolute!important;
  top:8px!important;
  right:11px!important;
  color:#35506d!important;
  font-size:11.3px!important;
  font-weight:900!important;
}
body.karin-page-quick-pos .pos-main>.pos-total{
  margin-top:14px!important;
  min-height:50px!important;
  border-radius:15px!important;
  padding:11px 14px!important;
}
body.karin-page-quick-pos .pos-main>.karin-actions{
  display:grid!important;
  grid-template-columns:minmax(160px,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  padding-top:10px!important;
  margin-top:10px!important;
}
body.karin-page-quick-pos .pos-main>.karin-actions #quick-submit-btn{width:100%!important;min-height:42px!important;border-radius:12px!important;}
body.karin-page-quick-pos .pos-main>.karin-actions .karin-button{min-height:42px!important;border-radius:12px!important;margin:0!important;}
body.karin-page-quick-pos .pos-products-head{padding:2px 0 11px!important;margin-bottom:10px!important;}
body.karin-page-quick-pos .product-list{gap:8px!important;padding-left:1px!important;}
body.karin-page-quick-pos .product-tile{
  min-height:76px!important;
  border-radius:15px!important;
  padding:9px!important;
  border-color:#dce6f0!important;
  background:#fff!important;
  box-shadow:0 3px 12px rgba(30,52,80,.025)!important;
}
body.karin-page-quick-pos .product-tile:hover{border-color:#9ec5f5!important;box-shadow:0 8px 20px rgba(31,96,176,.08)!important;transform:translateY(-1px)!important;}
body.karin-page-quick-pos .product-tile-thumb{width:50px!important;height:50px!important;border-radius:12px!important;}
body.karin-page-quick-pos .tile-title{font-size:12.5px!important;line-height:1.65!important;font-weight:900!important;color:#203a56!important;}
body.karin-page-quick-pos .tile-price{color:#1164c9!important;font-size:11.2px!important;font-weight:900!important;}

html[data-theme="dark"] body.karin-page-quick-pos .pos-main,
html[data-theme="dark"] body.karin-page-quick-pos .pos-products{background:#101b2d!important;border-color:#2a3b55!important;box-shadow:none!important;}
html[data-theme="dark"] body.karin-page-quick-pos .pos-sale-title,
html[data-theme="dark"] body.karin-page-quick-pos .pos-products-head{border-bottom-color:#263850!important;}
html[data-theme="dark"] body.karin-page-quick-pos #product-search,
html[data-theme="dark"] body.karin-page-quick-pos .sale-setup-grid,
html[data-theme="dark"] body.karin-page-quick-pos .quick-customer-row{background:#0d1829!important;border-color:#2a3b54!important;color:#e5edf7!important;}
html[data-theme="dark"] body.karin-page-quick-pos .sale-setup-grid:before,
html[data-theme="dark"] body.karin-page-quick-pos .quick-customer-row:before,
html[data-theme="dark"] body.karin-page-quick-pos #cart-items:not(:empty):before{color:#b8c8da!important;}
html[data-theme="dark"] body.karin-page-quick-pos .sale-setup-grid label{color:#93a6bb!important;}
html[data-theme="dark"] body.karin-page-quick-pos .sale-setup-grid select{background:#111f33!important;border-color:#30425c!important;color:#e4edf8!important;}
html[data-theme="dark"] body.karin-page-quick-pos #cart-items:not(:empty){border-top-color:#263850!important;}
html[data-theme="dark"] body.karin-page-quick-pos .quick-cart-row,
html[data-theme="dark"] body.karin-page-quick-pos .product-tile{background:#111e31!important;border-color:#2b3d57!important;box-shadow:none!important;}
html[data-theme="dark"] body.karin-page-quick-pos .tile-title{color:#e6eef8!important;}
html[data-theme="dark"] body.karin-page-quick-pos .tile-price{color:#78b4ff!important;}
html[data-theme="dark"] body.karin-page-quick-pos .product-tile:hover{border-color:#416b98!important;background:#13243a!important;}

@media(max-width:1180px){
  body.karin-page-quick-pos .new-sale-shell{grid-template-columns:minmax(420px,1fr) minmax(470px,1.05fr)!important;}
}
@media(max-width:1000px){

  body.karin-page-quick-pos .pos-main,body.karin-page-quick-pos .pos-products{padding:12px!important;border-radius:16px!important;}
}
@media(max-width:700px){
  body.karin-page-quick-pos .sale-setup-grid{grid-template-columns:1fr 1fr!important;padding:32px 8px 8px!important;}
  body.karin-page-quick-pos .quick-customer-row{grid-template-columns:1fr 1fr!important;padding:32px 8px 8px!important;}
  body.karin-page-quick-pos .pos-main>.karin-actions{grid-template-columns:1fr!important;}
  body.karin-page-quick-pos .pos-main>.karin-actions .karin-button{width:100%!important;}
  body.karin-page-quick-pos .product-tile{min-height:70px!important;}
}
@media(max-width:480px){
  body.karin-page-quick-pos .sale-setup-grid,body.karin-page-quick-pos .quick-customer-row{grid-template-columns:1fr!important;}
}

/* Karin v5.32 — sidebar hotfix. Geometry is deliberately left to Karin's proven shell in style.css. Only the existing real nav scroller is themed here; no sticky/fixed/content overrides. */
body.karin-app-page .sidebar>nav{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:var(--karin-scroll-thumb) transparent!important;
}
body.karin-app-page .sidebar>nav::-webkit-scrollbar{display:block!important;width:4px!important;height:5px!important;}
body.karin-app-page .sidebar>nav::-webkit-scrollbar-track{background:transparent!important;}
body.karin-app-page .sidebar>nav::-webkit-scrollbar-thumb{
  background:var(--karin-scroll-thumb)!important;
  border:0!important;
  border-radius:10px!important;
  min-height:42px!important;
}
body.karin-app-page .sidebar>nav::-webkit-scrollbar-thumb:hover{background:var(--karin-scroll-thumb-hover)!important;}

html,body.karin-app-page .karin-table-wrap,body.karin-app-page .product-list,
body.karin-app-page .karin-modal-shell{
  scrollbar-width:thin!important;
  scrollbar-color:var(--karin-scroll-thumb) transparent!important;
}
html::-webkit-scrollbar{width:5px!important;height:5px!important;}
body.karin-app-page .karin-table-wrap::-webkit-scrollbar,
body.karin-app-page .product-list::-webkit-scrollbar,
body.karin-app-page .karin-modal-shell::-webkit-scrollbar{width:5px!important;height:5px!important;}
html::-webkit-scrollbar-track,
body.karin-app-page .karin-table-wrap::-webkit-scrollbar-track,
body.karin-app-page .product-list::-webkit-scrollbar-track,
body.karin-app-page .karin-modal-shell::-webkit-scrollbar-track{background:transparent!important;}
html::-webkit-scrollbar-thumb,
body.karin-app-page .karin-table-wrap::-webkit-scrollbar-thumb,
body.karin-app-page .product-list::-webkit-scrollbar-thumb,
body.karin-app-page .karin-modal-shell::-webkit-scrollbar-thumb{background:var(--karin-scroll-thumb)!important;border:0!important;border-radius:10px!important;}

body.karin-app-page .karin-sidebar-scroll-track,
body.karin-app-page .karin-sidebar-scroll-thumb{display:none!important;}

body.karin-page-quick-pos .new-sale-shell{
  grid-template-columns:minmax(530px,1fr) minmax(600px,1.12fr)!important;
  gap:18px!important;
}
body.karin-page-quick-pos .pos-main{padding:16px!important;}
body.karin-page-quick-pos .karin-pos-section{margin:12px 0!important;border:1px solid var(--karin-border)!important;border-radius:17px!important;background:var(--karin-surface-soft)!important;overflow:hidden!important;}
body.karin-page-quick-pos .karin-pos-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:10px 12px 8px!important;border-bottom:1px solid var(--karin-border)!important;}
body.karin-page-quick-pos .karin-pos-section-head b{font-size:12.2px!important;color:#2d4763!important;font-weight:950!important;}
body.karin-page-quick-pos .karin-pos-section-head span{font-size:10px!important;color:#8393a5!important;font-weight:720!important;}
body.karin-page-quick-pos .karin-pos-section .sale-setup-grid{margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;padding:10px!important;}
body.karin-page-quick-pos .karin-pos-section .sale-setup-grid:before{display:none!important;}
body.karin-page-quick-pos .sale-setup-grid label,
body.karin-page-quick-pos .quick-customer-row label,
body.karin-page-quick-pos .karin-pos-note label{font-size:10.7px!important;color:#5d7188!important;font-weight:850!important;margin:0 0 5px!important;}
body.karin-page-quick-pos .quick-customer-row{padding:36px 11px 11px!important;background:var(--karin-surface-soft)!important;}
body.karin-page-quick-pos .quick-customer-row input::placeholder,
body.karin-page-quick-pos .karin-pos-note textarea::placeholder{color:#a4b0bf!important;font-size:10.7px!important;}
body.karin-page-quick-pos .karin-pos-note{margin-top:10px!important;}
body.karin-page-quick-pos .karin-pos-note textarea{min-height:70px!important;border-radius:13px!important;}
body.karin-page-quick-pos .karin-pos-checkout{
  position:sticky!important;
  bottom:0!important;
  z-index:15!important;
  display:grid!important;
  grid-template-columns:minmax(155px,.68fr) minmax(290px,1.32fr)!important;
  gap:10px!important;
  align-items:stretch!important;
  margin:14px -16px -16px!important;
  padding:10px 16px 13px!important;
  background:rgba(255,255,255,.96)!important;
  border-top:1px solid var(--karin-border)!important;
  box-shadow:0 -10px 26px rgba(24,43,68,.055)!important;
  backdrop-filter:blur(12px)!important;
}
body.karin-page-quick-pos .karin-pos-checkout .pos-total{margin:0!important;min-height:50px!important;padding:7px 12px!important;border:1px solid var(--karin-control-border)!important;border-radius:12px!important;background:var(--karin-surface-soft)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;text-align:right!important;}
body.karin-page-quick-pos .karin-pos-checkout .pos-total span{font-size:10.5px!important;color:var(--karin-text-muted)!important;font-weight:700!important;}
body.karin-page-quick-pos .karin-pos-checkout .pos-total b{font-size:16.5px!important;color:var(--karin-text)!important;font-weight:850!important;line-height:1.35!important;}
body.karin-page-quick-pos .karin-pos-checkout .karin-actions{display:grid!important;grid-template-columns:minmax(160px,1fr) minmax(125px,.72fr)!important;gap:8px!important;align-items:stretch!important;margin:0!important;padding:0!important;}
body.karin-page-quick-pos .karin-pos-checkout .karin-actions>*{margin:0!important;min-height:50px!important;border-radius:12px!important;display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 14px;font-size:13px;font-weight:750;line-height:1.25;}
body.karin-page-quick-pos .karin-pos-checkout #quick-submit-btn{font-size:13.4px;font-weight:800;}
body.karin-page-quick-pos #cart-items:empty{min-height:70px!important;display:grid!important;place-items:center!important;}
body.karin-page-quick-pos .product-list{scrollbar-width:thin!important;scrollbar-color:var(--karin-scroll-thumb) transparent!important;}
body.karin-page-quick-pos .product-list::-webkit-scrollbar{width:5px!important;display:block!important;}
body.karin-page-quick-pos .product-list::-webkit-scrollbar-thumb{background:var(--karin-scroll-thumb)!important;border-radius:999px!important;}
html[data-theme="dark"] body.karin-page-quick-pos .karin-pos-section{background:#0d1829!important;border-color:#2a3b54!important;}
html[data-theme="dark"] body.karin-page-quick-pos .karin-pos-section-head{border-bottom-color:#263850!important;}
html[data-theme="dark"] body.karin-page-quick-pos .karin-pos-section-head b{color:#d8e5f3!important;}
html[data-theme="dark"] body.karin-page-quick-pos .karin-pos-section-head span{color:#8fa2b9!important;}
html[data-theme="dark"] body.karin-page-quick-pos .sale-setup-grid label,
html[data-theme="dark"] body.karin-page-quick-pos .quick-customer-row label,
html[data-theme="dark"] body.karin-page-quick-pos .karin-pos-note label{color:#a8b9cb!important;}
html[data-theme="dark"] body.karin-page-quick-pos .karin-pos-checkout{background:color-mix(in srgb,var(--karin-surface) 96%,transparent)!important;border-top-color:var(--karin-border)!important;box-shadow:0 -12px 30px rgba(0,0,0,.18)!important;}
html[data-theme="dark"] body.karin-page-quick-pos .karin-pos-checkout .pos-total{background:var(--karin-surface-soft)!important;border-color:var(--karin-control-border)!important;}
html[data-theme="dark"] body.karin-page-quick-pos .karin-pos-checkout .pos-total span{color:var(--karin-text-muted)!important;}
html[data-theme="dark"] body.karin-page-quick-pos .karin-pos-checkout .pos-total b{color:var(--karin-text)!important;}
@media(max-width:1180px){body.karin-page-quick-pos .new-sale-shell{grid-template-columns:minmax(450px,1fr) minmax(500px,1.05fr)!important;}}
@media(max-width:1000px){body.karin-page-quick-pos .new-sale-shell{grid-template-columns:1fr!important;}}
@media(max-width:700px){
  body.karin-page-quick-pos .karin-pos-section-head{align-items:flex-start!important;flex-direction:column!important;gap:1px!important;}
  body.karin-page-quick-pos .karin-pos-checkout{grid-template-columns:1fr!important;margin:12px -12px -12px!important;padding:10px 12px calc(12px + env(safe-area-inset-bottom))!important;}
  body.karin-page-quick-pos .karin-pos-checkout .karin-actions{grid-template-columns:1fr 1fr!important;}
  body.karin-page-quick-pos .karin-pos-checkout .karin-actions>*{height:46px;min-height:46px;font-size:12.7px;}
  body.karin-page-quick-pos .karin-pos-checkout .pos-total{min-height:44px!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;}
}
@media(max-width:430px){body.karin-page-quick-pos .karin-pos-checkout .karin-actions{grid-template-columns:1fr!important;}}

/* Karin v5.33 — stabilization hotfix. Sidebar/scroll architecture is intentionally untouched. */
body.karin-page-quick-pos .new-sale-shell{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important;
  gap:16px!important;
  overflow:visible!important;
}
body.karin-page-quick-pos .new-sale-shell>.karin-card,
body.karin-page-quick-pos .pos-main,
body.karin-page-quick-pos .pos-products,
body.karin-page-quick-pos .pos-products-head,
body.karin-page-quick-pos .product-list{min-width:0!important;max-width:100%!important;}
body.karin-page-quick-pos .product-tile{width:100%!important;max-width:100%!important;min-width:0!important;}
body.karin-page-quick-pos .product-tile .tile-body{min-width:0!important;}
body.karin-page-quick-pos #discount-amount{font-variant-numeric:tabular-nums!important;}
body.karin-page-sale-view .sale-items-detail-table .sale-item-feature,
body.karin-page-site-sale-view .sale-items-detail-table .sale-item-feature{font-size:13.5px!important;line-height:1.45!important;white-space:nowrap!important;}
body.karin-page-sale-view .sale-phone-value,
body.karin-page-site-sale-view .sale-phone-value{text-align:right!important;direction:ltr!important;display:block!important;width:100%!important;}
@media(max-width:1180px){body.karin-page-quick-pos .new-sale-shell{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr)!important;}}
@media(max-width:1000px){body.karin-page-quick-pos .new-sale-shell{grid-template-columns:minmax(0,1fr)!important;}}

/* Karin v5.34 - Quick POS title polish + Products sorting. Sidebar/scroll intentionally untouched. */
body.karin-page-quick-pos .product-tile .tile-title{cursor:help!important;}
body.karin-page-products .products-filter-row{display:grid!important;grid-template-columns:minmax(280px,1.5fr) minmax(210px,.8fr) auto!important;gap:12px!important;align-items:end!important;}
body.karin-page-products .products-filter-row>div{min-width:0!important;}
body.karin-page-products .products-filter-actions{display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;}
body.karin-page-products .products-filter-actions>*{margin:0!important;min-height:40px!important;}
body.karin-page-products .products-sort-field select{width:100%!important;}
@media(max-width:800px){
  body.karin-page-products .products-filter-row{grid-template-columns:1fr!important;}
  body.karin-page-products .products-filter-actions{display:grid!important;grid-template-columns:1fr 1fr!important;}
  body.karin-page-products .products-filter-actions>*{width:100%!important;text-align:center!important;}
}

/* Karin v5.35 — Inventory & Products 2.0 phase 2. Sidebar geometry is intentionally untouched. Scroll changes are paint-only. */
body.karin-page-stock .stock-filter-card{padding:14px 16px!important;}
body.karin-page-stock .stock-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;margin-bottom:10px!important;}
body.karin-page-stock .stock-head h2{margin:0!important;}
body.karin-page-stock .stock-head p{margin:0!important;font-size:11.2px!important;}
body.karin-page-stock .stock-filter-row{display:grid!important;grid-template-columns:minmax(260px,1.45fr) minmax(135px,.55fr) minmax(220px,.9fr) auto!important;gap:10px!important;align-items:end!important;}
body.karin-page-stock .stock-filter-row>div{min-width:0!important;}
body.karin-page-stock .stock-filter-actions{display:flex!important;gap:7px!important;align-items:center!important;}
body.karin-page-stock .stock-filter-actions>*{margin:0!important;min-height:40px!important;white-space:nowrap!important;}
body.karin-page-stock .stock-list-card{padding:12px!important;}
body.karin-page-stock .stock-products-table{table-layout:auto!important;}
body.karin-page-stock .stock-products-table th,body.karin-page-stock .stock-products-table td{padding-top:9px!important;padding-bottom:9px!important;}
body.karin-page-stock .stock-product-cell{min-width:250px!important;gap:10px!important;}
body.karin-page-stock .stock-product-copy{display:flex!important;flex-direction:column!important;gap:1px!important;min-width:0!important;}
body.karin-page-stock .stock-product-copy b{font-size:12.7px!important;color:#1f3852!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:360px!important;}
body.karin-page-stock .stock-product-copy small{font-size:10.5px!important;color:#8392a4!important;font-weight:720!important;}
body.karin-page-stock .stock-available-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:34px!important;padding:4px 9px!important;border-radius:999px!important;font-size:11.5px!important;font-weight:900!important;border:1px solid transparent!important;}
body.karin-page-stock .stock-available-pill.is-ok{background:#ecfdf3!important;color:#087b4a!important;border-color:#c8efda!important;}
body.karin-page-stock .stock-available-pill.is-empty{background:#fff1f2!important;color:#c03650!important;border-color:#ffd1d8!important;}
body.karin-page-stock .stock-row-actions{gap:5px!important;flex-wrap:nowrap!important;}
body.karin-page-stock .stock-row-actions .karin-button,body.karin-page-stock .stock-row-actions button{min-height:34px!important;padding:6px 9px!important;font-size:11.3px!important;border-radius:9px!important;}
body.karin-page-stock .stock-master-row{transition:background .15s ease!important;}
body.karin-page-stock .stock-master-row:hover td{background:#fbfdff!important;}
body.karin-page-products .products-main-table tr:not(:has(.product-detail-lazy)){transition:background .15s ease!important;}
body.karin-page-products .products-main-table tr:not(:has(.product-detail-lazy)):hover td{background:#fbfdff!important;}
body.karin-page-products .product-price-range{display:flex!important;flex-direction:column!important;gap:1px!important;}
body.karin-page-products .product-price-range b{font-size:12.1px!important;color:#1b5e9f!important;}
body.karin-page-products .product-price-range small{font-size:10.2px!important;color:#7f90a4!important;}

body.karin-app-page .sidebar,
body.karin-app-page .sidebar>nav,
body.karin-app-page .karin-table-wrap,
body.karin-app-page .product-list{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(112,132,157,.46) transparent!important;
}
body.karin-app-page .sidebar::-webkit-scrollbar,
body.karin-app-page .sidebar>nav::-webkit-scrollbar{width:4px!important;height:4px!important;background:transparent!important;}
body.karin-app-page .sidebar::-webkit-scrollbar-track,
body.karin-app-page .sidebar>nav::-webkit-scrollbar-track,
body.karin-app-page .sidebar::-webkit-scrollbar-track-piece,
body.karin-app-page .sidebar>nav::-webkit-scrollbar-track-piece{background:transparent!important;border:0!important;box-shadow:none!important;}
body.karin-app-page .sidebar::-webkit-scrollbar-thumb,
body.karin-app-page .sidebar>nav::-webkit-scrollbar-thumb{background:rgba(112,132,157,.46)!important;border:0!important;border-radius:999px!important;box-shadow:none!important;}
body.karin-app-page .sidebar::-webkit-scrollbar-thumb:hover,
body.karin-app-page .sidebar>nav::-webkit-scrollbar-thumb:hover{background:rgba(75,98,126,.72)!important;}
body.karin-app-page .sidebar::-webkit-scrollbar-corner,
body.karin-app-page .sidebar>nav::-webkit-scrollbar-corner{background:transparent!important;}
html[data-theme="dark"] body.karin-app-page .sidebar,
html[data-theme="dark"] body.karin-app-page .sidebar>nav{scrollbar-color:rgba(139,160,186,.45) transparent!important;}
html[data-theme="dark"] body.karin-app-page .sidebar::-webkit-scrollbar-thumb,
html[data-theme="dark"] body.karin-app-page .sidebar>nav::-webkit-scrollbar-thumb{background:rgba(139,160,186,.45)!important;}
html[data-theme="dark"] body.karin-page-stock .stock-product-copy b{color:#e8f0f9!important;}
html[data-theme="dark"] body.karin-page-stock .stock-product-copy small{color:#91a3b8!important;}
html[data-theme="dark"] body.karin-page-stock .stock-available-pill.is-ok{background:#10291f!important;color:#78d6aa!important;border-color:#244d3b!important;}
html[data-theme="dark"] body.karin-page-stock .stock-available-pill.is-empty{background:#311823!important;color:#ff9bad!important;border-color:#603042!important;}
html[data-theme="dark"] body.karin-page-stock .stock-master-row:hover td,
html[data-theme="dark"] body.karin-page-products .products-main-table tr:not(:has(.product-detail-lazy)):hover td{background:#132138!important;}
html[data-theme="dark"] body.karin-page-products .product-price-range b{color:#8fc5ff!important;}
html[data-theme="dark"] body.karin-page-products .product-price-range small{color:#91a4ba!important;}
@media(max-width:900px){
  body.karin-page-stock .stock-filter-row{grid-template-columns:1fr 1fr!important;}
  body.karin-page-stock .stock-filter-actions{display:grid!important;grid-template-columns:1fr 1fr!important;}
  body.karin-page-stock .stock-filter-actions>*{width:100%!important;}
}
@media(max-width:620px){
  body.karin-page-stock .stock-head{align-items:flex-start!important;flex-direction:column!important;gap:2px!important;}
  body.karin-page-stock .stock-filter-row{grid-template-columns:1fr!important;}
  body.karin-page-stock .stock-product-cell{min-width:210px!important;}
  body.karin-page-stock .stock-product-copy b{max-width:230px!important;}
}

/* Karin v5.37 — inventory warning hotfix. Empty stock is communicated only by the compact available badge; rows stay neutral. */
body.karin-page-stock .stock-master-row.stock-row-empty td{background:transparent!important;box-shadow:none!important;}
body.karin-page-stock .stock-master-row.stock-row-empty:hover td{background:#fbfdff!important;}
html[data-theme="dark"] body.karin-page-stock .stock-master-row.stock-row-empty td{background:transparent!important;box-shadow:none!important;}
html[data-theme="dark"] body.karin-page-stock .stock-master-row.stock-row-empty:hover td{background:#132138!important;}

/* Karin v5.38 — Settings & Permissions 2.0 */
body.karin-page-permissions .perm-section{scroll-margin-top:18px;}
body.karin-page-permissions .perm-section-nav{scrollbar-width:none;}
body.karin-page-permissions .perm-section-nav::-webkit-scrollbar{display:none;}
body.karin-page-permissions .perm-page{box-shadow:0 5px 16px rgba(15,23,42,.025);}
body.karin-page-permissions .perm-page:has(.perm-root-check:checked){border-color:#cbdced;}
body.karin-page-permissions .perm-root-check:checked{accent-color:#2563eb;}
body.karin-page-permissions .perm-option input:checked{accent-color:#2563eb;}
body.karin-page-permissions .perm-savebar{z-index:35;}
html[data-theme="dark"] body.karin-page-permissions :where(.perm-page,.perm-option,.perm-page-head,.perm-stat,.perm-filter-buttons button,.perm-mini,.perm-root,.perm-savebar,.perm-scope-table,.perm-scope-row.head){background:#101c2e!important;border-color:#2b405c!important;color:#dce8f5!important;}
html[data-theme="dark"] body.karin-page-permissions :where(.perm-page-title h4,.perm-option-copy b,.perm-section-title h3,.perm-stat b,.perm-field label){color:#edf4fb!important;}
html[data-theme="dark"] body.karin-page-permissions :where(.perm-page-title p,.perm-option-copy small,.perm-section-title small,.perm-stat span,.perm-scope-title small,.perm-empty){color:#94a7bc!important;}
html[data-theme="dark"] body.karin-page-permissions .perm-option:hover{border-color:#3b5d82!important;}
html[data-theme="dark"] body.karin-page-permissions .perm-mode a{background:#101c2e!important;border-color:#31465f!important;color:#c5d3e3!important;}
html[data-theme="dark"] body.karin-page-permissions .perm-mode a.active{background:#245fb4!important;border-color:#3978cf!important;color:#fff!important;}
html[data-theme="dark"] body.karin-page-permissions .perm-filter-buttons button.active{background:#d9e8fb!important;border-color:#d9e8fb!important;color:#10243c!important;}
html[data-theme="dark"] body.karin-page-permissions .perm-disabled{opacity:.54;}

body.karin-page-roles .role2-card{transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;}
body.karin-page-roles .role2-card:hover{border-color:#c6d9ef;box-shadow:0 12px 28px rgba(15,23,42,.06);transform:translateY(-1px);}
html[data-theme="dark"] body.karin-page-roles .role2-card:hover{border-color:#3a5778;box-shadow:0 15px 34px rgba(0,0,0,.2);}
html[data-theme="dark"] body.karin-page-roles .role-modal{background:rgba(3,9,18,.72)!important;}
html[data-theme="dark"] body.karin-page-roles :where(.karin-modal-shell,.karin-modal__header){background:#101c2e!important;border-color:#2d405b!important;color:#edf4fb!important;}
html[data-theme="dark"] body.karin-page-roles .modal-x{background:#142238!important;border-color:#38506c!important;color:#dce7f4!important;}

body.karin-page-users .permission-source{white-space:nowrap;}
html[data-theme="dark"] body.karin-page-users .permission-source.role{color:#94a7bc!important;}
html[data-theme="dark"] body.karin-page-users .permission-source.custom{color:#c4b5fd!important;}
@media(max-width:720px){
  body.karin-page-permissions .perm-section-nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;}
  body.karin-page-permissions .perm-section-nav a{white-space:nowrap;flex:0 0 auto;}
  body.karin-page-users .user-topbar{align-items:flex-start!important;flex-direction:column!important;}
  body.karin-page-users .user-top-actions{width:100%;}
  body.karin-page-users .user-top-actions>*{flex:1 1 auto;}
}

.karin-admin-stat{position:relative;overflow:hidden;background:#fff;border:1px solid #dde6f0;border-radius:14px;padding:12px 13px;min-height:76px;}
.karin-admin-stat:after{content:"";position:absolute;left:-15px;bottom:-25px;width:72px;height:72px;border-radius:50%;background:#eef5ff;opacity:.8;}
.karin-admin-stat span{display:block;color:#72859b;font-size:10.6px;font-weight:760;}
.karin-admin-stat b{display:block;color:#152c46;font-size:22px;font-weight:950;margin-top:5px;line-height:1;}
.karin-admin-stat.is-success:after{background:#e9fbf1;}.karin-admin-stat.is-online:after{background:#e8fbf8;}.karin-admin-stat.is-custom:after{background:#f2edff;}
.karin-admin-filterbar{display:grid;grid-template-columns:minmax(280px,1.35fr) minmax(170px,.72fr) minmax(170px,.72fr) auto;gap:9px;align-items:end;padding:12px!important;}
.karin-admin-filter{display:flex;flex-direction:column;gap:5px;margin:0!important;min-width:0;}
.karin-admin-filter>span{font-size:10.4px;font-weight:850;color:#5c7189;}
.karin-admin-filter input,.karin-admin-filter select{margin:0!important;min-height:40px!important;border-radius:10px!important;background:#fbfdff!important;}
.karin-admin-filter-result{min-width:116px;min-height:40px;border:1px solid #e0e8f1;border-radius:10px;background:#f8fafc;padding:5px 10px;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;}
.karin-admin-filter-result b{font-size:14px;color:#1c4f89;}.karin-admin-filter-result span{font-size:9.5px;color:#7c8da1;}
.karin-user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;}
.karin-user-card{background:#fff;border:1px solid #dfe7f0;border-radius:16px;padding:13px;display:flex;flex-direction:column;gap:11px;min-width:0;box-shadow:0 5px 16px rgba(15,23,42,.024);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;}
.karin-user-card:hover{border-color:#c7daef;box-shadow:0 11px 28px rgba(15,23,42,.055);transform:translateY(-1px);}
.karin-user-card[hidden]{display:none!important;}
.karin-user-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.karin-user-identity{display:flex;align-items:center;gap:10px;min-width:0;}
.karin-user-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center;background:#eaf3ff;border:1px solid #cfe2fb;color:#1768d4;font-size:16px;font-weight:950;}
.karin-user-identity>div{min-width:0;}.karin-user-identity h3{margin:0;color:#18314d;font-size:14.2px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.karin-user-identity span:not(.karin-user-avatar){display:block;color:#8a99aa;font-size:9.8px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;}
.karin-user-state{display:flex;gap:5px;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.karin-user-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 7px;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;font-size:9.5px;font-weight:850;white-space:nowrap;}
.karin-user-chip.is-active{background:#effbf4;border-color:#caecd8;color:#087a48;}.karin-user-chip.is-inactive{background:#f6f7f9;color:#7d8896;}.karin-user-chip.is-online{background:#eafbf7;border-color:#bfeade;color:#08785d;}.karin-user-chip.is-offline{background:#f6f7f9;color:#8793a2;}
.karin-user-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
.karin-user-meta>div{border:1px solid #edf1f5;border-radius:10px;background:#fbfdff;padding:8px 9px;min-width:0;}
.karin-user-meta span{display:block;color:#8a99aa;font-size:9px;font-weight:760;margin-bottom:3px;}.karin-user-meta b{display:block;color:#31485f;font-size:10.7px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.karin-ltr-value{direction:ltr;text-align:right;font-variant-numeric:tabular-nums;}
.karin-user-access-row{display:flex;align-items:center;gap:7px;min-height:24px;flex-wrap:wrap;}
.karin-user-access{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:9.6px;font-weight:900;}.karin-user-access.is-role{background:#f1f5f9;color:#64748b;}.karin-user-access.is-custom{background:#f2edff;color:#7046b9;}
.karin-user-password-note{color:#b36a12;font-size:9.5px;font-weight:800;}
.karin-user-actions{display:flex;align-items:center;gap:6px;padding-top:10px;border-top:1px solid #eef2f6;}
.karin-user-actions>*{margin:0!important;}.karin-user-actions form{display:inline-flex!important;align-items:center;align-self:center;height:34px;padding:0;line-height:1;}.karin-user-actions .karin-button,.karin-user-actions button{margin:0;min-height:34px!important;height:34px!important;padding:5px 9px!important;font-size:10.7px!important;border-radius:9px!important;}
.karin-admin-empty{text-align:center;color:#7e90a5;padding:24px!important;font-size:12px;}
body.karin-page-users .karin-modal__header{background:#fff!important;}
body.karin-page-users .check-chip{font-size:11px;color:#40566f;}

body.karin-page-permissions .karin-permission-hero{padding:16px!important;}

.karin-permission-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px;}
.karin-permission-mode-switch>a{display:flex;flex-direction:column;gap:3px;border:1px solid #dfe7f1;background:#fbfdff;border-radius:12px;padding:10px 12px;color:#4c6077;transition:.15s;}
.karin-permission-mode-switch>a b{font-size:12px;color:#2d435d;}.karin-permission-mode-switch>a span{font-size:9.7px;color:#8998a9;line-height:1.6;}
.karin-permission-mode-switch>a.active{border-color:#a9cdf8;background:#eef6ff;box-shadow:inset 0 0 0 1px rgba(37,99,235,.04);}
.karin-permission-mode-switch>a.active span{color:#5f7fa4;}
body.karin-page-permissions .karin-permission-toolbar-card{padding:13px!important;}
body.karin-page-permissions .perm-target{margin-top:10px!important;background:#f8fbff!important;}
body.karin-page-permissions .perm-section{border-color:#dce6f0!important;box-shadow:0 5px 16px rgba(15,23,42,.02)!important;}
body.karin-page-permissions .perm-section>details>summary{min-height:62px!important;}
body.karin-page-permissions .perm-section-title h3{color:#213b58!important;font-size:15.5px!important;}
body.karin-page-permissions .perm-section-title small{font-size:10.2px!important;line-height:1.7!important;}
body.karin-page-permissions .perm-page{border-radius:13px!important;}
body.karin-page-permissions .perm-page-head{padding:11px 12px!important;}
body.karin-page-permissions .perm-page-title h4{font-size:13.2px!important;}
body.karin-page-permissions .perm-page-title p{font-size:9.9px!important;}
body.karin-page-permissions .perm-option{padding:8px 9px!important;}
body.karin-page-permissions .perm-option-copy b{font-size:11.3px!important;}
body.karin-page-permissions .perm-option-copy small{font-size:9.5px!important;}

html[data-theme="dark"] .karin-admin-hero-copy h2,
html[data-theme="dark"] .karin-user-identity h3,
html[data-theme="dark"] .karin-user-meta b,
html[data-theme="dark"] .karin-admin-stat b{color:#edf4fb!important;}
html[data-theme="dark"] .karin-admin-hero-copy p,
html[data-theme="dark"] .karin-admin-filter>span,
html[data-theme="dark"] .karin-user-meta span{color:#94a7bc!important;}
html[data-theme="dark"] .karin-admin-stat,
html[data-theme="dark"] .karin-user-card,
html[data-theme="dark"] .karin-user-meta>div,
html[data-theme="dark"] .karin-admin-filter-result{background:#101c2e!important;border-color:#2b405c!important;}
html[data-theme="dark"] .karin-admin-stat:after{opacity:.16;}
html[data-theme="dark"] body.karin-page-users .karin-admin-filter input,
html[data-theme="dark"] body.karin-page-users .karin-admin-filter select{background:#142238!important;border-color:#31465f!important;color:#e2ebf5!important;}
html[data-theme="dark"] .karin-user-avatar{background:#173454!important;border-color:#31587d!important;color:#8fc5ff!important;}
html[data-theme="dark"] .karin-user-chip.is-active{background:#10291f!important;border-color:#244d3b!important;color:#78d6aa!important;}
html[data-theme="dark"] .karin-user-chip.is-online{background:#102924!important;border-color:#245048!important;color:#76d7bd!important;}
html[data-theme="dark"] .karin-user-chip.is-inactive,
html[data-theme="dark"] .karin-user-chip.is-offline,
html[data-theme="dark"] .karin-user-access.is-role{background:#172437!important;color:#9fb0c3!important;}
html[data-theme="dark"] .karin-user-access.is-custom{background:#281f3b!important;color:#c4b5fd!important;}
html[data-theme="dark"] .karin-user-actions{border-color:#263b55!important;}
html[data-theme="dark"] body.karin-page-users .karin-modal__header{background:#101c2e!important;border-color:#2b405c!important;}
html[data-theme="dark"] body.karin-page-users .check-chip{background:#142238!important;border-color:#31465f!important;color:#cbd8e5!important;}
html[data-theme="dark"] .karin-permission-mode-switch>a{background:#101c2e!important;border-color:#2b405c!important;color:#c4d1df!important;}
html[data-theme="dark"] .karin-permission-mode-switch>a b{color:#dce7f3!important;}.karin-permission-mode-switch>a.active b{color:#155aae;}
html[data-theme="dark"] .karin-permission-mode-switch>a span{color:#91a4b9!important;}
html[data-theme="dark"] .karin-permission-mode-switch>a.active{background:#173454!important;border-color:#3a6796!important;}
html[data-theme="dark"] .karin-permission-mode-switch>a.active b{color:#9bc9ff!important;}
html[data-theme="dark"] body.karin-page-permissions .perm-target{background:#122239!important;border-color:#31506f!important;}
html[data-theme="dark"] body.karin-page-permissions .perm-section-title h3{color:#e6eff8!important;}

@media(max-width:1000px){
  .karin-admin-filterbar{grid-template-columns:1fr 1fr;}.karin-admin-search{grid-column:1/-1;}.karin-admin-filter-result{min-width:0;}
  .karin-user-grid{grid-template-columns:1fr;}
}
@media(max-width:720px){


  .karin-admin-filterbar{grid-template-columns:1fr;}.karin-admin-search{grid-column:auto;}
  .karin-permission-mode-switch{grid-template-columns:1fr;}
  .karin-user-card-head{flex-direction:column;}.karin-user-state{justify-content:flex-start;}.karin-user-meta{grid-template-columns:1fr 1fr;}
  .karin-user-actions{display:grid;grid-template-columns:1fr 1fr;}.karin-user-actions form{display:block!important;}.karin-user-actions form:last-child{grid-column:1/-1;}.karin-user-actions .karin-button,.karin-user-actions button{width:100%;}
}
@media(max-width:460px){.karin-admin-stats,.karin-user-meta{grid-template-columns:1fr;}.karin-admin-stat{min-height:64px;}.karin-user-actions{grid-template-columns:1fr;}.karin-user-actions form:last-child{grid-column:auto;}}

/* Karin v5.90 — Permissions Light Mode canonical action contract Permissions utility buttons are intentionally owned by their page styles. The legacy global button paint in style.css explicitly excludes this route, so canonical/local secondary and active states are no longer overridden. */

/* ======================================================================== Karin v5.40 — Finance / Purchases / Suppliers / Sites 2.0 + dark audit UI-only release: no sidebar scroll-flow or business-logic changes. ======================================================================== */
body.karin-app-page :where(
  .karin-button,.perm-mode a,.karin-permission-mode-switch>a,.perm-section-nav a,
  .finance-tabs a,.supplier-tabs a,.cheque-related a,.supplier-actions a,
  .karin-user-actions a,.karin-sites-hero a
){text-decoration:none!important;}

.karin-section-kicker{display:block!important;margin-bottom:3px!important;color:var(--karin-primary)!important;font-size:9.8px!important;font-weight:900!important;letter-spacing:.1px!important;}
.karin-section-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:11px!important;}
.karin-section-head h2{margin:0!important;font-size:16px!important;color:var(--karin-text)!important;}
.karin-section-head p{margin:3px 0 0!important;color:var(--karin-text-muted)!important;font-size:10.4px!important;line-height:1.7!important;}

body.karin-page-permissions :where(.karin-permission-mode-switch>a,.perm-section-nav a,.perm-savebar a){text-decoration:none!important;}
body.karin-page-permissions .karin-permission-mode-switch>a :where(b,span){text-decoration:none!important;}
body.karin-page-permissions .perm-section>details>summary{background:#fff!important;}
body.karin-page-permissions .perm-page-actions{background:#fff!important;}
body.karin-page-permissions .perm-savebar .karin-actions :where(.karin-button,button):not(.karin-multiselect__trigger){text-decoration:none!important;}
html[data-theme="dark"] body.karin-page-permissions :where(
  .karin-permission-hero,.karin-permission-toolbar-card,.perm-section,
  .perm-section>details>summary,.perm-section-body,.perm-page,.perm-page-head,
  .perm-page-actions,.perm-option,.perm-stat,.perm-mini,.perm-savebar,
  .perm-scope-table,.perm-scope-row,.perm-scope-row.head,.perm-filter-buttons button
){background:#101c2e!important;border-color:#2b405c!important;color:#dce8f5!important;box-shadow:none!important;}
html[data-theme="dark"] body.karin-page-permissions .perm-section>details>summary{background:#101c2e!important;}
html[data-theme="dark"] body.karin-page-permissions .perm-section>details[open]>summary{border-bottom-color:#2b405c!important;}
html[data-theme="dark"] body.karin-page-permissions :where(.perm-section-title h3,.perm-page-title h4,.perm-option-copy b,.perm-field label,.perm-scope-title h4){color:#edf4fb!important;}
html[data-theme="dark"] body.karin-page-permissions :where(.perm-section-title small,.perm-page-title p,.perm-option-copy small,.perm-profile-note,.perm-empty,.perm-scope-title small){color:#94a7bc!important;}
html[data-theme="dark"] body.karin-page-permissions .perm-option:hover{background:#15263b!important;border-color:#456384!important;}
html[data-theme="dark"] body.karin-page-permissions .perm-root{background:#173454!important;border-color:#3a6796!important;color:#a9d1ff!important;}
html[data-theme="dark"] body.karin-page-permissions .perm-presets button{background:#14283f!important;border-color:#315270!important;color:#a9d1ff!important;}
html[data-theme="dark"] body.karin-page-permissions .perm-filter-buttons button.active{background:#2369bc!important;border-color:#4383ca!important;color:#fff!important;}
html[data-theme="dark"] body.karin-page-permissions .perm-target-state{background:#173454!important;border-color:#3a6796!important;color:#a9d1ff!important;}
html[data-theme="dark"] body.karin-page-permissions .perm-savebar{background:rgba(16,28,46,.97)!important;border-color:#36506d!important;box-shadow:0 16px 42px rgba(0,0,0,.28)!important;}
html[data-theme="dark"] body.karin-page-permissions .perm-scope-row>div{border-color:#263a54!important;}
html[data-theme="dark"] body.karin-page-permissions .scope-check{color:#d8e4f2!important;}

body.karin-page-financial .finance-page{gap:12px!important;}
body.karin-page-financial .karin-finance-hero{padding:16px 17px!important;background:linear-gradient(135deg,#ffffff 0%,#f7fbff 72%,#eef6ff 100%)!important;border-color:#dce7f3!important;}

body.karin-page-financial .finance-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:5px!important;border:1px solid #dfe7f0!important;border-radius:14px!important;background:#f5f8fc!important;margin:0!important;}
body.karin-page-financial .finance-tabs a{height:38px!important;border:0!important;background:transparent!important;color:#61738a!important;border-radius:10px!important;font-size:11.5px!important;font-weight:850!important;box-shadow:none!important;}
body.karin-page-financial .finance-tabs a:hover{background:#fff!important;color:#245f9e!important;}
body.karin-page-financial .finance-tabs a.active{background:#fff!important;color:#175fae!important;box-shadow:0 3px 10px rgba(15,23,42,.065)!important;}
body.karin-page-financial .finance-filter{padding:12px 13px!important;margin:0!important;border-radius:15px!important;}
body.karin-page-financial .finance-kpi{gap:9px!important;margin:0!important;}
body.karin-page-financial .finance-kpi .karin-stat{min-height:104px!important;border-radius:15px!important;padding:13px 14px!important;background:#fff!important;border-color:#e0e8f1!important;box-shadow:0 4px 14px rgba(15,23,42,.025)!important;}
body.karin-page-financial .finance-kpi .karin-stat:before{width:54px!important;height:54px!important;opacity:.55!important;}
body.karin-page-financial .finance-kpi .karin-stat span{margin-bottom:4px!important;color:#7c8da1!important;font-size:10.5px!important;font-weight:780!important;}
body.karin-page-financial .finance-kpi .karin-stat b{font-size:17px!important;line-height:1.55!important;color:#203a56!important;}
body.karin-page-financial .finance-kpi .karin-stat small{font-size:9.6px!important;color:#91a0b1!important;}
body.karin-page-financial .finance-kpi .karin-stat:nth-child(1){border-top:2px solid #31b77a!important;}
body.karin-page-financial .finance-kpi .karin-stat:nth-child(2){border-top:2px solid #ee6b76!important;}
body.karin-page-financial .finance-kpi .karin-stat:nth-child(3){border-top:2px solid #4d8fe4!important;}
body.karin-page-financial .finance-kpi .karin-stat:nth-child(4){border-top:2px solid #9c7ae6!important;}
body.karin-page-financial .karin-finance-section{padding:14px!important;margin:0!important;}
body.karin-page-financial .karin-finance-section>.karin-table-wrap{border:1px solid #e5ebf2!important;border-radius:13px!important;}
body.karin-page-financial .karin-finance-section table{margin:0!important;border:0!important;border-radius:0!important;}
body.karin-page-financial .finance-sync-status{margin:0!important;}
body.karin-page-financial .settlement-modal-summary{border-style:solid!important;}
html[data-theme="dark"] body.karin-page-financial .karin-finance-hero{background:linear-gradient(135deg,#101c2e 0%,#122239 100%)!important;border-color:#2c425d!important;}
html[data-theme="dark"] body.karin-page-financial :where(.karin-finance-hero-copy h2,.karin-section-head h2){color:#edf4fb!important;}
html[data-theme="dark"] body.karin-page-financial :where(.karin-finance-hero-copy p,.karin-section-head p){color:#94a7bc!important;}
html[data-theme="dark"] body.karin-page-financial .karin-section-kicker{color:#8fc5ff!important;}
html[data-theme="dark"] body.karin-page-financial .finance-tabs{background:#0d1929!important;border-color:#2b405c!important;}
html[data-theme="dark"] body.karin-page-financial .finance-tabs a{background:transparent!important;border-color:transparent!important;color:#9fb0c4!important;}
html[data-theme="dark"] body.karin-page-financial .finance-tabs a:hover{background:#14263c!important;color:#dce8f5!important;}
html[data-theme="dark"] body.karin-page-financial .finance-tabs a.active{background:#1f5fc6!important;color:#fff!important;box-shadow:none!important;}
html[data-theme="dark"] body.karin-page-financial :where(.finance-filter,.finance-kpi .karin-stat,.karin-finance-section,.settlement-modal-summary,.settlement-detail-row td){background:#101c2e!important;border-color:#2b405c!important;color:#dce8f5!important;box-shadow:none!important;}
html[data-theme="dark"] body.karin-page-financial .finance-kpi .karin-stat b{color:#edf4fb!important;}
html[data-theme="dark"] body.karin-page-financial .finance-kpi .karin-stat :where(span,small){color:#94a7bc!important;}
html[data-theme="dark"] body.karin-page-financial .karin-finance-section>.karin-table-wrap{background:#101c2e!important;border-color:#2b405c!important;}
html[data-theme="dark"] body.karin-page-financial .finance-sync-status{background:#112942!important;border-color:#315878!important;color:#a9d1ff!important;}
html[data-theme="dark"] body.karin-page-financial .finance-sync-status small{color:#95abc0!important;}
html[data-theme="dark"] body.karin-page-financial .settlement-modal-summary b{color:#edf4fb!important;}
html[data-theme="dark"] body.karin-page-financial .badge-expected{background:#332415!important;color:#f0bd70!important;}
html[data-theme="dark"] body.karin-page-financial .badge-paid{background:#10291f!important;color:#78d6aa!important;}

body.karin-page-woo-sites .karin-sites-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important;padding:16px 17px!important;background:linear-gradient(135deg,#fff 0%,#f7fbff 72%,#f1f7ff 100%)!important;border-color:#dce7f3!important;}

body.karin-page-woo-sites .karin-sites-stock-center{padding:14px!important;border-radius:16px!important;}
body.karin-page-woo-sites .site-stock-manager-head h2{font-size:15.5px!important;margin:0!important;color:#203a56!important;}
body.karin-page-woo-sites .site-stock-manager-head p{font-size:10.4px!important;margin:3px 0 0!important;}
body.karin-page-woo-sites .site-stock-select-grid{gap:7px!important;}
body.karin-page-woo-sites .site-stock-select-item{border-radius:11px!important;padding:8px 10px!important;min-height:54px!important;background:#fbfdff!important;}
body.karin-page-woo-sites .site-stock-select-item b{font-size:11.5px!important;color:#2d435d!important;}.karin-page-woo-sites .site-stock-select-item small{font-size:9.4px!important;}
body.karin-page-woo-sites .karin-site-connection-card{padding:14px!important;border-radius:16px!important;border-color:#dfe7f0!important;box-shadow:0 5px 16px rgba(15,23,42,.025)!important;}
body.karin-page-woo-sites .site-stock-settings-box{background:#f7faff!important;border-color:#dfe8f3!important;border-radius:13px!important;}
body.karin-page-woo-sites .stock-last-sync{background:#fff!important;border-color:#dfe7f0!important;}
body.karin-page-woo-sites .stock-mapping-summary span{background:#fff!important;border-color:#dfe7f0!important;}
body.karin-page-woo-sites .stock-mapping-report{background:#fff!important;border-color:#d8e2ed!important;}
body.karin-page-woo-sites .gateway-expander{border-radius:13px!important;border:1px solid #e1e8f0!important;background:#fff!important;}
body.karin-page-woo-sites .sync-progress-box{border-radius:13px!important;}
body.karin-page-woo-sites .oc-bottom-actions{display:flex!important;justify-content:flex-start!important;gap:8px!important;flex-wrap:wrap!important;}
html[data-theme="dark"] body.karin-page-woo-sites .karin-sites-hero{background:linear-gradient(135deg,#101c2e 0%,#122239 100%)!important;border-color:#2c425d!important;}
html[data-theme="dark"] body.karin-page-woo-sites :where(.karin-sites-hero-copy h2,.site-stock-manager-head h2){color:#edf4fb!important;}
html[data-theme="dark"] body.karin-page-woo-sites :where(.karin-sites-hero-copy p,.site-stock-manager-head p){color:#94a7bc!important;}
html[data-theme="dark"] body.karin-page-woo-sites .karin-section-kicker{color:#8fc5ff!important;}
html[data-theme="dark"] body.karin-page-woo-sites :where(
  .karin-sites-stock-center,.site-stock-select-item,.karin-site-connection-card,
  .site-stock-settings-box,.stock-last-sync,.stock-mapping-report,.gateway-expander,
  .gateway-expander-body,.gateway-readonly-row,.sync-progress-box,.add-connection-panel,
  .empty-connection-card
){background:#101c2e!important;border-color:#2b405c!important;color:#dce8f5!important;box-shadow:none!important;}
html[data-theme="dark"] body.karin-page-woo-sites .site-stock-settings-box{background:#0f1b2d!important;}
html[data-theme="dark"] body.karin-page-woo-sites :where(.site-stock-select-item b,.stock-mapping-report summary,.gateway-expander>summary,.gateway-readonly-row b,.stock-last-sync b){color:#edf4fb!important;}
html[data-theme="dark"] body.karin-page-woo-sites :where(.site-stock-select-item small,.stock-last-sync small,.stock-mapping-issue-list span,.gateway-source-note,.sync-progress-meta){color:#94a7bc!important;}
html[data-theme="dark"] body.karin-page-woo-sites .stock-mapping-summary span{background:#142238!important;border-color:#31465f!important;color:#c6d4e3!important;}
html[data-theme="dark"] body.karin-page-woo-sites .stock-mapping-summary span.ok{background:#10291f!important;border-color:#244d3b!important;color:#78d6aa!important;}
html[data-theme="dark"] body.karin-page-woo-sites .readonly-pill{background:#142238!important;border-color:#31465f!important;color:#cbd8e5!important;}
html[data-theme="dark"] body.karin-page-woo-sites .readonly-pill.ok{background:#10291f!important;border-color:#244d3b!important;color:#78d6aa!important;}
html[data-theme="dark"] body.karin-page-woo-sites .site-stock-select-item.is-independent{opacity:.62!important;}
html[data-theme="dark"] body.karin-page-woo-sites .stock-mapping-issue-list>div{border-color:#263a54!important;}
html[data-theme="dark"] body.karin-page-woo-sites .oc-bottom-actions{border-color:#2b405c!important;}
html[data-theme="dark"] body.karin-page-woo-sites .dialog-close{background:#142238!important;border-color:#38506c!important;color:#dce7f4!important;}
html[data-theme="dark"] body.karin-page-woo-sites .stock-deactivate-dialog{background:#101c2e!important;border-color:#31465f!important;color:#edf4fb!important;}

/* Purchase & Supply page presentation moved to assets/purchase-workspace.css in v5.339. */

body.karin-page-expenses .expense-topbar,body.karin-page-cheques .cheque-top{align-items:center!important;}
body.karin-page-expenses .expense-topbar h2,body.karin-page-cheques .cheque-top h2,body.karin-page-accounts .karin-section-head h2{font-size:16.5px!important;color:#18314d!important;}
body.karin-page-expenses .expense-filter-card,body.karin-page-cheques .cheque-filter-card,body.karin-page-accounts>.content .karin-card{border-color:#dfe7f0!important;}
html[data-theme="dark"] body.karin-page-expenses :where(.expense-filter-card,.expense-topbar),html[data-theme="dark"] body.karin-page-cheques :where(.cheque-filter-card,.cheque-top),html[data-theme="dark"] body.karin-page-accounts .karin-card{background:#101c2e!important;border-color:#2b405c!important;color:#dce8f5!important;box-shadow:none!important;}
html[data-theme="dark"] body.karin-page-expenses .expense-topbar h2,html[data-theme="dark"] body.karin-page-cheques .cheque-top h2,html[data-theme="dark"] body.karin-page-accounts .karin-section-head h2{color:#edf4fb!important;}

@media(max-width:900px){
  body.karin-page-financial .finance-kpi{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.karin-page-financial .karin-finance-hero-inner,body.karin-page-woo-sites .karin-sites-hero{align-items:flex-start!important;}

}
@media(max-width:620px){
  body.karin-page-financial .finance-tabs{grid-template-columns:1fr!important;}
  body.karin-page-financial .finance-kpi{grid-template-columns:1fr!important;}
  body.karin-page-financial .karin-finance-hero,body.karin-page-woo-sites .karin-sites-hero{padding:13px!important;}

}

/* ======================================================================== Karin v5.41 — Final stabilization phase 1: DatePicker 2.0 + dark surfaces New UI work stays in the canonical karin-ui layer; business logic untouched. ======================================================================== */

#karin-jdp.karin-jdp{
  width:278px!important;min-width:278px!important;max-width:calc(100vw - 18px)!important;
  padding:10px!important;border-radius:15px!important;background:var(--karin-surface,#fff)!important;
  border:1px solid var(--karin-border,#dce5ef)!important;color:var(--karin-text,#18314d)!important;
  box-shadow:0 18px 48px rgba(15,23,42,.18)!important;overflow:hidden!important;}
#karin-jdp .karin-jdp-head{display:grid!important;grid-template-columns:34px minmax(0,1fr) 34px!important;gap:7px!important;align-items:center!important;margin:0 0 8px!important;}
#karin-jdp .karin-jdp-head>button{
  width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;
  display:grid!important;place-items:center!important;border:1px solid var(--karin-border,#dce5ef)!important;
  border-radius:10px!important;background:var(--karin-surface-soft,#f7f9fc)!important;color:var(--karin-text-muted,#5d7289)!important;
  box-shadow:none!important;}
#karin-jdp .karin-jdp-head>button:hover{background:#edf5ff!important;border-color:#c9ddf3!important;color:#1768d4!important;}
#karin-jdp .karin-jdp-title{text-align:center!important;min-width:0!important;line-height:1.3!important;}
#karin-jdp .karin-jdp-title-selectors{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:30px!important;}
#karin-jdp .karin-jdp-navselect,#karin-jdp .karin-jdp-range-label{
  appearance:none!important;-webkit-appearance:none!important;min-height:29px!important;height:29px!important;margin:0!important;padding:0 9px!important;
  border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:var(--karin-text,#18314d)!important;
  font:inherit!important;font-size:12px!important;font-weight:850!important;line-height:1!important;box-shadow:none!important;cursor:pointer!important;}
#karin-jdp .karin-jdp-navselect:hover,#karin-jdp .karin-jdp-navselect.is-active,#karin-jdp .karin-jdp-range-label:hover{background:#edf5ff!important;border-color:#d0e2f6!important;color:#1768d4!important;}
#karin-jdp .karin-jdp-title>small{display:block!important;margin-top:1px!important;color:var(--karin-text-faint,#8b9bad)!important;font-size:9px!important;font-weight:650!important;}
#karin-jdp .karin-jdp-body{min-height:186px!important;}
#karin-jdp .karin-jdp-week,#karin-jdp .karin-jdp-days{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:4px!important;}
#karin-jdp .karin-jdp-week{margin-bottom:4px!important;}
#karin-jdp .karin-jdp-week span{height:23px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--karin-text-faint,#8294a8)!important;font-size:9.5px!important;font-weight:800!important;}
#karin-jdp .karin-jdp-empty{min-height:30px!important;}
#karin-jdp .karin-jdp-days button{
  position:relative!important;height:30px!important;min-height:30px!important;padding:0!important;border:1px solid transparent!important;
  border-radius:9px!important;background:transparent!important;color:var(--karin-text,#243d58)!important;font-size:10.7px!important;font-weight:750!important;box-shadow:none!important;}
#karin-jdp .karin-jdp-days button:hover{background:#eef5fd!important;border-color:#d7e5f4!important;color:#155eae!important;}
#karin-jdp .karin-jdp-days button.is-today{background:#f2f7fd!important;border-color:#bed8f3!important;color:#1764ba!important;}
#karin-jdp .karin-jdp-days button.is-today:after{content:""!important;position:absolute!important;right:50%!important;bottom:3px!important;transform:translateX(50%)!important;width:3px!important;height:3px!important;border-radius:99px!important;background:#438bd5!important;}
#karin-jdp .karin-jdp-days button.is-selected{background:#1768d4!important;border-color:#1768d4!important;color:#fff!important;box-shadow:0 5px 12px rgba(23,104,212,.18)!important;}
#karin-jdp .karin-jdp-days button.is-selected:after{background:#fff!important;}
#karin-jdp .karin-jdp-month-grid,#karin-jdp .karin-jdp-year-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding:4px 1px!important;align-content:start!important;}
#karin-jdp .karin-jdp-year-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
#karin-jdp .karin-jdp-option{
  height:39px!important;min-height:39px!important;margin:0!important;padding:0 5px!important;border:1px solid var(--karin-border,#dce5ef)!important;
  border-radius:10px!important;background:var(--karin-surface-soft,#f8fafc)!important;color:var(--karin-text,#243d58)!important;
  font-size:10.8px!important;font-weight:760!important;box-shadow:none!important;cursor:pointer!important;}
#karin-jdp .karin-jdp-option:hover{background:#edf5ff!important;border-color:#c8def5!important;color:#1768d4!important;}
#karin-jdp .karin-jdp-option.is-current{background:#e8f2ff!important;border-color:#b8d5f7!important;color:#145eb5!important;font-weight:900!important;}
#karin-jdp .karin-jdp-option.is-today{box-shadow:inset 0 0 0 1px #72a8e5!important;}
#karin-jdp .karin-jdp-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;margin:8px 0 0!important;padding:8px 0 0!important;border-top:1px solid var(--karin-border,#e7edf4)!important;background:transparent!important;position:static!important;}
#karin-jdp .karin-jdp-actions button{height:31px!important;min-height:31px!important;margin:0!important;padding:0 10px!important;border-radius:9px!important;font-size:10.4px!important;font-weight:780!important;box-shadow:none!important;}
#karin-jdp .karin-jdp-today{background:#edf5ff!important;border:1px solid #d0e3f8!important;color:#155eae!important;}
#karin-jdp .karin-jdp-clear{background:transparent!important;border:1px solid transparent!important;color:#7d8fa3!important;}
#karin-jdp .karin-jdp-clear:hover{background:#f2f5f8!important;color:#52677f!important;}

html[data-theme="dark"] #karin-jdp.karin-jdp{background:#101c2e!important;border-color:#30445e!important;color:#edf4fb!important;box-shadow:0 20px 56px rgba(0,0,0,.42)!important;}
html[data-theme="dark"] #karin-jdp .karin-jdp-head>button{background:#15243a!important;border-color:#314761!important;color:#b6c6d8!important;}
html[data-theme="dark"] #karin-jdp .karin-jdp-head>button:hover{background:#1b304b!important;border-color:#416184!important;color:#a9d1ff!important;}
html[data-theme="dark"] #karin-jdp .karin-jdp-navselect,html[data-theme="dark"] #karin-jdp .karin-jdp-range-label{color:#edf4fb!important;}
html[data-theme="dark"] #karin-jdp .karin-jdp-navselect:hover,html[data-theme="dark"] #karin-jdp .karin-jdp-navselect.is-active,html[data-theme="dark"] #karin-jdp .karin-jdp-range-label:hover{background:#19304b!important;border-color:#35577b!important;color:#9ccaff!important;}
html[data-theme="dark"] #karin-jdp .karin-jdp-title>small,html[data-theme="dark"] #karin-jdp .karin-jdp-week span{color:#8fa2b8!important;}
html[data-theme="dark"] #karin-jdp .karin-jdp-days button{background:transparent!important;border-color:transparent!important;color:#dce7f4!important;}
html[data-theme="dark"] #karin-jdp .karin-jdp-days button:hover{background:#192d46!important;border-color:#304d6e!important;color:#fff!important;}
html[data-theme="dark"] #karin-jdp .karin-jdp-days button.is-today{background:#172b44!important;border-color:#3d6288!important;color:#a9d1ff!important;}
html[data-theme="dark"] #karin-jdp .karin-jdp-days button.is-selected{background:#2f7ddd!important;border-color:#4e91e4!important;color:#fff!important;box-shadow:0 5px 14px rgba(0,0,0,.2)!important;}
html[data-theme="dark"] #karin-jdp .karin-jdp-option{background:#142238!important;border-color:#2d425d!important;color:#dce7f4!important;}
html[data-theme="dark"] #karin-jdp .karin-jdp-option:hover{background:#1a304a!important;border-color:#3d5e82!important;color:#fff!important;}
html[data-theme="dark"] #karin-jdp .karin-jdp-option.is-current{background:#183554!important;border-color:#3c6d9f!important;color:#a9d1ff!important;}
html[data-theme="dark"] #karin-jdp .karin-jdp-option.is-today{box-shadow:inset 0 0 0 1px #5f91c7!important;}
html[data-theme="dark"] #karin-jdp .karin-jdp-actions{border-top-color:#293e58!important;background:transparent!important;}
html[data-theme="dark"] #karin-jdp .karin-jdp-today{background:#17324f!important;border-color:#315d87!important;color:#a9d1ff!important;}
html[data-theme="dark"] #karin-jdp .karin-jdp-clear{background:transparent!important;color:#91a4ba!important;}
html[data-theme="dark"] #karin-jdp .karin-jdp-clear:hover{background:#17273d!important;color:#d8e5f2!important;}

html[data-theme="dark"] body.karin-page-woo-sites .karin-site-connection-card .site-stock-settings-box,
html[data-theme="dark"] body.karin-page-woo-sites .karin-site-connection-card .site-stock-settings-box.is-collapsed{
  background:#0f1b2d!important;border-color:#2d425d!important;color:#dce8f5!important;box-shadow:none!important;}
html[data-theme="dark"] body.karin-page-woo-sites .karin-site-connection-card .site-stock-settings-box label{color:#b9c9da!important;}
html[data-theme="dark"] body.karin-page-woo-sites .karin-site-connection-card .site-stock-settings-box :where(input,select,textarea){background:#101c2e!important;border-color:#334a66!important;color:#edf4fb!important;box-shadow:none!important;}
html[data-theme="dark"] body.karin-page-woo-sites .karin-site-connection-card .site-stock-settings-box :where(input,select,textarea):focus{border-color:#4a7eaf!important;box-shadow:0 0 0 3px rgba(74,126,175,.16)!important;}

@media(max-width:700px){
  #karin-jdp.karin-jdp{width:min(270px,calc(100vw - 18px))!important;min-width:0!important;padding:9px!important;}
  #karin-jdp .karin-jdp-body{min-height:180px!important;}
  #karin-jdp .karin-jdp-option{height:37px!important;min-height:37px!important;font-size:10.4px!important;}
}

/* Karin v5.42 — finance settlement + date separator + sale detail dark-mode stabilization. */

body.karin-app-page .karin-date-control .karin-date-fields{
  grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)!important;align-items:stretch!important;gap:5px!important;}
body.karin-app-page .karin-date-control .karin-date-separator{
  display:flex!important;align-items:center!important;justify-content:center!important;align-self:stretch!important;
  min-width:24px!important;width:24px!important;height:36px!important;margin:0!important;padding:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;color:var(--karin-text-faint,#7d8da0)!important;
  font-size:10.5px!important;font-weight:800!important;line-height:36px!important;text-align:center!important;}
body.karin-app-page .karin-date-control.is-single .karin-date-fields{grid-template-columns:minmax(0,1fr)!important;}
body.karin-app-page .karin-date-control.is-single .karin-date-separator{display:none!important;}
html[data-theme="dark"] body.karin-app-page .karin-date-control .karin-date-separator{
  background:transparent!important;color:#8fa2b8!important;}

html[data-theme="dark"] body.karin-page-sale-view .sale-view-meta>div,
html[data-theme="dark"] body.karin-page-site-sale-view .sale-view-meta>div{
  background:#101c2e!important;border-color:#2d425d!important;color:#e9f1f9!important;box-shadow:none!important;}
html[data-theme="dark"] body.karin-page-sale-view .sale-view-meta>div:hover,
html[data-theme="dark"] body.karin-page-site-sale-view .sale-view-meta>div:hover{
  background:#122138!important;border-color:#344e6c!important;}
html[data-theme="dark"] body.karin-page-sale-view .sale-view-meta small,
html[data-theme="dark"] body.karin-page-site-sale-view .sale-view-meta small{
  color:#8fa2b8!important;}
html[data-theme="dark"] body.karin-page-sale-view .sale-view-meta b,
html[data-theme="dark"] body.karin-page-site-sale-view .sale-view-meta b,
html[data-theme="dark"] body.karin-page-sale-view .sale-view-meta a,
html[data-theme="dark"] body.karin-page-site-sale-view .sale-view-meta a{
  color:#e7f0f9!important;}
html[data-theme="dark"] body.karin-page-sale-view .sale-view-meta .delivery-branch-link,
html[data-theme="dark"] body.karin-page-site-sale-view .sale-view-meta .delivery-branch-link{
  color:#8fc3ff!important;}
html[data-theme="dark"] body.karin-page-sale-view .site-order-sync-button,
html[data-theme="dark"] body.karin-page-site-sale-view .site-order-sync-button{
  background:#15243a!important;border-color:#314761!important;color:#a9d1ff!important;box-shadow:none!important;}
html[data-theme="dark"] body.karin-page-sale-view .site-order-sync-button:hover,
html[data-theme="dark"] body.karin-page-site-sale-view .site-order-sync-button:hover{
  background:#1a304a!important;border-color:#3d5e82!important;color:#fff!important;}

/* Karin v5.43 — Final UI stabilization: range DatePicker continuity + professional note iconography. */

#karin-jdp .karin-jdp-days button:disabled,
#karin-jdp .karin-jdp-days button.is-before-start{
  opacity:.34!important;cursor:not-allowed!important;pointer-events:none!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;}
#karin-jdp .karin-jdp-days button.is-range-start{
  box-shadow:inset 0 0 0 1px #8bb7e8!important;background:#eef6ff!important;border-color:#c9def5!important;color:#1768d4!important;font-weight:900!important;}
html[data-theme="dark"] #karin-jdp .karin-jdp-days button:disabled,
html[data-theme="dark"] #karin-jdp .karin-jdp-days button.is-before-start{
  opacity:.28!important;background:transparent!important;border-color:transparent!important;color:#7f91a6!important;}
html[data-theme="dark"] #karin-jdp .karin-jdp-days button.is-range-start{
  background:#17314e!important;border-color:#3b648d!important;color:#a8d1ff!important;box-shadow:inset 0 0 0 1px #4c7fb0!important;}


body.karin-app-page .sticky-note-card-top h2:before,
body.karin-app-page .sale-view-side-notes h2:before{content:none!important;display:none!important;}
body.karin-app-page .karin-note-heading{
  display:flex!important;align-items:center!important;gap:9px!important;margin-bottom:12px!important;}
body.karin-app-page .karin-note-heading-icon{
  width:30px!important;height:30px!important;flex:0 0 30px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:9px!important;background:#eef6ff!important;border:1px solid #d4e6fa!important;color:#2875c9!important;}
body.karin-app-page .karin-note-heading-icon svg{width:17px!important;height:17px!important;display:block!important;}
html[data-theme="dark"] body.karin-app-page .karin-note-heading-icon{
  background:#162a43!important;border-color:#31506f!important;color:#9acbff!important;}

html[data-theme="dark"] body.karin-page-sale-view .sale-view-side-notes,
html[data-theme="dark"] body.karin-page-site-sale-view .sale-view-side-notes,
html[data-theme="dark"] body.karin-page-sale-view .sticky-note-card-top,
html[data-theme="dark"] body.karin-page-site-sale-view .sticky-note-card-top{
  background:#101c2e!important;border-color:#2d425d!important;color:#e8f1fa!important;box-shadow:none!important;}
html[data-theme="dark"] body.karin-page-sale-view .sale-view-side-notes textarea,
html[data-theme="dark"] body.karin-page-site-sale-view .sale-view-side-notes textarea{
  background:#0d1828!important;border-color:#344d68!important;color:#e8f1fa!important;box-shadow:none!important;}
html[data-theme="dark"] body.karin-page-sale-view .sale-view-side-notes textarea::placeholder,
html[data-theme="dark"] body.karin-page-site-sale-view .sale-view-side-notes textarea::placeholder{color:#788ca3!important;}
html[data-theme="dark"] body.karin-page-sale-view .sale-view-side-notes .sale-note,
html[data-theme="dark"] body.karin-page-site-sale-view .sale-view-side-notes .sale-note{
  background:#13233a!important;border-color:#304965!important;box-shadow:none!important;}
html[data-theme="dark"] body.karin-page-sale-view .sale-view-side-notes .sale-note p,
html[data-theme="dark"] body.karin-page-site-sale-view .sale-view-side-notes .sale-note p{color:#e7f0f9!important;}
html[data-theme="dark"] body.karin-page-sale-view .sale-view-side-notes .sale-note small,
html[data-theme="dark"] body.karin-page-site-sale-view .sale-view-side-notes .sale-note small{color:#8fa5bd!important;}

body.karin-app-page .product-tile-thumb.empty::before,
body.karin-app-page .product-search-thumb.empty::before{
  content:""!important;width:18px!important;height:18px!important;position:absolute!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;
  background:currentColor!important;color:#9aabba!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='9' cy='10' r='2'/%3E%3Cpath d='m21 15-5-5L5 19'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='9' cy='10' r='2'/%3E%3Cpath d='m21 15-5-5L5 19'/%3E%3C/svg%3E") center/contain no-repeat!important;}
html[data-theme="dark"] body.karin-app-page .product-tile-thumb.empty::before,
html[data-theme="dark"] body.karin-app-page .product-search-thumb.empty::before{color:#71869d!important;}

/* ======================================================================== Karin v5.44 — Dark Mode Closure + Smart Dashboard Shortcuts ======================================================================== */



html[data-theme="dark"] body.karin-app-page .karin-customer-history-modal{background:rgba(3,9,18,.78)!important;}
html[data-theme="dark"] body.karin-app-page .karin-customer-history-card{
  background:#101c2e!important;border-color:#31465f!important;color:#edf4fb!important;box-shadow:0 30px 80px rgba(0,0,0,.45)!important;}
html[data-theme="dark"] body.karin-app-page .karin-customer-history-head{background:#101c2e!important;border-bottom-color:#293b55!important;}
html[data-theme="dark"] body.karin-app-page .karin-customer-history-head h2{color:#edf4fb!important;}
html[data-theme="dark"] body.karin-app-page .karin-customer-history-head button,
html[data-theme="dark"] body.karin-app-page .karin-customer-history-close{background:#142238!important;border-color:#38506c!important;color:#dce7f4!important;box-shadow:none!important;}
html[data-theme="dark"] body.karin-app-page .history-summary>div{background:#142238!important;border-color:#304761!important;color:#dce7f4!important;box-shadow:none!important;}
html[data-theme="dark"] body.karin-app-page .history-summary small{color:#8fa3ba!important;}
html[data-theme="dark"] body.karin-app-page .history-summary b{color:#edf4fb!important;}
html[data-theme="dark"] body.karin-app-page .karin-customer-history-modal .karin-table-wrap{background:#101c2e!important;border-color:#2d425d!important;}
html[data-theme="dark"] body.karin-app-page .karin-customer-history-modal table{background:#101c2e!important;border-color:#2d425d!important;}
html[data-theme="dark"] body.karin-app-page .karin-customer-history-modal th{background:#172942!important;border-color:#314761!important;color:#c8d6e5!important;}
html[data-theme="dark"] body.karin-app-page .karin-customer-history-modal td{background:#101c2e!important;border-color:#293e58!important;color:#dce7f4!important;}
html[data-theme="dark"] body.karin-app-page .karin-customer-history-modal tbody tr:hover td{background:#14243a!important;}
html[data-theme="dark"] body.karin-app-page .karin-customer-history-modal .karin-button-secondary{background:#142238!important;border-color:#38506c!important;color:#b9d7fa!important;box-shadow:none!important;}

/* ======================================================================== Karin v5.46 — Design System Consolidation Canonical component contracts are intentionally geometry-light: page-specific layouts may size components, while shared paint/interaction comes from here. ======================================================================== */
body.karin-app-page{color:var(--karin-text);background:var(--karin-bg);}
body.karin-app-page .karin-sidebar,
body.karin-app-page .karin-topbar{background:var(--karin-surface)!important;border-color:var(--karin-border)!important;color:var(--karin-text)!important;}
body.karin-app-page .karin-brand{border-color:var(--karin-border)!important;}
body.karin-app-page .karin-menu-toggle,
body.karin-app-page .karin-theme-toggle{transition:background var(--karin-transition),border-color var(--karin-transition),color var(--karin-transition)!important;}
body.karin-app-page .karin-clock{font-variant-numeric:tabular-nums;}

body.karin-app-page .karin-card{background-color:var(--karin-surface);border-color:var(--karin-surface-border);color:var(--karin-text);}
body.karin-app-page .karin-stat{border-color:var(--karin-surface-border);color:var(--karin-text);}
body.karin-app-page .karin-empty-state{color:var(--karin-text-muted);}



body.karin-app-page .karin-badge{border-radius:var(--karin-radius-pill);white-space:nowrap;}
body.karin-app-page .karin-tabs{align-items:center;}
body.karin-app-page .karin-table-wrap{max-width:100%;overscroll-behavior-inline:contain;}
body.karin-app-page .karin-table-wrap table{color:var(--karin-text);}

body.karin-app-page .karin-modal{background:var(--karin-overlay);}
body.karin-app-page .karin-modal-shell{background:var(--karin-surface);border-color:var(--karin-surface-border);color:var(--karin-text);box-shadow:var(--karin-shadow-modal);}
body.karin-app-page .karin-modal__header{background:var(--karin-surface);border-color:var(--karin-border);color:var(--karin-text);}
body.karin-app-page .karin-actions{align-items:center;}

body.karin-app-page :is(.karin-sidebar-nav,.karin-sidebar-footer,.karin-top-title,.karin-topbar-status,.karin-content){min-width:0;}

@media(max-width:700px){
  body.karin-app-page .karin-button{max-width:100%;}
  body.karin-app-page .karin-table-wrap{width:100%;}
}

/* ======================================================================== Karin v5.47 — Full Visual QA: canonical interaction consistency ======================================================================== */
body.karin-app-page :where(.karin-card,.karin-modal-shell,.karin-table-wrap){min-width:0;}
body.karin-app-page .karin-table-wrap{max-width:100%;overflow-x:auto;}
body.karin-app-page img{max-width:100%;}
@media(max-width:700px){
  body.karin-app-page .karin-actions{max-width:100%;}
  body.karin-app-page :where(.karin-control,input,select,textarea){min-width:0;}
}

/* ======================================================================== Karin v5.48 — Final UX Polish Final interaction/responsive contract before Release Candidate. ======================================================================== */
body.karin-app-page :where(.karin-card,.karin-stat,.karin-modal-shell,.karin-actions){min-width:0;}
body.karin-app-page :where(.karin-control,input,select,textarea){max-width:100%;}
body.karin-app-page .karin-modal-shell{max-width:calc(100vw - 24px);}
body.karin-app-page .karin-actions{display:flex;flex-wrap:wrap;gap:8px;}



#karin-jdp .karin-jdp-option:disabled,
#karin-jdp .karin-jdp-head button:disabled{
  opacity:.3!important;cursor:not-allowed!important;pointer-events:none!important;box-shadow:none!important;}
html[data-theme="dark"] #karin-jdp .karin-jdp-option:disabled,
html[data-theme="dark"] #karin-jdp .karin-jdp-head button:disabled{opacity:.26!important;}



@media(max-width:700px){
  body.karin-app-page .karin-modal-shell{width:calc(100vw - 18px)!important;max-width:calc(100vw - 18px)!important;margin-inline:auto!important;}
  body.karin-app-page .karin-actions>.karin-button{max-width:100%!important;}
}

/* Karin v5.54 — reports ranking rhythm; lives in the established canonical UI asset. */
body.karin-page-reports .reports-dashboard-highlights.reports-v2-highlights{
  display:grid!important;
  gap:18px!important;
  row-gap:18px!important;
  margin-top:18px!important;
  margin-bottom:18px!important;
}
body.karin-page-reports .reports-dashboard-highlights.reports-v2-highlights > .reports-v2-ranking-card{
  margin:0!important;
}
@media(max-width:900px){
  body.karin-page-reports .reports-dashboard-highlights.reports-v2-highlights{
    grid-template-columns:1fr!important;
    gap:18px!important;
    row-gap:18px!important;
  }
}

/* ======================================================================== Karin v5.61 — Consolidated Theme, Login & Interaction Contract Replaces accumulated v5.55–v5.60 patch layers with one canonical block. ======================================================================== */

.credit.karin-credit{
  margin:20px auto 6px!important;
  padding:0 8px!important;
  text-align:center!important;
  font-family:var(--karin-font)!important;
  font-size:10px!important;
  font-weight:var(--karin-fw-normal)!important;
  line-height:1.6!important;
  letter-spacing:1px!important;
  color:var(--karin-text-muted)!important;
  opacity:.4!important;
  transition:opacity .18s ease!important;
}
.credit.karin-credit:hover{opacity:.4!important;}
.karin-sidebar-credit{opacity:1!important;}

.karin-theme-ripple{
  position:fixed!important;
  z-index:2147483000!important;
  border-radius:50%!important;
  pointer-events:none!important;
  transform:translate(-50%,-50%) scale(0)!important;
  opacity:.30!important;
  will-change:transform,opacity!important;
}
.karin-theme-ripple[data-next-theme="dark"]{background:#101c2e!important}
.karin-theme-ripple[data-next-theme="light"]{background:#f6f8fc!important}
.karin-theme-ripple.is-active{animation:karinThemeRipple .36s cubic-bezier(.22,.75,.22,1) forwards!important}
@keyframes karinThemeRipple{to{transform:translate(-50%,-50%) scale(1)!important;opacity:0!important}}
html.karin-theme-switching body,
html.karin-theme-switching body :where(.karin-card,.box,.karin-topbar,.karin-sidebar,input,select,textarea,button,a){
  transition:background-color .20s ease,color .16s ease,border-color .20s ease,box-shadow .20s ease!important;
}
.theme-toggle{overflow:hidden;isolation:isolate;}
.theme-toggle .theme-icon{display:block;width:18px;height:18px;flex:0 0 18px;}
.theme-toggle .theme-icon-moon{display:none;}
html[data-theme="dark"] .theme-toggle .theme-icon-sun{display:none;}
html[data-theme="dark"] .theme-toggle .theme-icon-moon{display:block;}
.theme-toggle .theme-icon{transform-origin:50% 50%;transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .16s ease!important;}
.theme-toggle.karin-theme-toggle-animating{transform:scale(.95)!important;}
.theme-toggle.karin-theme-toggle-animating .theme-icon{animation:karinThemeIconPop .30s cubic-bezier(.2,.8,.2,1)!important;}
@keyframes karinThemeIconPop{0%{transform:rotate(0) scale(1)}45%{transform:rotate(24deg) scale(.76)}100%{transform:rotate(0) scale(1)}}

body.karin-app-page .karin-topbar{border-color:#dfe7f0!important;}
body.karin-app-page .karin-sidebar{border-left-color:#e6ebf2!important;}
html[data-theme="dark"] body.karin-app-page .karin-topbar{border-color:#293d57!important;}
html[data-theme="dark"] body.karin-app-page .karin-sidebar{border-left-color:#263a53!important;}

body.karin-app-page .sidebar-logout .nav-icon,
html[data-theme="dark"] body.karin-app-page .sidebar-logout .nav-icon,
body.karin-app-page .sidebar-logout:hover .nav-icon,
html[data-theme="dark"] body.karin-app-page .sidebar-logout:hover .nav-icon{
  background:transparent!important;border:0!important;box-shadow:none!important;
}

body.karin-app-page :where(.karin-card,.box):hover{border-color:var(--karin-surface-border-strong)!important;}
html[data-theme="dark"] body.karin-app-page :where(.karin-card,.box):hover{border-color:var(--karin-surface-border-strong)!important;}

html[data-theme="dark"] body.karin-app-page :where(a,button,input,select,textarea,[tabindex]):focus:not(:focus-visible){outline:none!important;box-shadow:none!important;}
html[data-theme="dark"] body.karin-app-page :where(.karin-button,.karin-control,.karin-theme-toggle,.karin-menu-toggle,a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:none!important;border-color:#4a6f98!important;box-shadow:0 0 0 3px rgba(84,151,230,.14)!important;
}

@media(prefers-reduced-motion:reduce){
  .karin-theme-ripple{display:none!important;}
  html.karin-theme-switching body,html.karin-theme-switching body *{transition:none!important;}
  .theme-toggle .theme-icon,.theme-toggle.karin-theme-toggle-animating .theme-icon{animation:none!important;transition:none!important;}
}

/* ======================================================================== Karin v5.78 — Canonical Modal Visual Contract Modal geometry lives in karin-closure.css; this file owns visual tokens only. Legacy family names remain route/size hooks, not component authorities. ======================================================================== */
body.karin-app-page .karin-modal-shell{
  background:var(--karin-surface)!important;
  color:var(--karin-text)!important;
  border:1px solid var(--karin-premium-card-border,var(--karin-surface-border))!important;
  border-radius:var(--karin-premium-modal-radius,var(--karin-radius-modal,18px))!important;
  box-shadow:var(--karin-shadow-modal)!important;
}
body.karin-app-page .karin-modal__header{
  min-height:58px!important;
  padding:12px 18px!important;
  background:var(--karin-premium-modal-header,var(--karin-surface))!important;
  border-bottom:1px solid var(--karin-premium-divider,var(--karin-border))!important;
  border-radius:var(--karin-premium-modal-radius,var(--karin-radius-modal,18px)) var(--karin-premium-modal-radius,var(--karin-radius-modal,18px)) 0 0!important;
}
body.karin-app-page .karin-modal__header :is(h1,h2,h3){
  flex:1 1 auto!important;
  margin:0!important;
  padding:0!important;
  text-align:right!important;
  font-size:17px!important;
  line-height:1.35!important;
  color:var(--karin-text)!important;
}
body.karin-app-page .karin-modal-shell > :not(.karin-modal__header){background:transparent!important;}
body.karin-app-page .karin-modal-shell :is(.karin-modal__footer,form > .karin-actions:last-child){
  background:var(--karin-premium-modal-footer,var(--karin-surface))!important;
  border-top-color:var(--karin-premium-divider,var(--karin-border))!important;
}
body.karin-app-page .modal-close-btn{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border-radius:10px!important;}


body.karin-app-page .pos-recovery-card{width:min(620px,calc(100vw - 36px))!important;max-width:620px!important;}
body.karin-app-page .pos-recovery-body{padding:20px 18px!important;display:grid!important;gap:12px!important;font-size:13.5px!important;line-height:1.8!important;}
body.karin-app-page .pos-recovery-message{display:grid!important;gap:5px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;}
body.karin-app-page .pos-recovery-message b{font-size:14px!important;font-weight:850!important;line-height:1.75!important;color:var(--karin-text)!important;}
body.karin-app-page .pos-recovery-message span{font-size:12.5px!important;line-height:1.75!important;color:var(--karin-text-muted)!important;}
body.karin-app-page .pos-recovery-detail{padding:10px 12px!important;border-radius:11px!important;background:var(--karin-warning-surface)!important;border:1px solid var(--karin-warning-border)!important;color:var(--karin-warning-text)!important;font-size:12.5px!important;line-height:1.75!important;}
body.karin-app-page .pos-recovery-detail[hidden]{display:none!important;}
body.karin-app-page .pos-recovery-actions{padding:12px 18px 16px!important;margin:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important;}
body.karin-app-page .pos-recovery-actions .karin-button{width:100%!important;min-width:0!important;min-height:38px!important;font-family:var(--karin-font)!important;font-size:12.5px!important;font-weight:var(--karin-fw-button)!important;white-space:normal!important;line-height:1.45!important;}
@media(max-width:640px){body.karin-app-page .pos-recovery-card{width:100%!important;max-width:100%!important;}body.karin-app-page .pos-recovery-actions{grid-template-columns:1fr!important;padding:10px 12px calc(12px + env(safe-area-inset-bottom))!important;}body.karin-app-page .pos-recovery-actions .karin-button{width:100%!important;}}

body.karin-page-sales .new-sale-inline-content .new-sale-shell{margin:0!important;}
body.karin-page-sales .new-sale-frame-panel>.karin-modal__header h2{text-align:right!important;}
body.karin-page-sales .new-sale-inline-content .quick-variants-toggle{
  display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:30px!important;
  margin:0!important;padding:0 2px!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;color:var(--karin-text-muted)!important;
  font-size:10.8px!important;font-weight:690!important;white-space:nowrap!important;
}
body.karin-page-sales .new-sale-inline-content .quick-variants-toggle input{
  width:16px!important;min-width:16px!important;height:16px!important;min-height:16px!important;
  margin:0!important;padding:0!important;accent-color:var(--karin-primary)!important;background:transparent!important;box-shadow:none!important;
}
html[data-theme="dark"] body.karin-page-sales .new-sale-inline-content .quick-variants-toggle{background:transparent!important;color:var(--karin-text-muted)!important;}
html[data-theme="dark"] body.karin-page-sales .new-sale-inline-content .quick-variants-toggle input{background:transparent!important;border-color:var(--karin-border-strong)!important;}
html[data-theme="dark"] body.karin-page-sales .new-sale-inline-content :is(.sale-setup-grid,.quick-customer-row,.pos-products){background:var(--karin-surface-soft)!important;border-color:var(--karin-border)!important;color:var(--karin-text)!important;}
html[data-theme="dark"] body.karin-page-sales .new-sale-inline-content :is(.pos-products-head,.pos-sale-title){border-color:var(--karin-border)!important;}

body.karin-page-sale-view .sale-view-meta b{font-size:13.5px!important;line-height:1.55!important;}
body.karin-page-sale-view .sale-view-meta .sale-source-value{direction:ltr!important;text-align:right!important;unicode-bidi:isolate!important;width:100%!important;}

body.karin-app-page .quick-cart-row .cart-product{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;min-width:0!important;}
body.karin-app-page .quick-cart-row .cart-product-media{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:10px!important;overflow:hidden!important;background:var(--karin-surface-soft)!important;border:1px solid var(--karin-border)!important;display:grid!important;place-items:center!important;}
body.karin-app-page .quick-cart-row .cart-product-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
body.karin-app-page .quick-cart-row .cart-product-copy{display:flex!important;flex-direction:column!important;min-width:0!important;gap:2px!important;}
body.karin-app-page .quick-cart-row .cart-product b{font-size:11.8px!important;line-height:1.45!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.karin-app-page .quick-cart-row .cart-product small{font-size:9.8px!important;line-height:1.35!important;}
body.karin-app-page .quick-cart-row .cart-field:has(.qty){max-width:76px!important;}
body.karin-app-page .quick-cart-row .cart-field:has(.unit){max-width:128px!important;}
body.karin-app-page .quick-cart-row :is(.qty,.unit){height:36px!important;min-height:36px!important;padding:5px 7px!important;border-radius:9px!important;font-size:11.5px!important;}
html[data-theme="dark"] body.karin-app-page .quick-cart-row .cart-product-media{background:#17263a!important;border-color:#334861!important;}

@media(max-width:700px){
  body.karin-app-page .clock{
    width:128px!important;min-width:128px!important;flex:0 0 128px!important;height:34px!important;min-height:34px!important;
    padding:0 7px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 52px!important;
    align-items:center!important;justify-content:stretch!important;column-gap:8px!important;
  }
  body.karin-app-page .clock span,body.karin-app-page .clock b{
    width:auto!important;min-width:0!important;max-width:none!important;flex:none!important;margin:0!important;padding:0!important;
    display:block!important;overflow:visible!important;line-height:1!important;white-space:nowrap!important;
  }
  body.karin-app-page .clock span{text-align:right!important;direction:rtl!important;}
  body.karin-app-page .clock b{text-align:left!important;direction:ltr!important;font-variant-numeric:tabular-nums!important;font-feature-settings:"tnum" 1!important;}
  body.karin-app-page .clock span:after{font-size:8.25px!important;line-height:1!important;}
  body.karin-app-page .clock b:after{font-size:8.55px!important;line-height:1!important;}
  body.karin-app-page .quick-cart-row{grid-template-columns:minmax(0,1fr) 62px 96px 34px!important;gap:6px!important;align-items:end!important;}
}
@media(max-width:480px){
  body.karin-app-page .quick-cart-row{grid-template-columns:minmax(0,1fr) 56px 34px!important;}
  body.karin-app-page .quick-cart-row .cart-field:has(.unit){grid-column:1 / -1!important;max-width:none!important;display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;align-items:center!important;gap:6px!important;}
}

/* ======================================================================== Karin v5.63 — Sales / Quick POS final interaction polish ======================================================================== */

body.karin-app-page .karin-button-danger:hover,
body.karin-app-page .karin-button-danger:focus-visible{
  background:#a92f49!important;
  border-color:#a92f49!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(190,18,60,.16)!important;
}
html[data-theme="dark"] body.karin-app-page .karin-button-danger:hover,
html[data-theme="dark"] body.karin-app-page .karin-button-danger:focus-visible{
  background:#b83b55!important;
  border-color:#c94a63!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(0,0,0,.18)!important;
}

body.karin-page-sales .new-sale-inline-content .pos-products-head{
  display:grid!important;grid-template-columns:1fr!important;gap:8px!important;
  padding:1px 0 10px!important;margin-bottom:9px!important;
  border-bottom:1px solid var(--karin-border)!important;
}
body.karin-page-sales .new-sale-inline-content .pos-products-heading-row{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-width:0!important;
}
body.karin-page-sales .new-sale-inline-content .pos-products-title{
  min-width:0!important;display:block!important;text-align:right!important;
}
body.karin-page-sales .new-sale-inline-content .pos-products-title h2{
  margin:0!important;text-align:right!important;font-size:16px!important;line-height:1.35!important;color:var(--karin-text)!important;
}
body.karin-page-sales .new-sale-inline-content .pos-products-title small{
  display:block!important;margin-top:3px!important;text-align:right!important;color:var(--karin-text-muted)!important;font-size:10.6px!important;line-height:1.55!important;
}
body.karin-page-sales .new-sale-inline-content .quick-variants-toggle{
  background:transparent!important;border:0!important;box-shadow:none!important;color:var(--karin-text-muted)!important;
}

body.karin-app-page .quick-cart-row{
  grid-template-columns:minmax(0,1fr) 58px 112px 34px!important;
  gap:7px!important;align-items:end!important;
}
body.karin-app-page .quick-cart-row .cart-product-media{width:40px!important;height:40px!important;flex-basis:40px!important;}
body.karin-app-page .quick-cart-row .cart-product-copy{min-width:0!important;flex:1 1 auto!important;}
body.karin-app-page .quick-cart-row .cart-product b{
  font-size:11.4px!important;line-height:1.5!important;
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
  white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:anywhere!important;
}
body.karin-app-page .quick-cart-row .cart-product small{display:none!important;}
body.karin-app-page .quick-cart-row .cart-field{min-width:0!important;gap:3px!important;}
body.karin-app-page .quick-cart-row .cart-field:has(.qty){width:58px!important;max-width:58px!important;}
body.karin-app-page .quick-cart-row .cart-field:has(.unit){width:112px!important;max-width:112px!important;}
body.karin-app-page .quick-cart-row .cart-field label{font-size:9.4px!important;line-height:1.2!important;}
body.karin-app-page .quick-cart-row :is(.qty,.unit){height:32px!important;min-height:32px!important;padding:3px 5px!important;border-radius:8px!important;font-size:11px!important;}
body.karin-app-page .quick-cart-row .remove{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;border-radius:8px!important;padding:0!important;}

html[data-theme="dark"] body.karin-app-page .karin-credit{opacity:.2!important;}

@media(max-width:700px){
  body.karin-app-page .quick-cart-row{grid-template-columns:minmax(0,1fr) 54px 92px 32px!important;gap:6px!important;}
  body.karin-app-page .quick-cart-row .cart-field:has(.qty){width:54px!important;max-width:54px!important;}
  body.karin-app-page .quick-cart-row .cart-field:has(.unit){width:92px!important;max-width:92px!important;}
}
@media(max-width:480px){
  body.karin-app-page .quick-cart-row{grid-template-columns:minmax(0,1fr) 50px 32px!important;}
  body.karin-app-page .quick-cart-row .cart-field:has(.unit){grid-column:1/-1!important;width:auto!important;max-width:none!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;gap:6px!important;}
}

body.karin-page-sales #new-sale-frame-modal .new-sale-frame-panel{
  width:min(1240px,calc(100vw - 48px))!important;
}
body.karin-page-sales #new-sale-frame-modal .new-sale-inline-panel{
  max-height:calc(100dvh - 48px)!important;overflow:auto!important;
}
body.karin-page-sales #new-sale-frame-modal .new-sale-inline-content{padding:14px!important;background:var(--karin-surface)!important;color:var(--karin-text)!important;}
body.karin-page-sales #new-sale-frame-modal .new-sale-inline-content :is(.layout,.sidebar,header){display:none!important;}
body.karin-page-sales #new-sale-frame-modal .new-sale-inline-content .pos-shell{margin:0!important;}
body.karin-page-sales #new-sale-frame-modal .new-sale-inline-content .pos-products{position:relative!important;}
body.karin-page-sales #new-sale-frame-modal .new-sale-inline-content .pos-products.karin-products-loading:after{
  content:"در حال بروزرسانی محصولات...";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:color-mix(in srgb,var(--karin-surface) 78%,transparent);backdrop-filter:none;font-weight:800;color:var(--karin-primary);border-radius:18px;z-index:20;
}
body.karin-page-sales #new-sale-frame-modal .new-sale-inline-content .sort-pills .karin-button.active{background:var(--karin-primary)!important;color:#fff!important;border-color:var(--karin-primary)!important;}
@media(max-width:760px){
  body.karin-page-sales #new-sale-frame-modal .new-sale-frame-panel{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;height:auto!important;max-height:calc(100dvh - 24px)!important;border-radius:16px!important;}
  body.karin-page-sales #new-sale-frame-modal .new-sale-inline-content{padding:8px!important;}
}

/* ======================================================================== Karin v5.65 — rollback-safe dark modal polish + stable customer history Base: v5.63; v5.64 layout changes are intentionally not included. ======================================================================== */


html[data-theme="dark"] body.karin-page-sales #new-sale-frame-modal .new-sale-inline-content .pos-products{
  background:#101c2e!important;border-color:#293b55!important;color:#e6eef8!important;
}
html[data-theme="dark"] body.karin-page-sales #new-sale-frame-modal .new-sale-inline-content .product-list .product-tile{
  background:#111d30!important;border-color:#293b53!important;color:#e6eef8!important;box-shadow:none!important;
}
html[data-theme="dark"] body.karin-page-sales #new-sale-frame-modal .new-sale-inline-content .product-list .product-tile:hover{
  background:#14253a!important;border-color:#496887!important;
}
html[data-theme="dark"] body.karin-page-sales #new-sale-frame-modal .new-sale-inline-content :is(.pos-products-title h2,.tile-title){color:#e6eef8!important;}
html[data-theme="dark"] body.karin-page-sales #new-sale-frame-modal .new-sale-inline-content :is(.pos-products-title small,.quick-variants-toggle,.tile-meta-text){color:#9fb0c3!important;}
html[data-theme="dark"] body.karin-page-sales #new-sale-frame-modal .new-sale-inline-content .tile-price{color:#8fc3ff!important;}
html[data-theme="dark"] body.karin-page-sales #new-sale-frame-modal .new-sale-inline-content .product-tile-thumb{background:#17253a!important;border-color:#425772!important;box-shadow:none!important;}
html[data-theme="dark"] body.karin-page-sales #new-sale-frame-modal .new-sale-inline-content .tile-sku-code{background:#1a2b42!important;border-color:#3b506a!important;color:#c3d1e0!important;box-shadow:none!important;}


body.karin-page-quick-pos .quick-customer-row .quick-history-cell{
  position:absolute!important;top:6px!important;left:10px!important;right:auto!important;
  width:auto!important;max-width:calc(100% - 132px)!important;height:22px!important;min-height:22px!important;
  margin:0!important;padding:0!important;display:flex!important;flex-direction:row!important;
  align-items:center!important;justify-content:flex-start!important;gap:6px!important;z-index:2!important;
}
body.karin-page-quick-pos .quick-customer-row .quick-history-cell[style*="display:none"],
body.karin-page-quick-pos .quick-customer-row .quick-history-cell[style*="display: none"]{display:none!important;}
body.karin-page-quick-pos .quick-customer-row .quick-history-cell label{display:none!important;}
body.karin-page-quick-pos .quick-customer-row .quick-history-cell .karin-button-secondary{
  width:auto!important;min-width:0!important;height:22px!important;min-height:22px!important;
  margin:0!important;padding:1px 8px!important;border-radius:8px!important;font-size:9.6px!important;line-height:18px!important;white-space:nowrap!important;
}
body.karin-page-quick-pos .quick-customer-row .quick-history-cell small{
  min-height:0!important;height:auto!important;margin:0!important;font-size:9.3px!important;line-height:1.2!important;text-align:right!important;white-space:nowrap!important;
}
@media(max-width:520px){
  body.karin-page-quick-pos .quick-customer-row .quick-history-cell{max-width:calc(100% - 112px)!important;gap:4px!important;}
  body.karin-page-quick-pos .quick-customer-row .quick-history-cell .karin-button-secondary{padding-inline:6px!important;font-size:9.2px!important;}
}

/* ======================================================================== Karin v5.66 — hover regression rollback + dark product media + customer widths Hover cascade is restored to the v5.61 low-specificity contract. ======================================================================== */

html[data-theme="dark"] body.karin-page-sales #new-sale-frame-modal .new-sale-inline-content .product-list .product-tile>.tile-media{
  background:#17253a!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body.karin-page-sales #new-sale-frame-modal .new-sale-inline-content .product-list .product-tile .tile-media>img.product-tile-thumb{
  background:#17253a!important;
  border-color:#425772!important;
  box-shadow:none!important;
}

@media(min-width:701px){
  body.karin-page-quick-pos .quick-customer-row:has(#quick-customer-channel-box[style*="display:none"]),
  body.karin-page-quick-pos .quick-customer-row:has(#quick-customer-channel-box[style*="display: none"]){
    grid-template-columns:minmax(0,1.35fr) minmax(0,1.35fr) minmax(88px,.72fr)!important;
  }
}

/* ======================================================================== Karin v5.76 — Canonical Buttons + Form Controls Phase 1 of Design System migration. Base ownership moved out of style.css. Low-specificity legacy fallbacks preserve route-specific geometry while canonical karin-* classes own semantic paint/states without theme patches. ======================================================================== */

:where(.karin-button,button){
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:36px;
  padding:8px 12px;
  border:1px solid var(--karin-primary-strong);
  border-radius:var(--karin-radius-sm);
  background:var(--karin-primary);
  color:white;
  text-decoration:none;
  font-family:inherit;
  font-size:12.5px;
  font-weight:var(--karin-fw-button);
  line-height:1.3;
  cursor:pointer;
  transition:background var(--karin-motion-base) var(--karin-ease-standard),border-color var(--karin-motion-base) var(--karin-ease-standard),color var(--karin-motion-base) var(--karin-ease-standard),box-shadow var(--karin-motion-base) var(--karin-ease-standard),transform var(--karin-motion-fast) var(--karin-ease-standard);
}
:where(.karin-button,button):not(.karin-multiselect__trigger):hover{background:var(--karin-primary-strong);}

.karin-button{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:36px;
  padding:8px 12px;
  border:1px solid var(--karin-primary-strong);
  border-radius:var(--karin-radius-sm);
  background:var(--karin-primary);
  color:white;
  text-decoration:none;
  font-family:inherit;
  font-size:12.5px;
  font-weight:var(--karin-fw-button);
  line-height:1.3;
  cursor:pointer;
  transition:background var(--karin-motion-base) var(--karin-ease-standard),border-color var(--karin-motion-base) var(--karin-ease-standard),color var(--karin-motion-base) var(--karin-ease-standard),box-shadow var(--karin-motion-base) var(--karin-ease-standard),transform var(--karin-motion-fast) var(--karin-ease-standard);
}
.karin-button-primary{background:var(--karin-premium-primary-bg,var(--karin-primary));border-color:var(--karin-premium-primary-border,var(--karin-primary-strong));color:white;}
.karin-button-primary:hover{background:var(--karin-premium-primary-hover,var(--karin-primary-strong));border-color:var(--karin-premium-primary-border,var(--karin-primary-strong));color:white;}
.karin-button-secondary{background:var(--karin-premium-secondary-bg,var(--karin-surface-raised));border-color:var(--karin-premium-control-border,var(--karin-control-border));color:var(--karin-text);box-shadow:var(--karin-premium-subtle-shadow,none);}
.karin-button-secondary:hover{background:var(--karin-premium-secondary-hover,var(--karin-surface-muted));border-color:var(--karin-premium-control-hover,var(--karin-border-strong));color:var(--karin-text);}

/* ======================================================================== Karin v5.92 — Canonical Light Button + Modal Action Contract Canonical buttons are no longer paint targets of legacy .karin-button/button/.karin-button-secondary rules. ======================================================================== */
html[data-theme="light"] body.karin-app-page .karin-button-primary{background:var(--karin-premium-primary-bg,var(--karin-primary));border-color:var(--karin-premium-primary-border,var(--karin-primary-strong));color:white;}
html[data-theme="light"] body.karin-app-page .karin-button-secondary{background:var(--karin-premium-secondary-bg,var(--karin-surface-raised));border-color:var(--karin-premium-control-border,var(--karin-control-border));color:var(--karin-text);box-shadow:var(--karin-premium-subtle-shadow,none);}
html[data-theme="light"] body.karin-app-page .karin-button-secondary:hover{background:var(--karin-premium-secondary-hover,var(--karin-surface-muted));border-color:var(--karin-premium-control-hover,var(--karin-border-strong));color:var(--karin-text);}
html[data-theme="light"] body.karin-app-page .karin-button-danger{background:var(--karin-red);border-color:var(--karin-red);color:white;}
.karin-button-icon{width:36px;min-width:36px;height:36px;min-height:36px;padding:0;border-radius:10px;font-size:16px;line-height:1;flex:0 0 36px;}
.karin-button-icon .karin-button-icon__glyph{display:block;line-height:1;transition:transform var(--karin-motion-base) var(--karin-ease-standard);}
.stock-expand-btn.open .karin-button-icon__glyph,.product-expand-btn.open .karin-button-icon__glyph{transform:rotate(180deg);}

/* Karin v5.93 — Chrome Control Isolation + Compact Expand Icon Navigation chrome is not a generic action button. Expanders use a real SVG chevron and a compact table-control geometry; modal close icons keep 36px. */
.karin-expand-button{width:30px;min-width:30px;height:30px;min-height:30px;padding:0;border-radius:8px;flex:0 0 30px;box-shadow:none;}
.karin-expand-button .karin-button-icon__glyph{display:grid;place-items:center;width:12px;height:12px;line-height:1;}
.karin-expand-button .karin-button-icon__glyph svg{display:block;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.karin-expand-button.open{background:var(--karin-primary-soft);border-color:var(--karin-info-border);color:var(--karin-primary-strong);}

.karin-button-danger{background:var(--karin-red);border-color:var(--karin-red);color:white;}
.karin-button-danger:hover{background:color-mix(in srgb,var(--karin-red) 88%,black);border-color:color-mix(in srgb,var(--karin-red) 88%,black);color:white;}
.karin-button-success{background:var(--karin-green);border-color:var(--karin-green);color:white;}
.karin-button-success:hover{background:color-mix(in srgb,var(--karin-green) 88%,black);border-color:color-mix(in srgb,var(--karin-green) 88%,black);color:white;}
.karin-button-danger-soft{background:var(--karin-danger-surface);border-color:var(--karin-danger-border);color:var(--karin-danger-text);}
.karin-button-danger-soft:hover{background:color-mix(in srgb,var(--karin-danger-surface) 88%,var(--karin-danger-border));border-color:var(--karin-danger-border);color:var(--karin-danger-text);}


.karin-button:focus-visible,
:where(.karin-button,button):focus-visible,
.karin-control:focus-visible,
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]),select,textarea):focus-visible{
  outline:2px solid color-mix(in srgb,var(--karin-primary) 72%,white);
  outline-offset:2px;
}
.karin-button:disabled,.karin-button[aria-disabled="true"],
:where(.karin-button,button):disabled,:where(.karin-button,button)[aria-disabled="true"]{
  opacity:.52;
  cursor:not-allowed;
  pointer-events:none;
  box-shadow:none;
  transform:none;
}
.karin-button.is-loading:not(.site-order-sync-button),.karin-button[aria-busy="true"]:not(.site-order-sync-button){
  position:relative;
  pointer-events:none;
  cursor:wait;
  padding-inline-end:34px;
}
.karin-button.is-loading:not(.site-order-sync-button)::after,.karin-button[aria-busy="true"]:not(.site-order-sync-button)::after{
  content:"";
  position:absolute;
  inset-inline-end:11px;
  top:50%;
  width:13px;
  height:13px;
  margin-top:-7px;
  border:2px solid currentColor;
  border-inline-start-color:transparent;
  border-radius:var(--karin-radius-pill);
  animation:karinUxSpin .7s linear infinite;
  opacity:.82;
}
@keyframes karinUxSpin{to{transform:rotate(360deg)}}

:where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]),select,textarea){
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  min-width:0;
  min-height:38px;
  border:1px solid var(--karin-control-border);
  border-radius:var(--karin-radius-sm);
  padding:8px 10px;
  background:var(--karin-control-bg);
  color:var(--karin-text);
  font-family:inherit;
  font-size:13px;
  line-height:1.5;
  direction:rtl;
  text-align:right;
  transition:border-color var(--karin-motion-base) var(--karin-ease-standard),box-shadow var(--karin-motion-base) var(--karin-ease-standard),background var(--karin-motion-base) var(--karin-ease-standard),color var(--karin-motion-base) var(--karin-ease-standard);
}
:where(textarea){min-height:72px;resize:vertical;}
:where(input,textarea)::placeholder{color:var(--karin-text-muted);opacity:.78;}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]),select,textarea):disabled{opacity:.52;cursor:not-allowed;box-shadow:none;}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]),select,textarea)[readonly]{background:var(--karin-surface-soft);color:var(--karin-text-muted);}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]),select,textarea):focus{
  border-color:var(--karin-control-focus);
  outline:0;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--karin-primary) 13%,transparent);
}

.karin-control{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  min-width:0;
  min-height:38px;
  border:1px solid var(--karin-control-border);
  border-radius:var(--karin-radius-sm);
  padding:8px 10px;
  background:var(--karin-control-bg);
  color:var(--karin-text);
  font-family:inherit;
  font-size:13px;
  line-height:1.5;
  direction:rtl;
  text-align:right;
  transition:border-color var(--karin-motion-base) var(--karin-ease-standard),box-shadow var(--karin-motion-base) var(--karin-ease-standard),background var(--karin-motion-base) var(--karin-ease-standard),color var(--karin-motion-base) var(--karin-ease-standard);
}
.karin-control::placeholder{color:var(--karin-text-muted);opacity:.78;}
.karin-control:focus{border-color:var(--karin-control-focus);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--karin-primary) 13%,transparent);}
.karin-control:disabled,.karin-control[aria-disabled="true"]{opacity:.52;cursor:not-allowed;box-shadow:none;}
.karin-control[readonly]{background:var(--karin-surface-soft);color:var(--karin-text-muted);}

:where(input[type="checkbox"],input[type="radio"]){accent-color:var(--karin-primary);}

:where(label){display:block;margin:7px 0 5px;color:var(--karin-text);font-size:12.5px;font-weight:var(--karin-fw-button);line-height:1.5;}
:where(input[dir="ltr"],select[dir="ltr"],textarea[dir="ltr"],.ltr){direction:ltr;text-align:left;unicode-bidi:plaintext;}

/* ======================================================================== Karin v5.107 — Canonical Interaction Primitives Shared ownership for segmented controls, form stacks, choice rows and utility variants. Page CSS may compose layout but must not repaint these. ======================================================================== */
.karin-button-block{width:100%;}
.karin-form-stack{display:grid;gap:var(--karin-space-2);margin:0;}
.karin-field-label{display:block;margin:var(--karin-space-1) 0 0;color:var(--karin-text);font-size:var(--karin-font-size-sm);font-weight:700;line-height:var(--karin-line-height-normal);}
.karin-control--rtl-placeholder::placeholder{direction:rtl;text-align:right;unicode-bidi:plaintext;}
.karin-otp-control{direction:ltr;text-align:center;unicode-bidi:plaintext;letter-spacing:.18em;font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;}
.karin-visually-hidden-control{position:absolute!important;inline-size:1px!important;block-size:1px!important;margin:-1px!important;padding:0!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important;}

.karin-segmented{
  box-sizing:border-box;
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(0,1fr);
  gap:var(--karin-space-1);
  width:100%;
  padding:var(--karin-space-1);
  border:1px solid var(--karin-border);
  border-radius:var(--karin-radius-md);
  background:var(--karin-surface-soft);
}
.karin-segmented__item{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:var(--karin-control-height-sm);
  padding:7px 10px;
  border:1px solid transparent;
  border-radius:calc(var(--karin-radius-md) - 3px);
  background:transparent;
  color:var(--karin-text-muted);
  box-shadow:none;
  font-family:inherit;
  font-size:var(--karin-font-size-sm);
  font-weight:700;
  line-height:1.35;
  cursor:pointer;
  transition:background var(--karin-motion-base) var(--karin-ease-standard),border-color var(--karin-motion-base) var(--karin-ease-standard),color var(--karin-motion-base) var(--karin-ease-standard),box-shadow var(--karin-motion-base) var(--karin-ease-standard);
}
.karin-segmented__item:hover{background:var(--karin-surface-muted);color:var(--karin-text);}
.karin-segmented__item:is(.active,[aria-selected="true"]){background:var(--karin-primary);border-color:var(--karin-primary-strong);color:#fff;box-shadow:var(--karin-shadow-sm);}
.karin-segmented__item:is(.active,[aria-selected="true"]):hover{background:var(--karin-primary-strong);color:#fff;}
.karin-segmented__item:focus-visible{outline:2px solid color-mix(in srgb,var(--karin-primary) 72%,white);outline-offset:2px;}

.karin-choice-row{
  box-sizing:border-box;
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:var(--karin-space-2);
  row-gap:1px;
  width:100%;
  padding:9px 10px;
  border:1px solid var(--karin-border);
  border-radius:var(--karin-radius-sm);
  background:var(--karin-surface-soft);
  color:var(--karin-text);
  cursor:pointer;
}
.karin-choice-row>input[type="checkbox"],.karin-choice-row>input[type="radio"]{grid-column:1;grid-row:1/3;align-self:center;width:16px;height:16px;margin:0;accent-color:var(--karin-primary);}
.karin-choice-row>span{grid-column:2;grid-row:1;color:var(--karin-text);font-size:var(--karin-font-size-sm);font-weight:700;line-height:1.45;}
.karin-choice-row>small{grid-column:2;grid-row:2;color:var(--karin-text-muted);font-size:var(--karin-font-size-xs);font-weight:400;line-height:1.45;}
.karin-choice-row:hover{border-color:var(--karin-border-strong);background:var(--karin-surface-muted);}

@media(max-width:700px){
  .karin-button{max-width:100%;}
  :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]),select,textarea){min-width:0;}
}

/* ======================================================================== Karin v5.108 — Surface Border Tokens + Login Brand Shell Outer surfaces use a quieter border token than controls/separators. Login keeps only brand decoration here; controls remain canonical primitives. ======================================================================== */
body.karin-page-login{
  background:
    radial-gradient(circle at 50% -6%,var(--karin-login-glow) 0,transparent 36%),
    linear-gradient(145deg,var(--karin-bg) 0%,var(--karin-bg-elevated) 48%,var(--karin-bg) 100%);
}
body.karin-page-login .karin-login-card{
  position:relative;
  isolation:isolate;
  border-color:var(--karin-surface-border);
  box-shadow:0 20px 54px rgba(15,36,64,.10);
}
body.karin-page-login .karin-login-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  z-index:2;
  height:3px;
  background:linear-gradient(90deg,var(--karin-primary-strong),var(--karin-primary),var(--karin-brand-warm));
  pointer-events:none;
}
html[data-theme="dark"] body.karin-page-login .karin-login-card{
  box-shadow:0 24px 64px rgba(0,0,0,.28);
}

/* ======================================================================== Karin v5.77 — Canonical Cards + Badges + Filters + Empty States Phase 2 of Design System migration. Static markup now opts into canonical classes; page-specific layout remains feature-owned while shared paint and semantic states no longer depend on runtime class injection. ======================================================================== */

.karin-card{
  box-sizing:border-box;
  min-width:0;
  overflow:hidden;
  margin-bottom:var(--karin-layout-gap-lg);
  padding:var(--karin-card-padding-block) var(--karin-card-padding-inline);
  border:1px solid var(--karin-surface-border);
  border-radius:15px;
  background:var(--karin-card);
  color:var(--karin-text);
  box-shadow:var(--karin-shadow);
}
.karin-card :is(h1,h2,h3){margin-top:0;color:var(--karin-text);font-weight:var(--karin-fw-heading);letter-spacing:-.08px;}
.karin-card h1{font-size:21px;line-height:1.4;margin-bottom:12px;}
.karin-card h2{font-size:16px;line-height:1.4;margin-bottom:12px;}
.karin-card h3{font-size:14.5px;line-height:1.45;margin-bottom:10px;}

/* ======================================================================== Karin v5.84 — Canonical Management Section Header + Surface Rhythm One owner for the heading/action row used by management cards. Card and table spacing consume Foundation tokens so list pages share one rhythm. ======================================================================== */
body.karin-app-page .karin-section-head{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--karin-section-head-gap);
  width:100%;
  min-width:0;
  margin:0 0 var(--karin-section-head-margin);
  color:var(--karin-text);
}
body.karin-app-page .karin-section-head>:first-child{min-width:0;}
body.karin-app-page .karin-section-head h2{
  min-width:0;
  margin:0;
  color:var(--karin-text);
  font-size:18px;
  font-weight:var(--karin-fw-heading);
  line-height:1.4;
  letter-spacing:-.08px;
}
body.karin-app-page .karin-section-head p{margin:3px 0 0;color:var(--karin-text-muted);}
body.karin-app-page .karin-section-head>:is(.karin-actions,.karin-badge,.karin-button,button,a){flex:0 0 auto;margin-top:0;}
body.karin-app-page .karin-card>.karin-table-wrap{margin-top:0;margin-bottom:0;}
body.karin-app-page .karin-card>.karin-section-head+.karin-table-wrap{margin-top:0;}
body.karin-app-page .karin-card>.karin-table-wrap+.karin-pagination{margin-top:var(--karin-space-3);}
body.karin-app-page .karin-content>.karin-card{width:100%;}
@media(max-width:700px){
  body.karin-app-page .karin-section-head{gap:var(--karin-space-2);margin-bottom:10px;flex-wrap:wrap;}
  body.karin-app-page .karin-section-head h2{font-size:16.5px;}
}

.karin-badge{
  display:inline-block;
  max-width:100%;
  padding:3px 7px;
  border:1px solid transparent;
  border-radius:var(--karin-radius-pill);
  background:var(--karin-badge-neutral-bg);
  color:var(--karin-badge-neutral-text);
  font-size:10.5px;
  font-weight:var(--karin-fw-button);
  line-height:1.45;
  white-space:nowrap;
  box-shadow:none;
}
.karin-badge.pill{display:inline-flex;align-items:center;gap:6px;background:var(--karin-pill-bg);color:var(--karin-pill-text);}
.karin-badge-success{background:var(--karin-badge-success-bg);border-color:var(--karin-success-border);color:var(--karin-badge-success-text);}
.karin-badge-warning{background:var(--karin-badge-warning-bg);border-color:var(--karin-warning-border);color:var(--karin-badge-warning-text);}
.karin-badge-danger{background:var(--karin-badge-danger-bg);border-color:var(--karin-danger-border);color:var(--karin-badge-danger-text);}
.karin-badge-info{background:var(--karin-badge-info-bg);border-color:var(--karin-info-border);color:var(--karin-badge-info-text);}
.karin-badge-neutral{background:var(--karin-badge-neutral-bg);border-color:var(--karin-border);color:var(--karin-badge-neutral-text);}


.karin-text-muted{color:var(--karin-text-muted);}
.karin-text-success{color:var(--karin-success-text);}
.karin-note{display:block;margin-top:var(--karin-space-1);color:var(--karin-text-muted);font-size:var(--karin-font-size-xs);line-height:var(--karin-line-height-normal);}

.karin-filter-card{min-width:0;background:var(--karin-card);border-color:var(--karin-border);color:var(--karin-text);overflow:visible;}
.karin-filter-form{min-width:0;}
.karin-filter-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--karin-space-2);min-width:0;}

.karin-empty-state{
  min-width:0;
  padding:14px 16px;
  border:1px dashed var(--karin-border-strong);
  border-radius:var(--karin-radius-lg);
  background:var(--karin-surface-soft);
  color:var(--karin-text-muted);
  text-align:center;
  font-size:var(--karin-font-size-sm);
  font-weight:var(--karin-fw-button);
  line-height:var(--karin-line-height-normal);
}

@media(max-width:700px){
  .karin-filter-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--karin-space-2);}
  .karin-filter-actions>*{min-width:0;max-width:100%;}
  .karin-empty-state{padding:12px 14px;border-radius:14px;}
}

/* ======================================================================== Karin v5.79 — Canonical Tables + Pagination + Action Bars Phase 4 of Design System migration. Static markup opts into explicit table and action contracts; shared table paint, pagination structure and action geometry no longer depend on the multi-generation generic legacy cascade. ======================================================================== */

body.karin-app-page .karin-table-wrap{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:visible;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
  border:1px solid var(--karin-surface-border);
  border-radius:var(--karin-radius-md);
  background:var(--karin-surface);
  box-shadow:none;
  scrollbar-width:thin;
  scrollbar-color:var(--karin-scroll-thumb) var(--karin-scroll-track);
}
body.karin-app-page .karin-table-wrap::-webkit-scrollbar{width:8px;height:8px;}
body.karin-app-page .karin-table-wrap::-webkit-scrollbar-track{background:var(--karin-scroll-track);}
body.karin-app-page .karin-table-wrap::-webkit-scrollbar-thumb{background:var(--karin-scroll-thumb);border-radius:var(--karin-radius-pill);}
body.karin-app-page .karin-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--karin-scroll-thumb-hover);}

body.karin-app-page .karin-table{
  width:100%;
  min-width:640px;
  margin:0;
  border:0;
  border-collapse:separate;
  border-spacing:0;
  border-radius:0;
  background:var(--karin-surface);
  color:var(--karin-text);
  box-shadow:none;
  font-size:12.5px;
  table-layout:auto;
}
body.karin-app-page .karin-table th,
body.karin-app-page .karin-table td{
  padding:var(--karin-table-cell-block) var(--karin-table-cell-inline);
  border-color:var(--karin-border);
  color:var(--karin-text);
  font-size:12.2px;
  line-height:1.65;
  white-space:nowrap;
  vertical-align:middle;
}
body.karin-app-page .karin-table th{
  position:sticky;
  top:0;
  z-index:3;
  background:var(--karin-table-head);
  color:var(--karin-text-muted);
  font-size:11.2px;
  font-weight:760;
  letter-spacing:-.05px;
  border-bottom-color:var(--karin-border-strong);
}
body.karin-app-page .karin-table tbody td{background:var(--karin-surface);}
body.karin-app-page .karin-table tbody tr:nth-child(even)>td{background:color-mix(in srgb,var(--karin-surface) 97%,var(--karin-surface-soft));}
body.karin-app-page .karin-table tbody tr:hover>td,
body.karin-app-page .karin-table tbody tr:focus-within>td{background:var(--karin-surface-soft);}
body.karin-app-page .karin-table :is(td small,td .karin-text-muted,th small){font-size:11.5px;line-height:1.5;}

body.karin-app-page .karin-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--karin-space-2);
  min-width:0;
}
body.karin-app-page .karin-actions>form{
  display:inline-flex;
  align-items:center;
  margin:0;
  padding:0;
}
body.karin-app-page .karin-actions>:is(.karin-button,button,a){margin:0;}
body.karin-app-page .karin-actions--row{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  justify-content:flex-start;
  gap:6px;
  width:auto;
  white-space:nowrap;
}
body.karin-app-page .karin-actions--row>:is(a,button,form){
  display:inline-flex;
  align-items:center;
  align-self:center;
  margin:0;
  vertical-align:middle;
}
body.karin-app-page .karin-actions--row>form{
  padding:0;
}
body.karin-app-page .karin-actions--row>form>button{
  margin:0;
}
body.karin-app-page .karin-actions--row :is(.karin-button,button){
  min-height:32px;
  height:32px;
  padding:6px 9px;
  border-radius:9px;
  font-size:11.2px;
  line-height:1;
  white-space:nowrap;
  box-shadow:none;
}

body.karin-app-page .karin-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  margin:10px 0;
  padding:8px 10px;
  border:1px solid var(--karin-border);
  border-radius:var(--karin-radius-md);
  background:var(--karin-surface-soft);
  color:var(--karin-text-muted);
}
body.karin-app-page .karin-pagination__summary{
  min-width:0;
  color:var(--karin-text-muted);
  font-size:12px;
  font-weight:600;
  line-height:1.7;
}
body.karin-app-page .karin-pagination__size{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:0;
}
body.karin-app-page .karin-pagination__size label{
  margin:0;
  color:var(--karin-text-muted);
  font-size:12px;
  white-space:nowrap;
}
body.karin-app-page .karin-pagination__size select{
  width:auto;
  min-width:72px;
  min-height:34px;
  padding:5px 8px;
}
body.karin-app-page .karin-pagination__links{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}
body.karin-app-page .karin-pagination__links .karin-button{
  min-height:34px;
  height:34px;
  padding:7px 10px;
  box-shadow:none;
}
body.karin-app-page .karin-pagination__current{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  min-height:34px;
  padding:7px 10px;
  border:1px solid color-mix(in srgb,var(--karin-primary) 24%,var(--karin-border));
  border-radius:10px;
  background:color-mix(in srgb,var(--karin-primary) 10%,var(--karin-surface));
  color:var(--karin-primary-strong);
  font-size:12px;
  font-weight:var(--karin-fw-button);
}

@media(max-width:700px){
  body.karin-app-page .karin-actions--row{flex-wrap:wrap;gap:6px;white-space:normal;}
  body.karin-app-page .karin-actions--row>:is(a,button,form){flex:0 1 auto;width:auto;min-width:0;margin:0;}
  body.karin-app-page .karin-actions--row>form>button{width:auto;margin:0;}

  body.karin-app-page .karin-pagination{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px 10px;
    align-items:center;
    padding:9px 10px;
  }
  body.karin-app-page .karin-pagination__summary{font-size:11px;line-height:1.5;}
  body.karin-app-page .karin-pagination__size{justify-content:flex-end;gap:5px;}
  body.karin-app-page .karin-pagination__size label{font-size:10.8px;}
  body.karin-app-page .karin-pagination__size select{width:64px;min-width:64px;min-height:36px;}
  body.karin-app-page .karin-pagination__links{grid-column:1/-1;width:100%;justify-content:center;gap:5px;}
  body.karin-app-page .karin-pagination__links :is(.karin-button,.karin-pagination__current){min-width:34px;min-height:34px;padding:6px 9px;margin:0;}
}
@media(max-width:390px){
  body.karin-app-page .karin-pagination{grid-template-columns:1fr;}
  body.karin-app-page .karin-pagination__size{justify-content:flex-start;}
  body.karin-app-page .karin-pagination__links{grid-column:1;justify-content:flex-start;}
}

html[data-theme="dark"]{
  --karin-chrome-sidebar-bg:#0d1726;
  --karin-chrome-topbar-bg:#101a2b;
  --karin-chrome-border:#24344a;
  --karin-chrome-text:#e5edf7;
  --karin-chrome-sidebar-shadow:0 8px 24px rgba(0,0,0,.12);
  --karin-chrome-topbar-shadow:0 8px 24px rgba(0,0,0,.12);
  --karin-chrome-brand-title:#edf3fa;
  --karin-chrome-brand-subtitle:#91a2b8;
  --karin-chrome-nav-text:#c0ccda;
  --karin-chrome-nav-hover-bg:#14233a;
  --karin-chrome-nav-hover-text:#b9d9ff;
  --karin-chrome-nav-active-bg:#153252;
  --karin-chrome-nav-active-text:#9bc8ff;
  --karin-chrome-nav-icon-bg:#142238;
  --karin-chrome-nav-icon-border:#243851;
  --karin-chrome-nav-icon-text:#9cb1c8;
  --karin-chrome-footer-bg:#0f192a;
  --karin-chrome-footer-border:#28384f;
  --karin-chrome-theme-text:#c8d4e3;
  --karin-chrome-theme-hover-bg:#162238;
  --karin-chrome-theme-hover-border:#2b3c55;
  --karin-chrome-logout-bg:transparent;
  --karin-chrome-logout-text:#f08ca0;
  --karin-chrome-credit:#788aa1;
  --karin-chrome-menu-bg:#142238;
  --karin-chrome-menu-border:#30435c;
  --karin-chrome-menu-text:#d4dfeb;
  --karin-chrome-status-area-bg:#111d30;
  --karin-chrome-clock-border:#314158;
  --karin-chrome-clock-text:#a7b6c8;
  --karin-chrome-clock-detail:#c9d5e4;
  --karin-chrome-clock-time:#c9d5e4;
  --karin-chrome-offline-bg:#2a171d;
  --karin-chrome-offline-border:#61303b;
  --karin-chrome-offline-text:#fda4af;
}

/* Karin v5.80 — Canonical Application Chrome + Responsive Layout */
body.karin-app-page .karin-app-shell{
  display:flex!important;flex-direction:row!important;direction:rtl!important;align-items:flex-start!important;
  width:100%!important;min-width:0!important;min-height:100vh!important;
  background:linear-gradient(to left,var(--karin-chrome-sidebar-bg) 0 var(--karin-sidebar-width),transparent var(--karin-sidebar-width) 100%)!important;
}
body.karin-app-page .karin-sidebar{
  order:0!important;position:sticky!important;top:0!important;right:auto!important;left:auto!important;bottom:auto!important;
  flex:0 0 var(--karin-sidebar-width)!important;width:var(--karin-sidebar-width)!important;min-width:var(--karin-sidebar-width)!important;max-width:var(--karin-sidebar-width)!important;
  height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;
  padding:10px 9px 9px!important;margin:0!important;
  background:var(--karin-chrome-sidebar-bg)!important;border-left:1px solid var(--karin-chrome-border)!important;
  box-shadow:var(--karin-chrome-sidebar-shadow)!important;color:var(--karin-chrome-text)!important;
  z-index:40!important;transform:none!important;
}
body.karin-app-page .karin-sidebar-brand{
  display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;
  min-height:61px!important;padding:7px 5px 13px!important;margin:0 3px 15px!important;flex:0 0 auto!important;
}
body.karin-app-page .karin-sidebar-brand .brand-logo{
  display:grid!important;width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;
}
body.karin-app-page .karin-sidebar-brand .brand-logo img{display:block!important;width:42px!important;height:42px!important;border-radius:12px!important;}
body.karin-app-page .karin-sidebar-brand .brand-copy{min-width:0!important;overflow:visible!important;}
body.karin-app-page .karin-sidebar-brand .brand-copy b{
  display:block!important;margin:0!important;color:var(--karin-chrome-brand-title)!important;font-size:14.4px!important;line-height:1.25!important;font-weight:900!important;white-space:nowrap!important;
}
body.karin-app-page .karin-sidebar-brand .brand-copy span{
  display:block!important;margin-top:3px!important;color:var(--karin-chrome-brand-subtitle)!important;font-size:9.55px!important;line-height:1.25!important;font-weight:690!important;white-space:nowrap!important;letter-spacing:-.15px!important;
}
body.karin-app-page .karin-sidebar-nav{
  display:block!important;flex:1 1 auto!important;min-width:0!important;min-height:0!important;max-height:none!important;
  padding:0 5px!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
  scrollbar-width:thin!important;scrollbar-color:var(--karin-scroll-thumb) transparent!important;
}
body.karin-app-page .karin-sidebar-nav::-webkit-scrollbar{display:block!important;width:4px!important;height:5px!important;}
body.karin-app-page .karin-sidebar-nav::-webkit-scrollbar-track{background:transparent!important;}
body.karin-app-page .karin-sidebar-nav::-webkit-scrollbar-thumb{background:var(--karin-scroll-thumb)!important;border:0!important;border-radius:10px!important;min-height:42px!important;}
body.karin-app-page .karin-sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--karin-scroll-thumb-hover)!important;}
body.karin-app-page .karin-sidebar-nav>a,
body.karin-app-page .karin-sidebar-nav .nav-sub a{
  height:auto!important;max-width:100%!important;min-height:42px!important;margin:1px 0!important;
  display:flex!important;align-items:center!important;overflow:hidden!important;color:var(--karin-chrome-nav-text)!important;border-radius:12px!important;
}
body.karin-app-page .karin-sidebar-nav>a{padding:7px 9px!important;font-size:13px!important;font-weight:800!important;}
body.karin-app-page .karin-sidebar-nav .nav-sub a{min-height:41px!important;padding:7px 8px!important;font-size:12.75px!important;font-weight:760!important;gap:8px!important;}
body.karin-app-page .karin-sidebar-nav .nav-group{width:100%!important;max-width:100%!important;margin:4px 0 2px!important;background:transparent!important;border:0!important;border-radius:13px!important;box-shadow:none!important;overflow:hidden!important;}
body.karin-app-page .karin-sidebar-nav .nav-group-trigger{
  width:100%!important;min-width:0!important;height:auto!important;min-height:38px!important;margin:0!important;padding:6px 7px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;overflow:hidden!important;
  background:transparent!important;border:0!important;border-radius:12px!important;box-shadow:none!important;color:var(--karin-chrome-clock-detail)!important;
}
body.karin-app-page .karin-sidebar-nav .nav-group-trigger b{display:block!important;font-size:12.2px!important;font-weight:760!important;line-height:1.55!important;padding-block:1px!important;color:var(--karin-chrome-clock-detail)!important;white-space:nowrap!important;overflow:visible!important;}
body.karin-app-page .karin-sidebar-nav .nav-dot{width:4px!important;height:4px!important;flex:0 0 4px!important;background:#7d91a7!important;}
body.karin-app-page .karin-sidebar-nav .nav-chev{flex:0 0 14px!important;width:14px!important;text-align:center!important;color:#7d91a7!important;align-self:center!important;}
body.karin-app-page .karin-sidebar-nav .nav-sub{padding:1px 3px 6px!important;background:transparent!important;overflow:hidden!important;}
body.karin-app-page .karin-sidebar-nav .nav-label{display:block!important;min-width:0!important;max-height:none!important;line-height:1.55!important;padding-block:1px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
body.karin-app-page .karin-sidebar-nav .nav-icon{align-self:center!important;flex:0 0 auto!important;background:var(--karin-chrome-nav-icon-bg)!important;border:1px solid var(--karin-chrome-nav-icon-border)!important;color:var(--karin-chrome-nav-icon-text)!important;}
body.karin-app-page .karin-sidebar-nav>a:hover,
body.karin-app-page .karin-sidebar-nav .nav-sub a:hover{background:var(--karin-chrome-nav-hover-bg)!important;color:var(--karin-chrome-nav-hover-text)!important;}
body.karin-app-page .karin-sidebar-nav>a.active,
body.karin-app-page .karin-sidebar-nav .nav-sub a.active{background:var(--karin-chrome-nav-active-bg,var(--karin-chrome-nav-hover-bg))!important;color:var(--karin-chrome-nav-active-text,var(--karin-chrome-nav-hover-text))!important;}
body.karin-app-page .karin-sidebar-nav>a.active .nav-icon,
body.karin-app-page .karin-sidebar-nav .nav-sub a.active .nav-icon{background:var(--k21-blue-soft)!important;border-color:color-mix(in srgb,var(--k21-blue) 35%,var(--k21-border))!important;color:var(--k21-blue)!important;}
body.karin-app-page .karin-sidebar-footer{
  min-width:0!important;flex:0 0 auto!important;padding:9px 3px 0!important;border-top:1px solid var(--karin-chrome-footer-border)!important;
  background:var(--karin-chrome-footer-bg)!important;
}
body.karin-app-page .karin-sidebar-footer .karin-theme-toggle,
body.karin-app-page .karin-sidebar-logout{
  width:100%!important;min-height:37px!important;margin:0 0 3px!important;padding:6px 9px!important;border-radius:10px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;font-size:12.4px!important;font-weight:720!important;
  text-decoration:none!important;box-shadow:none!important;transform:none!important;
}
body.karin-app-page .karin-sidebar-footer .karin-theme-toggle{background:transparent!important;border:1px solid transparent!important;color:var(--karin-chrome-theme-text)!important;}
body.karin-app-page .karin-sidebar-footer .karin-theme-toggle:hover{background:var(--karin-chrome-theme-hover-bg)!important;border-color:var(--karin-chrome-theme-hover-border)!important;}
body.karin-app-page .karin-sidebar-footer .karin-theme-toggle .theme-icon{width:19px!important;height:19px!important;flex:0 0 19px!important;}
body.karin-app-page .karin-sidebar-logout{background:var(--karin-chrome-logout-bg)!important;border:1px solid transparent!important;color:var(--karin-chrome-logout-text)!important;}
body.karin-app-page .karin-sidebar-logout:hover{background:#fff4f6!important;border-color:#ffdce3!important;color:#b4233d!important;}
body.karin-app-page .karin-sidebar-logout .nav-icon{width:20px!important;height:20px!important;flex:0 0 20px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;color:currentColor!important;}
body.karin-app-page .karin-sidebar-credit{opacity:1!important;margin:7px 3px 0!important;padding:1px 1px 0!important;text-align:center!important;color:var(--karin-chrome-credit)!important;font-size:9.6px!important;line-height:1.65!important;}
body.karin-app-page .karin-sidebar-credit span,body.karin-app-page .karin-sidebar-credit small{display:block!important;}
body.karin-app-page .karin-sidebar-credit small{margin-top:1px!important;color:#a0aaba!important;font-size:9.2px!important;font-weight:650!important;direction:rtl!important;}

body.karin-app-page .karin-content{
  order:1!important;flex:1 1 0!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;
  padding:18px var(--karin-content-gutter-desktop) 38px!important;background:transparent!important;direction:rtl!important;
}
body.karin-app-page .karin-content>*,body.karin-app-page .karin-topbar{max-width:var(--karin-content-max-width)!important;margin-left:auto!important;margin-right:auto!important;}
body.karin-app-page .karin-topbar{
  position:sticky!important;top:8px!important;z-index:var(--karin-z-topbar)!important;
  min-height:var(--karin-topbar-height)!important;height:auto!important;padding:10px 12px!important;margin-bottom:16px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
  border:1px solid var(--karin-chrome-border)!important;border-radius:17px!important;background:var(--karin-chrome-topbar-bg)!important;
  box-shadow:var(--karin-chrome-topbar-shadow)!important;color:var(--karin-chrome-text)!important;
}
body.karin-app-page .karin-top-title{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;flex:1 1 auto!important;}
body.karin-app-page .karin-top-title .top-title-copy{display:none!important;}
body.karin-app-page .karin-topbar h1{flex:0 1 auto!important;min-width:0!important;max-width:none!important;margin:0!important;color:var(--karin-chrome-brand-title)!important;font-size:18px!important;font-weight:900!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.karin-app-page .karin-menu-toggle{display:grid!important;place-items:center!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;margin:0!important;border-radius:10px!important;background:var(--karin-chrome-menu-bg)!important;border:1px solid var(--karin-chrome-menu-border)!important;color:var(--karin-chrome-menu-text)!important;box-shadow:none!important;}
body.karin-app-page .karin-topbar-status{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;padding:0!important;gap:8px!important;background:var(--karin-chrome-status-area-bg)!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;}
body.karin-app-page .karin-online-status{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:73px!important;height:auto!important;min-height:40px!important;flex:0 0 auto!important;padding:0 11px!important;gap:6px!important;border-radius:13px!important;box-shadow:none!important;color:#16845f!important;white-space:nowrap!important;}
body.karin-app-page .karin-online-status b{min-width:34px!important;font-size:10.8px!important;font-weight:900!important;text-align:center!important;}
body.karin-app-page .karin-online-status.status-online{background:var(--k21-green-soft)!important;border:1px solid #a7f3d0!important;}
body.karin-app-page .karin-online-status.status-online b{color:var(--k21-green)!important;}
body.karin-app-page .karin-online-status.status-offline{background:var(--karin-chrome-offline-bg)!important;border:1px solid var(--karin-chrome-offline-border)!important;}
body.karin-app-page .karin-online-status.status-offline b{color:var(--karin-chrome-offline-text)!important;}
body.karin-app-page .karin-online-status.status-offline .signal-bars i{background:#ef4444!important;}
body.karin-app-page .karin-clock{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;width:232px!important;min-width:232px!important;height:40px!important;min-height:40px!important;flex:0 0 232px!important;
  padding:0 12px!important;gap:11px!important;background:var(--k21-surface-2)!important;border:1px solid var(--karin-chrome-clock-border)!important;border-radius:13px!important;color:var(--karin-chrome-clock-text)!important;white-space:nowrap!important;line-height:1.35!important;font-variant-numeric:tabular-nums!important;
}
body.karin-app-page .karin-clock span{flex:1 1 auto!important;min-width:max-content!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;font-size:10.3px!important;font-weight:700!important;color:var(--karin-chrome-clock-detail)!important;}
body.karin-app-page .karin-clock b{width:62px!important;min-width:62px!important;flex:0 0 62px!important;font-size:10.9px!important;font-weight:900!important;color:var(--karin-chrome-clock-time)!important;text-align:left!important;direction:ltr!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important;}
body.karin-app-page .theme-toggle:not(.karin-theme-toggle):not(.login-theme-toggle){display:none!important;}
body.karin-app-page .karin-sidebar-backdrop{display:none!important;pointer-events:none!important;}

body.karin-app-page.sidebar-collapsed .karin-app-shell{background:transparent!important;}
body.karin-app-page.sidebar-collapsed .karin-sidebar{display:none!important;flex-basis:0!important;width:0!important;min-width:0!important;max-width:0!important;}
body.karin-app-page.sidebar-collapsed .karin-content{flex:1 1 100%!important;width:auto!important;max-width:none!important;margin:0!important;}

@media(max-width:1000px){
  body.karin-app-page .karin-app-shell{background:transparent!important;}
  body.karin-app-page .karin-sidebar{
    position:fixed!important;right:0!important;top:0!important;bottom:0!important;
    width:var(--karin-sidebar-width)!important;min-width:var(--karin-sidebar-width)!important;max-width:var(--karin-sidebar-width)!important;height:100dvh!important;
    transform:translateX(calc(var(--karin-sidebar-width) + 12px))!important;box-shadow:-20px 0 70px rgba(15,36,64,.14)!important;z-index:var(--karin-z-sidebar)!important;
  }
  body.karin-app-page.sidebar-collapsed .karin-sidebar{display:flex!important;flex:0 0 var(--karin-sidebar-width)!important;width:var(--karin-sidebar-width)!important;min-width:var(--karin-sidebar-width)!important;max-width:var(--karin-sidebar-width)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
  body.karin-app-page.sidebar-open .karin-sidebar{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translateX(0)!important;}
  body.karin-app-page .karin-sidebar-backdrop{display:none!important;position:fixed!important;inset:0!important;background:rgba(15,23,42,.42)!important;z-index:var(--karin-z-sidebar-backdrop)!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
  body.karin-app-page.sidebar-open .karin-sidebar-backdrop{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
  body.karin-app-page .karin-content{width:100%!important;max-width:none!important;margin:0!important;padding:11px var(--karin-content-gutter-tablet) 28px!important;}
  body.karin-app-page .karin-content>*{max-width:100%;}
}
@media(max-width:760px){
  body.karin-app-page .karin-content{padding-inline:var(--karin-content-gutter-mobile)!important;padding-bottom:calc(18px + env(safe-area-inset-bottom))!important;}
}
@media(max-width:700px){
  body.karin-app-page .karin-content{padding-top:7px!important;}
  body.karin-app-page .karin-topbar{top:5px!important;height:var(--karin-topbar-height-mobile)!important;min-height:var(--karin-topbar-height-mobile)!important;padding:8px!important;margin-bottom:11px!important;gap:5px!important;border-radius:15px!important;overflow:visible!important;}
  body.karin-app-page .karin-top-title{flex:1 1 auto!important;min-width:0!important;overflow:visible!important;gap:5px!important;}
  body.karin-app-page .karin-menu-toggle{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;flex:0 0 34px!important;border-radius:10px!important;}
  body.karin-app-page .karin-topbar h1{flex:1 1 auto!important;min-width:0!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;font-size:clamp(10.7px,3.15vw,12.2px)!important;line-height:1.1!important;letter-spacing:-.25px!important;}
  body.karin-app-page .karin-topbar-status{flex:0 0 auto!important;gap:4px!important;overflow:visible!important;}
  body.karin-app-page .karin-online-status{min-width:46px!important;width:46px!important;flex:0 0 46px!important;height:32px!important;min-height:32px!important;padding:0 4px!important;gap:3px!important;border-radius:10px!important;}
  body.karin-app-page .karin-online-status b{font-size:8.7px!important;min-width:24px!important;}
  body.karin-app-page .karin-clock{width:128px!important;min-width:128px!important;flex:0 0 128px!important;height:34px!important;min-height:34px!important;padding:0 7px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 52px!important;align-items:center!important;justify-content:stretch!important;column-gap:8px!important;border-radius:10px!important;}
  body.karin-app-page .karin-clock span,body.karin-app-page .karin-clock b{width:auto!important;min-width:0!important;max-width:none!important;flex:none!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important;line-height:1!important;white-space:nowrap!important;font-size:0!important;text-overflow:clip!important;}
  body.karin-app-page .karin-clock span{text-align:right!important;direction:rtl!important;}
  body.karin-app-page .karin-clock b{text-align:left!important;direction:ltr!important;font-variant-numeric:tabular-nums!important;font-feature-settings:"tnum" 1!important;}
  body.karin-app-page .karin-clock span:after{content:attr(data-short)!important;font-size:8.25px!important;line-height:1!important;color:var(--karin-chrome-clock-detail)!important;font-weight:760!important;white-space:nowrap!important;}
  body.karin-app-page .karin-clock b:after{content:attr(data-short)!important;font-size:8.55px!important;line-height:1!important;color:var(--k21-text)!important;font-weight:900!important;white-space:nowrap!important;}
}
@media(max-width:370px){
  body.karin-app-page .karin-top-title{gap:4px!important;}
  body.karin-app-page .karin-topbar h1{font-size:10.45px!important;letter-spacing:-.35px!important;}
  body.karin-app-page .karin-online-status{width:40px!important;min-width:40px!important;flex-basis:40px!important;padding:0 3px!important;}
  body.karin-app-page .karin-online-status .signal-bars{display:none!important;}
  body.karin-app-page .karin-online-status b{font-size:8.25px!important;min-width:0!important;}
}
@media(max-width:380px){
  body.karin-app-page .karin-sidebar,body.karin-app-page.sidebar-collapsed .karin-sidebar{width:82vw!important;min-width:82vw!important;max-width:82vw!important;flex-basis:82vw!important;}
}
@media(min-width:1001px){body.karin-app-page .karin-sidebar-backdrop{display:none!important;pointer-events:none!important;}}
@media print{body.karin-app-page .karin-content{margin:0!important;width:100%!important;max-width:none!important;padding:0!important;}}

/* ======================================================================== Karin v5.95 — Super Admin Plan Management Scoped management surface; no global button/layout ownership changes. ======================================================================== */
body.karin-page-plan-management .karin-plan-admin{display:grid;gap:14px;}
body.karin-page-plan-management .karin-plan-form{display:grid;gap:14px;margin:0;}
body.karin-page-plan-management .karin-plan-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;}
body.karin-page-plan-management .karin-plan-summary-grid>div{display:flex;flex-direction:column;gap:5px;min-width:0;padding:11px 12px;border:1px solid var(--karin-border);border-radius:12px;background:var(--karin-surface-soft);}
body.karin-page-plan-management .karin-plan-summary-grid span{font-size:11px;color:var(--karin-text-muted);}
body.karin-page-plan-management .karin-plan-summary-grid b{font-size:13px;color:var(--karin-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.karin-page-plan-management .karin-plan-info,
body.karin-page-plan-management .karin-plan-note{margin-top:12px;padding:10px 12px;border:1px solid var(--karin-info-border);border-radius:12px;background:var(--karin-info-surface);color:var(--karin-info-text);font-size:12px;line-height:1.8;}
body.karin-page-plan-management .karin-plan-identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
body.karin-page-plan-management .karin-plan-identity-grid>div{display:flex;flex-direction:column;gap:6px;}
body.karin-page-plan-management .karin-plan-feature-groups{display:grid;gap:14px;}
body.karin-page-plan-management .karin-plan-feature-group{display:grid;gap:9px;}
body.karin-page-plan-management .karin-plan-feature-group h3{margin:0;font-size:13.5px;}
body.karin-page-plan-management .karin-plan-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
body.karin-page-plan-management .karin-plan-feature-item{display:flex;align-items:flex-start;gap:10px;min-width:0;padding:11px;border:1px solid var(--karin-border);border-radius:13px;background:var(--karin-surface-raised);cursor:pointer;transition:border-color var(--karin-motion-base) var(--karin-ease-standard),background var(--karin-motion-base) var(--karin-ease-standard);}
body.karin-page-plan-management .karin-plan-feature-item.is-enabled{border-color:var(--karin-success-border);background:var(--karin-success-surface);}
body.karin-page-plan-management .karin-plan-feature-item.is-disabled{opacity:.82;}
body.karin-page-plan-management .karin-plan-feature-check{display:inline-flex;flex:0 0 auto;padding-top:2px;}
body.karin-page-plan-management .karin-plan-feature-check input{width:17px;height:17px;min-height:17px;margin:0;accent-color:var(--karin-primary);}
body.karin-page-plan-management .karin-plan-feature-copy{display:flex;flex-direction:column;min-width:0;gap:3px;}
body.karin-page-plan-management .karin-plan-feature-copy b{font-size:12.5px;}
body.karin-page-plan-management .karin-plan-feature-copy small{font-size:10.5px;color:var(--karin-text-muted);overflow:hidden;text-overflow:ellipsis;}
body.karin-page-plan-management .karin-plan-feature-copy em{font-style:normal;font-size:10.5px;line-height:1.6;color:var(--karin-text-muted);}
body.karin-page-plan-management .karin-plan-limit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;}
body.karin-page-plan-management .karin-plan-limit-item{display:grid;gap:7px;padding:11px;border:1px solid var(--karin-border);border-radius:13px;background:var(--karin-surface-raised);}
body.karin-page-plan-management .karin-plan-limit-item.is-over{border-color:var(--karin-danger-border);background:var(--karin-danger-surface);}
body.karin-page-plan-management .karin-plan-limit-head{display:flex;align-items:center;justify-content:space-between;gap:8px;}
body.karin-page-plan-management .karin-plan-limit-head b{font-size:12px;}
body.karin-page-plan-management .karin-plan-limit-head span{font-size:10.5px;color:var(--karin-text-muted);white-space:nowrap;}
body.karin-page-plan-management .karin-plan-limit-item>small{font-size:10px;color:var(--karin-text-muted);}
body.karin-page-plan-management .karin-plan-limit-item>em{font-size:10.5px;font-style:normal;color:var(--karin-danger-text);line-height:1.6;}
body.karin-page-plan-management .karin-plan-save-card,
body.karin-page-plan-management .karin-plan-reset-card{display:flex;align-items:center;justify-content:space-between;gap:16px;}
body.karin-page-plan-management .karin-plan-save-card p,
body.karin-page-plan-management .karin-plan-reset-card p{margin:4px 0 0;}
body.karin-page-plan-management .karin-plan-reset-card{border-color:var(--karin-danger-border);}
@media(max-width:1100px){
 body.karin-page-plan-management .karin-plan-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
 body.karin-page-plan-management .karin-plan-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 body.karin-page-plan-management .karin-plan-limit-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:700px){
 body.karin-page-plan-management .karin-plan-summary-grid,
 body.karin-page-plan-management .karin-plan-identity-grid,
 body.karin-page-plan-management .karin-plan-feature-grid,
 body.karin-page-plan-management .karin-plan-limit-grid{grid-template-columns:1fr;}
 body.karin-page-plan-management .karin-plan-save-card,
 body.karin-page-plan-management .karin-plan-reset-card{align-items:stretch;flex-direction:column;}
 body.karin-page-plan-management .karin-plan-save-card .karin-actions,
 body.karin-page-plan-management .karin-plan-reset-card form,
 body.karin-page-plan-management .karin-plan-reset-card .karin-button{width:100%;}
}

/* Karin v5.98 — Business Operations Ledger */
.karin-ops-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.karin-ops-hero h2{margin:4px 0 5px}.karin-ops-summary .karin-stat{background:var(--karin-surface);border:1px solid var(--karin-border);border-radius:18px;padding:15px;box-shadow:var(--karin-shadow-sm)}.karin-ops-filter-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:4;gap:8px;align-items:end;align-self:end}.karin-ops-filter-actions>*{min-width:0;width:100%}.karin-op-badge.success{background:var(--karin-success-surface);color:var(--karin-success-text);border-color:var(--karin-success-border)}.karin-op-badge.info{background:var(--karin-info-surface);color:var(--karin-info-text);border-color:var(--karin-info-border)}.karin-op-badge.warning{background:var(--karin-warning-surface);color:var(--karin-warning-text);border-color:var(--karin-warning-border)}.karin-op-badge.danger{background:var(--karin-danger-surface);color:var(--karin-danger-text);border-color:var(--karin-danger-border)}
@media(max-width:1050px){.karin-ops-filter-actions{grid-column:auto}}@media(max-width:620px){.karin-ops-filter-actions{display:grid;grid-template-columns:1fr 1fr}}

/* Karin v5.98 — Due Center canonical extraction */
.karin-due-page{display:grid;gap:14px}.karin-due-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.karin-due-summary a{display:block;text-decoration:none;color:var(--karin-text);background:var(--karin-surface);border:1px solid var(--karin-border);border-radius:18px;padding:15px;box-shadow:var(--karin-shadow-sm)}.karin-due-summary span{display:block;color:var(--karin-text-muted);font-size:12px}.karin-due-summary b{display:block;font-size:22px;margin:4px 0}.karin-due-summary small{color:var(--karin-text-muted)}.karin-due-summary .is-overdue b{color:var(--karin-danger)}.karin-due-summary .is-today b{color:var(--karin-warning)}.karin-due-summary .is-next b{color:var(--karin-primary)}
.karin-due-tabs{display:flex;gap:8px;flex-wrap:wrap}.karin-due-tabs a{min-height:38px;display:inline-flex;align-items:center;padding:0 13px;border:1px solid var(--karin-border);border-radius:12px;background:var(--karin-surface);color:var(--karin-text);text-decoration:none;font-weight:700}.karin-due-tabs a.active{background:var(--karin-primary);border-color:var(--karin-primary);color:#fff}.karin-due-filter{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(220px,1.2fr) minmax(160px,.8fr) auto auto;gap:10px;align-items:end}.karin-due-filter label{display:block;font-size:12px;font-weight:700;color:var(--karin-text-muted);margin-bottom:5px}.karin-due-filter input,.karin-due-filter select{width:100%;height:42px;box-sizing:border-box}.karin-due-main{display:flex;flex-direction:column;gap:3px}.karin-due-main b{color:var(--karin-text)}.karin-due-main small{color:var(--karin-text-muted)}.karin-due-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;white-space:nowrap}.karin-due-status.danger{background:var(--karin-danger-surface);color:var(--karin-danger-text);border:1px solid var(--karin-danger-border)}.karin-due-status.warning{background:var(--karin-warning-surface);color:var(--karin-warning-text);border:1px solid var(--karin-warning-border)}.karin-due-status.info{background:var(--karin-info-surface);color:var(--karin-info-text);border:1px solid var(--karin-info-border)}.karin-due-status.neutral{background:var(--karin-surface-muted);color:var(--karin-text-muted);border:1px solid var(--karin-border)}.karin-due-direction{font-size:11px;font-weight:800}.karin-due-direction.in{color:var(--karin-success)}.karin-due-direction.out{color:var(--karin-danger)}.karin-due-empty{padding:28px;text-align:center;color:var(--karin-text-muted)}
@media(max-width:900px){.karin-due-summary{grid-template-columns:1fr}.karin-due-filter{grid-template-columns:1fr 1fr}.karin-due-filter .wide{grid-column:1/-1}}@media(max-width:560px){.karin-due-filter{grid-template-columns:1fr}.karin-due-filter .wide{grid-column:auto}.karin-due-tabs{display:grid;grid-template-columns:1fr 1fr}.karin-due-tabs a{justify-content:center}}

.karin-due-filter-spaced{margin-top:12px}

/* ======================================================================== Karin v5.99 — Stabilization: canonical metrics, filter grid, multiselect, Operations readability and Supply Needs modernization. ======================================================================== */
body.karin-app-page .karin-metric-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:10px;
  margin:0;
}
body.karin-app-page .karin-metric-card{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
  min-height:96px;
  padding:14px 15px;
  border:1px solid var(--karin-surface-border);
  border-color:var(--karin-surface-border)!important;
  border-radius:var(--karin-radius-lg);
  background:linear-gradient(180deg,var(--karin-surface-raised),var(--karin-surface-soft));
  box-shadow:var(--karin-shadow-sm);
}
body.karin-app-page .karin-metric-card::after{
  content:"";
  position:absolute;
  inset:auto auto -34px -34px;
  width:92px;
  height:92px;
  border-radius:50%;
  background:var(--karin-primary-soft);
  opacity:.72;
  pointer-events:none;
}
body.karin-app-page .karin-metric-card>span,
body.karin-app-page .karin-metric-card>small,
body.karin-app-page .karin-metric-card>b{position:relative;z-index:1}
body.karin-app-page .karin-metric-card>span{font-size:11.5px;font-weight:650;color:var(--karin-text-muted)}
body.karin-app-page .karin-metric-card>b{font-size:21px;line-height:1.35;color:var(--karin-text);font-weight:800}
body.karin-app-page .karin-metric-card>small{font-size:10.5px;color:var(--karin-text-muted)}
body.karin-app-page .karin-metric-card.is-danger::after{background:var(--karin-danger-surface)}
body.karin-app-page .karin-metric-card.is-warning::after{background:var(--karin-warning-surface)}

body.karin-app-page .karin-filter-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
  align-items:end;
}
body.karin-app-page .karin-field{display:grid;gap:6px;min-width:0;align-self:end}
body.karin-app-page .karin-field>label{margin:0;color:var(--karin-text-muted);font-size:11.5px;font-weight:650;line-height:1.4}
body.karin-app-page .karin-field-wide{grid-column:span 2}
body.karin-app-page .karin-filter-actions{display:flex;gap:8px;align-items:stretch;align-self:end;min-height:44px;height:44px}
body.karin-app-page .karin-filter-actions>:is(.karin-button,button,a){display:inline-flex;align-items:center;justify-content:center;min-width:104px;height:44px;min-height:44px;margin:0;line-height:1.25;box-sizing:border-box}
body.karin-app-page .karin-filter-actions .karin-button{min-width:104px}

body.karin-app-page .karin-multiselect{position:relative;min-width:0}
body.karin-app-page .karin-multiselect__trigger{
  box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px;
  width:100%;min-width:0;height:44px;min-height:44px;max-height:44px;margin:0;padding:0 13px;
  border:1px solid var(--karin-control-border);border-radius:13px;background:var(--karin-control-bg);color:var(--karin-text);
  box-shadow:none;font:inherit;font-size:13px;font-weight:550;line-height:1.4;text-align:right;cursor:pointer;
}
body.karin-app-page .karin-multiselect__trigger:hover{background:var(--karin-surface-muted);border-color:var(--karin-border-strong);color:var(--karin-text)}
body.karin-app-page .karin-multiselect.open .karin-multiselect__trigger,
body.karin-app-page .karin-multiselect__trigger:focus-visible{border-color:var(--karin-control-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--karin-primary) 13%,transparent);outline:0}
body.karin-app-page .karin-multiselect__trigger>[data-channel-trigger-label]{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.karin-app-page .karin-multiselect__chevron{flex:0 0 auto;color:var(--karin-text-muted);font-size:14px;line-height:1;transition:transform var(--karin-transition)}
body.karin-app-page .karin-multiselect.open .karin-multiselect__chevron{transform:rotate(180deg)}
body.karin-app-page .karin-multiselect__menu{
  display:none;position:absolute;top:calc(100% + 7px);right:0;left:auto;z-index:99999;
  width:min(340px,calc(100vw - 28px));min-width:min(290px,calc(100vw - 28px));max-height:min(340px,58vh);overflow:auto;
  padding:6px;border:1px solid var(--karin-border);border-radius:13px;background:var(--karin-surface-raised);color:var(--karin-text);
  box-shadow:0 18px 46px rgba(15,23,42,.15);direction:rtl;text-align:right;
}
body.karin-app-page .karin-multiselect.open .karin-multiselect__menu{display:block}
body.karin-app-page .karin-multiselect__group{display:block;margin:4px 0 0;padding:4px 0 0;border-top:1px solid var(--karin-border)}
body.karin-app-page .karin-multiselect__option{
  display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;height:34px;min-height:34px;max-height:34px;
  margin:0;padding:0 9px;border:0;border-radius:8px;background:transparent;color:var(--karin-text);
  font-size:12.5px;font-weight:560;line-height:1.4;cursor:pointer;box-sizing:border-box;text-align:right;white-space:nowrap;overflow:hidden;
}
body.karin-app-page .karin-multiselect__option:hover{background:var(--karin-surface-muted)}
body.karin-app-page .karin-multiselect__option.is-all{font-weight:750}
body.karin-app-page .karin-multiselect__option.is-parent{height:31px;min-height:31px;max-height:31px;color:var(--karin-text-muted);font-size:11.75px;font-weight:750}
body.karin-app-page .karin-multiselect__children{display:block;margin:0 18px 1px 0;padding:0 7px 0 0;border-right:1px solid var(--karin-border)}
body.karin-app-page .karin-multiselect__option.is-child{height:32px;min-height:32px;max-height:32px;font-size:12px;font-weight:550}
body.karin-app-page .karin-multiselect__option input[type="checkbox"][hidden]{display:none}
body.karin-app-page .karin-multiselect__mark{
  position:relative;display:inline-grid;place-items:center;flex:0 0 16px;width:16px;height:16px;
  border:1.5px solid var(--karin-control-border);border-radius:5px;background:var(--karin-control-bg);box-sizing:border-box;
}
body.karin-app-page .karin-multiselect__option input[type="checkbox"]:checked+.karin-multiselect__mark{background:var(--karin-primary);border-color:var(--karin-primary)}
body.karin-app-page .karin-multiselect__option input[type="checkbox"]:checked+.karin-multiselect__mark:after{content:"✓";color:#fff;font-size:10px;font-weight:900;line-height:1}
body.karin-app-page .karin-multiselect__option input[type="checkbox"]:indeterminate+.karin-multiselect__mark{border-color:var(--karin-primary);background:var(--karin-primary-soft)}
body.karin-app-page .karin-multiselect__option input[type="checkbox"]:indeterminate+.karin-multiselect__mark:after{content:"−";color:var(--karin-primary);font-size:12px;font-weight:900;line-height:1}
body.karin-app-page .karin-multiselect__text{display:block;min-width:0;flex:1 1 auto;margin:0;padding:0;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;line-height:1.5}

body.karin-page-operations .karin-ops-page{display:grid;gap:12px}
body.karin-page-operations .karin-ops-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px}
body.karin-page-operations .karin-ops-hero h2{margin:2px 0 4px;color:var(--karin-text);font-size:19px}
body.karin-page-operations .karin-ops-hero p{margin:0;color:var(--karin-text-muted);font-size:12px;line-height:1.8}
body.karin-page-operations .karin-section-kicker{display:block;color:var(--karin-primary);font-size:10.5px;font-weight:750}
body.karin-page-operations .karin-ops-filter{grid-template-columns:repeat(4,minmax(0,1fr))}
body.karin-page-operations .karin-ops-table{min-width:980px}
body.karin-page-operations .karin-ops-table th:nth-child(2){min-width:300px}
body.karin-page-operations .karin-op-event{display:grid;gap:5px;min-width:240px}
body.karin-page-operations .karin-op-event-head{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
body.karin-page-operations .karin-op-event-head strong{font-size:13px;color:var(--karin-text);font-weight:800}
body.karin-page-operations .karin-op-summary{display:block;color:var(--karin-text);font-size:12px;font-weight:600;line-height:1.65}
body.karin-page-operations .karin-op-event small{display:block;color:var(--karin-text-muted);font-size:10.8px;line-height:1.65}
body.karin-page-operations .karin-op-badge{display:inline-flex;align-items:center;min-height:22px;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:750;background:var(--karin-badge-neutral-bg);color:var(--karin-badge-neutral-text)}
body.karin-page-operations .karin-op-badge.success{background:var(--karin-badge-success-bg);color:var(--karin-badge-success-text)}
body.karin-page-operations .karin-op-badge.info{background:var(--karin-badge-info-bg);color:var(--karin-badge-info-text)}
body.karin-page-operations .karin-op-badge.warning{background:var(--karin-badge-warning-bg);color:var(--karin-badge-warning-text)}
body.karin-page-operations .karin-op-badge.danger{background:var(--karin-badge-danger-bg);color:var(--karin-badge-danger-text)}
body.karin-page-operations .karin-op-time,
body.karin-page-operations .karin-op-actor,
body.karin-page-operations .karin-op-ref{display:grid;gap:3px;white-space:nowrap}
body.karin-page-operations .karin-op-time b,
body.karin-page-operations .karin-op-actor b,
body.karin-page-operations .karin-op-ref b{font-size:11.5px;color:var(--karin-text)}
body.karin-page-operations .karin-op-actor span,
body.karin-page-operations .karin-op-ref small{font-size:10.5px;color:var(--karin-text-muted)}
body.karin-page-operations .karin-op-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
body.karin-page-operations .karin-op-actions form{margin:0}
body.karin-page-operations .karin-op-actions .karin-button{min-height:32px;padding:6px 9px;font-size:11px}
body.karin-page-operations .karin-op-void-note{display:block;margin-top:5px;max-width:180px;color:var(--karin-danger-text);font-size:9.8px;line-height:1.6}
body.karin-page-operations tr.is-voided{opacity:.67}
body.karin-page-operations tr.is-voided td{background:color-mix(in srgb,var(--karin-danger-surface) 45%,var(--karin-surface))}
body.karin-page-operations .karin-op-sensitive details>summary{cursor:pointer;color:var(--karin-primary);font-size:11px;font-weight:700}
body.karin-page-operations .karin-op-diff{display:grid;gap:5px;margin-top:6px;min-width:250px}
body.karin-page-operations .karin-op-diff-row{display:grid;grid-template-columns:minmax(80px,.8fr) 1fr 1fr;gap:5px;padding:5px;border-radius:8px;background:var(--karin-surface-soft);font-size:10px}
body.karin-page-operations .karin-op-diff-row strong{color:var(--karin-text)}
body.karin-page-operations .karin-op-diff-row span{color:var(--karin-text-muted);overflow-wrap:anywhere}


body.karin-page-reports .reports-filter .karin-multiselect__trigger{grid-row:2}
body.karin-page-reports .reports-filter .karin-multiselect__menu{color:var(--karin-text)}

@media(max-width:1100px){
  body.karin-app-page .karin-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.karin-page-operations .karin-ops-filter{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  body.karin-app-page .karin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body.karin-app-page .karin-metric-card{min-height:82px;padding:11px 12px;border-radius:14px}
  body.karin-app-page .karin-metric-card>b{font-size:18px}
  body.karin-app-page .karin-filter-grid,
  body.karin-page-operations .karin-ops-filter{grid-template-columns:1fr}
  body.karin-app-page .karin-field-wide,
  body.karin-page-operations .karin-ops-filter-actions,
  body.karin-app-page .karin-filter-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  body.karin-app-page .karin-filter-actions .karin-button{width:100%;min-width:0}
  body.karin-page-operations .karin-ops-hero{display:grid;grid-template-columns:1fr;padding:14px}
  body.karin-page-operations .karin-ops-hero .karin-button{width:100%}
  body.karin-app-page .karin-multiselect__trigger{height:46px;min-height:46px;max-height:46px;border-radius:14px;font-size:13px}
  body.karin-app-page .karin-multiselect__menu{right:0;left:0;width:100%;min-width:0;max-height:min(330px,56vh)}
  body.karin-page-operations .karin-ops-list-card{padding:12px}
  body.karin-page-operations .karin-ops-table{min-width:0}
  body.karin-page-operations .karin-ops-table thead{display:none}
  body.karin-page-operations .karin-ops-table,
  body.karin-page-operations .karin-ops-table tbody,
  body.karin-page-operations .karin-ops-table tr,
  body.karin-page-operations .karin-ops-table td,
  body.karin-page-operations .karin-ops-table tr{margin:9px 0;padding:10px 11px;border:1px solid var(--karin-border);border-radius:14px;background:var(--karin-surface-raised);box-shadow:var(--karin-shadow-sm)}
  body.karin-page-operations .karin-ops-table td{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;align-items:start;padding:7px 0;border:0;border-bottom:1px solid var(--karin-border);white-space:normal}
  body.karin-page-operations .karin-ops-table td:last-child{border-bottom:0}
  body.karin-page-operations .karin-ops-table td::before{content:attr(data-label);color:var(--karin-text-muted);font-size:10.5px;font-weight:700;line-height:1.7}
  body.karin-page-operations .karin-op-event{min-width:0}
}

/* ======================================================================== Karin v5.100 — Page Shell + Control Isolation Contract Topbar and the page canvas share one width. A wider canvas must be an explicit .karin-page-wide variant instead of a route-specific max-width. ======================================================================== */
body.karin-app-page{
  --karin-page-canvas:var(--karin-content-max-width,1360px);
}
body.karin-app-page .karin-content > .karin-topbar,
body.karin-app-page .karin-content > :not(.karin-topbar):not(script):not(style):not(link){
  width:100%!important;
  max-width:var(--karin-page-canvas)!important;
  margin-inline:auto!important;
}
body.karin-app-page.karin-page-wide{--karin-page-canvas:1520px;}

body.karin-page-reports .reports-filter .karin-multiselect__trigger.karin-control{
  background:var(--karin-control-bg);
  border-color:var(--karin-control-border);
  color:var(--karin-text);
  box-shadow:none;
  font-weight:500;
}
body.karin-page-reports .reports-filter .karin-multiselect__trigger.karin-control:hover{
  background:var(--karin-surface-muted);
  border-color:var(--karin-border-strong);
  color:var(--karin-text);
}
body.karin-page-reports .reports-filter .karin-multiselect.open .karin-multiselect__trigger.karin-control,
body.karin-page-reports .reports-filter .karin-multiselect__trigger.karin-control:focus-visible{
  background:var(--karin-control-bg);
  border-color:var(--karin-control-focus);
  color:var(--karin-text);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--karin-primary) 13%,transparent);
}

/* ======================================================================== Karin v5.103 — Channel Picker Rebuild Filter actions, metric surfaces, multiselect internals and checkout rhythm are shared owners; feature pages should not repaint them independently. ======================================================================== */
body.karin-app-page .karin-multiselect__menu{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--karin-scroll-thumb) transparent;}
body.karin-app-page .karin-multiselect__menu::-webkit-scrollbar{width:5px;}
body.karin-app-page .karin-multiselect__menu::-webkit-scrollbar-thumb{background:var(--karin-scroll-thumb);border-radius:999px;}

/* ======================================================================== Karin v5.104 — Reports Channel Picker Isolation The picker intentionally avoids <label> option rows and visible form inputs so historical .reports-filter label/input rules cannot reflow its options. ======================================================================== */
body.karin-page-reports .reports-filter>.karin-channel-picker{
  grid-area:channel;
  position:relative;
  display:grid;
  grid-template-rows:20px 44px;
  gap:6px;
  align-self:end;
  min-width:0;
  width:100%;
  margin:0;
  padding:0;
}
body.karin-page-reports .karin-channel-picker__label{
  display:block;
  height:20px;
  min-height:20px;
  margin:0;
  padding:0;
  color:var(--karin-text-muted);
  font-size:12px;
  font-weight:650;
  line-height:20px;
  text-align:right;
}
body.karin-page-reports .karin-channel-picker__trigger{
  grid-row:2;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  min-width:0;
  height:44px;
  min-height:44px;
  max-height:44px;
  margin:0;
  padding:0 13px;
  border:1px solid var(--karin-control-border);
  border-radius:13px;
  background:var(--karin-control-bg);
  color:var(--karin-text);
  box-shadow:none;
  font-size:13px;
  font-weight:550;
  line-height:1.4;
  text-align:right;
  cursor:pointer;
}
body.karin-page-reports .karin-channel-picker__trigger:hover{
  background:var(--karin-surface-muted);
  border-color:var(--karin-border-strong);
  color:var(--karin-text);
}
body.karin-page-reports .karin-channel-picker.open .karin-channel-picker__trigger,
body.karin-page-reports .karin-channel-picker__trigger:focus-visible{
  outline:0;
  border-color:var(--karin-control-focus);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--karin-primary) 13%,transparent);
}
body.karin-page-reports .karin-channel-picker__trigger>[data-channel-trigger-label]{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.karin-page-reports .karin-channel-picker__chevron{
  flex:0 0 auto;
  color:var(--karin-text-muted);
  font-size:14px;
  line-height:1;
  transition:transform var(--karin-transition);
}
body.karin-page-reports .karin-channel-picker.open .karin-channel-picker__chevron{transform:rotate(180deg);}
body.karin-page-reports .karin-channel-picker__menu{
  display:none;
  position:absolute;
  top:calc(100% + 7px);
  right:0;
  left:auto;
  z-index:99999;
  box-sizing:border-box;
  width:max(100%,310px);
  min-width:310px;
  max-width:min(360px,calc(100vw - 28px));
  max-height:min(330px,58vh);
  overflow-x:hidden;
  overflow-y:auto;
  padding:6px;
  border:1px solid var(--karin-border);
  border-radius:14px;
  background:var(--karin-surface-raised);
  color:var(--karin-text);
  box-shadow:0 18px 46px rgba(15,23,42,.16);
  direction:rtl;
  text-align:right;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:var(--karin-scroll-thumb) transparent;
}
body.karin-page-reports .karin-channel-picker.open .karin-channel-picker__menu{display:block;}
body.karin-page-reports .karin-channel-picker__menu::-webkit-scrollbar{width:5px;}
body.karin-page-reports .karin-channel-picker__menu::-webkit-scrollbar-thumb{background:var(--karin-scroll-thumb);border-radius:999px;}
body.karin-page-reports .karin-channel-picker__group{
  display:block;
  margin:4px 0 0;
  padding:4px 0 0;
  border-top:1px solid var(--karin-border);
}
body.karin-page-reports .karin-channel-picker__row{
  box-sizing:border-box;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  width:100%;
  min-width:0;
  height:34px;
  min-height:34px;
  max-height:34px;
  margin:0;
  padding:0 9px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:var(--karin-text);
  font-size:12.5px;
  font-weight:550;
  line-height:1.4;
  text-align:right;
  white-space:nowrap;
  overflow:hidden;
  cursor:pointer;
  user-select:none;
  outline:0;
}
body.karin-page-reports .karin-channel-picker__row:hover,
body.karin-page-reports .karin-channel-picker__row:focus-visible{background:var(--karin-surface-muted);}
body.karin-page-reports .karin-channel-picker__row.is-all{font-weight:750;}
body.karin-page-reports .karin-channel-picker__row.is-parent{
  height:32px;
  min-height:32px;
  max-height:32px;
  color:var(--karin-text-muted);
  font-size:11.75px;
  font-weight:750;
}
body.karin-page-reports .karin-channel-picker__children{
  display:block;
  margin:0 18px 1px 0;
  padding:0 7px 0 0;
  border-right:1px solid var(--karin-border);
}
body.karin-page-reports .karin-channel-picker__row.is-child{height:33px;min-height:33px;max-height:33px;font-size:12.25px;}
body.karin-page-reports .karin-channel-picker__input{display:none;width:0;height:0;min-width:0;min-height:0;margin:0;padding:0;}
body.karin-page-reports .karin-channel-picker__mark{
  position:relative;
  display:inline-grid;
  place-items:center;
  flex:0 0 16px;
  width:16px;
  height:16px;
  min-width:16px;
  min-height:16px;
  max-width:16px;
  max-height:16px;
  margin:0;
  padding:0;
  border:1.5px solid var(--karin-control-border);
  border-radius:5px;
  background:var(--karin-control-bg);
  box-shadow:none;
  box-sizing:border-box;
}
body.karin-page-reports .karin-channel-picker__row.is-checked .karin-channel-picker__mark{background:var(--karin-primary);border-color:var(--karin-primary);}
body.karin-page-reports .karin-channel-picker__row.is-checked .karin-channel-picker__mark:after{content:"✓";color:#fff;font-size:10px;font-weight:900;line-height:1;}
body.karin-page-reports .karin-channel-picker__row.is-mixed .karin-channel-picker__mark{background:var(--karin-primary-soft);border-color:var(--karin-primary);}
body.karin-page-reports .karin-channel-picker__row.is-mixed .karin-channel-picker__mark:after{content:"−";color:var(--karin-primary);font-size:12px;font-weight:900;line-height:1;}
body.karin-page-reports .karin-channel-picker__text{
  display:block;
  flex:1 1 auto;
  min-width:0;
  margin:0;
  padding:0;
  color:inherit;
  font:inherit;
  line-height:1.45;
  text-align:right;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(max-width:700px){
  body.karin-page-reports .reports-filter>.karin-channel-picker{grid-template-rows:20px 46px;gap:6px;}
  body.karin-page-reports .karin-channel-picker__trigger{height:46px;min-height:46px;max-height:46px;border-radius:14px;font-size:13.5px;}
  body.karin-page-reports .karin-channel-picker__menu{right:0;left:0;width:100%;min-width:0;max-width:100%;max-height:min(330px,56vh);}
}

/* ======================================================================== Karin v5.106 — General settings information architecture Shared settings primitives; no route-local style ownership. ======================================================================== */
body.karin-app-page .karin-settings-form{display:grid;gap:14px;margin:0;}
body.karin-app-page .karin-settings-card{display:grid;gap:14px;padding:18px;}
body.karin-app-page .karin-settings-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--karin-border);}
body.karin-app-page .karin-settings-card__head h2{margin:0;font-size:17px;line-height:1.5;color:var(--karin-text);}
body.karin-app-page .karin-settings-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
body.karin-app-page .karin-settings-field{display:grid;gap:6px;min-width:0;}
body.karin-app-page .karin-settings-field>label{margin:0;color:var(--karin-text-muted);font-size:11.5px;font-weight:800;}
body.karin-app-page .karin-settings-field>small{margin:0;color:var(--karin-text-muted);font-size:10.8px;line-height:1.7;}
body.karin-app-page .karin-setting-toggle{display:grid!important;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;margin:0!important;padding:13px 14px;border:1px solid var(--karin-border);border-radius:14px;background:var(--karin-surface-soft);cursor:pointer;}
body.karin-app-page .karin-setting-toggle.is-enabled{border-color:var(--karin-success-border);background:var(--karin-success-surface);}
body.karin-app-page .karin-setting-toggle.is-disabled{border-color:var(--karin-warning-border);background:var(--karin-warning-surface);}
body.karin-app-page .karin-setting-toggle>input,
body.karin-app-page .karin-setting-check>input{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;margin:2px 0 0!important;padding:0!important;accent-color:var(--karin-primary);box-shadow:none!important;}
body.karin-app-page .karin-setting-toggle__copy{display:grid;gap:3px;min-width:0;}
body.karin-app-page .karin-setting-toggle__copy b{font-size:13px;color:var(--karin-text);}
body.karin-app-page .karin-setting-toggle__copy small{font-size:10.8px;line-height:1.7;color:var(--karin-text-muted);}
body.karin-app-page .karin-settings-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
body.karin-app-page .karin-setting-check{display:flex!important;align-items:center;gap:9px;min-width:0;margin:0!important;padding:10px 11px;border:1px solid var(--karin-border);border-radius:12px;background:var(--karin-surface-soft);color:var(--karin-text);font-size:11.5px;font-weight:750;cursor:pointer;}
body.karin-app-page .karin-setting-check--wide{grid-column:1/-1;}
body.karin-app-page .karin-setting-check--compact{padding:8px 10px;background:var(--karin-surface-raised);font-size:11px;}
body.karin-app-page .karin-setting-check span{min-width:0;line-height:1.55;}
body.karin-app-page .karin-settings-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
body.karin-app-page .karin-settings-actions{margin:0;padding-top:2px;}
body.karin-app-page .karin-inventory-dialog{position:relative;width:min(500px,94vw);border:1px solid var(--karin-border);border-radius:18px;padding:20px;background:var(--karin-surface);color:var(--karin-text);box-shadow:var(--karin-shadow-modal);direction:rtl;}
body.karin-app-page .karin-inventory-dialog::backdrop{background:var(--karin-overlay);}
body.karin-app-page .karin-inventory-dialog .dialog-close{position:absolute;left:12px;top:10px;}
body.karin-app-page .karin-inventory-dialog h2{margin:0 0 10px;}
body.karin-app-page .karin-inventory-dialog p{margin:0 0 14px;color:var(--karin-text-muted);}
@media(max-width:760px){
 body.karin-app-page .karin-settings-grid-2,
 body.karin-app-page .karin-settings-toggle-grid{grid-template-columns:1fr;}
 body.karin-app-page .karin-setting-check--wide{grid-column:auto;}
 body.karin-app-page .karin-settings-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:460px){
 body.karin-app-page .karin-settings-card{padding:14px;}
 body.karin-app-page .karin-settings-choice-grid{grid-template-columns:1fr;}
}

/* ======================================================================== Karin v5.109 — Canonical Topbar Menu Icon Contract The chrome button owns its box; the SVG owns a fixed visible glyph size. Keep this out of legacy/page CSS so cleanup cannot erase the hamburger. ======================================================================== */
body.karin-app-page .karin-menu-toggle > svg.karin-menu-icon{
  display:block;
  width:18px;
  height:18px;
  min-width:18px;
  min-height:18px;
  flex:0 0 18px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  color:inherit;
  pointer-events:none;
}
body.karin-app-page .karin-menu-toggle > svg.karin-menu-icon path{vector-effect:non-scaling-stroke;}
@media(max-width:740px){
  body.karin-app-page .karin-menu-toggle > svg.karin-menu-icon{width:17px;height:17px;min-width:17px;min-height:17px;flex-basis:17px;}
}

/* Karin v5.110 — canonical page stack / accounting foundation layout */
body.karin-app-page .karin-page-stack{display:grid;gap:var(--karin-space-3,16px);}
body.karin-app-page .karin-page-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
body.karin-app-page .karin-page-hero h2{margin:2px 0 4px;}
body.karin-page-accounting .accounting-lines{min-width:320px;display:grid;gap:6px;margin-top:8px;}
body.karin-page-accounting .accounting-lines>div{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid var(--karin-surface-border);}
body.karin-page-accounting .accounting-lines>div:last-child{border-bottom:0;}
body.karin-page-accounting details summary{cursor:pointer;font-weight:800;}
@media(max-width:720px){body.karin-app-page .karin-page-hero{align-items:flex-start;}body.karin-page-accounting .accounting-lines{min-width:260px;}}

/* Karin v5.120 — Quick POS title copy may use two lines inside the existing tile footprint. */
body.karin-page-quick-pos .product-list .product-tile .tile-title-copy,
body.karin-page-sales #new-sale-frame-modal .new-sale-inline-content .product-list .product-tile .tile-title-copy{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  min-height:34px;
  max-height:34px;
  overflow:hidden;
  white-space:normal;
  line-height:1.35;
}
body.karin-page-reports .hourly-selected>b,
body.karin-page-reports .hourly-time,
body.karin-page-index .dash-hourly-range{direction:ltr;unicode-bidi:isolate;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;white-space:nowrap!important;}
body.karin-page-index .dash-hourly-range .dash-hourly-time{direction:ltr!important;unicode-bidi:isolate!important;font-variant-numeric:tabular-nums!important;}
body.karin-page-index .dash-hourly-range .dash-hourly-separator{direction:rtl!important;unicode-bidi:isolate!important;}
@media(max-width:700px){
  body.karin-page-quick-pos .product-list .product-tile .tile-title-copy,
  body.karin-page-sales #new-sale-frame-modal .new-sale-inline-content .product-list .product-tile .tile-title-copy{min-height:32px;max-height:32px;line-height:1.28;}
}

/* Karin v5.131 — Quick POS search ownership + receipt review UI. */
body.karin-page-quick-pos .pos-products-head .product-panel-search,
body.karin-page-sales .new-sale-inline-content .pos-products-head .product-panel-search{
  width:100%!important;margin:0!important;min-height:42px!important;border-radius:12px!important;
}
body.karin-page-quick-pos .mixed-total-strip,
body.karin-page-sales .new-sale-inline-content .mixed-total-strip{
  direction:rtl!important;text-align:right!important;justify-content:flex-start!important;
}
body.karin-page-sale-view .sale-view-meta>div>b[dir="ltr"],
body.karin-page-site-sale-view .sale-view-meta>div>b[dir="ltr"]{
  direction:ltr!important;text-align:right!important;unicode-bidi:isolate!important;width:100%!important;
}
body.karin-page-sale-view .payment-receipt-card{display:grid!important;gap:12px!important;}
body.karin-page-sale-view .payment-receipt-head{margin:0!important;padding:0 0 10px!important;border-bottom:1px solid var(--karin-border)!important;}
body.karin-page-sale-view .payment-receipt-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
body.karin-page-sale-view .payment-receipt-summary>div{display:grid!important;gap:4px!important;padding:10px 11px!important;border:1px solid var(--karin-border)!important;border-radius:12px!important;background:var(--karin-surface-soft)!important;}
body.karin-page-sale-view .payment-receipt-summary small{color:var(--karin-text-muted)!important;font-size:10.5px!important;}
body.karin-page-sale-view .payment-receipt-summary b{color:var(--karin-text)!important;font-size:12px!important;}
body.karin-page-sale-view .payment-receipt-upload{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;}
@media(max-width:700px){body.karin-page-sale-view .payment-receipt-summary{grid-template-columns:1fr!important;}body.karin-page-sale-view .payment-receipt-upload{grid-template-columns:1fr!important;}}

body.karin-page-sales .sales-receipt-state{display:block!important;margin-top:5px!important;font-size:10px!important;font-weight:800!important;}
body.karin-page-sales .receipt-state-pending,body.karin-page-sales .receipt-state-missing{color:var(--karin-warning-text,#9a5d00)!important;}
body.karin-page-sales .receipt-state-approved{color:var(--karin-success-text,#147a44)!important;}
body.karin-page-sales .receipt-state-rejected{color:var(--karin-danger-text,#b4233c)!important;}
body.karin-page-sales .receipt-icon-button{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:6px!important;border-radius:10px!important;}
body.karin-page-sales .receipt-icon-button svg{width:17px!important;height:17px!important;}
body.karin-page-sales .receipt-icon-button.receipt-state-pending{border-color:color-mix(in srgb,#d99700 45%,var(--karin-border))!important;background:color-mix(in srgb,#f5b82e 12%,var(--karin-surface))!important;}
body.karin-page-sales .receipt-icon-button.receipt-state-approved{border-color:color-mix(in srgb,#15965b 45%,var(--karin-border))!important;background:color-mix(in srgb,#22a867 11%,var(--karin-surface))!important;}
body.karin-page-sales .receipt-icon-button.receipt-state-rejected{border-color:color-mix(in srgb,#c43d52 45%,var(--karin-border))!important;background:color-mix(in srgb,#d64a60 10%,var(--karin-surface))!important;}
body.karin-page-sales .receipt-icon-button.receipt-state-missing{opacity:.58!important;}
body.karin-page-sales tr.receipt-review-pending>td,
body.karin-page-sales tr.receipt-review-missing>td{background:color-mix(in srgb,#f6c453 10%,var(--karin-surface))!important;}
body.karin-page-sales tr.receipt-review-approved>td{background:color-mix(in srgb,#34b875 8%,var(--karin-surface))!important;}
body.karin-page-sales tr.receipt-review-rejected>td{background:color-mix(in srgb,#db5166 8%,var(--karin-surface))!important;}
body.karin-page-sales tr.receipt-review-pending:hover>td,
body.karin-page-sales tr.receipt-review-missing:hover>td{background:color-mix(in srgb,#f6c453 15%,var(--karin-surface-raised))!important;}
body.karin-page-sales tr.receipt-review-approved:hover>td{background:color-mix(in srgb,#34b875 12%,var(--karin-surface-raised))!important;}
body.karin-page-sales tr.receipt-review-rejected:hover>td{background:color-mix(in srgb,#db5166 12%,var(--karin-surface-raised))!important;}

.karin-receipt-viewer{z-index:10050!important;}
body.karin-app-page .karin-modal.karin-receipt-viewer{padding:0!important;align-items:stretch!important;justify-content:stretch!important;background:rgba(6,11,18,.84)!important;backdrop-filter:blur(8px)!important;}
body.karin-app-page .karin-modal.karin-receipt-viewer>.karin-receipt-viewer-shell{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;background:var(--karin-surface)!important;}
body.karin-app-page .karin-receipt-viewer-shell>.karin-receipt-viewer-header{min-height:72px!important;display:grid!important;grid-template-columns:minmax(150px,auto) minmax(280px,1fr) auto auto 36px!important;gap:10px!important;align-items:center!important;padding:9px 14px!important;}
.karin-receipt-viewer-title{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;}
.karin-receipt-viewer-title h2{margin:0!important;white-space:nowrap!important;}
.karin-receipt-context{display:grid!important;grid-template-columns:minmax(130px,.72fr) minmax(140px,.78fr) minmax(280px,1.5fr)!important;gap:7px!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;}
.karin-receipt-context>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:9px!important;min-width:0!important;padding:7px 9px!important;border:1px solid var(--karin-border)!important;border-radius:10px!important;background:var(--karin-surface-soft)!important;}
.karin-receipt-context small{color:var(--karin-text-muted)!important;font-size:10px!important;white-space:nowrap!important;}
.karin-receipt-context b{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--karin-text)!important;font-size:12px!important;text-align:left!important;direction:rtl!important;}
.karin-receipt-destination[hidden]{display:none!important;}
.karin-receipt-context>.karin-receipt-destination{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;justify-content:stretch!important;gap:10px!important;}
.karin-receipt-destination-value{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;min-width:0!important;}
.karin-receipt-destination-value>b{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:max-content!important;padding:3px 7px!important;border:1px solid color-mix(in srgb,var(--karin-primary) 24%,var(--karin-border))!important;border-radius:999px!important;background:color-mix(in srgb,var(--karin-primary) 7%,var(--karin-surface))!important;color:var(--karin-text)!important;font-size:10.5px!important;text-align:center!important;direction:rtl!important;}
.karin-receipt-destination-value>span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--karin-text)!important;font-size:11.5px!important;font-weight:800!important;}
.karin-receipt-destination-value>code{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;min-width:max-content!important;padding:3px 6px!important;border-radius:7px!important;background:var(--karin-surface)!important;color:var(--karin-text)!important;font-family:Tahoma,Arial,sans-serif!important;font-size:11.5px!important;font-weight:800!important;letter-spacing:.25px!important;direction:ltr!important;unicode-bidi:isolate!important;}
.karin-receipt-toolbar{position:static!important;transform:none!important;display:flex!important;gap:5px!important;align-items:center!important;justify-content:center!important;min-width:0!important;padding:4px!important;border:1px solid var(--karin-border)!important;border-radius:11px!important;background:var(--karin-surface-soft)!important;box-shadow:none!important;backdrop-filter:none!important;direction:ltr!important;}
.karin-receipt-toolbar[hidden]{display:none!important;}
.karin-receipt-toolbar .karin-button{min-width:34px!important;min-height:34px!important;height:34px!important;padding:5px 8px!important;border-color:var(--karin-border)!important;background:var(--karin-surface)!important;color:var(--karin-text)!important;box-shadow:none!important;}
.karin-receipt-toolbar .karin-button:hover{background:var(--karin-surface-raised)!important;border-color:var(--karin-border-strong)!important;color:var(--karin-text)!important;}
.karin-receipt-toolbar .karin-button-icon{width:34px!important;min-width:34px!important;padding:0!important;}
.karin-receipt-zoom-level{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:52px!important;height:34px!important;padding:0 6px!important;color:var(--karin-text)!important;font-size:11px!important;font-weight:800!important;font-variant-numeric:tabular-nums!important;direction:ltr!important;}
.karin-receipt-review-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;}
.karin-receipt-review-actions[hidden]{display:none!important;}
.karin-receipt-review-actions .karin-button{min-height:36px!important;white-space:nowrap!important;}
.karin-receipt-workspace{position:relative!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;background:#0c1119!important;}
.karin-receipt-stage{position:absolute!important;inset:0!important;min-height:0!important;overflow:hidden!important;display:block!important;padding:0!important;background:radial-gradient(circle at 50% 42%,#182131 0,#0c1119 62%,#080c12 100%)!important;touch-action:none!important;user-select:none!important;cursor:default!important;}
.karin-receipt-stage:focus{outline:none!important;}
.karin-receipt-stage:has(.karin-receipt-image){cursor:zoom-in!important;}
.karin-receipt-stage:has(.karin-receipt-image.is-zoomed){cursor:grab!important;}
.karin-receipt-stage.is-dragging{cursor:grabbing!important;}
.karin-receipt-image{position:absolute!important;left:50%!important;top:50%!important;display:block!important;max-width:none!important;max-height:none!important;width:auto!important;height:auto!important;margin:0!important;transform-origin:center center!important;will-change:transform!important;transition:transform .12s cubic-bezier(.2,.75,.25,1),box-shadow .16s ease!important;box-shadow:0 16px 48px rgba(0,0,0,.34)!important;border-radius:8px!important;pointer-events:auto!important;cursor:zoom-in!important;-webkit-user-drag:none!important;}
.karin-receipt-image.is-zoomed{cursor:grab!important;}
.karin-receipt-image.is-dragging{transition:none!important;cursor:grabbing!important;}
.karin-receipt-pdf{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;border:0!important;border-radius:0!important;background:#fff!important;}
.karin-receipt-loading,.karin-receipt-error{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;color:#dbe4ef!important;font-size:13px!important;font-weight:750!important;}
@media(max-width:1180px){
  body.karin-app-page .karin-receipt-viewer-shell>.karin-receipt-viewer-header{grid-template-columns:minmax(150px,auto) minmax(260px,1fr) auto 36px!important;grid-template-rows:auto auto!important;}
  .karin-receipt-toolbar{grid-column:1/3!important;grid-row:2!important;justify-self:start!important;}
  .karin-receipt-review-actions{grid-column:3!important;grid-row:2!important;justify-self:end!important;}
  .karin-receipt-viewer-header>[data-receipt-close]{grid-column:4!important;grid-row:1!important;}
}
@media(max-width:820px){
  body.karin-app-page .karin-receipt-viewer-shell>.karin-receipt-viewer-header{min-height:0!important;grid-template-columns:minmax(0,1fr) 36px!important;grid-template-rows:auto auto auto!important;padding:8px 10px!important;gap:7px!important;}
  .karin-receipt-viewer-title{grid-column:1!important;grid-row:1!important;}
  .karin-receipt-viewer-header>[data-receipt-close]{grid-column:2!important;grid-row:1!important;}
  .karin-receipt-context{grid-column:1/-1!important;grid-row:2!important;grid-template-columns:1fr 1fr!important;}
  .karin-receipt-context>.karin-receipt-destination{grid-column:1/-1!important;}
  .karin-receipt-toolbar{grid-column:1!important;grid-row:3!important;justify-self:start!important;max-width:100%!important;overflow-x:auto!important;scrollbar-width:none!important;}
  .karin-receipt-toolbar::-webkit-scrollbar{display:none!important;}
  .karin-receipt-review-actions{grid-column:2!important;grid-row:3!important;justify-self:end!important;}
  .karin-receipt-review-actions .karin-button{min-width:74px!important;padding-inline:9px!important;font-size:11px!important;}
}
@media(max-width:560px){
  body.karin-app-page .karin-receipt-viewer-shell>.karin-receipt-viewer-header{grid-template-columns:1fr 34px!important;padding:max(7px,env(safe-area-inset-top)) 8px 7px!important;}
  .karin-receipt-viewer-title{gap:6px!important;}.karin-receipt-viewer-title h2{font-size:14px!important;}.karin-receipt-viewer-title .karin-badge{font-size:9px!important;padding:4px 7px!important;}
  .karin-receipt-context{grid-template-columns:1fr 1fr!important;gap:5px!important;}.karin-receipt-context>div{padding:6px 7px!important;gap:5px!important;}.karin-receipt-context small{font-size:9px!important;}.karin-receipt-context b{font-size:10.5px!important;}.karin-receipt-context>.karin-receipt-destination{grid-column:1/-1!important;grid-template-columns:auto minmax(0,1fr)!important;}.karin-receipt-destination-value{grid-template-columns:auto minmax(0,1fr) auto!important;gap:5px!important;}.karin-receipt-destination-value>span{font-size:10.5px!important;}.karin-receipt-destination-value>code{font-size:10.5px!important;padding:2px 5px!important;}
  .karin-receipt-toolbar{grid-column:1/-1!important;grid-row:3!important;width:100%!important;justify-content:center!important;overflow:visible!important;}
  .karin-receipt-toolbar .karin-button{min-width:31px!important;width:auto!important;height:32px!important;min-height:32px!important;padding:4px 6px!important;font-size:10.5px!important;}.karin-receipt-toolbar .karin-button-icon{width:31px!important;min-width:31px!important;}.karin-receipt-zoom-level{min-width:43px!important;height:32px!important;font-size:10px!important;}
  .karin-receipt-review-actions{grid-column:1/-1!important;grid-row:4!important;width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;}
  .karin-receipt-review-actions[hidden]{display:none!important;}.karin-receipt-review-actions .karin-button{width:100%!important;min-height:36px!important;}
}

/* ======================================================================== Karin v5.136 — Self Account + Topbar Account Menu ======================================================================== */
body.karin-app-page .karin-top-account{position:relative!important;flex:0 0 auto!important;z-index:calc(var(--karin-z-topbar) + 2)!important;}
body.karin-app-page .karin-top-account-trigger{
  height:38px!important;min-height:38px!important;margin:0!important;padding:3px 8px 3px 4px!important;
  display:inline-flex!important;align-items:center!important;gap:7px!important;border:1px solid var(--k21-border)!important;
  border-radius:12px!important;background:var(--k21-surface-2)!important;color:var(--k21-text)!important;box-shadow:none!important;
  font:inherit!important;font-size:11.7px!important;font-weight:850!important;white-space:nowrap!important;
}
body.karin-app-page .karin-top-account-trigger:hover{background:var(--k21-surface)!important;border-color:color-mix(in srgb,var(--k21-blue) 30%,var(--k21-border))!important;}
body.karin-app-page .karin-top-account-avatar{
  width:30px!important;height:30px!important;flex:0 0 30px!important;display:grid!important;place-items:center!important;
  border-radius:9px!important;background:var(--k21-blue-soft)!important;color:var(--k21-blue)!important;font-size:12px!important;font-weight:950!important;
}
body.karin-app-page .karin-top-account-name{max-width:120px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
body.karin-app-page .karin-top-account-chev{font-size:12px!important;color:var(--k21-muted)!important;transition:transform .18s ease!important;}
body.karin-app-page .karin-top-account.open .karin-top-account-chev{transform:rotate(180deg)!important;}
body.karin-app-page .karin-top-account-menu{
  display:none!important;position:absolute!important;top:calc(100% + 8px)!important;right:0!important;min-width:190px!important;padding:6px!important;
  background:var(--k21-surface)!important;border:1px solid var(--k21-border)!important;border-radius:13px!important;
  box-shadow:0 18px 48px rgba(15,23,42,.16)!important;z-index:10050!important;
}
body.karin-app-page .karin-top-account.open .karin-top-account-menu{display:grid!important;gap:3px!important;}
body.karin-app-page .karin-top-account-menu a{min-height:39px!important;padding:8px 10px!important;display:flex!important;align-items:center!important;border-radius:9px!important;color:var(--k21-text)!important;text-decoration:none!important;font-size:12.2px!important;font-weight:800!important;}
body.karin-app-page .karin-top-account-menu a:hover{background:var(--k21-surface-2)!important;}
body.karin-app-page .karin-top-account-menu a.danger{color:var(--k21-red,#b4233d)!important;}

.karin-account-hero{display:flex;align-items:center;gap:13px;padding:17px!important;}
.karin-account-avatar{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:15px;background:var(--k21-blue-soft);color:var(--k21-blue);font-size:20px;font-weight:950;}
.karin-account-hero h2{margin:0 0 4px;font-size:18px;}.karin-account-hero span{color:var(--k21-muted);font-size:12px;}
.karin-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start;}
.karin-account-section{padding:18px!important;display:grid;gap:15px;}
.karin-account-section-head h2{margin:0;font-size:17px;}.karin-account-form{display:grid;gap:11px;}.karin-account-form label,.karin-account-inline-form label{display:block;margin-bottom:6px;font-size:12px;font-weight:850;color:var(--k21-text-2,var(--k21-text));}
.karin-account-form input,.karin-account-inline-form input{width:100%;box-sizing:border-box;}
.karin-account-password-form{grid-template-columns:1fr 1fr;}.karin-account-password-form>div:first-of-type{grid-column:1/-1;}.karin-account-password-form .karin-account-actions{grid-column:1/-1;}
.karin-account-actions{display:flex;justify-content:flex-start;gap:8px;}.karin-account-actions .karin-button{margin:0!important;}
.karin-account-divider{height:1px;background:var(--k21-border);margin:1px 0;}
.karin-account-subsection{display:grid;gap:10px;scroll-margin-top:92px;}.karin-account-subhead{display:flex;justify-content:space-between;align-items:center;gap:10px;}.karin-account-subhead>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}.karin-account-subhead b{font-size:13.5px;}.karin-account-subhead span{font-size:12px;color:var(--k21-muted);}
.karin-account-inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px;}.karin-account-inline-form .karin-button{height:42px;margin:0!important;}
.karin-account-otp-state{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:9px 11px;border:1px solid var(--k21-blue-border,#bfdbfe);border-radius:11px;background:var(--k21-blue-soft);font-size:11.7px;color:var(--k21-text);}.karin-account-otp-state b{color:var(--k21-blue);}
.karin-account-reset-start .karin-button{margin:0!important;}
.karin-sms-account-otp-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;}
.karin-sms-otp-card{border:1px solid var(--k21-border);background:var(--k21-surface-2);border-radius:14px;padding:13px;display:grid;gap:11px;}
.karin-sms-otp-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}.karin-sms-otp-head b{font-size:13px;}.karin-sms-otp-head .check-line{margin:0!important;}

@media(max-width:900px){.karin-account-grid{grid-template-columns:1fr;}.karin-sms-account-otp-grid{grid-template-columns:1fr;}}
@media(max-width:700px){
  body.karin-app-page .karin-top-account-trigger{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:2px!important;border-radius:10px!important;}
  body.karin-app-page .karin-top-account-avatar{width:28px!important;height:28px!important;flex-basis:28px!important;border-radius:8px!important;}
  body.karin-app-page .karin-top-account-name,body.karin-app-page .karin-top-account-chev{display:none!important;}
  body.karin-app-page .karin-top-account-menu{right:auto!important;left:0!important;min-width:175px!important;}
  .karin-account-hero,.karin-account-section{padding:14px!important;}.karin-account-password-form{grid-template-columns:1fr;}.karin-account-password-form>div:first-of-type,.karin-account-password-form .karin-account-actions{grid-column:auto;}.karin-account-inline-form{grid-template-columns:1fr;}.karin-account-inline-form .karin-button{width:100%;}.karin-account-actions .karin-button{width:100%;}
}

/* Karin v5.137 — inventory opening / onboarding summary */
body.karin-app-page .karin-inventory-opening-card,
body.karin-app-page .karin-inventory-opening-complete{
  margin:14px 0 16px;padding:14px 16px;border:1px solid var(--karin-border);border-radius:14px;background:var(--karin-surface-soft);display:grid;gap:12px
}
body.karin-app-page .karin-inventory-opening-card>div:first-child,
body.karin-app-page .karin-inventory-opening-complete{gap:4px}
body.karin-app-page .karin-inventory-opening-card small,
body.karin-app-page .karin-inventory-opening-complete small{display:block;color:var(--karin-text-muted);line-height:1.8}
body.karin-app-page .karin-inventory-opening-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
body.karin-app-page .karin-inventory-opening-stats>span{padding:10px 12px;border:1px solid var(--karin-border);border-radius:12px;background:var(--karin-surface);min-width:0}
body.karin-app-page .karin-inventory-opening-stats b{display:block;font-size:16px}
body.karin-app-page .karin-inventory-opening-stats .is-danger b{color:var(--karin-danger)}
body.karin-app-page .karin-inventory-opening-value{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}
body.karin-app-page .karin-inventory-opening-warning{padding:10px 12px;border-radius:10px;background:var(--karin-badge-danger-bg);color:var(--karin-danger);font-size:12.5px;line-height:1.8}
@media(max-width:700px){
 body.karin-app-page .karin-inventory-opening-stats{grid-template-columns:1fr 1fr}
 body.karin-app-page .karin-inventory-opening-value{display:grid;gap:3px}
}

/* ======================================================================== Karin v5.138 — account entry polish + two-step mobile verification ======================================================================== */
body.karin-app-page .karin-top-account-link{
  order:3!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;flex:0 0 40px!important;
  display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border:1px solid var(--k21-border)!important;
  border-radius:12px!important;background:var(--k21-surface-2)!important;color:var(--k21-text-2,var(--k21-text))!important;
  box-shadow:none!important;text-decoration:none!important;
}
body.karin-app-page .karin-top-account-link:hover{background:var(--k21-blue-soft)!important;border-color:color-mix(in srgb,var(--k21-blue) 34%,var(--k21-border))!important;color:var(--k21-blue)!important;}
body.karin-app-page .karin-top-account-link svg{width:20px!important;height:20px!important;display:block!important;}
body.karin-app-page.karin-page-my-account .karin-top-account-link{background:var(--k21-blue-soft)!important;border-color:color-mix(in srgb,var(--k21-blue) 30%,var(--k21-border))!important;color:var(--k21-blue)!important;}
body.karin-app-page .karin-online-status{order:1!important;}
body.karin-app-page .karin-clock{order:2!important;}

.karin-account-avatar svg{width:25px;height:25px;display:block;}
.karin-account-phone-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.karin-account-phone-summary>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.karin-account-phone-summary b{font-size:13.5px;}.karin-account-phone-summary span{font-size:12px;color:var(--k21-muted);}
.karin-account-phone-summary form,.karin-account-flow-actions form{margin:0;}
.karin-account-phone-summary .karin-button{margin:0!important;}
.karin-account-phone-flow{display:grid;gap:11px;padding:13px;border:1px solid var(--k21-border);border-radius:13px;background:var(--k21-surface-2);}
.karin-account-step-head{display:flex;align-items:flex-start;gap:9px;}
.karin-account-step-index{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:9px;background:var(--k21-blue-soft);color:var(--k21-blue);font-size:12px;font-weight:950;}
.karin-account-step-head b{display:block;font-size:13px;}.karin-account-step-head small{display:block;margin-top:3px;color:var(--k21-muted);font-size:10.8px;line-height:1.75;}
.karin-account-step-done{padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--k21-green) 28%,var(--k21-border));background:var(--k21-green-soft);color:var(--k21-green);font-size:11.5px;font-weight:850;}
.karin-account-flow-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.karin-account-flow-actions .karin-button{margin:0!important;min-height:36px!important;}
.karin-account-inline-note{padding:9px 11px;border:1px solid var(--k21-border);border-radius:10px;background:var(--k21-surface-2);color:var(--k21-muted);font-size:11.5px;line-height:1.8;}

body.karin-page-index .dash-account-avatar-link{text-decoration:none!important;}
body.karin-page-index .dash-account-name-link{color:inherit!important;text-decoration:none!important;}
body.karin-page-index .dash-account-name-link:hover{color:var(--k21-blue)!important;}
body.karin-page-index .dash-account-avatar-link:focus-visible,body.karin-page-index .dash-account-name-link:focus-visible{outline:3px solid color-mix(in srgb,var(--k21-blue) 20%,transparent)!important;outline-offset:3px!important;}

@media(max-width:700px){
  body.karin-app-page .karin-top-account-link{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;flex-basis:34px!important;border-radius:10px!important;}
  body.karin-app-page .karin-top-account-link svg{width:18px!important;height:18px!important;}
  .karin-account-phone-summary{align-items:stretch;}.karin-account-phone-summary>div{width:100%;}.karin-account-phone-summary form{width:100%;}.karin-account-phone-summary .karin-button{width:100%;}
  .karin-account-flow-actions{display:grid;grid-template-columns:1fr;}.karin-account-flow-actions form,.karin-account-flow-actions .karin-button{width:100%;}
}
.karin-account-flow-actions .karin-button-ghost{background:transparent!important;border-color:transparent!important;color:var(--k21-muted)!important;box-shadow:none!important;}
.karin-account-flow-actions .karin-button-ghost:hover{background:var(--k21-surface)!important;border-color:var(--k21-border)!important;color:var(--k21-text)!important;}

/* Karin v5.139 — clearer inventory setup action */
body.karin-app-page .karin-inventory-opening-actions{margin-top:2px;justify-content:flex-start}
@media(max-width:700px){body.karin-app-page .karin-inventory-opening-actions .karin-button{width:100%}}

/* Karin v5.140 — inventory setup/operational state separation */
body.karin-app-page .karin-inventory-setup-state{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--karin-border);border-radius:12px;background:var(--karin-surface-soft)}
body.karin-app-page .karin-inventory-setup-state small{color:var(--karin-text-muted);line-height:1.8}

/* Karin v5.341 — Shipping Control styles moved to assets/shipping-workspace.css.
   Shared composition remains in the global Foundation; scanner-specific geometry
   is owned by the shipping domain stylesheet. */

/* Karin v5.180 — balanced supplier / inventory-source filters for products and inventory. */
body.karin-page-products .products-filter-row{
  grid-template-columns:minmax(240px,1.35fr) minmax(200px,.85fr) minmax(190px,.78fr) auto!important;
  gap:10px!important;
}
body.karin-page-products .products-filter-row.has-supplier-filter{
  grid-template-columns:minmax(230px,1.25fr) minmax(170px,.72fr) minmax(200px,.85fr) minmax(190px,.78fr) auto!important;
}
body.karin-page-stock .stock-filter-row{
  grid-template-columns:minmax(220px,1.2fr) minmax(115px,.48fr) minmax(200px,.82fr) minmax(190px,.76fr) auto!important;
}
body.karin-page-stock .stock-filter-row.has-supplier-filter{
  grid-template-columns:minmax(215px,1.15fr) minmax(110px,.45fr) minmax(160px,.67fr) minmax(195px,.8fr) minmax(185px,.74fr) auto!important;
}
body.karin-page-products :where(.products-supplier-field,.products-stock-source-field),
body.karin-page-stock :where(.stock-supplier-field,.stock-stock-source-field){min-width:0!important;}
body.karin-page-products :where(.products-supplier-field,.products-sort-field,.products-stock-source-field) select,
body.karin-page-stock :where(.stock-supplier-field,.stock-size-field,.stock-sort-field,.stock-stock-source-field) select{width:100%!important;}
body.karin-app-page .karin-filter-check{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:40px!important;
  margin:0!important;
  padding:7px 10px!important;
  border:1px solid #d9e3ee!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#334155!important;
  font-size:11.5px!important;
  font-weight:800!important;
  cursor:pointer!important;
  user-select:none!important;
  white-space:nowrap!important;
}
body.karin-app-page .karin-filter-check:hover{border-color:#b9cbe0!important;background:#fbfdff!important;}
body.karin-app-page .karin-filter-check input{
  width:18px!important;
  height:18px!important;
  min-height:0!important;
  margin:0!important;
  flex:0 0 auto!important;
  accent-color:var(--karin-primary)!important;
}
html[data-theme="dark"] body.karin-app-page .karin-filter-check{
  background:#101c2e!important;
  border-color:#30445e!important;
  color:#dce7f4!important;
}
html[data-theme="dark"] body.karin-app-page .karin-filter-check:hover{background:#14243a!important;border-color:#47617f!important;}
@media(max-width:1180px){
  body.karin-page-products .products-filter-row,
  body.karin-page-products .products-filter-row.has-supplier-filter,
  body.karin-page-stock .stock-filter-row,
  body.karin-page-stock .stock-filter-row.has-supplier-filter{grid-template-columns:1fr 1fr!important;}
  body.karin-page-products .products-search-field,
  body.karin-page-stock .stock-search-field{grid-column:1/-1!important;}
}
@media(max-width:700px){
  body.karin-page-products .products-filter-row,
  body.karin-page-products .products-filter-row.has-supplier-filter,
  body.karin-page-stock .stock-filter-row,
  body.karin-page-stock .stock-filter-row.has-supplier-filter{grid-template-columns:1fr!important;}
  body.karin-page-products .products-search-field,
  body.karin-page-stock .stock-search-field{grid-column:auto!important;}
  body.karin-page-products .products-filter-actions,
  body.karin-page-stock .stock-filter-actions{display:grid!important;grid-template-columns:1fr 1fr!important;}
  body.karin-page-products .products-filter-actions>*,
  body.karin-page-stock .stock-filter-actions>*{width:100%!important;text-align:center!important;}
}

/* Karin v5.189 — System Health diagnostic details */
.karin-page-system-health .health-site-reason{white-space:normal!important;max-width:340px;line-height:1.65;color:var(--karin-text-muted,var(--muted,#64748b));}
.karin-page-system-health .health-perf-row--detail{align-items:flex-start;}
.karin-page-system-health .health-perf-main{flex:1;min-width:0;}
.karin-page-system-health .health-perf-reason{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;color:var(--karin-text,var(--text,#0f172a))!important;font-weight:600;}
.karin-page-system-health .health-perf-time{display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:130px;}
.karin-page-system-health .health-perf-time small{max-width:none!important;white-space:nowrap!important;margin:0!important;}
@media(max-width:760px){
  .karin-page-system-health .health-perf-row--detail{flex-direction:column;}
  .karin-page-system-health .health-perf-time{width:100%;align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:8px 12px;}
  .karin-page-system-health .health-site-reason{max-width:100%;}
}
/* Karin v5.190 — System Health inline repair action */
.karin-page-system-health .health-inline-action{display:inline-flex;margin:0!important;align-items:center;}

/* ======================================================================== Karin v5.200 — Canonical Heavy Job / Choice / Metric Components Shared owner for long-running operation surfaces. Domain pages only own layout; typography, spacing, progress, choice and metric paint live here. ======================================================================== */
.karin-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--karin-space-2);min-width:0;}
.karin-choice-card{
  box-sizing:border-box;display:flex!important;align-items:center;gap:var(--karin-space-2);min-width:0;margin:0!important;
  padding:12px 14px;border:1px solid var(--karin-border);border-radius:var(--karin-radius-sm);
  background:var(--karin-surface-raised);color:var(--karin-text);cursor:pointer;
}
.karin-choice-card:has(input:checked){border-color:var(--karin-info-border);background:var(--karin-primary-soft);}
.karin-choice-card input{width:auto!important;min-height:0!important;flex:0 0 auto;}
.karin-choice-card__body{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:2px;}
.karin-choice-card__body b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--karin-font-size-md);font-weight:var(--karin-fw-heading);line-height:1.5;}
.karin-choice-card__body small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--karin-text-muted);font-size:var(--karin-font-size-sm);font-weight:500;line-height:1.55;}

.karin-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:var(--karin-space-2);min-width:0;}
.karin-stat{
  box-sizing:border-box;display:flex;min-width:0;flex-direction:column;gap:4px;padding:13px 14px;
  border:1px solid var(--karin-surface-border);border-radius:var(--karin-radius-sm);background:var(--karin-surface-raised);color:var(--karin-text);
}
.karin-stat__label{color:var(--karin-text-muted);font-size:var(--karin-font-size-sm);font-weight:700;line-height:1.5;}
.karin-stat__value{color:var(--karin-text);font-size:var(--karin-font-size-xl);font-weight:var(--karin-fw-heading);line-height:1.35;}

.karin-inline-notice{box-sizing:border-box;padding:12px 14px;border:1px solid var(--karin-border);border-radius:var(--karin-radius-sm);background:var(--karin-surface-soft);color:var(--karin-text);font-size:12px;font-weight:700;line-height:1.8;}
.karin-inline-notice.warn{border-color:var(--karin-warning-border);background:var(--karin-warning-surface);color:var(--karin-warning-text);}
.karin-inline-notice.bad{border-color:var(--karin-danger-border);background:var(--karin-danger-surface);color:var(--karin-danger-text);}

.karin-job-progress,.sync-progress-box{
  box-sizing:border-box;min-width:0;margin-top:var(--karin-space-3);padding:14px 15px;
  border:1px solid var(--karin-surface-border);border-radius:var(--karin-radius-md);background:var(--karin-surface-raised);color:var(--karin-text);box-shadow:none;
}
.karin-job-progress__head,.sync-progress-title{display:flex;align-items:center;justify-content:space-between;gap:var(--karin-space-2);flex-wrap:wrap;font-weight:800;}
.karin-job-progress__actions,.sync-progress-actions{display:flex;align-items:center;gap:var(--karin-space-2);flex-wrap:wrap;}
.karin-progress-track,.sync-progress-bar{height:8px;margin:10px 0 8px;overflow:hidden;border-radius:var(--karin-radius-pill);background:var(--karin-surface-soft);}
.karin-progress-track>span,.sync-progress-bar>span{display:block;width:0;height:100%;border-radius:inherit;background:var(--karin-primary);transition:width var(--karin-motion-base) var(--karin-ease-standard);}
.karin-job-progress__text,.sync-progress-text{color:var(--karin-text);font-size:var(--karin-font-size-md);font-weight:800;line-height:var(--karin-line-height-normal);}
.karin-job-progress__meta,.sync-progress-meta{margin-top:6px;color:var(--karin-text-muted);font-size:var(--karin-font-size-sm);line-height:var(--karin-line-height-normal);}
.karin-job-progress__log,.sync-progress-log{display:grid;gap:4px;max-height:120px;margin-top:8px;overflow:auto;color:var(--karin-text-muted);font-size:var(--karin-font-size-sm);line-height:var(--karin-line-height-normal);}
.karin-job-progress.is-error,.sync-progress-box.sync-error{border-color:var(--karin-danger-border);background:var(--karin-danger-surface);}
.karin-job-progress.is-error .karin-progress-track>span,.sync-progress-box.sync-error .sync-progress-bar>span{background:var(--karin-red);}
.karin-job-progress.is-stopped,.sync-progress-box.sync-stopped{border-color:var(--karin-warning-border);background:var(--karin-warning-surface);}
@media(max-width:700px){
  .karin-choice-grid,.karin-stat-grid{grid-template-columns:1fr 1fr;}
  .karin-job-progress__actions,.sync-progress-actions{width:100%;}
}
@media(max-width:460px){.karin-choice-grid,.karin-stat-grid{grid-template-columns:1fr;}}

/* ======================================================================== Karin v5.202 — native hidden-state contract for canonical components Canonical display rules must never override the HTML hidden attribute. ======================================================================== */
body.karin-app-page :where(.karin-button,.karin-badge,.karin-job-progress,.karin-inline-notice,.karin-stat,.karin-choice-card)[hidden]{display:none!important;}

/* Karin v5.214 — canonical spacing/layout composition contract */
body.karin-app-page .karin-layout-stack{display:grid;gap:var(--karin-space-4);min-width:0;}
body.karin-app-page .karin-layout-stack--sm{gap:var(--karin-space-2);}
body.karin-app-page .karin-layout-stack--md{gap:var(--karin-space-3);}
body.karin-app-page .karin-layout-stack--lg{gap:var(--karin-space-5);}
body.karin-app-page .karin-field-stack{display:grid;gap:var(--karin-space-2);min-width:0;}
body.karin-app-page .karin-filter-block{display:grid;gap:var(--karin-space-2);min-width:0;margin-block:var(--karin-space-3) var(--karin-space-4);}
body.karin-app-page .karin-layout-grid{display:grid;gap:var(--karin-space-3);min-width:0;}
body.karin-app-page .karin-layout-grid>*{min-width:0;}

.karin-job-progress__title{display:inline-flex;align-items:center;gap:var(--karin-space-2);flex-wrap:wrap;}

.karin-job-progress__activity.is-recovering::before{background:var(--karin-warning-text);}

.karin-browser-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--karin-space-3);}
.karin-browser-access-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--karin-space-3);padding:14px;border:1px solid var(--karin-border);border-radius:var(--karin-radius-sm);background:var(--karin-surface-raised);min-width:0;}
.karin-browser-access-copy{display:grid;gap:4px;min-width:0;}
.karin-browser-access-copy b{font-size:var(--karin-font-size-md);color:var(--karin-text);}
.karin-browser-access-copy small{color:var(--karin-text-muted);line-height:1.7;}
.karin-browser-access-actions{display:flex;align-items:center;gap:var(--karin-space-2);flex-wrap:wrap;justify-content:flex-end;}
.karin-browser-access-help{grid-column:1/-1;margin:0;padding-top:2px;color:var(--karin-text-muted);font-size:var(--karin-font-size-sm);line-height:1.8;}
@media(max-width:760px){.karin-browser-access-grid{grid-template-columns:1fr}.karin-browser-access-card{grid-template-columns:1fr}.karin-browser-access-actions{justify-content:flex-start}}


body.karin-offline-page{min-height:100dvh;margin:0;padding:24px;display:grid;place-items:center;background:var(--karin-bg,#f4f7fb);color:var(--karin-text,#0f172a);font-family:var(--karin-font,"Vazirmatn",Tahoma,sans-serif);}
.karin-offline-shell{width:min(620px,100%);display:grid;gap:var(--karin-space-4,18px);padding:clamp(22px,5vw,34px);border:1px solid var(--karin-border,#dbe4ef);border-radius:var(--karin-radius-lg,24px);background:var(--karin-surface-raised,#fff);box-shadow:var(--karin-shadow-modal,0 20px 60px rgba(15,23,42,.12));box-sizing:border-box;}
.karin-offline-brand{display:flex;align-items:center;gap:12px;}
.karin-offline-brand img{width:56px;height:56px;border-radius:16px;display:block;}
.karin-offline-brand span{display:grid;gap:1px}.karin-offline-brand b{font-size:18px}.karin-offline-brand small{color:var(--karin-text-muted,#64748b)}
.karin-offline-state{display:grid;gap:8px}.karin-offline-state h1{margin:0;font-size:clamp(24px,5vw,32px);line-height:1.4}.karin-offline-state p{margin:0;color:var(--karin-text-muted,#64748b);font-size:14px;line-height:2;}
.karin-offline-indicator{display:inline-flex;width:max-content;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:var(--karin-warning-surface,#fff7ed);color:var(--karin-warning-text,#9a3412);font-size:12px;font-weight:800;}.karin-offline-indicator:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;}.karin-offline-indicator.is-online{background:var(--karin-success-surface,#ecfdf5);color:var(--karin-success-text,#166534);}
.karin-offline-actions{display:flex;gap:var(--karin-space-2,8px);flex-wrap:wrap}.karin-offline-actions .karin-button{justify-content:center;text-decoration:none;}
.karin-offline-foot{padding-top:var(--karin-space-3,12px);border-top:1px solid var(--karin-border,#e2e8f0);color:var(--karin-text-muted,#64748b);font-size:12px;line-height:1.8;}
@media(max-width:520px){body.karin-offline-page{padding:10px}.karin-offline-shell{border-radius:20px;padding:20px}.karin-offline-actions{display:grid}.karin-offline-actions .karin-button{width:100%}}

/* ======================================================================== Karin v5.225 — Catalog modal rhythm enforcement Modifier spacing classes must sit on a real layout primitive. These rules intentionally enforce visible section rhythm instead of relying on margins from generated content. ======================================================================== */

/* Karin v5.241 — Sales identity, checkout feedback and POS operations */
.karin-feedback-stack{position:fixed;z-index:1200;top:78px;left:18px;width:min(390px,calc(100vw - 36px));display:grid;gap:9px;pointer-events:none}
.karin-feedback-card{display:flex;align-items:flex-start;gap:11px;padding:12px 14px;border:1px solid var(--karin-border,#e2e8f0);border-radius:16px;background:var(--karin-surface,#fff);box-shadow:0 14px 38px rgba(15,23,42,.13);pointer-events:auto}
.karin-feedback-card>.karin-feedback-icon{width:28px;height:28px;flex:0 0 28px;border-radius:9px;display:grid;place-items:center;font-weight:900;background:#f1f5f9;color:#475569}
.karin-feedback-card>div:last-child{display:grid;gap:3px;min-width:0}.karin-feedback-card b{font-size:13px}.karin-feedback-card small{font-size:11px;line-height:1.65;color:var(--karin-muted,#64748b)}
.karin-feedback-card.is-success .karin-feedback-icon{background:#ecfdf5;color:#047857}.karin-feedback-card.is-warning .karin-feedback-icon{background:#fff7ed;color:#c2410c}.karin-feedback-card.is-info .karin-feedback-icon{background:#eff6ff;color:#1d4ed8}.karin-feedback-card.is-error .karin-feedback-icon{background:#fff1f2;color:#be123c}
.karin-pos-live-card{display:flex;align-items:center;gap:11px;width:min(420px,calc(100% - 24px));margin:0 0 14px;padding:12px 14px;border:1px solid #bfdbfe;border-radius:16px;background:#eff6ff}.karin-pos-live-card>div{display:grid;gap:3px}.karin-pos-live-card b{font-size:13px}.karin-pos-live-card small{font-size:11px;color:#475569}.karin-pos-live-dot{width:10px;height:10px;border-radius:50%;background:#2563eb;box-shadow:0 0 0 5px rgba(37,99,235,.12);animation:karinPulse 1.5s infinite}.karin-pos-live-card.is-success{background:#ecfdf5;border-color:#a7f3d0}.karin-pos-live-card.is-success .karin-pos-live-dot{background:#059669;box-shadow:0 0 0 5px rgba(5,150,105,.12);animation:none}.karin-pos-live-card.is-error{background:#fff1f2;border-color:#fecdd3}.karin-pos-live-card.is-error .karin-pos-live-dot{background:#e11d48;box-shadow:0 0 0 5px rgba(225,29,72,.12);animation:none}@keyframes karinPulse{50%{opacity:.45}}
.quick-seller-field .field-hint{display:block;margin-top:5px;color:var(--karin-muted,#64748b);font-size:10px}
.karin-context-health{display:flex;align-items:center;gap:10px;margin-top:9px;padding:9px 10px;border:1px solid var(--karin-border,#e2e8f0);border-radius:13px;background:color-mix(in srgb,var(--karin-surface,#fff) 92%,#f8fafc);grid-column:1/-1}.karin-context-health-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 4px rgba(148,163,184,.12)}.karin-context-health-copy{display:grid;gap:2px;flex:1;min-width:0}.karin-context-health-copy b{font-size:11px}.karin-context-health-copy small{font-size:10px;line-height:1.5;color:var(--karin-muted,#64748b)}.karin-context-health.is-ok{border-color:#a7f3d0;background:#f0fdf4}.karin-context-health.is-ok .karin-context-health-dot{background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.12)}.karin-context-health.is-attention{border-color:#fed7aa;background:#fff7ed}.karin-context-health.is-attention .karin-context-health-dot{background:#f97316;box-shadow:0 0 0 4px rgba(249,115,22,.12)}.karin-context-health .compact{min-height:31px!important;padding:5px 9px!important;font-size:10px!important}

.quick-price-field{position:relative}.quick-price-field .cart-field-head{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:16px}.quick-price-field .cart-field-head label{margin:0!important;min-width:0}.quick-manual-price-badge{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:72px;max-width:98px;height:16px;padding:1px 5px;border-radius:999px;background:color-mix(in srgb,var(--karin-primary,#2563eb) 8%,var(--karin-surface,#fff));color:var(--karin-primary,#2563eb);font-size:8.5px;font-weight:820;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .12s ease}.quick-manual-price-badge.is-active{visibility:visible;opacity:1}.quick-manual-price-badge b{font-size:8.5px;font-weight:900;overflow:hidden;text-overflow:ellipsis}.quick-cart-row.has-manual-price .unit{border-color:#93b9eb!important;box-shadow:0 0 0 2px rgba(37,99,235,.07)}.quick-cart-row.price-floor-hit .unit{border-color:#fb7185!important;animation:karinShake .2s linear 2}@keyframes karinShake{25%{transform:translateX(2px)}75%{transform:translateX(-2px)}}
.karin-checkout-bar{display:flex!important;align-items:stretch!important;justify-content:space-between!important;gap:16px!important;padding:14px!important;border:1px solid var(--karin-border,#e2e8f0)!important;border-radius:18px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--karin-surface,#fff) 96%,#eff6ff),var(--karin-surface,#fff))!important;box-shadow:0 10px 30px rgba(15,23,42,.06)!important}.karin-checkout-actions{align-items:center!important}.karin-checkout-actions #quick-submit-btn{min-height:46px!important;padding-inline:24px!important;font-weight:850!important}
.pos-recovery-card{max-width:510px!important}.karin-modal-eyebrow,.karin-page-eyebrow{display:block;margin-bottom:3px;font-size:10px;font-weight:800;color:#2563eb}.pos-recovery-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.pos-recovery-actions>*:last-child{grid-column:1/-1}.pos-recovery-actions .karin-button{justify-content:center!important}
.sale-unit-price{display:grid;gap:4px}.manual-price-badge{display:inline-flex;width:max-content;max-width:100%;padding:3px 7px;border-radius:999px;background:#f5f3ff;color:#6d28d9;font-size:9px;white-space:normal}
.sales-post-action{margin:-4px 0 12px}
@media(max-width:760px){.karin-feedback-stack{top:auto;bottom:14px;left:10px;width:calc(100vw - 20px)}.karin-checkout-bar{flex-direction:column!important}.karin-checkout-actions{display:grid!important;grid-template-columns:1fr!important}.pos-recovery-actions{grid-template-columns:1fr!important}.pos-recovery-actions>*:last-child{grid-column:auto}.karin-context-health{align-items:flex-start;flex-wrap:wrap}.karin-context-health .compact{margin-inline-start:auto}}

/* ======================================================================== Karin v5.243 — Sales/POS UI contract cleanup Shared-component geometry is authoritative; domain CSS only composes it. ======================================================================== */
body.karin-page-quick-pos .new-sale-shell{grid-template-columns:minmax(390px,.9fr) minmax(0,1.1fr)!important;gap:var(--karin-space-4,16px)!important;}
body.karin-page-quick-pos .pos-main{padding:var(--karin-space-4,14px)!important;}
body.karin-page-quick-pos .pos-sale-title{margin:0 0 var(--karin-space-3,12px)!important;padding:0 0 var(--karin-space-3,12px)!important;}
body.karin-page-quick-pos .pos-sale-title h2{margin:0!important;font-size:16px!important;}
body.karin-page-quick-pos .karin-pos-section{margin:0 0 var(--karin-space-4,16px)!important;border:1px solid var(--karin-border)!important;border-radius:var(--karin-radius-lg,14px)!important;background:var(--karin-surface-soft)!important;overflow:visible!important;}
body.karin-page-quick-pos .karin-pos-section-head{padding:10px 12px!important;}
body.karin-page-quick-pos .sale-setup-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--karin-space-3,12px)!important;padding:var(--karin-space-3,12px)!important;margin:0!important;align-items:end!important;}
body.karin-page-quick-pos .sale-setup-grid>div{min-width:0!important;}
body.karin-page-quick-pos .sale-setup-grid label{display:block!important;margin:0 0 var(--karin-space-2,6px)!important;}
body.karin-page-quick-pos .sale-setup-grid select{width:100%!important;height:var(--karin-control-h,42px)!important;min-height:var(--karin-control-h,42px)!important;}
body.karin-page-quick-pos #quick-terminal-box{grid-column:1/-1!important;}
body.karin-page-quick-pos #cart-items:empty{min-height:46px!important;margin:0 0 var(--karin-space-4,16px)!important;border:1px dashed var(--karin-border)!important;border-radius:var(--karin-radius-md,12px)!important;background:transparent!important;color:var(--karin-text-muted)!important;}
body.karin-page-quick-pos #cart-items:empty:before{content:"سبد خالی است"!important;}
body.karin-page-quick-pos #cart-items:not(:empty){padding-top:0!important;margin:0 0 var(--karin-space-4,16px)!important;border-top:0!important;}
body.karin-page-quick-pos #cart-items:not(:empty):before{display:none!important;content:none!important;}
body.karin-page-quick-pos .quick-customer-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--karin-space-3,12px)!important;padding:var(--karin-space-3,12px)!important;margin:0 0 var(--karin-space-3,12px)!important;background:var(--karin-surface-soft)!important;border:1px solid var(--karin-border)!important;border-radius:var(--karin-radius-lg,14px)!important;}
body.karin-page-quick-pos .quick-customer-row:before{display:none!important;content:none!important;}
body.karin-page-quick-pos .karin-pos-customer{margin:0 0 var(--karin-space-3,12px)!important;}
body.karin-page-quick-pos .karin-pos-customer .quick-customer-row{margin:0!important;padding:var(--karin-space-3,12px)!important;border:0!important;border-radius:0!important;background:transparent!important;}
body.karin-page-quick-pos .karin-pos-note{margin:0 0 var(--karin-space-4,16px)!important;}
body.karin-page-quick-pos .karin-pos-note textarea{min-height:62px!important;}
body.karin-page-quick-pos .karin-checkout-bar{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(180px,38%)!important;align-items:end!important;gap:var(--karin-space-4,16px)!important;margin:0!important;padding:12px 0 0!important;border:0!important;border-top:1px solid var(--karin-border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;}
body.karin-page-quick-pos .karin-checkout-total{display:flex!important;align-items:baseline!important;gap:8px 12px!important;flex-wrap:wrap!important;min-width:0!important;padding:0!important;border:0!important;}
body.karin-page-quick-pos .karin-checkout-total>span{font-size:11px!important;color:var(--karin-text-muted)!important;font-weight:800!important;}
body.karin-page-quick-pos .karin-checkout-total>#cart-total{font-size:21px!important;line-height:1.25!important;color:var(--karin-text)!important;font-weight:950!important;white-space:nowrap!important;}
body.karin-page-quick-pos .karin-checkout-meta{display:flex!important;align-items:center!important;gap:6px 14px!important;flex:1 0 100%!important;color:var(--karin-text-muted)!important;font-size:10.5px!important;}
body.karin-page-quick-pos .karin-checkout-meta span{display:inline-flex!important;align-items:center!important;gap:5px!important;}
body.karin-page-quick-pos .karin-checkout-meta b{font-size:10.5px!important;color:var(--karin-text-muted)!important;font-weight:800!important;}
body.karin-page-quick-pos .karin-checkout-meta[hidden]{display:none!important;}
body.karin-page-quick-pos .karin-checkout-actions{display:flex!important;align-items:center!important;gap:var(--karin-space-2,8px)!important;margin:0!important;padding:0!important;width:100%!important;}
body.karin-page-quick-pos .karin-checkout-actions>*{width:100%!important;height:var(--karin-control-h,42px)!important;min-height:var(--karin-control-h,42px)!important;margin:0!important;padding-inline:18px!important;border-radius:var(--karin-radius-md,12px)!important;white-space:nowrap!important;justify-content:center!important;}
body.karin-page-quick-pos .pos-products-title small{display:none!important;}



.sales-channel-cell{min-width:0!important;}
.sales-channel-cell>b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sales-actor-meta{display:grid!important;gap:1px!important;max-width:100%!important;margin-top:3px!important;color:var(--karin-text-muted,#64748b)!important;font-size:9.6px!important;line-height:1.42!important;font-weight:650!important;white-space:nowrap!important;overflow:hidden!important;}
.sales-actor-meta>span{display:flex!important;align-items:baseline!important;gap:3px!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.sales-actor-meta .sales-actor-label{flex:0 0 auto!important;color:var(--karin-text-muted,#64748b)!important;font-weight:650!important;}
.sales-actor-meta b{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--karin-text,#1f2937)!important;font-size:9.8px!important;font-weight:820!important;}
.sales-actor-meta .sales-actor-secondary{opacity:.82!important;}

.pos-recovery-card{width:min(440px,calc(100vw - 24px))!important;max-width:440px!important;}
.pos-recovery-body{padding-block:var(--karin-space-4,16px)!important;}
.pos-recovery-guidance{margin:0!important;font-size:12px!important;color:var(--karin-text-muted)!important;line-height:1.7!important;}
.pos-recovery-detail{margin-top:var(--karin-space-3,12px)!important;padding:9px 10px!important;border-radius:10px!important;background:var(--karin-surface-soft)!important;color:var(--karin-text)!important;font-size:11px!important;}
.pos-recovery-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--karin-space-2,8px)!important;width:100%!important;}
.pos-recovery-actions .karin-button{width:100%!important;margin:0!important;min-height:42px!important;justify-content:center!important;}
.pos-recovery-actions--unknown{grid-template-columns:1fr 1fr!important;}
.pos-recovery-actions--unknown #pos-result-recheck{grid-column:1/-1!important;}


/* Karin v5.245 — stable inline metadata for sale actors and manual price overrides */
body.karin-page-quick-pos .quick-price-field .cart-field-head{height:16px!important;min-height:16px!important;}
body.karin-page-quick-pos .quick-manual-price-badge{flex:0 0 82px!important;width:82px!important;}
body.karin-page-sales .sales-actor-meta{min-height:14px!important;}
@media(max-width:700px){
  body.karin-page-quick-pos .quick-manual-price-badge{flex-basis:76px!important;width:76px!important;max-width:76px!important;}
  body.karin-page-sales .sales-actor-meta{font-size:9.3px!important;}
  body.karin-page-sales .sales-actor-meta b{font-size:9.5px!important;}
}


@media(max-width:1180px){body.karin-page-quick-pos .sale-setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}body.karin-page-quick-pos #quick-terminal-box{grid-column:1/-1!important;}}
@media(max-width:1000px){body.karin-page-quick-pos .new-sale-shell{grid-template-columns:1fr!important;}}
@media(max-width:760px){
 body.karin-page-quick-pos .sale-setup-grid{grid-template-columns:1fr 1fr!important;}
 body.karin-page-quick-pos #quick-terminal-box{grid-column:1/-1!important;}
 body.karin-page-quick-pos .quick-customer-row{grid-template-columns:1fr 1fr!important;}
 body.karin-page-quick-pos .karin-checkout-bar{grid-template-columns:1fr!important;gap:10px!important;}
 body.karin-page-quick-pos .karin-checkout-actions{display:grid!important;grid-template-columns:1fr 1fr!important;}
 body.karin-page-quick-pos .karin-checkout-actions>*{width:100%!important;}
}
@media(max-width:480px){
 body.karin-page-quick-pos .sale-setup-grid,body.karin-page-quick-pos .quick-customer-row{grid-template-columns:1fr!important;}
 body.karin-page-quick-pos #quick-terminal-box{grid-column:1/-1!important;}
 body.karin-page-quick-pos .karin-checkout-actions{grid-template-columns:1fr!important;}
 .pos-recovery-actions,.pos-recovery-actions--unknown{grid-template-columns:1fr!important;}
 .pos-recovery-actions--unknown #pos-result-recheck{grid-column:auto!important;}
}

/* Karin v5.244 — system-health diagnostics on canonical primitives */
body.karin-page-system-health .health-error-message{min-width:0}
body.karin-page-system-health .health-error-message .health-cell-stack>b{font-size:var(--karin-font-size-sm);line-height:var(--karin-line-height-normal)}
body.karin-page-system-health .health-error-message .health-cell-stack>small{color:var(--karin-text-muted);line-height:var(--karin-line-height-normal);overflow-wrap:anywhere}
body.karin-page-system-health .health-error-modal-body{padding:var(--karin-space-4);display:grid;gap:var(--karin-space-4);min-width:0;overflow:auto}
body.karin-page-system-health .health-detail-summary{display:grid;gap:var(--karin-space-2);padding:var(--karin-space-3);border:1px solid var(--karin-border);border-radius:var(--karin-radius-sm);background:var(--karin-surface-soft)}
body.karin-page-system-health .health-detail-summary>span{color:var(--karin-text-muted);overflow-wrap:anywhere}
body.karin-page-system-health .health-occurrence-list{display:grid;gap:var(--karin-space-2)}
body.karin-page-system-health .health-occurrence{display:grid;grid-template-columns:minmax(160px,.38fr) minmax(0,1fr);gap:var(--karin-space-3);padding:var(--karin-space-3);border:1px solid var(--karin-border);border-radius:var(--karin-radius-sm);background:var(--karin-surface-raised);min-width:0}
body.karin-page-system-health .health-occurrence>div{display:grid;gap:var(--karin-space-1);align-content:start}
body.karin-page-system-health .health-occurrence small{color:var(--karin-text-muted)}
body.karin-page-system-health .health-occurrence p{margin:0;overflow-wrap:anywhere;line-height:var(--karin-line-height-normal)}
body.karin-page-system-health .health-inline-action{margin:0;display:inline-flex}
@media(max-width:720px){body.karin-page-system-health .health-occurrence{grid-template-columns:1fr}body.karin-page-system-health .health-error-modal-body{padding:var(--karin-space-3)}}

/* Karin v5.247 — sales actor hierarchy, checkout CTA and health incident lifecycle */
body.karin-page-quick-pos .karin-checkout-actions{display:flex!important;align-items:center!important;width:100%!important;}
body.karin-page-quick-pos .karin-checkout-actions #quick-submit-btn{width:100%!important;min-width:0!important;padding-inline:24px!important;}

body.karin-page-system-health .health-occurrence-status{display:flex!important;align-items:center!important;gap:var(--karin-space-2,8px)!important;flex-wrap:wrap!important;margin-top:var(--karin-space-1,4px)!important;}
body.karin-page-system-health .health-occurrence-context{display:grid!important;gap:2px!important;color:var(--karin-text-muted)!important;}
@media(max-width:760px){body.karin-page-quick-pos .karin-checkout-actions{display:block!important;}body.karin-page-quick-pos .karin-checkout-actions #quick-submit-btn{width:100%!important;min-width:0!important;}}

/* Karin v5.252 — Canonical form workflow */
body.karin-app-page .karin-form-section{display:grid;gap:var(--karin-space-3);min-width:0;}
body.karin-app-page .karin-form-section[hidden],body.karin-app-page .karin-upload-row[hidden]{display:none!important;}
body.karin-app-page .karin-form-section+.karin-form-section{padding-top:var(--karin-space-4);border-top:1px solid var(--karin-border);}
body.karin-app-page .karin-form-section__head{display:flex;align-items:center;justify-content:space-between;gap:var(--karin-space-3);min-width:0;}
body.karin-app-page .karin-form-section__head h2{margin:0;font-size:var(--karin-font-size-lg);font-weight:var(--karin-fw-heading);color:var(--karin-text);}
body.karin-app-page .karin-select-all{display:inline-flex;align-items:center;gap:var(--karin-space-2);margin:0;padding:0;color:var(--karin-text-muted);font-size:var(--karin-font-size-sm);font-weight:700;white-space:nowrap;cursor:pointer;}
body.karin-app-page .karin-select-all input{width:18px!important;height:18px!important;min-height:0!important;margin:0!important;accent-color:var(--karin-primary);}
body.karin-app-page .karin-upload-list{display:grid;gap:var(--karin-space-2);min-width:0;}
body.karin-app-page .karin-upload-row{display:grid;grid-template-columns:minmax(150px,.42fr) minmax(0,1fr);align-items:center;gap:var(--karin-space-3);min-width:0;padding:var(--karin-space-3);border:1px solid var(--karin-border);border-radius:var(--karin-radius-sm);background:var(--karin-surface-soft);}
body.karin-app-page .karin-upload-row__meta{display:grid;gap:2px;min-width:0;}
body.karin-app-page .karin-upload-row__meta b{font-size:var(--karin-font-size-md);font-weight:var(--karin-fw-heading);color:var(--karin-text);}
body.karin-app-page .karin-upload-row__meta small{font-size:var(--karin-font-size-sm);color:var(--karin-text-muted);}
body.karin-app-page .karin-form-actionbar{display:flex;align-items:center;justify-content:space-between;gap:var(--karin-space-4);min-width:0;padding-top:var(--karin-space-4);border-top:1px solid var(--karin-border);}
body.karin-app-page .karin-form-actionbar__summary{display:grid;gap:2px;min-width:0;}
body.karin-app-page .karin-form-actionbar__summary b{font-size:var(--karin-font-size-md);font-weight:var(--karin-fw-heading);color:var(--karin-text);}
body.karin-app-page .karin-form-actionbar__summary small{font-size:var(--karin-font-size-sm);color:var(--karin-text-muted);}
body.karin-app-page .karin-form-actionbar__actions{flex:0 0 auto;justify-content:flex-start;}
body.karin-app-page .karin-form-actionbar__actions .karin-button{min-height:var(--karin-control-h,44px);margin:0;}
@media(max-width:700px){
  body.karin-app-page .karin-form-section__head{align-items:flex-start;}
  body.karin-app-page .karin-upload-row{grid-template-columns:1fr;}
  body.karin-app-page .karin-form-actionbar{align-items:stretch;flex-direction:column;gap:var(--karin-space-3);}
  body.karin-app-page .karin-form-actionbar__actions{width:100%;}
  body.karin-app-page .karin-form-actionbar__actions .karin-button{width:100%;}
}

/* Karin v5.249 — Canonical commit bar */
body.karin-app-page .karin-commit-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--karin-space-4);
  width:100%;
  min-width:0;
  margin:var(--karin-space-4) 0 0;
  padding:var(--karin-space-3);
  border:1px solid var(--karin-surface-border,var(--karin-border));
  border-radius:var(--karin-radius-lg);
  background:var(--karin-surface-soft);
}
body.karin-app-page .karin-commit-summary{
  display:grid;
  gap:2px;
  min-width:0;
  flex:1 1 auto;
  text-align:start;
}
body.karin-app-page .karin-commit-label{
  color:var(--karin-text-muted);
  font-size:10.5px;
  font-weight:750;
  line-height:1.35;
}
body.karin-app-page .karin-commit-value{
  color:var(--karin-text);
  font-size:21px;
  font-weight:950;
  line-height:1.3;
  white-space:nowrap;
}
body.karin-app-page .karin-commit-meta{
  display:flex;
  align-items:center;
  gap:var(--karin-space-1) var(--karin-space-3);
  flex-wrap:wrap;
  margin-top:2px;
  color:var(--karin-text-muted);
  font-size:10.5px;
}
body.karin-app-page .karin-commit-meta[hidden]{display:none!important;}
body.karin-app-page .karin-commit-meta>span{display:inline-flex;align-items:center;gap:4px;}
body.karin-app-page .karin-commit-meta b{color:inherit;font-size:inherit;font-weight:800;}
body.karin-app-page .karin-commit-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex:0 0 auto;
  min-width:0;
}
body.karin-app-page .karin-commit-actions .karin-commit-primary{
  min-width:176px;
  min-height:46px;
  height:46px;
  margin:0;
  padding-inline:var(--karin-space-5);
  border-radius:var(--karin-radius-md);
  font-size:13px;
  font-weight:850;
  justify-content:center;
  white-space:nowrap;
}
@media(max-width:640px){
  body.karin-app-page .karin-commit-bar{align-items:stretch;flex-direction:column;gap:var(--karin-space-3);}
  body.karin-app-page .karin-commit-actions{width:100%;}
  body.karin-app-page .karin-commit-actions .karin-commit-primary{width:100%;min-width:0;}
}

/* Karin v5.252 — Persistent job state */
.karin-job-state{display:flex;align-items:center;gap:var(--karin-space-3,12px);min-height:44px;padding:var(--karin-space-3,12px) 0}
.karin-job-state__dot{inline-size:10px;block-size:10px;border-radius:999px;background:var(--karin-color-primary,#2563eb);flex:0 0 auto}
.karin-job-state[data-state="active"] .karin-job-state__dot{animation:karin-job-pulse 1.2s ease-in-out infinite}
.karin-job-state[data-state="success"] .karin-job-state__dot{background:var(--karin-color-success,#16a34a)}
.karin-job-state[data-state="error"] .karin-job-state__dot{background:var(--karin-color-danger,#dc2626)}
.karin-job-state[data-state="paused"] .karin-job-state__dot{background:var(--karin-color-warning,#d97706)}
.karin-job-state__body{display:grid;gap:var(--karin-space-1,4px);min-width:0}
.karin-job-state__body strong{font:inherit;font-weight:700}
.karin-job-state__body small{color:var(--karin-color-text-muted,#64748b)}
@keyframes karin-job-pulse{0%,100%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}

/* Karin v5.257 — compact table metadata and diagnostics composition */
body.karin-app-page .karin-table-cell-stack{
  display:grid;
  gap:var(--karin-space-1);
  min-width:0;
  align-content:start;
}
body.karin-app-page .karin-cell-meta{
  color:var(--karin-text-muted);
  font-size:var(--karin-font-size-xs);
  font-weight:500;
  line-height:var(--karin-line-height-normal);
}
body.karin-app-page .karin-inline-details{
  margin-top:2px;
  color:var(--karin-text-muted);
  font-size:var(--karin-font-size-xs);
  line-height:1.8;
}
body.karin-app-page .karin-inline-details summary{
  width:max-content;
  max-width:100%;
  cursor:pointer;
  color:var(--karin-primary);
  font-weight:700;
  list-style-position:inside;
}
body.karin-app-page .karin-inline-details>div{
  margin-top:var(--karin-space-1);
  padding:var(--karin-space-2);
  border:1px solid var(--karin-border);
  border-radius:var(--karin-radius-sm);
  background:var(--karin-surface-soft);
  overflow-wrap:anywhere;
}

body.karin-app-page .karin-catalog-source-table th,
body.karin-app-page .karin-catalog-source-table td,
body.karin-app-page .karin-catalog-issues-table th,
body.karin-app-page .karin-catalog-issues-table td{
  vertical-align:top;
  line-height:var(--karin-line-height-normal);
}
body.karin-app-page .karin-catalog-issues-table{min-width:820px;}
body.karin-app-page .karin-catalog-issues-table th:nth-child(1){width:14%;}
body.karin-app-page .karin-catalog-issues-table th:nth-child(2){width:31%;}
body.karin-app-page .karin-catalog-issues-table th:nth-child(3){width:13%;}
body.karin-app-page .karin-catalog-issues-table th:nth-child(4){width:42%;}
body.karin-app-page .karin-catalog-issues-table td:nth-child(4){white-space:normal;overflow-wrap:anywhere;}

/* ======================================================================== Karin v5.258 — native hidden attribute is authoritative everywhere Shared layout primitives (notably .karin-layout-stack {display:grid}) must never keep a node visible after JS sets the HTML hidden attribute. ======================================================================== */
body.karin-app-page [hidden]{display:none!important;}

/* ======================================================================== Karin v5.261 — Quick POS conditional payment layout closure Payment-only surfaces must not reserve space unless their method is active. ======================================================================== */
body.karin-page-quick-pos [hidden]{display:none!important;}

body.karin-page-quick-pos .sale-setup-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  align-items:end!important;
  gap:var(--karin-space-3,12px)!important;
}
body.karin-page-quick-pos .quick-channel-field,
body.karin-page-quick-pos .quick-warehouse-field{grid-column:span 3!important;}
body.karin-page-quick-pos .quick-seller-field,
body.karin-page-quick-pos .quick-payment-field{grid-column:span 3!important;}
body.karin-page-quick-pos .sale-setup-grid.has-payment-context .quick-payment-detail{grid-column:span 2!important;}
body.karin-page-quick-pos .quick-setup-field,
body.karin-page-quick-pos .quick-payment-detail,
body.karin-page-quick-pos .quick-payment-context{min-width:0!important;}
body.karin-page-quick-pos .quick-payment-field{display:block!important;align-self:end!important;}
body.karin-page-quick-pos .quick-payment-detail{align-self:end!important;margin:0!important;padding:var(--karin-space-3,12px)!important;}
body.karin-page-quick-pos .quick-payment-context{margin:0!important;}
body.karin-page-quick-pos #quick-terminal-box,
body.karin-page-quick-pos #single-account-box{display:grid!important;grid-template-columns:var(--karin-payment-context-columns,1fr)!important;gap:var(--karin-space-2,6px)!important;padding:0!important;border:0!important;}
body.karin-page-quick-pos #quick-terminal-box label,
body.karin-page-quick-pos #single-account-box label{display:block!important;margin:0 0 var(--karin-space-2,6px)!important;color:var(--karin-text-muted)!important;font-size:10.5px!important;font-weight:800!important;}
body.karin-page-quick-pos #quick-terminal-box select,
body.karin-page-quick-pos #single-account-box select{width:100%!important;min-width:0!important;height:var(--karin-control-h,42px)!important;min-height:var(--karin-control-h,42px)!important;margin:0!important;}
body.karin-page-quick-pos #quick-snappay-note{min-height:var(--karin-control-h,42px)!important;justify-content:center!important;gap:2px!important;margin:0!important;padding:7px 10px!important;}
body.karin-page-quick-pos #quick-snappay-note small{display:none!important;}

body.karin-page-quick-pos .mixed-payment-cards{
  direction:rtl!important;
  display:grid!important;
  gap:var(--karin-space-3,12px)!important;
  margin:0 0 var(--karin-space-4,16px)!important;
  padding:var(--karin-space-3,12px)!important;
}
body.karin-page-quick-pos .mixed-cards-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:var(--karin-space-2,8px)!important;
}
body.karin-page-quick-pos .mixed-payment-card{
  direction:rtl!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:stretch!important;
  gap:var(--karin-space-2,8px)!important;
  padding:var(--karin-space-3,10px)!important;
}
body.karin-page-quick-pos .mixed-payment-card--card_to_card{grid-column:1/-1!important;}
body.karin-page-quick-pos .mixed-payment-card .mixed-card-title{
  justify-content:flex-start!important;
  min-height:22px!important;
}
body.karin-page-quick-pos .mixed-payment-fields{display:grid!important;grid-template-columns:1fr!important;gap:var(--karin-space-2,8px)!important;}
body.karin-page-quick-pos .mixed-payment-card--card_to_card .mixed-payment-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
body.karin-page-quick-pos .mixed-payment-fields input,
body.karin-page-quick-pos .mixed-payment-fields select{direction:rtl!important;text-align:right!important;width:100%!important;max-width:none!important;min-width:0!important;}
body.karin-page-quick-pos .mixed-total-strip{grid-column:1/-1!important;}

@media(max-width:760px){
  body.karin-page-quick-pos .sale-setup-grid{grid-template-columns:1fr!important;}
  body.karin-page-quick-pos .quick-channel-field,
  body.karin-page-quick-pos .quick-warehouse-field,
  body.karin-page-quick-pos .quick-seller-field,
  body.karin-page-quick-pos .quick-payment-field,
  body.karin-page-quick-pos .sale-setup-grid.has-payment-context .quick-seller-field,
  body.karin-page-quick-pos .sale-setup-grid.has-payment-context .quick-payment-field,
  body.karin-page-quick-pos .sale-setup-grid.has-payment-context .quick-payment-detail{grid-column:1/-1!important;}
  body.karin-page-quick-pos .mixed-cards-grid{grid-template-columns:1fr!important;}
  body.karin-page-quick-pos .mixed-payment-card--card_to_card{grid-column:auto!important;}
  body.karin-page-quick-pos .mixed-payment-card--card_to_card .mixed-payment-fields{grid-template-columns:1fr!important;}
}

body.karin-page-quick-pos #quick-payment-detail[hidden],
body.karin-page-quick-pos #quick-terminal-box[hidden],
body.karin-page-quick-pos #single-account-box[hidden],
body.karin-page-quick-pos #quick-snappay-note[hidden],
body.karin-page-quick-pos #mixed-payment-box[hidden],
body.karin-page-quick-pos #card-receipt-box[hidden]{display:none!important;}

/* ======================================================================== Karin v5.262 — Quick POS payment foundation + receipt upload closure Mixed payment and receipt upload use the same canonical tokens/components. ======================================================================== */
body.karin-page-quick-pos .mixed-payment-cards{
  font-family:var(--karin-font)!important;
  color:var(--karin-text)!important;
  background:var(--karin-surface)!important;
  border:1px solid var(--karin-border)!important;
  border-radius:var(--karin-radius-lg,16px)!important;
  box-shadow:none!important;
  padding:var(--karin-space-4,16px)!important;
  gap:var(--karin-space-3,12px)!important;
  margin:0 0 var(--karin-space-4,16px)!important;
}
body.karin-page-quick-pos .mixed-payment-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:24px!important;
  padding:0 0 var(--karin-space-3,12px)!important;
  margin:0!important;
  border-bottom:1px solid var(--karin-border)!important;
}
body.karin-page-quick-pos .mixed-payment-head b{
  color:var(--karin-text)!important;
  font-size:var(--karin-font-size-sm,12px)!important;
  font-weight:var(--karin-fw-heading,800)!important;
  line-height:var(--karin-line-height-normal,1.6)!important;
}
body.karin-page-quick-pos .mixed-cards-grid{
  gap:var(--karin-space-3,12px)!important;
}
body.karin-page-quick-pos .mixed-payment-card{
  min-height:0!important;
  padding:var(--karin-space-3,12px)!important;
  gap:var(--karin-space-3,12px)!important;
  background:var(--karin-surface-soft)!important;
  border:1px solid var(--karin-border)!important;
  border-radius:var(--karin-radius-md,12px)!important;
  box-shadow:none!important;
  color:var(--karin-text)!important;
  font:inherit!important;
}
body.karin-page-quick-pos .mixed-payment-card:has(.mixed-card-title input:checked){
  border-color:color-mix(in srgb,var(--karin-primary) 38%,var(--karin-border))!important;
  background:color-mix(in srgb,var(--karin-primary) 4%,var(--karin-surface-soft))!important;
}
body.karin-page-quick-pos .mixed-payment-card .mixed-card-title{
  display:flex!important;
  align-items:center!important;
  gap:var(--karin-space-2,8px)!important;
  margin:0!important;
  color:var(--karin-text)!important;
  font-family:inherit!important;
  font-size:var(--karin-font-size-sm,12px)!important;
  font-weight:var(--karin-fw-button,700)!important;
  line-height:var(--karin-line-height-normal,1.6)!important;
  cursor:pointer!important;
}
body.karin-page-quick-pos .mixed-payment-card .mixed-card-title span{color:inherit!important;font:inherit!important;}
body.karin-page-quick-pos .mixed-payment-card .mixed-card-title input[type="checkbox"]{
  width:17px!important;
  min-width:17px!important;
  height:17px!important;
  min-height:17px!important;
  margin:0!important;
  padding:0!important;
  accent-color:var(--karin-primary)!important;
}
body.karin-page-quick-pos .mixed-payment-fields{
  gap:var(--karin-space-2,8px)!important;
}
body.karin-page-quick-pos .mixed-payment-fields :is(input:not([type="hidden"]),select){
  height:var(--karin-control-h,42px)!important;
  min-height:var(--karin-control-h,42px)!important;
  margin:0!important;
  background:var(--karin-control-bg)!important;
  border:1px solid var(--karin-control-border)!important;
  border-radius:var(--karin-radius-sm,10px)!important;
  color:var(--karin-text)!important;
  font-family:inherit!important;
  font-size:var(--karin-font-size-sm,12px)!important;
  box-shadow:none!important;
}
body.karin-page-quick-pos .mixed-payment-fields :is(input:not([type="hidden"]),select):disabled{
  background:var(--karin-surface-muted)!important;
  border-color:var(--karin-border)!important;
  color:var(--karin-text-muted)!important;
  opacity:.72!important;
}
body.karin-page-quick-pos .mixed-total-strip{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:var(--karin-space-2,8px)!important;
  margin:0!important;
  padding:var(--karin-space-3,12px) 0 0!important;
  background:transparent!important;
  border:0!important;
  border-top:1px solid var(--karin-border)!important;
  border-radius:0!important;
  color:var(--karin-text-muted)!important;
  font-family:inherit!important;
  font-size:var(--karin-font-size-xs,11px)!important;
}
body.karin-page-quick-pos .mixed-total-strip>span{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:var(--karin-space-1,4px)!important;
  min-width:0!important;
}
body.karin-page-quick-pos .mixed-total-strip>span:last-child{justify-content:flex-end!important;}
body.karin-page-quick-pos .mixed-total-strip b{color:var(--karin-text)!important;font:inherit!important;font-weight:var(--karin-fw-heading,800)!important;}

body.karin-page-quick-pos .quick-receipt-slot{
  grid-column:1/-1!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
body.karin-page-quick-pos #single-receipt-slot:not(:empty){margin-top:var(--karin-space-2,8px)!important;}
body.karin-page-quick-pos #mixed-receipt-slot:not(:empty){margin-top:0!important;}
body.karin-page-quick-pos .quick-receipt-upload{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.karin-page-quick-pos .quick-receipt-input{
  position:absolute!important;
  inline-size:1px!important;
  block-size:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.karin-page-quick-pos .quick-receipt-picker{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:var(--karin-space-3,12px)!important;
  width:100%!important;
  min-height:58px!important;
  margin:0!important;
  padding:var(--karin-space-2,8px) var(--karin-space-3,12px)!important;
  border:1px dashed var(--karin-control-border)!important;
  border-radius:var(--karin-radius-md,12px)!important;
  background:var(--karin-surface)!important;
  color:var(--karin-text)!important;
  font-family:inherit!important;
  cursor:pointer!important;
  transition:border-color .15s ease,background .15s ease!important;
}
body.karin-page-quick-pos .quick-receipt-picker:hover,
body.karin-page-quick-pos .quick-receipt-input:focus-visible + .quick-receipt-picker{
  border-color:var(--karin-primary)!important;
  background:color-mix(in srgb,var(--karin-primary) 3%,var(--karin-surface))!important;
}
body.karin-page-quick-pos .quick-receipt-icon{
  display:grid!important;
  place-items:center!important;
  inline-size:34px!important;
  block-size:34px!important;
  border-radius:var(--karin-radius-sm,10px)!important;
  background:var(--karin-surface-soft)!important;
  color:var(--karin-primary)!important;
  flex:0 0 auto!important;
}
body.karin-page-quick-pos .quick-receipt-icon svg{display:block!important;}
body.karin-page-quick-pos .quick-receipt-copy{
  display:grid!important;
  gap:1px!important;
  min-width:0!important;
  text-align:right!important;
  direction:rtl!important;
}
body.karin-page-quick-pos .quick-receipt-copy b{
  color:var(--karin-text)!important;
  font-size:var(--karin-font-size-sm,12px)!important;
  font-weight:var(--karin-fw-button,700)!important;
  line-height:1.5!important;
}
body.karin-page-quick-pos .quick-receipt-copy small{
  color:var(--karin-text-muted)!important;
  font-size:var(--karin-font-size-xs,10.5px)!important;
  font-weight:500!important;
  line-height:1.5!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.karin-page-quick-pos .quick-receipt-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  padding:0 var(--karin-space-3,12px)!important;
  border:1px solid var(--karin-border)!important;
  border-radius:var(--karin-radius-sm,10px)!important;
  background:var(--karin-surface-soft)!important;
  color:var(--karin-text)!important;
  font-size:var(--karin-font-size-xs,11px)!important;
  font-weight:var(--karin-fw-button,700)!important;
  white-space:nowrap!important;
}
body.karin-page-quick-pos .quick-receipt-upload.has-file .quick-receipt-picker{
  border-style:solid!important;
  border-color:color-mix(in srgb,var(--karin-primary) 40%,var(--karin-border))!important;
}
body.karin-page-quick-pos #mixed-payment-box:not([hidden]) + #cart-items{
  margin-top:var(--karin-space-4,16px)!important;
}
@media(max-width:640px){
  body.karin-page-quick-pos .mixed-total-strip{grid-template-columns:1fr!important;}
  body.karin-page-quick-pos .mixed-total-strip>span:last-child{justify-content:flex-start!important;}
  body.karin-page-quick-pos .quick-receipt-picker{grid-template-columns:auto minmax(0,1fr)!important;}
  body.karin-page-quick-pos .quick-receipt-action{grid-column:1/-1!important;width:100%!important;}
}

/* ======================================================================== Karin v5.263 — System Health incident observability + retry lifecycle Active incidents, retry state and historical logs use canonical tokens. ======================================================================== */
body.karin-page-system-health .health-section-head>div{display:grid;gap:var(--karin-space-1);min-width:0;}
body.karin-page-system-health .health-section-head>div>small{color:var(--karin-text-muted);font-size:var(--karin-font-size-sm);line-height:var(--karin-line-height-normal);font-weight:500;}
body.karin-page-system-health .health-incident-stats{margin-block:var(--karin-space-3) var(--karin-space-4);}
body.karin-page-system-health .health-incident-state{min-width:160px;}
body.karin-page-system-health .health-incident-state .health-cell-stack>.karin-badge{width:max-content;max-width:100%;}
body.karin-page-system-health .health-incident-state .health-cell-stack>small{color:var(--karin-text-muted);font-size:var(--karin-font-size-xs);line-height:var(--karin-line-height-normal);white-space:normal;}
body.karin-page-system-health .health-history-counts{display:flex!important;align-items:center;justify-content:flex-end;gap:var(--karin-space-2)!important;flex-wrap:wrap;}
body.karin-page-system-health .health-background-error{display:grid;gap:var(--karin-space-1);margin-top:var(--karin-space-3);}
body.karin-page-system-health .health-background-error>b{font-size:var(--karin-font-size-sm);}
body.karin-page-system-health .health-background-error>span{overflow-wrap:anywhere;}
body.karin-page-system-health .health-background-error>small{color:inherit;opacity:.82;font-weight:500;}
body.karin-page-system-health .health-detail-title{display:flex;align-items:center;justify-content:space-between;gap:var(--karin-space-2);flex-wrap:wrap;}
body.karin-page-system-health .health-detail-title>b{min-width:0;overflow-wrap:anywhere;}
body.karin-page-system-health .health-incident-table td{vertical-align:middle;}
body.karin-page-system-health .health-incident-table .health-error-message{min-width:220px;max-width:440px;}
body.karin-page-system-health .health-cell-stack{display:grid;gap:var(--karin-space-1);align-content:center;min-width:0;}
body.karin-page-system-health .health-incident-table tbody>tr:hover>td{background:var(--karin-surface-soft);}
@media(max-width:900px){
  body.karin-page-system-health .health-incident-table{min-width:980px;}
  body.karin-page-system-health .health-history-counts{justify-content:flex-start;}
}

/* ======================================================================== Karin v5.264 — Decision-first Sales Analytics / Reports 3.0 One filter scope, one financial story, progressive drill-down. ======================================================================== */
body.karin-page-reports .reports-command-center,
body.karin-page-reports .reports-period-browser,
body.karin-page-reports .reports-explorer,
body.karin-page-reports .reports-product-intelligence{
  display:grid!important;
  gap:var(--karin-space-4,16px)!important;
  padding:var(--karin-space-4,16px)!important;
  border:1px solid var(--karin-border)!important;
  border-radius:var(--karin-radius-lg,16px)!important;
  background:var(--karin-surface)!important;
  box-shadow:var(--karin-shadow-sm)!important;
  min-width:0!important;
}
body.karin-page-reports .reports-command-head,
body.karin-page-reports .reports-section-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:var(--karin-space-4,16px)!important;
  min-width:0!important;
}
body.karin-page-reports .reports-command-head>div,
body.karin-page-reports .reports-section-head>div{display:grid!important;gap:var(--karin-space-1,4px)!important;min-width:0!important;}
body.karin-page-reports .reports-command-head h2,
body.karin-page-reports .reports-section-head h2{
  margin:0!important;color:var(--karin-text)!important;font-family:var(--karin-font)!important;
  font-size:var(--karin-font-size-lg,18px)!important;font-weight:var(--karin-fw-heading,800)!important;line-height:1.55!important;
}
body.karin-page-reports .reports-command-head p,
body.karin-page-reports .reports-section-head p{
  margin:0!important;color:var(--karin-text-muted)!important;font-size:var(--karin-font-size-sm,12px)!important;line-height:1.7!important;
}
body.karin-page-reports .reports-eyebrow{
  width:max-content!important;max-width:100%!important;color:var(--karin-primary)!important;font-size:var(--karin-font-size-xs,11px)!important;
  font-weight:var(--karin-fw-button,700)!important;line-height:1.5!important;
}
body.karin-page-reports .reports-money-flow{
  display:grid!important;
  grid-template-columns:minmax(150px,1.15fr) 32px minmax(130px,.85fr) 32px minmax(150px,1fr) 32px minmax(130px,.85fr) 32px minmax(170px,1.2fr)!important;
  gap:var(--karin-space-2,8px)!important;align-items:stretch!important;min-width:0!important;
}
body.karin-page-reports .reports-money-node{
  display:grid!important;align-content:center!important;gap:var(--karin-space-1,4px)!important;min-width:0!important;
  padding:var(--karin-space-3,12px)!important;border:1px solid var(--karin-border)!important;border-radius:var(--karin-radius-md,12px)!important;
  background:var(--karin-surface-soft)!important;box-shadow:none!important;
}
body.karin-page-reports .reports-money-node.is-primary{background:color-mix(in srgb,var(--karin-primary) 5%,var(--karin-surface))!important;border-color:color-mix(in srgb,var(--karin-primary) 22%,var(--karin-border))!important;}
body.karin-page-reports .reports-money-node.is-strong{background:color-mix(in srgb,var(--karin-success,#138a5b) 5%,var(--karin-surface))!important;border-color:color-mix(in srgb,var(--karin-success,#138a5b) 22%,var(--karin-border))!important;}
body.karin-page-reports .reports-money-node span{color:var(--karin-text-muted)!important;font-size:var(--karin-font-size-xs,11px)!important;font-weight:600!important;}
body.karin-page-reports .reports-money-node b{color:var(--karin-text)!important;font-size:clamp(15px,1.25vw,20px)!important;font-weight:var(--karin-fw-heading,800)!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere!important;}
body.karin-page-reports .reports-money-node small{color:var(--karin-text-muted)!important;font-size:10.5px!important;line-height:1.55!important;}
body.karin-page-reports .reports-money-op{display:grid!important;place-items:center!important;color:var(--karin-text-muted)!important;font-size:18px!important;font-weight:800!important;}
body.karin-page-reports .reports-profit-row{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:var(--karin-space-3,12px)!important;
  padding-top:var(--karin-space-4,16px)!important;border-top:1px solid var(--karin-border)!important;
}
body.karin-page-reports .reports-profit-cell{
  display:grid!important;gap:var(--karin-space-1,4px)!important;min-width:0!important;padding:var(--karin-space-3,12px)!important;
  border:1px solid var(--karin-border)!important;border-radius:var(--karin-radius-md,12px)!important;background:var(--karin-surface)!important;
  color:var(--karin-text)!important;text-decoration:none!important;box-shadow:none!important;
}
body.karin-page-reports .reports-profit-cell.is-confirmed{border-color:color-mix(in srgb,var(--karin-success,#138a5b) 30%,var(--karin-border))!important;background:color-mix(in srgb,var(--karin-success,#138a5b) 4%,var(--karin-surface))!important;}
body.karin-page-reports .reports-profit-cell>span{color:var(--karin-text-muted)!important;font-size:var(--karin-font-size-xs,11px)!important;font-weight:600!important;}
body.karin-page-reports .reports-profit-cell>b{font-size:18px!important;font-weight:var(--karin-fw-heading,800)!important;line-height:1.5!important;}
body.karin-page-reports .reports-profit-cell>small{color:var(--karin-text-muted)!important;font-size:10.5px!important;line-height:1.65!important;}
body.karin-page-reports .reports-period-strip{
  display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(150px,1fr)!important;gap:var(--karin-space-2,8px)!important;
  overflow-x:auto!important;overscroll-behavior-inline:contain!important;scroll-snap-type:inline proximity!important;padding-bottom:2px!important;
}
body.karin-page-reports .reports-period-chip{
  display:grid!important;gap:3px!important;min-width:0!important;min-height:84px!important;padding:var(--karin-space-3,12px)!important;
  border:1px solid var(--karin-border)!important;border-radius:var(--karin-radius-md,12px)!important;background:var(--karin-surface-soft)!important;
  color:var(--karin-text)!important;text-decoration:none!important;scroll-snap-align:start!important;
}
body.karin-page-reports .reports-period-chip:hover{border-color:color-mix(in srgb,var(--karin-primary) 35%,var(--karin-border))!important;background:color-mix(in srgb,var(--karin-primary) 3%,var(--karin-surface))!important;}
body.karin-page-reports .reports-period-chip.is-current{border-color:var(--karin-primary)!important;background:color-mix(in srgb,var(--karin-primary) 7%,var(--karin-surface))!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--karin-primary) 10%,transparent)!important;}
body.karin-page-reports .reports-period-chip span{color:var(--karin-text-muted)!important;font-size:10.5px!important;font-weight:600!important;line-height:1.6!important;}
body.karin-page-reports .reports-period-chip b{font-size:14px!important;font-weight:var(--karin-fw-heading,800)!important;line-height:1.6!important;}
body.karin-page-reports .reports-period-chip small{color:var(--karin-text-muted)!important;font-size:10.5px!important;}
body.karin-page-reports .reports-grain-switch,
body.karin-page-reports .reports-segmented{
  display:flex!important;align-items:center!important;gap:var(--karin-space-1,4px)!important;flex-wrap:wrap!important;
  padding:4px!important;border:1px solid var(--karin-border)!important;border-radius:var(--karin-radius-md,12px)!important;background:var(--karin-surface-soft)!important;
}
body.karin-page-reports .reports-grain-switch a,
body.karin-page-reports .reports-segmented button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:32px!important;margin:0!important;padding:0 var(--karin-space-3,12px)!important;
  border:0!important;border-radius:var(--karin-radius-sm,9px)!important;background:transparent!important;color:var(--karin-text-muted)!important;
  font-family:var(--karin-font)!important;font-size:var(--karin-font-size-xs,11px)!important;font-weight:var(--karin-fw-button,700)!important;line-height:1!important;text-decoration:none!important;cursor:pointer!important;box-shadow:none!important;
}
body.karin-page-reports .reports-grain-switch a.active,
body.karin-page-reports .reports-segmented button.is-active{background:var(--karin-surface)!important;color:var(--karin-primary)!important;box-shadow:var(--karin-shadow-xs,0 1px 3px rgba(15,23,42,.08))!important;}
body.karin-page-reports .reports-segmented.is-compact button{min-height:30px!important;padding-inline:10px!important;}
body.karin-page-reports .reports-explorer-panels,
body.karin-page-reports [data-report-product-panel]{min-width:0!important;}
body.karin-page-reports .reports-rank-list{display:grid!important;gap:0!important;border-top:1px solid var(--karin-border)!important;}
body.karin-page-reports .reports-rank-row{
  position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:var(--karin-space-2,8px) var(--karin-space-4,16px)!important;
  align-items:center!important;min-height:62px!important;padding:var(--karin-space-3,12px) 0!important;border-bottom:1px solid var(--karin-border)!important;
  color:var(--karin-text)!important;text-decoration:none!important;overflow:hidden!important;
}
body.karin-page-reports .reports-rank-row:last-child{border-bottom:0!important;}
body.karin-page-reports a.reports-rank-row:hover .reports-rank-copy b{color:var(--karin-primary)!important;}
body.karin-page-reports .reports-rank-copy{display:grid!important;gap:2px!important;min-width:0!important;position:relative!important;z-index:1!important;}
body.karin-page-reports .reports-rank-copy b{font-size:var(--karin-font-size-sm,12px)!important;font-weight:var(--karin-fw-button,700)!important;line-height:1.65!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
body.karin-page-reports .reports-rank-copy span{color:var(--karin-text-muted)!important;font-size:10.5px!important;line-height:1.55!important;}
body.karin-page-reports .reports-rank-value{position:relative!important;z-index:1!important;font-size:var(--karin-font-size-sm,12px)!important;font-weight:var(--karin-fw-heading,800)!important;white-space:nowrap!important;}
body.karin-page-reports .reports-rank-track{grid-column:1/-1!important;height:4px!important;border-radius:999px!important;background:var(--karin-surface-muted)!important;overflow:hidden!important;}
body.karin-page-reports .reports-rank-track i{display:block!important;height:100%!important;border-radius:inherit!important;background:color-mix(in srgb,var(--karin-primary) 68%,#fff)!important;}
body.karin-page-reports .reports-analytics-empty{margin-top:0!important;}
body.karin-page-reports .reports-specialized-links{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:var(--karin-space-4,16px)!important;
  padding:var(--karin-space-3,12px) var(--karin-space-4,16px)!important;border:1px solid var(--karin-border)!important;border-radius:var(--karin-radius-lg,16px)!important;background:var(--karin-surface-soft)!important;
}
body.karin-page-reports .reports-specialized-links>div{display:grid!important;gap:2px!important;}
body.karin-page-reports .reports-specialized-links>div span{font-size:var(--karin-font-size-sm,12px)!important;font-weight:var(--karin-fw-heading,800)!important;color:var(--karin-text)!important;}
body.karin-page-reports .reports-specialized-links>div small{font-size:10.5px!important;color:var(--karin-text-muted)!important;}
body.karin-page-reports .reports-specialized-links nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:var(--karin-space-2,8px)!important;flex-wrap:wrap!important;}
body.karin-page-reports .reports-specialized-links nav a{display:inline-flex!important;align-items:center!important;min-height:32px!important;padding:0 var(--karin-space-3,12px)!important;border:1px solid var(--karin-border)!important;border-radius:999px!important;background:var(--karin-surface)!important;color:var(--karin-text)!important;text-decoration:none!important;font-size:10.5px!important;font-weight:var(--karin-fw-button,700)!important;}
body.karin-page-reports .reports-specialized-links nav a:hover{border-color:var(--karin-primary)!important;color:var(--karin-primary)!important;}
body.karin-page-reports .reports-main>.report-line-card{margin:0!important;}

@media(max-width:1180px){
  body.karin-page-reports .reports-money-flow{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
  body.karin-page-reports .reports-money-op{display:none!important;}
}
@media(max-width:760px){
  body.karin-page-reports .reports-command-center,
  body.karin-page-reports .reports-period-browser,
  body.karin-page-reports .reports-explorer,
  body.karin-page-reports .reports-product-intelligence{padding:var(--karin-space-3,12px)!important;gap:var(--karin-space-3,12px)!important;}
  body.karin-page-reports .reports-command-head,
  body.karin-page-reports .reports-section-head{align-items:flex-start!important;flex-direction:column!important;}
  body.karin-page-reports .reports-command-head>.karin-button{width:100%!important;}
  body.karin-page-reports .reports-money-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.karin-page-reports .reports-money-node.is-strong{grid-column:1/-1!important;}
  body.karin-page-reports .reports-profit-row{grid-template-columns:1fr!important;}
  body.karin-page-reports .reports-grain-switch{width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  body.karin-page-reports .reports-segmented{width:100%!important;overflow-x:auto!important;flex-wrap:nowrap!important;justify-content:flex-start!important;}
  body.karin-page-reports .reports-segmented button{flex:0 0 auto!important;white-space:nowrap!important;}
  body.karin-page-reports .reports-period-strip{grid-auto-columns:minmax(145px,78%)!important;}
  body.karin-page-reports .reports-specialized-links{align-items:flex-start!important;flex-direction:column!important;}
  body.karin-page-reports .reports-specialized-links nav{justify-content:flex-start!important;width:100%!important;}
}

/* Karin v5.265 — reports foundation closure: calm analytics, shared spacing, responsive charts. */
html body.karin-page-reports .reports-main{
  gap:var(--karin-space-4,16px)!important;
}
html body.karin-page-reports .reports-main>.karin-card,
html body.karin-page-reports .reports-main>.karin-card,
html body.karin-page-reports .reports-command-center,
html body.karin-page-reports .reports-period-browser,
html body.karin-page-reports .reports-explorer,
html body.karin-page-reports .reports-product-intelligence{
  background:var(--karin-surface)!important;
  border:1px solid var(--karin-border)!important;
  border-radius:var(--karin-radius-lg,16px)!important;
  box-shadow:none!important;
}
html body.karin-page-reports .reports-command-scope{
  margin-top:var(--karin-space-1,4px)!important;
  color:var(--karin-text-muted)!important;
  font-size:var(--karin-font-size-sm,12px)!important;
  font-weight:var(--karin-fw-body,500)!important;
}
html body.karin-page-reports .reports-section-head h2,
html body.karin-page-reports .report-section-title h2,
html body.karin-page-reports .report-line-card h2,
html body.karin-page-reports .report-section-intro h2{
  margin:0!important;
  color:var(--karin-text)!important;
  font-size:var(--karin-font-size-md,14px)!important;
  font-weight:var(--karin-fw-heading,800)!important;
  line-height:1.7!important;
}
html body.karin-page-reports .reports-loss-row{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:var(--karin-space-3,12px)!important;
  margin-top:var(--karin-space-4,16px)!important;
  padding-top:var(--karin-space-4,16px)!important;
  border-top:1px solid var(--karin-border)!important;
}
html body.karin-page-reports .reports-loss-cell{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"label count" "amount amount"!important;
  align-items:center!important;
  gap:2px var(--karin-space-3,12px)!important;
  padding:var(--karin-space-3,12px) var(--karin-space-4,16px)!important;
  border:1px solid var(--karin-border)!important;
  border-radius:var(--karin-radius-md,12px)!important;
  background:var(--karin-surface-muted)!important;
}
html body.karin-page-reports .reports-loss-cell>span{grid-area:label!important;color:var(--karin-text)!important;font-size:var(--karin-font-size-sm,12px)!important;font-weight:700!important;}
html body.karin-page-reports .reports-loss-cell>b{grid-area:count!important;font-size:var(--karin-font-size-lg,16px)!important;font-weight:850!important;color:var(--karin-text)!important;}
html body.karin-page-reports .reports-loss-cell>small{grid-area:amount!important;color:var(--karin-text-muted)!important;font-size:11px!important;}

html body.karin-page-reports .report-line-card{
  padding:var(--karin-space-5,20px)!important;
  overflow:hidden!important;
  background:var(--karin-surface)!important;
  border:1px solid var(--karin-border)!important;
  box-shadow:none!important;
}
html body.karin-page-reports .report-chart-shell{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  gap:var(--karin-space-2,8px)!important;
  align-items:stretch!important;
  margin-top:var(--karin-space-3,12px)!important;
  direction:ltr!important;
}
html body.karin-page-reports .report-y-axis{
  height:220px!important;
  padding:12px 0 17px!important;
  color:var(--karin-text-muted)!important;
  font-size:10px!important;
  font-weight:600!important;
}
html body.karin-page-reports .report-line-wrap,
html body.karin-page-reports .hourly-line-wrap{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid var(--karin-border)!important;
  border-radius:var(--karin-radius-md,12px)!important;
  background:var(--karin-surface)!important;
  box-shadow:none!important;
}
html body.karin-page-reports .report-line-svg{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:220px!important;
  overflow:hidden!important;
}
html body.karin-page-reports .report-line-svg .grid{
  stroke:color-mix(in srgb,var(--karin-border) 72%,transparent)!important;
  stroke-width:1!important;
  stroke-dasharray:0!important;
  vector-effect:non-scaling-stroke!important;
}
html body.karin-page-reports .report-line-svg .series{
  fill:none!important;
  stroke-width:2.35!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
  filter:none!important;
}
html body.karin-page-reports .report-line-svg .series.total{stroke:var(--karin-text)!important;stroke-width:2.65!important;}
html body.karin-page-reports .report-line-svg .series.primary{stroke:var(--karin-primary)!important;}
html body.karin-page-reports .report-line-svg .series.secondary{stroke:var(--karin-warning,#b7791f)!important;}
html body.karin-page-reports .report-line-svg .report-area{opacity:.055!important;pointer-events:none!important;}
html body.karin-page-reports .report-line-svg .report-area.total{fill:var(--karin-text)!important;}
html body.karin-page-reports .report-line-svg .report-area.primary{fill:var(--karin-primary)!important;}
html body.karin-page-reports .report-line-svg .point{
  stroke:var(--karin-surface)!important;
  stroke-width:2!important;
  vector-effect:non-scaling-stroke!important;
}
html body.karin-page-reports .report-line-svg .point.total{fill:var(--karin-text)!important;}
html body.karin-page-reports .report-line-svg .point.primary{fill:var(--karin-primary)!important;}
html body.karin-page-reports .report-line-svg .point.secondary{fill:var(--karin-warning,#b7791f)!important;}
html body.karin-page-reports .report-line-axis{
  padding-left:60px!important;
  margin-top:var(--karin-space-2,8px)!important;
  color:var(--karin-text-muted)!important;
  font-size:9.5px!important;
  font-weight:600!important;
}
html body.karin-page-reports .report-chart-tooltip{
  max-width:min(360px,calc(100% - 16px))!important;
  border:1px solid var(--karin-border)!important;
  border-radius:var(--karin-radius-sm,10px)!important;
  background:var(--karin-surface-elevated,var(--karin-surface))!important;
  color:var(--karin-text)!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--karin-text) 12%,transparent)!important;
  font-size:11px!important;
  font-weight:650!important;
}
html body.karin-page-reports .report-chart-mobile-detail{
  border:1px solid var(--karin-border)!important;
  background:var(--karin-surface-muted)!important;
  color:var(--karin-text)!important;
  box-shadow:none!important;
}

html body.karin-page-reports .reports-rank-list{border-top:0!important;gap:var(--karin-space-2,8px)!important;}
html body.karin-page-reports .reports-rank-row{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:var(--karin-space-2,8px) var(--karin-space-4,16px)!important;
  padding:var(--karin-space-3,12px)!important;
  border:1px solid var(--karin-border)!important;
  border-radius:var(--karin-radius-md,12px)!important;
  background:var(--karin-surface)!important;
  text-decoration:none!important;
}
html body.karin-page-reports .reports-rank-row:last-child{border-bottom:1px solid var(--karin-border)!important;}
html body.karin-page-reports .reports-rank-copy b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.65!important;}
html body.karin-page-reports .reports-rank-track{height:3px!important;background:var(--karin-surface-muted)!important;}
html body.karin-page-reports .reports-rank-track i{background:var(--karin-primary)!important;opacity:.75!important;}

html body.karin-page-reports .reports-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:var(--karin-space-4,16px)!important;}
html body.karin-page-reports .reports-nav{
  display:flex!important;
  align-items:center!important;
  gap:var(--karin-space-2,8px)!important;
  padding:var(--karin-space-2,8px)!important;
  border:1px solid var(--karin-border)!important;
  background:var(--karin-surface)!important;
  border-radius:var(--karin-radius-lg,16px)!important;
  box-shadow:none!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
html body.karin-page-reports .reports-nav::-webkit-scrollbar{display:none!important;}
html body.karin-page-reports .reports-nav a{
  flex:0 0 auto!important;
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 var(--karin-space-3,12px)!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  background:transparent!important;
  color:var(--karin-text-muted)!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
html body.karin-page-reports .reports-nav a.active{
  border-color:color-mix(in srgb,var(--karin-primary) 26%,var(--karin-border))!important;
  background:color-mix(in srgb,var(--karin-primary) 8%,var(--karin-surface))!important;
  color:var(--karin-primary)!important;
}
html body.karin-page-reports .reports-nav a b{font-size:11px!important;font-weight:750!important;}
html body.karin-page-reports .report-section-intro{padding:var(--karin-space-4,16px)!important;}
html body.karin-page-reports .reports-kpi,
html body.karin-page-reports .reports-kpi-compact{
  gap:var(--karin-space-3,12px)!important;
}
html body.karin-page-reports .reports-kpi .karin-stat{
  border:1px solid var(--karin-border)!important;
  border-radius:var(--karin-radius-md,12px)!important;
  background:var(--karin-surface)!important;
  box-shadow:none!important;
}
html body.karin-page-reports .reports-specialized-links{
  padding:var(--karin-space-3,12px) var(--karin-space-4,16px)!important;
  border:1px solid var(--karin-border)!important;
  background:var(--karin-surface-muted)!important;
  box-shadow:none!important;
}

@media (max-width:760px){
  html body.karin-page-reports .reports-main{gap:var(--karin-space-3,12px)!important;}
  html body.karin-page-reports .reports-command-center,
  html body.karin-page-reports .reports-period-browser,
  html body.karin-page-reports .reports-explorer,
  html body.karin-page-reports .reports-product-intelligence,
  html body.karin-page-reports .report-line-card{padding:var(--karin-space-4,16px)!important;}
  html body.karin-page-reports .reports-loss-row{grid-template-columns:1fr!important;}
  html body.karin-page-reports .report-chart-shell{grid-template-columns:38px minmax(0,1fr)!important;gap:4px!important;}
  html body.karin-page-reports .report-y-axis{height:176px!important;font-size:8px!important;padding:9px 0 13px!important;}
  html body.karin-page-reports .report-line-svg,
  html body.karin-page-reports .hourly-line-wrap .report-line-svg{height:176px!important;min-width:0!important;width:100%!important;}
  html body.karin-page-reports .hourly-line-wrap{overflow:hidden!important;}
  html body.karin-page-reports .report-line-axis{padding-left:42px!important;font-size:8px!important;gap:3px!important;overflow:hidden!important;}
  html body.karin-page-reports .reports-rank-row{grid-template-columns:minmax(0,1fr)!important;gap:4px!important;}
  html body.karin-page-reports .reports-rank-value{white-space:normal!important;color:var(--karin-text-muted)!important;font-size:11px!important;}
  html body.karin-page-reports .reports-rank-track{grid-column:1!important;}
  html body.karin-page-reports .reports-specialized-links{align-items:stretch!important;}
  html body.karin-page-reports .reports-specialized-links nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:var(--karin-space-2,8px)!important;}
  html body.karin-page-reports .reports-specialized-links nav a{justify-content:center!important;text-align:center!important;}
  html body.karin-page-reports .reports-2col,
  html body.karin-page-reports .reports-3col{grid-template-columns:1fr!important;}
  html body.karin-page-reports .karin-table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
}

/* Karin v5.265 — analytics ranking/chart polish. */
html body.karin-page-reports .reports-rank-row{
  grid-template-columns:28px minmax(0,1fr) auto!important;
  grid-template-areas:"rank copy value" ". track track"!important;
  align-items:center!important;
  column-gap:var(--karin-space-3,12px)!important;
  row-gap:var(--karin-space-2,8px)!important;
  padding:var(--karin-space-3,12px) var(--karin-space-4,16px)!important;
  transition:border-color .16s ease,background-color .16s ease!important;
}
html body.karin-page-reports .reports-rank-row[href]:hover{
  transform:none!important;
  border-color:color-mix(in srgb,var(--karin-primary) 34%,var(--karin-border))!important;
  background:color-mix(in srgb,var(--karin-primary) 3.5%,var(--karin-surface))!important;
}
html body.karin-page-reports .reports-rank-index{
  grid-area:rank!important;
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--karin-border)!important;
  border-radius:999px!important;
  background:var(--karin-surface-muted)!important;
  color:var(--karin-text-muted)!important;
  font-size:10px!important;
  font-weight:800!important;
}
html body.karin-page-reports .reports-rank-copy{grid-area:copy!important;min-width:0!important;}
html body.karin-page-reports .reports-rank-copy>b{display:block!important;font-size:12px!important;font-weight:800!important;color:var(--karin-text)!important;}
html body.karin-page-reports .reports-rank-copy>span{display:block!important;margin-top:2px!important;font-size:10.5px!important;color:var(--karin-text-muted)!important;}
html body.karin-page-reports .reports-rank-value{grid-area:value!important;white-space:nowrap!important;font-size:11.5px!important;font-weight:800!important;color:var(--karin-text)!important;}
html body.karin-page-reports .reports-rank-track{
  grid-area:track!important;
  width:100%!important;
  height:5px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--karin-border) 62%,transparent)!important;
}
html body.karin-page-reports .reports-rank-track>i{
  display:block!important;
  height:100%!important;
  border-radius:inherit!important;
  background:var(--karin-primary)!important;
  opacity:.68!important;
}
html body.karin-page-reports .report-line-summary{
  margin:0 0 var(--karin-space-2,8px)!important;
  color:var(--karin-text-muted)!important;
  font-size:10.5px!important;
  font-weight:600!important;
}
html body.karin-page-reports .report-line-summary>b{color:var(--karin-text)!important;font-size:12px!important;font-weight:800!important;}
html body.karin-page-reports .hourly-legend{gap:var(--karin-space-3,12px)!important;}
html body.karin-page-reports .hourly-legend span{color:var(--karin-text-muted)!important;font-size:10.5px!important;font-weight:650!important;}
html body.karin-page-reports .hourly-legend i{width:7px!important;height:7px!important;border-radius:999px!important;box-shadow:none!important;}
html body.karin-page-reports .chart-hover-target{cursor:pointer!important;}
@media(max-width:760px){
  html body.karin-page-reports .reports-rank-row{
    grid-template-columns:28px minmax(0,1fr)!important;
    grid-template-areas:"rank copy" ". value" ". track"!important;
    padding:var(--karin-space-3,12px)!important;
  }
  html body.karin-page-reports .reports-rank-value{white-space:normal!important;font-size:11px!important;}
  html body.karin-page-reports .reports-rank-track{height:4px!important;}
  html body.karin-page-reports .report-chart-tooltip{display:none!important;}
  html body.karin-page-reports .report-chart-mobile-detail{display:block!important;margin:var(--karin-space-2,8px) 0 0!important;position:static!important;}
}

/* ======================================================================== Karin v5.266 — Unified time navigation + modern reports workspace ======================================================================== */
body.karin-page-reports .reports-timehub{
  display:grid!important;
  gap:var(--karin-space-3,12px)!important;
  padding:var(--karin-space-4,16px)!important;
  margin:0 0 var(--karin-space-4,16px)!important;
  border:1px solid var(--karin-border)!important;
  border-radius:var(--karin-radius-lg,16px)!important;
  background:var(--karin-surface)!important;
  box-shadow:none!important;
  min-width:0!important;
}
body.karin-page-reports .reports-timehub-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:var(--karin-space-3,12px)!important;
  min-width:0!important;
}
body.karin-page-reports .reports-timehub-head>div{display:grid!important;gap:2px!important;min-width:0!important;}
body.karin-page-reports .reports-timehub-head h2{margin:0!important;font-size:18px!important;line-height:1.5!important;font-weight:850!important;color:var(--karin-text)!important;}
body.karin-page-reports .reports-timehub-head span{color:var(--karin-text-muted)!important;font-size:11px!important;font-weight:600!important;}
body.karin-page-reports .reports-timehub-controls{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:var(--karin-space-3,12px)!important;
  align-items:center!important;
  min-width:0!important;
}
body.karin-page-reports .reports-timehub .reports-periods{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
body.karin-page-reports .reports-timehub .reports-periods a{
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 11px!important;
  border:1px solid var(--karin-border)!important;
  border-radius:999px!important;
  background:var(--karin-surface)!important;
  color:var(--karin-text-muted)!important;
  text-decoration:none!important;
  font-size:10.8px!important;
  font-weight:700!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
body.karin-page-reports .reports-timehub .reports-periods a:hover{border-color:color-mix(in srgb,var(--karin-primary) 35%,var(--karin-border))!important;color:var(--karin-primary)!important;}
body.karin-page-reports .reports-timehub .reports-periods a.active{background:color-mix(in srgb,var(--karin-primary) 8%,var(--karin-surface))!important;border-color:color-mix(in srgb,var(--karin-primary) 32%,var(--karin-border))!important;color:var(--karin-primary)!important;}
body.karin-page-reports .reports-timehub .reports-grain-switch{margin:0!important;flex-wrap:nowrap!important;}
body.karin-page-reports .reports-timehub-strip{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(136px,1fr)!important;
  gap:8px!important;
  overflow-x:auto!important;
  overscroll-behavior-inline:contain!important;
  scrollbar-width:none!important;
  padding:1px 0 3px!important;
  min-width:0!important;
}
body.karin-page-reports .reports-timehub-strip::-webkit-scrollbar{display:none!important;}
body.karin-page-reports .reports-timehub-strip .reports-period-chip{
  min-height:72px!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  background:var(--karin-surface-muted)!important;
  box-shadow:none!important;
}
body.karin-page-reports .reports-timehub-strip .reports-period-chip b{font-size:12.5px!important;}
body.karin-page-reports .reports-timehub-filter{
  padding-top:var(--karin-space-3,12px)!important;
  border-top:1px solid var(--karin-border)!important;
}
body.karin-page-reports .reports-timehub-filter .reports-filter-head{margin:0 0 8px!important;}
body.karin-page-reports .reports-timehub-filter .reports-filter-head h2{margin:0!important;font-size:11px!important;font-weight:750!important;color:var(--karin-text-muted)!important;}
body.karin-page-reports .reports-timehub-filter .reports-filter{margin:0!important;}

body.karin-page-reports .report-chart-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:var(--karin-space-4,16px)!important;
  margin-bottom:var(--karin-space-2,8px)!important;
}
body.karin-page-reports .report-chart-head>div:first-child{display:grid!important;gap:4px!important;}
body.karin-page-reports .report-chart-kpis{display:flex!important;align-items:baseline!important;gap:8px!important;flex-wrap:wrap!important;}
body.karin-page-reports .report-chart-kpis span{font-size:10.5px!important;color:var(--karin-text-muted)!important;font-weight:650!important;}
body.karin-page-reports .report-chart-kpis strong{font-size:12px!important;color:var(--karin-text)!important;font-weight:800!important;}
body.karin-page-reports .report-line-card{
  padding:var(--karin-space-4,16px)!important;
  border-radius:var(--karin-radius-lg,16px)!important;
}
body.karin-page-reports .report-chart-shell{
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:6px!important;
  margin-top:6px!important;
}
body.karin-page-reports .report-y-axis{
  height:auto!important;
  min-height:0!important;
  padding:8px 0 17px!important;
  font-size:9px!important;
  font-weight:600!important;
}
body.karin-page-reports .report-line-wrap,
body.karin-page-reports .hourly-line-wrap{
  border:1px solid color-mix(in srgb,var(--karin-border) 88%,transparent)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--karin-primary) 1.5%,var(--karin-surface)) 0%,var(--karin-surface) 100%)!important;
  overflow:hidden!important;
}
body.karin-page-reports .report-line-svg{
  width:100%!important;
  height:auto!important;
  aspect-ratio:720/220!important;
  min-height:188px!important;
  max-height:280px!important;
  overflow:visible!important;
}
body.karin-page-reports .report-line-svg .grid{
  stroke:color-mix(in srgb,var(--karin-border) 55%,transparent)!important;
  stroke-width:1!important;
}
body.karin-page-reports .report-line-svg .series.total{stroke:var(--karin-primary)!important;stroke-width:3!important;}
body.karin-page-reports .report-line-svg .series.primary{stroke:color-mix(in srgb,var(--karin-primary) 62%,var(--karin-text))!important;stroke-width:1.8!important;opacity:.82!important;}
body.karin-page-reports .report-line-svg .series.secondary{stroke:var(--karin-warning,#c18520)!important;stroke-width:1.8!important;opacity:.78!important;}
body.karin-page-reports .report-line-svg .report-gradient-start{stop-color:var(--karin-primary)!important;stop-opacity:.18!important;}
body.karin-page-reports .report-line-svg .report-gradient-end{stop-color:var(--karin-primary)!important;stop-opacity:0!important;}
body.karin-page-reports .report-line-svg .point.total{fill:var(--karin-surface)!important;stroke:var(--karin-primary)!important;stroke-width:2.2!important;}
body.karin-page-reports .report-line-svg .point.primary{fill:var(--karin-surface)!important;stroke:var(--karin-primary)!important;}
body.karin-page-reports .report-line-svg .point.secondary{fill:var(--karin-surface)!important;stroke:var(--karin-warning,#c18520)!important;}
body.karin-page-reports .report-line-axis{padding-left:52px!important;margin-top:6px!important;color:var(--karin-text-muted)!important;font-size:9px!important;}
body.karin-page-reports .hourly-selected{
  border:1px solid var(--karin-border)!important;
  border-radius:12px!important;
  background:var(--karin-surface-muted)!important;
  box-shadow:none!important;
}
body.karin-page-reports .report-chart-tooltip{
  border-radius:11px!important;
  background:color-mix(in srgb,var(--karin-text) 92%,transparent)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.16)!important;
  font-size:10.5px!important;
}

body.karin-page-reports .reports-subpage-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:var(--karin-space-3,12px)!important;
  padding:var(--karin-space-4,16px)!important;
  border:1px solid var(--karin-border)!important;
  border-radius:var(--karin-radius-lg,16px)!important;
  background:var(--karin-surface)!important;
  box-shadow:none!important;
}
body.karin-page-reports .reports-subpage-head>div{display:grid!important;gap:4px!important;}
body.karin-page-reports .reports-subpage-head h2{margin:0!important;font-size:17px!important;line-height:1.45!important;font-weight:850!important;color:var(--karin-text)!important;}
body.karin-page-reports .reports-subpage-head>span{font-size:10.5px!important;color:var(--karin-text-muted)!important;font-weight:650!important;}
body.karin-page-reports .reports-back-overview{width:max-content!important;color:var(--karin-primary)!important;text-decoration:none!important;font-size:10.5px!important;font-weight:750!important;}
body.karin-page-reports .reports-subpage-kpi{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
body.karin-page-reports .reports-subpage-kpi .karin-stat{
  min-height:92px!important;
  display:grid!important;
  align-content:center!important;
  gap:4px!important;
  padding:12px 14px!important;
  border-radius:12px!important;
}
body.karin-page-reports .reports-subpage-kpi .karin-stat span{font-size:10.5px!important;color:var(--karin-text-muted)!important;font-weight:650!important;}
body.karin-page-reports .reports-subpage-kpi .karin-stat b{font-size:15px!important;line-height:1.5!important;font-weight:850!important;color:var(--karin-text)!important;}
body.karin-page-reports .reports-subpage-kpi .karin-stat small{font-size:10px!important;color:var(--karin-text-muted)!important;}
body.karin-page-reports .reports-sales-split{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:var(--karin-space-3,12px)!important;
}
body.karin-page-reports .reports-sales-split-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"label amount" "meta amount"!important;
  align-items:center!important;
  gap:3px 12px!important;
  min-height:88px!important;
  padding:14px 16px!important;
  border:1px solid var(--karin-border)!important;
  border-radius:14px!important;
  background:var(--karin-surface)!important;
  color:var(--karin-text)!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
body.karin-page-reports .reports-sales-split-card:hover{border-color:color-mix(in srgb,var(--karin-primary) 35%,var(--karin-border))!important;background:color-mix(in srgb,var(--karin-primary) 2%,var(--karin-surface))!important;}
body.karin-page-reports .reports-sales-split-card span{grid-area:label!important;font-size:11px!important;color:var(--karin-text-muted)!important;font-weight:700!important;}
body.karin-page-reports .reports-sales-split-card b{grid-area:amount!important;font-size:17px!important;font-weight:850!important;text-align:left!important;}
body.karin-page-reports .reports-sales-split-card small{grid-area:meta!important;font-size:10.5px!important;color:var(--karin-text-muted)!important;}
body.karin-page-reports .reports-main>.karin-card,
body.karin-page-reports .reports-2col>.karin-card,
body.karin-page-reports .reports-3col>.karin-card{
  padding:var(--karin-space-4,16px)!important;
  border:1px solid var(--karin-border)!important;
  border-radius:var(--karin-radius-lg,16px)!important;
  background:var(--karin-surface)!important;
  box-shadow:none!important;
}
body.karin-page-reports .reports-main>.karin-card>h2,
body.karin-page-reports .reports-2col>.karin-card>h2,
body.karin-page-reports .reports-3col>.karin-card>h2,
body.karin-page-reports .catalog-section-head h2{
  margin:0 0 12px!important;
  font-size:13px!important;
  line-height:1.6!important;
  font-weight:800!important;
  color:var(--karin-text)!important;
}
body.karin-page-reports .catalog-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important;}
body.karin-page-reports .reports-table,
body.karin-page-reports .karin-table-wrap{border-radius:12px!important;overflow:hidden!important;border:1px solid var(--karin-border)!important;}
body.karin-page-reports table{border-collapse:separate!important;border-spacing:0!important;}
body.karin-page-reports table thead th{background:var(--karin-surface-muted)!important;color:var(--karin-text-muted)!important;font-size:10px!important;font-weight:750!important;border-bottom:1px solid var(--karin-border)!important;}
body.karin-page-reports table tbody td{font-size:10.8px!important;line-height:1.65!important;border-bottom:1px solid color-mix(in srgb,var(--karin-border) 72%,transparent)!important;vertical-align:middle!important;}
body.karin-page-reports table tbody tr:last-child td{border-bottom:0!important;}
body.karin-page-reports table tbody tr:hover td{background:color-mix(in srgb,var(--karin-primary) 2%,var(--karin-surface))!important;}
body.karin-page-reports .finance-statement{overflow:hidden!important;}
body.karin-page-reports .catalog-alert-grid{gap:var(--karin-space-3,12px)!important;}
body.karin-page-reports .catalog-alert{box-shadow:none!important;border:1px solid var(--karin-border)!important;border-radius:14px!important;}

@media(max-width:980px){
  body.karin-page-reports .reports-timehub-controls{grid-template-columns:1fr!important;align-items:stretch!important;}
  body.karin-page-reports .reports-timehub .reports-grain-switch{width:max-content!important;max-width:100%!important;}
  body.karin-page-reports .reports-subpage-kpi{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  body.karin-page-reports .reports-timehub{padding:12px!important;margin-bottom:12px!important;gap:10px!important;}
  body.karin-page-reports .reports-timehub-head{align-items:flex-start!important;}
  body.karin-page-reports .reports-timehub-head h2{font-size:16px!important;}
  body.karin-page-reports .reports-timehub .reports-periods{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;gap:6px!important;}
  body.karin-page-reports .reports-timehub .reports-periods a{width:100%!important;min-width:0!important;padding:0 6px!important;font-size:9.8px!important;}
  body.karin-page-reports .reports-timehub .reports-grain-switch{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;}
  body.karin-page-reports .reports-timehub-strip{grid-auto-columns:minmax(132px,72%)!important;}
  body.karin-page-reports .reports-timehub-strip .reports-period-chip{min-height:66px!important;}
  body.karin-page-reports .report-chart-head{display:grid!important;gap:8px!important;}
  body.karin-page-reports .report-chart-head .hourly-legend{justify-content:flex-start!important;}
  body.karin-page-reports .report-chart-shell{grid-template-columns:34px minmax(0,1fr)!important;gap:3px!important;}
  body.karin-page-reports .report-line-svg{min-height:150px!important;max-height:200px!important;}
  body.karin-page-reports .report-y-axis{font-size:7.5px!important;padding-top:6px!important;}
  body.karin-page-reports .report-line-axis{padding-left:37px!important;font-size:7.8px!important;}
  body.karin-page-reports .reports-subpage-head{align-items:flex-start!important;flex-direction:column!important;padding:12px!important;}
  body.karin-page-reports .reports-subpage-kpi{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.karin-page-reports .reports-sales-split{grid-template-columns:1fr!important;}
  body.karin-page-reports .reports-sales-split-card{min-height:76px!important;padding:12px!important;}
  body.karin-page-reports .reports-main>.karin-card,
  body.karin-page-reports .reports-2col>.karin-card,
  body.karin-page-reports .reports-3col>.karin-card{padding:12px!important;}
}
body.karin-page-reports .reports-timehub-filter .reports-filter{
  display:grid!important;
  grid-template-columns:minmax(220px,1.25fr) minmax(160px,.8fr) minmax(220px,1fr) 112px!important;
  gap:var(--karin-space-3,12px)!important;
  align-items:end!important;
}
body.karin-page-reports .reports-timehub-filter .reports-filter-submit{width:100%!important;min-width:0!important;}
@media(max-width:980px){
  body.karin-page-reports .reports-timehub-filter .reports-filter{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.karin-page-reports .reports-timehub-filter .reports-filter-submit{min-height:42px!important;}
}
@media(max-width:620px){
  body.karin-page-reports .reports-timehub-filter .reports-filter{grid-template-columns:1fr!important;}
}

/* Karin v5.267 — centered report charts + unified specialist workspaces */
body.karin-page-reports .reports-nav,
body.karin-page-reports .reports-mobile-nav{display:none!important;}
body.karin-page-reports .reports-main{gap:16px!important;}

body.karin-page-reports .reports-workspace-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;
  padding:14px 16px!important;border-radius:18px!important;background:var(--karin-surface)!important;border:1px solid var(--karin-border)!important;box-shadow:none!important;
}
body.karin-page-reports .reports-workspace-heading{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;}
body.karin-page-reports .reports-workspace-heading>div{display:grid!important;gap:1px!important;min-width:0!important;}
body.karin-page-reports .reports-workspace-heading h2{margin:0!important;font-size:17px!important;font-weight:850!important;color:var(--karin-text)!important;}
body.karin-page-reports .reports-workspace-heading span{font-size:10.8px!important;color:var(--karin-text-muted)!important;font-weight:650!important;}
body.karin-page-reports .reports-back-overview{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:0 11px!important;border:1px solid var(--karin-border)!important;border-radius:11px!important;text-decoration:none!important;color:var(--karin-text-muted)!important;font-size:11px!important;font-weight:750!important;background:var(--karin-surface-muted)!important;white-space:nowrap!important;}
body.karin-page-reports .reports-workspace-tabs{display:flex!important;align-items:center!important;gap:4px!important;padding:4px!important;border:1px solid var(--karin-border)!important;border-radius:13px!important;background:var(--karin-surface-muted)!important;overflow-x:auto!important;scrollbar-width:none!important;}
body.karin-page-reports .reports-workspace-tabs::-webkit-scrollbar{display:none!important;}
body.karin-page-reports .reports-workspace-tabs a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:0 12px!important;border-radius:9px!important;text-decoration:none!important;color:var(--karin-text-muted)!important;font-size:11.5px!important;font-weight:800!important;white-space:nowrap!important;}
body.karin-page-reports .reports-workspace-tabs a.active{background:var(--karin-surface)!important;color:var(--karin-primary)!important;box-shadow:0 2px 8px color-mix(in srgb,var(--karin-text) 7%,transparent)!important;}

body.karin-page-reports .reports-workspace-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;}
body.karin-page-reports .reports-workspace-stat{position:relative!important;overflow:hidden!important;display:grid!important;align-content:center!important;gap:5px!important;min-height:108px!important;padding:14px 15px!important;border:1px solid var(--karin-border)!important;border-radius:16px!important;background:var(--karin-surface)!important;box-shadow:none!important;}
body.karin-page-reports .reports-workspace-stat:after{content:""!important;position:absolute!important;left:-32px!important;bottom:-42px!important;width:108px!important;height:108px!important;border-radius:50%!important;background:color-mix(in srgb,var(--karin-primary) 5%,transparent)!important;pointer-events:none!important;}
body.karin-page-reports .reports-workspace-stat.is-primary{border-color:color-mix(in srgb,var(--karin-primary) 24%,var(--karin-border))!important;background:linear-gradient(180deg,color-mix(in srgb,var(--karin-primary) 4%,var(--karin-surface)),var(--karin-surface))!important;}
body.karin-page-reports .reports-workspace-stat.is-negative:after{background:color-mix(in srgb,#dc5366 5%,transparent)!important;}
body.karin-page-reports .reports-workspace-stat span{font-size:10.8px!important;font-weight:760!important;color:var(--karin-text-muted)!important;}
body.karin-page-reports .reports-workspace-stat b{font-size:18px!important;line-height:1.5!important;font-weight:900!important;color:var(--karin-text)!important;position:relative!important;z-index:1!important;}
body.karin-page-reports .reports-workspace-stat small{font-size:10px!important;line-height:1.7!important;font-weight:650!important;color:var(--karin-text-muted)!important;position:relative!important;z-index:1!important;}
body.karin-page-reports .reports-workspace-stat.is-negative b{color:#b9384b!important;}

body.karin-page-reports .reports-workspace-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:13px 15px!important;}
body.karin-page-reports .reports-workspace-toolbar>div{display:grid!important;gap:2px!important;}
body.karin-page-reports .reports-workspace-toolbar strong{font-size:12.5px!important;font-weight:850!important;color:var(--karin-text)!important;}
body.karin-page-reports .reports-workspace-toolbar span{font-size:10.5px!important;color:var(--karin-text-muted)!important;}

body.karin-page-reports .report-chart-v268{width:100%!important;max-width:1120px!important;margin-inline:auto!important;padding:16px!important;border-radius:20px!important;box-shadow:0 10px 30px color-mix(in srgb,var(--karin-text) 5%,transparent)!important;overflow:visible!important;}
body.karin-page-reports .report-chart-v268 .report-chart-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin:0 0 9px!important;}
body.karin-page-reports .report-chart-v268 .report-chart-head h2{font-size:16px!important;margin:0 0 3px!important;font-weight:850!important;}
body.karin-page-reports .report-chart-v268 .report-chart-kpis{display:flex!important;align-items:center!important;gap:8px!important;color:var(--karin-text-muted)!important;font-size:10px!important;font-weight:720!important;}
body.karin-page-reports .report-chart-v268 .report-chart-kpis strong{font-size:11px!important;color:var(--karin-text)!important;font-weight:850!important;}
body.karin-page-reports .report-chart-legend-v267{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;color:var(--karin-text-muted)!important;font-size:9.8px!important;font-weight:760!important;}
body.karin-page-reports .report-chart-legend-v267 span{display:inline-flex!important;align-items:center!important;gap:5px!important;}
body.karin-page-reports .report-chart-legend-v267 i{display:inline-block!important;width:18px!important;height:3px!important;border-radius:99px!important;background:var(--karin-primary)!important;}
body.karin-page-reports .report-chart-legend-v267 .local i{background:#2f7ee6!important;}
body.karin-page-reports .report-chart-legend-v267 .remote i{background:#d99020!important;}
body.karin-page-reports .report-chart-legend-v267 .total i{background:var(--karin-text)!important;}
body.karin-page-reports .report-modern-chart-shell{display:grid!important;grid-template-columns:66px minmax(0,1fr)!important;gap:7px!important;align-items:stretch!important;width:min(100%,1040px)!important;margin:0 auto!important;direction:ltr!important;}
body.karin-page-reports .report-chart-y{height:220px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:flex-end!important;padding:14px 2px 22px 0!important;color:var(--karin-text-muted)!important;font-size:8.7px!important;font-weight:700!important;position:relative!important;}
body.karin-page-reports .report-chart-y:after{content:attr(data-unit)!important;position:absolute!important;bottom:0!important;right:1px!important;font-size:8px!important;color:color-mix(in srgb,var(--karin-text-muted) 78%,transparent)!important;}
body.karin-page-reports .report-modern-chart-stage{position:relative!important;height:220px!important;min-height:220px!important;overflow:visible!important;border:1px solid var(--karin-border)!important;border-radius:17px!important;background:radial-gradient(circle at 82% 8%,color-mix(in srgb,var(--karin-primary) 8%,transparent),transparent 30%),linear-gradient(180deg,var(--karin-surface),var(--karin-surface-muted))!important;padding:4px 5px 2px!important;isolation:isolate!important;cursor:crosshair!important;}
body.karin-page-reports .report-modern-chart-stage svg{display:block!important;width:100%!important;height:208px!important;overflow:visible!important;}
body.karin-page-reports .report-chart-grid-v267{stroke:color-mix(in srgb,var(--karin-border) 82%,transparent)!important;stroke-width:1!important;vector-effect:non-scaling-stroke!important;}
body.karin-page-reports .report-chart-area-v267{opacity:.82!important;pointer-events:none!important;}
body.karin-page-reports .report-chart-line-v267{fill:none!important;stroke:var(--karin-primary)!important;stroke-width:3.1!important;stroke-linecap:round!important;stroke-linejoin:round!important;vector-effect:non-scaling-stroke!important;filter:drop-shadow(0 4px 6px color-mix(in srgb,var(--karin-primary) 18%,transparent))!important;}
body.karin-page-reports .report-chart-line-v267.is-total{stroke:var(--karin-text)!important;stroke-width:3.2!important;filter:none!important;}
body.karin-page-reports .report-chart-line-v267.is-local{stroke:#2f7ee6!important;stroke-width:2.35!important;filter:none!important;}
body.karin-page-reports .report-chart-line-v267.is-remote{stroke:#d99020!important;stroke-width:2.2!important;filter:none!important;}
body.karin-page-reports .report-chart-point-v267{fill:var(--karin-surface)!important;stroke:var(--karin-primary)!important;stroke-width:2.5!important;vector-effect:non-scaling-stroke!important;pointer-events:none!important;}
body.karin-page-reports .report-chart-point-wrap:hover .report-chart-point-v267{fill:var(--karin-primary)!important;stroke:var(--karin-surface)!important;}
body.karin-page-reports .report-chart-hit{fill:transparent!important;cursor:crosshair!important;outline:none!important;}
body.karin-page-reports .report-chart-crosshair-v267{position:absolute!important;top:9px!important;bottom:22px!important;width:1px!important;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--karin-primary) 42%,transparent),transparent)!important;pointer-events:none!important;transform:translateX(-50%)!important;z-index:7!important;}
body.karin-page-reports .report-chart-crosshair-v267[hidden]{display:none!important;}
body.karin-page-reports .report-chart-tooltip-v267{position:absolute!important;z-index:20!important;min-width:190px!important;max-width:min(270px,calc(100% - 16px))!important;padding:9px 11px!important;border-radius:13px!important;background:#10243b!important;color:#fff!important;box-shadow:0 14px 34px rgba(16,36,59,.22)!important;font-size:9.7px!important;line-height:1.75!important;pointer-events:none!important;direction:rtl!important;text-align:right!important;}
body.karin-page-reports .report-chart-tooltip-v267[hidden]{display:none!important;}
body.karin-page-reports .report-chart-tooltip-v267 b{display:block!important;font-size:10.5px!important;margin-bottom:4px!important;color:#fff!important;}
body.karin-page-reports .report-chart-tooltip-v267 span{display:flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important;color:#dce9f6!important;}
body.karin-page-reports .report-chart-tooltip-v267 i{display:inline-block!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#61a6ff!important;flex:0 0 8px!important;}
body.karin-page-reports .report-chart-tooltip-v267 .is-local i{background:#61a6ff!important;}
body.karin-page-reports .report-chart-tooltip-v267 .is-remote i{background:#efb452!important;}
body.karin-page-reports .report-chart-axis-v267{position:absolute!important;right:10px!important;left:10px!important;bottom:4px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:4px!important;color:var(--karin-text-muted)!important;font-size:7.8px!important;font-weight:650!important;pointer-events:none!important;direction:ltr!important;}
body.karin-page-reports .report-chart-axis-v267 span{direction:rtl!important;}

body.karin-page-reports .reports-sales-split{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
body.karin-page-reports .reports-sales-split-card{min-height:112px!important;padding:14px 16px!important;border-radius:16px!important;border:1px solid var(--karin-border)!important;background:var(--karin-surface)!important;box-shadow:none!important;display:grid!important;align-content:center!important;gap:5px!important;text-decoration:none!important;}
body.karin-page-reports .reports-sales-split-card span{font-size:10.8px!important;color:var(--karin-text-muted)!important;font-weight:750!important;}
body.karin-page-reports .reports-sales-split-card b{font-size:19px!important;color:var(--karin-text)!important;font-weight:900!important;}
body.karin-page-reports .reports-sales-split-card small{font-size:10px!important;color:var(--karin-text-muted)!important;}
body.karin-page-reports .reports-2col,body.karin-page-reports .reports-3col{gap:10px!important;}
body.karin-page-reports .reports-2col>.karin-card,body.karin-page-reports .reports-3col>.karin-card,body.karin-page-reports .reports-main>.karin-card{border-radius:17px!important;box-shadow:none!important;border-color:var(--karin-border)!important;}
body.karin-page-reports .reports-main>.karin-card h2{font-size:14px!important;font-weight:850!important;margin:0 0 10px!important;}
body.karin-page-reports .reports-table{border-radius:13px!important;border:1px solid var(--karin-border)!important;background:var(--karin-surface)!important;overflow:auto!important;}
body.karin-page-reports .reports-table th{background:var(--karin-surface-muted)!important;color:var(--karin-text-muted)!important;font-size:10.8px!important;font-weight:800!important;border-color:var(--karin-border)!important;}
body.karin-page-reports .reports-table td{font-size:11.4px!important;color:var(--karin-text)!important;border-color:color-mix(in srgb,var(--karin-border) 72%,transparent)!important;}
body.karin-page-reports .reports-table tbody tr{transition:background .15s ease!important;}
body.karin-page-reports .reports-table tbody tr:hover td{background:color-mix(in srgb,var(--karin-primary) 2.5%,var(--karin-surface))!important;}

@media(max-width:900px){
  body.karin-page-reports .reports-workspace-head{align-items:stretch!important;flex-direction:column!important;}
  body.karin-page-reports .reports-workspace-tabs{width:100%!important;}
  body.karin-page-reports .reports-workspace-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.karin-page-reports .report-modern-chart-shell{grid-template-columns:52px minmax(0,1fr)!important;width:100%!important;}
}
@media(max-width:700px){
  body.karin-page-reports .reports-workspace-head{padding:12px!important;border-radius:16px!important;}
  body.karin-page-reports .reports-workspace-heading{align-items:flex-start!important;}
  body.karin-page-reports .reports-workspace-tabs a{min-width:max-content!important;flex:0 0 auto!important;padding:0 10px!important;}
  body.karin-page-reports .reports-workspace-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  body.karin-page-reports .reports-workspace-stat{min-height:94px!important;padding:12px!important;border-radius:14px!important;}
  body.karin-page-reports .reports-workspace-stat b{font-size:15px!important;}
  body.karin-page-reports .report-chart-v268{padding:12px!important;border-radius:17px!important;}
  body.karin-page-reports .report-chart-v268 .report-chart-head{flex-direction:column!important;gap:7px!important;}
  body.karin-page-reports .report-modern-chart-shell{grid-template-columns:43px minmax(0,1fr)!important;gap:4px!important;}
  body.karin-page-reports .report-chart-y{height:192px!important;font-size:7.4px!important;padding-top:13px!important;padding-bottom:20px!important;}
  body.karin-page-reports .report-modern-chart-stage{height:194px!important;min-height:194px!important;border-radius:14px!important;overflow:hidden!important;}
  body.karin-page-reports .report-modern-chart-stage svg{height:182px!important;}
  body.karin-page-reports .report-chart-tooltip-v267{min-width:160px!important;font-size:8.7px!important;}
  body.karin-page-reports .reports-sales-split{grid-template-columns:1fr!important;}
  body.karin-page-reports .reports-workspace-toolbar{align-items:stretch!important;flex-direction:column!important;}
  body.karin-page-reports .reports-table{overflow:visible!important;border:0!important;background:transparent!important;}
}
html[data-theme="dark"] body.karin-page-reports .report-chart-tooltip-v267{background:#071524!important;color:#fff!important;}

/* Karin v5.268 — reports single-workspace layout + pricing/status clarity */
body.karin-page-reports .reports-layout{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
body.karin-page-reports .reports-main{
  display:grid!important;
  width:100%!important;
  min-width:0!important;
  grid-template-columns:minmax(0,1fr)!important;
}
body.karin-page-reports .reports-nav,
body.karin-page-reports .reports-mobile-nav,
body.karin-page-reports .reports-specialized-links{display:none!important;}
body.karin-page-reports .reports-workspace-head{width:100%!important;min-width:0!important;box-sizing:border-box!important;}
body.karin-page-reports .report-chart-v268{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  justify-self:stretch!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.karin-page-reports .report-chart-v268 .report-chart-head{width:100%!important;box-sizing:border-box!important;}
body.karin-page-reports .report-chart-v268 .report-modern-chart-shell{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:8px 0 0!important;
  padding-left:62px!important;
  box-sizing:border-box!important;
  direction:ltr!important;
}
body.karin-page-reports .report-chart-v268 .report-chart-y{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:52px!important;
  min-width:52px!important;
  height:220px!important;
  margin:0!important;
  padding:14px 0 20px!important;
  box-sizing:border-box!important;
}
body.karin-page-reports .report-chart-v268 .report-modern-chart-stage{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:220px!important;
  min-height:220px!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid var(--karin-border)!important;
  border-radius:17px!important;
  background:radial-gradient(circle at 82% 8%,rgba(47,126,230,.07),transparent 30%),linear-gradient(180deg,var(--karin-surface),var(--karin-surface-muted))!important;
  box-sizing:border-box!important;
  cursor:crosshair!important;
}
body.karin-page-reports .report-chart-v268 .report-modern-chart-stage svg{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:208px!important;
  margin:0!important;
}
body.karin-page-reports .report-chart-v268 .report-chart-point-wrap{cursor:crosshair!important;}
body.karin-page-reports .report-chart-v268 .report-chart-hit{cursor:crosshair!important;pointer-events:all!important;}
body.karin-page-reports .report-chart-v268 .report-chart-point-v267{transition:r .12s ease,fill .12s ease,stroke .12s ease!important;}
body.karin-page-reports .report-chart-v268 .report-chart-point-wrap:hover .report-chart-point-v267{r:5px!important;fill:#2f7ee6!important;stroke:#fff!important;}

body.karin-page-products .product-price-range.has-sale{align-items:center!important;gap:3px!important;}
body.karin-page-products .product-price-range.has-sale del{font-size:9.7px!important;color:var(--karin-text-muted)!important;text-decoration-thickness:1px!important;white-space:nowrap!important;}
body.karin-page-products .product-sale-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  min-height:20px!important;
  padding:1px 7px!important;
  border-radius:999px!important;
  background:#fff1f2!important;
  border:1px solid #fecdd3!important;
  color:#be123c!important;
  font-size:9.2px!important;
  font-weight:850!important;
  line-height:1.4!important;
  white-space:nowrap!important;
}
body.karin-page-products .variant-price-display{display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;white-space:nowrap!important;}
body.karin-page-products .variant-price-display b{font-size:11.2px!important;color:var(--karin-text)!important;}
body.karin-page-products .variant-price-display.has-sale b{color:#be123c!important;}
body.karin-page-products .variant-price-display del{font-size:9.7px!important;color:var(--karin-text-muted)!important;}
body.karin-page-stock .site-stock-cell.missing{
  background:#f8fafc!important;
  border-color:#cbd5e1!important;
  color:#64748b!important;
}
html[data-theme="dark"] body.karin-page-products .product-sale-badge{background:#351923!important;border-color:#6b2c3c!important;color:#ff9eb0!important;}
html[data-theme="dark"] body.karin-page-stock .site-stock-cell.missing{background:#152236!important;border-color:#34465c!important;color:#aab9ca!important;}

@media(max-width:700px){
  body.karin-page-reports .report-chart-v268{padding:12px!important;border-radius:17px!important;}
  body.karin-page-reports .report-chart-v268 .report-modern-chart-shell{padding-left:45px!important;}
  body.karin-page-reports .report-chart-v268 .report-chart-y{width:39px!important;min-width:39px!important;height:194px!important;font-size:7.4px!important;padding-top:13px!important;padding-bottom:20px!important;}
  body.karin-page-reports .report-chart-v268 .report-modern-chart-stage{height:194px!important;min-height:194px!important;border-radius:14px!important;}
  body.karin-page-reports .report-chart-v268 .report-modern-chart-stage svg{height:182px!important;}
  body.karin-page-products .variant-price-display{align-items:flex-start!important;}
}

/* Karin v5.269 — discount badge hierarchy */
body.karin-page-products .variant-price-display.has-sale del{display:block!important;text-decoration-thickness:1px!important;text-decoration-color:currentColor!important;}
body.karin-page-products .variant-price-display.has-sale b{display:block!important;}

/* ======================================================================== Karin v5.270 — seller assignment scope + sales channel workspace ======================================================================== */
body.karin-page-quick-pos .quick-seller-readonly{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:var(--karin-control-h,42px)!important;
  padding:0 12px!important;
  border:1px solid var(--karin-border,#dbe3ef)!important;
  border-radius:var(--karin-radius-md,12px)!important;
  background:var(--karin-surface-soft,#f8fafc)!important;
  color:var(--karin-text,#0f172a)!important;
  font-size:12px!important;
  font-weight:800!important;
  box-sizing:border-box!important;
}

/* Sales Channels page-specific presentation moved to assets/sales-channels.css in v5.336. */

/* ======================================================================== Karin v5.277 — Quick POS stable conditional payment panel Payment details own a full row; card-to-card keeps account and receipt aligned side by side on desktop and stacked on mobile. ======================================================================== */
body.karin-page-quick-pos .sale-setup-grid.has-payment-context{
  align-items:end!important;
}
body.karin-page-quick-pos .sale-setup-grid.has-payment-context .quick-payment-detail{
  display:block!important;
  grid-column:1/-1!important;
  min-width:0;
  box-sizing:border-box;
  border:1px solid var(--karin-border);
  border-radius:var(--karin-radius-md,12px);
  background:var(--karin-surface);
}
body.karin-page-quick-pos .quick-payment-detail .quick-payment-context{
  width:100%!important;
  display:grid!important;
  gap:var(--karin-space-2,8px)!important;
  min-width:0;
  margin:0!important;
}
body.karin-page-quick-pos #single-account-box{
  --karin-payment-context-columns:repeat(2,minmax(0,1fr));
  align-items:end;
}
body.karin-page-quick-pos #single-account-box .quick-account-field{
  display:grid;
  gap:var(--karin-field-gap,6px);
  min-width:0;
  align-content:end;
}
body.karin-page-quick-pos #single-account-box .quick-account-field>label{margin:0;}
body.karin-page-quick-pos #single-account-box .quick-account-field>select{width:100%!important;margin:0!important;}
body.karin-page-quick-pos #single-account-box>#single-receipt-slot{min-width:0;align-self:end;}
body.karin-page-quick-pos #single-account-box .quick-receipt-slot:empty{display:none!important;}
body.karin-page-quick-pos #card-receipt-box{margin:0!important;width:100%!important;}
@media(max-width:760px){
  body.karin-page-quick-pos .sale-setup-grid.has-payment-context .quick-payment-detail{grid-column:1/-1!important;}
  body.karin-page-quick-pos #single-account-box{--karin-payment-context-columns:1fr;}
  body.karin-page-quick-pos #single-account-box>#single-receipt-slot{margin-top:var(--karin-space-1,4px);}
}

/* ======================================================================== Karin v5.274 — Canonical Feedback / State Components Flash, notice, toast, busy and structured empty-state UI share one owner. ======================================================================== */
body.karin-app-page .karin-notice{
  box-sizing:border-box;
  display:flex;
  align-items:flex-start;
  gap:var(--karin-space-2);
  width:100%;
  min-width:0;
  margin:0 0 var(--karin-space-3);
  padding:var(--karin-notice-padding-block) var(--karin-notice-padding-inline);
  border:1px solid var(--karin-border);
  border-radius:var(--karin-notice-radius);
  background:var(--karin-surface-soft);
  color:var(--karin-text);
  box-shadow:none;
  font-family:var(--karin-font);
  font-size:var(--karin-font-size-sm);
  font-weight:var(--karin-fw-button);
  line-height:var(--karin-line-height-normal);
}
body.karin-app-page .karin-notice--success{background:var(--karin-success-surface);border-color:var(--karin-success-border);color:var(--karin-success-text);}
body.karin-app-page .karin-notice--danger{background:var(--karin-danger-surface);border-color:var(--karin-danger-border);color:var(--karin-danger-text);}
body.karin-app-page .karin-notice--warning{background:var(--karin-warning-surface);border-color:var(--karin-warning-border);color:var(--karin-warning-text);}
body.karin-app-page .karin-notice--info{background:var(--karin-info-surface);border-color:var(--karin-info-border);color:var(--karin-info-text);}
body.karin-app-page .karin-notice--neutral{background:var(--karin-surface-soft);border-color:var(--karin-border);color:var(--karin-text-muted);}

body.karin-app-page .karin-empty-state:has(.karin-empty-state__copy){
  display:grid;
  justify-items:center;
  gap:var(--karin-space-3);
  padding:var(--karin-space-5) var(--karin-space-4);
}
body.karin-app-page .karin-empty-state__copy{display:grid;gap:4px;justify-items:center;min-width:0;max-width:620px;}
body.karin-app-page .karin-empty-state__copy>b{color:var(--karin-text);font-size:var(--karin-font-size-md);font-weight:var(--karin-fw-heading);line-height:1.55;}
body.karin-app-page .karin-empty-state__copy>span{color:var(--karin-text-muted);font-size:var(--karin-font-size-sm);font-weight:500;line-height:var(--karin-line-height-normal);}
body.karin-app-page .karin-empty-state__actions{display:flex;align-items:center;justify-content:center;gap:var(--karin-space-2);flex-wrap:wrap;}

.karin-toast-stack{
  position:fixed;
  z-index:var(--karin-z-toast);
  inset-inline-start:var(--karin-toast-offset);
  bottom:max(var(--karin-toast-offset),env(safe-area-inset-bottom));
  display:grid;
  gap:var(--karin-space-2);
  width:var(--karin-toast-width);
  max-width:calc(100vw - (var(--karin-toast-offset) * 2));
  pointer-events:none;
}
.karin-toast{
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:var(--karin-space-2);
  width:100%;
  padding:11px 12px;
  border:1px solid var(--karin-surface-border-strong);
  border-radius:var(--karin-radius-md);
  background:color-mix(in srgb,var(--karin-surface-raised) 94%,transparent);
  color:var(--karin-text);
  box-shadow:var(--karin-shadow-md);
  backdrop-filter:var(--karin-backdrop-filter);
  opacity:0;
  transform:translateY(10px) scale(.985);
  transition:opacity var(--karin-motion-base) var(--karin-ease-standard),transform var(--karin-motion-base) var(--karin-ease-emphasized);
  pointer-events:auto;
}
.karin-toast.is-visible{opacity:1;transform:translateY(0) scale(1);}
.karin-toast.is-leaving{opacity:0;transform:translateY(7px) scale(.99);}
.karin-toast--success{border-color:var(--karin-success-border);background:color-mix(in srgb,var(--karin-success-surface) 88%,var(--karin-surface-raised));color:var(--karin-success-text);}
.karin-toast--danger{border-color:var(--karin-danger-border);background:color-mix(in srgb,var(--karin-danger-surface) 88%,var(--karin-surface-raised));color:var(--karin-danger-text);}
.karin-toast--warning{border-color:var(--karin-warning-border);background:color-mix(in srgb,var(--karin-warning-surface) 88%,var(--karin-surface-raised));color:var(--karin-warning-text);}
.karin-toast--info{border-color:var(--karin-info-border);background:color-mix(in srgb,var(--karin-info-surface) 88%,var(--karin-surface-raised));color:var(--karin-info-text);}
.karin-toast__copy{min-width:0;overflow-wrap:anywhere;font-size:var(--karin-font-size-sm);font-weight:var(--karin-fw-button);line-height:var(--karin-line-height-normal);}
.karin-toast__close{display:grid;place-items:center;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;border:0;border-radius:8px;background:transparent;color:currentColor;box-shadow:none;font-size:19px;line-height:1;opacity:.72;cursor:pointer;}
.karin-toast__close:hover{background:color-mix(in srgb,currentColor 8%,transparent);color:currentColor;opacity:1;}
.karin-toast__close:active{transform:scale(var(--karin-press-scale));}

@media(max-width:700px){
  .karin-toast-stack{inset-inline:12px;width:auto;max-width:none;bottom:max(12px,env(safe-area-inset-bottom));}
  body.karin-app-page .karin-empty-state__actions{width:100%;}
  body.karin-app-page .karin-empty-state__actions>.karin-button{width:100%;}
}
@media(prefers-reduced-motion:reduce){
  .karin-toast{transition:none;transform:none;}
}

/* ======================================================================== Karin v5.275 — Canonical Form / Field / Validation / Switch System Shared form primitives own control geometry and semantic state. Feature CSS may place fields but must not create a parallel input/select/switch system. ======================================================================== */
body.karin-app-page .karin-field{
  display:grid;
  gap:var(--karin-field-gap);
  min-width:0;
}
body.karin-app-page .karin-field>label,
body.karin-app-page .karin-field__label{
  display:block;
  margin:0;
  color:var(--karin-field-label);
  font-size:var(--karin-font-size-sm);
  font-weight:700;
  line-height:var(--karin-line-height-tight);
}
body.karin-app-page .karin-field__hint,
body.karin-app-page .karin-field__message{
  display:block;
  margin:0;
  color:var(--karin-field-hint);
  font-size:var(--karin-font-size-xs);
  line-height:1.55;
}
body.karin-app-page .karin-field__message--danger,
body.karin-app-page .karin-field.is-danger .karin-field__message{color:var(--karin-danger-text);}
body.karin-app-page .karin-field__message--success,
body.karin-app-page .karin-field.is-success .karin-field__message{color:var(--karin-success-text);}
body.karin-app-page .karin-field__message--warning,
body.karin-app-page .karin-field.is-warning .karin-field__message{color:var(--karin-warning-text);}

body.karin-app-page :where(.karin-control,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]),select,textarea){
  padding:var(--karin-control-padding-block) var(--karin-control-padding-inline);
  border-radius:var(--karin-control-radius);
}
body.karin-app-page :where(.karin-control,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]),select,textarea):not(:disabled):not([readonly]):hover{
  border-color:var(--karin-control-hover-border);
}
body.karin-app-page :where(.karin-control,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]),select,textarea)[aria-invalid="true"],
body.karin-app-page .karin-field.is-danger :where(.karin-control,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]),select,textarea){
  border-color:var(--karin-control-invalid-border);
}
body.karin-app-page :where(.karin-control,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]),select,textarea)[aria-invalid="true"]:focus,
body.karin-app-page .karin-field.is-danger :where(.karin-control,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]),select,textarea):focus{
  box-shadow:0 0 0 var(--karin-control-ring-size) var(--karin-control-invalid-ring);
}
body.karin-app-page .karin-field.is-success :where(.karin-control,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]),select,textarea){
  border-color:var(--karin-control-success-border);
}
body.karin-app-page .karin-field.is-success :where(.karin-control,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]),select,textarea):focus{
  box-shadow:0 0 0 var(--karin-control-ring-size) var(--karin-control-success-ring);
}
body.karin-app-page .karin-control--sm{min-height:var(--karin-control-height-sm);padding-block:5px;font-size:var(--karin-font-size-sm);}
body.karin-app-page .karin-control--lg{min-height:var(--karin-control-height-lg);padding-block:10px;font-size:var(--karin-font-size-md);}

body.karin-app-page .karin-input-group{
  display:flex;
  align-items:stretch;
  min-width:0;
}
body.karin-app-page .karin-input-group>.karin-control{min-width:0;flex:1 1 auto;}
body.karin-app-page .karin-input-group__prefix,
body.karin-app-page .karin-input-group__suffix{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  padding-inline:10px;
  border:1px solid var(--karin-control-border);
  background:var(--karin-surface-soft);
  color:var(--karin-text-muted);
  font-size:var(--karin-font-size-sm);
  font-weight:700;
  white-space:nowrap;
}
body.karin-app-page .karin-input-group__prefix{border-inline-end:0;border-radius:0 var(--karin-control-radius) var(--karin-control-radius) 0;}
body.karin-app-page .karin-input-group__suffix{border-inline-start:0;border-radius:var(--karin-control-radius) 0 0 var(--karin-control-radius);}
body.karin-app-page .karin-input-group>.karin-control:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;}
body.karin-app-page .karin-input-group>.karin-control:not(:last-child){border-start-end-radius:0;border-end-end-radius:0;}

body.karin-app-page .karin-choice-control{
  inline-size:var(--karin-choice-size);
  block-size:var(--karin-choice-size);
  min-inline-size:var(--karin-choice-size);
  min-block-size:var(--karin-choice-size);
  margin:0;
  accent-color:var(--karin-primary);
}
body.karin-app-page .karin-switch{
  display:grid;
  grid-template-columns:var(--karin-switch-width) minmax(0,1fr);
  align-items:center;
  column-gap:var(--karin-space-3);
  row-gap:2px;
  margin:0;
  cursor:pointer;
}
body.karin-app-page .karin-switch>input{
  position:absolute;
  inline-size:1px;
  block-size:1px;
  opacity:0;
  pointer-events:none;
}
body.karin-app-page .karin-switch__track{
  position:relative;
  grid-column:1;
  grid-row:1/3;
  inline-size:var(--karin-switch-width);
  block-size:var(--karin-switch-height);
  border-radius:var(--karin-radius-pill);
  background:var(--karin-switch-track);
  transition:background var(--karin-motion-base) var(--karin-ease-standard),box-shadow var(--karin-motion-base) var(--karin-ease-standard);
}
body.karin-app-page .karin-switch__track::after{
  content:"";
  position:absolute;
  inset-block-start:var(--karin-switch-gap);
  inset-inline-start:var(--karin-switch-gap);
  inline-size:var(--karin-switch-thumb);
  block-size:var(--karin-switch-thumb);
  border-radius:50%;
  background:var(--karin-switch-thumb);
  box-shadow:var(--karin-shadow-sm);
  transition:transform var(--karin-motion-base) var(--karin-ease-emphasized);
}
body.karin-app-page .karin-switch>input:checked+.karin-switch__track{background:var(--karin-switch-track-checked);}
body.karin-app-page .karin-switch>input:checked+.karin-switch__track::after{transform:translateX(calc(var(--karin-switch-thumb) - var(--karin-switch-width) + var(--karin-switch-gap) + var(--karin-switch-gap)));}
body.karin-app-page .karin-switch>input:focus-visible+.karin-switch__track{box-shadow:var(--karin-focus-ring);}
body.karin-app-page .karin-switch>input:disabled+.karin-switch__track{opacity:.5;cursor:not-allowed;}
body.karin-app-page .karin-switch__copy{grid-column:2;grid-row:1;color:var(--karin-text);font-size:var(--karin-font-size-sm);font-weight:700;line-height:1.45;}
body.karin-app-page .karin-switch__hint{grid-column:2;grid-row:2;color:var(--karin-text-muted);font-size:var(--karin-font-size-xs);font-weight:400;line-height:1.45;}

@media(max-width:700px){
  body.karin-app-page .karin-field{gap:var(--karin-space-2);}
  body.karin-app-page :where(.karin-control,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]),select,textarea){min-height:var(--karin-touch-target);}
}

/* ======================================================================== Karin v5.276 — Canonical Layout + Table Interaction Contract Shared composition modifiers and keyboard-visible scroll regions. ======================================================================== */
body.karin-app-page .karin-page-stack{gap:var(--karin-page-stack-gap);}
body.karin-app-page .karin-toolbar{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  gap:var(--karin-toolbar-gap);min-width:0;
}
body.karin-app-page .karin-toolbar__group{display:flex;align-items:center;flex-wrap:wrap;gap:var(--karin-toolbar-gap);min-width:0;}
body.karin-app-page .karin-table-wrap.is-scrollable{scrollbar-gutter:stable;}
body.karin-app-page .karin-table-wrap[tabindex="0"]:focus-visible{
  outline:2px solid var(--karin-primary);outline-offset:2px;
}
body.karin-app-page .karin-table--compact :is(th,td){padding-block:var(--karin-table-cell-compact-block);}
body.karin-app-page .karin-table--comfortable :is(th,td){padding-block:var(--karin-table-cell-comfortable-block);}
body.karin-app-page .karin-table--fixed{table-layout:fixed;}
body.karin-app-page .karin-table--no-sticky th{position:static;}
body.karin-app-page .karin-table .karin-cell--numeric{font-variant-numeric:tabular-nums;text-align:end;}
@media(max-width:700px){
  body.karin-app-page .karin-toolbar{align-items:stretch;}
  body.karin-app-page .karin-toolbar__group{width:100%;}
}

/* ======================================================================== Karin v5.277 — Form Layout / Payment Context Refinement Operations actions occupy the deliberate final desktop grid slot; Quick POS conditional payment details use a full-row stable panel and never fragment the four primary sale setup controls. Modal field/footer rhythm is owned by the structured modal contract in karin-closure.css. ======================================================================== */

/* ============================================================ Karin v5.278 — Operations Filter Action Slot Hotfix Keep desktop filter actions in the intentional left-most final grid cell. Do not span two columns: a span cannot fit after the eleven visible filters and forces the action block onto a new row. ============================================================ */
@media (min-width:1101px){
  body.karin-page-operations .karin-ops-filter-actions.karin-filter-actions{
    grid-column:4;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:var(--karin-space-2,8px);
    align-items:stretch;
    align-self:end;
    width:100%;
    height:44px;
    min-height:44px;
  }
  body.karin-page-operations .karin-ops-filter-actions.karin-filter-actions > :is(.karin-button,button,a){
    width:100%;
    min-width:0;
    height:44px;
    min-height:44px;
    margin:0;
  }
}
@media (max-width:1100px) and (min-width:701px){
  body.karin-page-operations .karin-ops-filter-actions.karin-filter-actions{
    grid-column:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    height:44px;
  }
}

/* ======================================================================== Karin v5.279 — Canonical Form Grid Migration Contract Dual-marked legacy grids keep pixel-compatible geometry while ownership moves to the canonical UI system. Legacy selectors are removed only after the follow-up usage audit confirms zero consumers. ======================================================================== */
body.karin-app-page .karin-form-grid{
  display:grid;
  gap:var(--karin-form-grid-gap,10px);
  min-width:0;
}
body.karin-app-page .karin-form-grid>*{min-width:0;}
body.karin-app-page .karin-form-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
body.karin-app-page .karin-form-grid--4{grid-template-columns:repeat(4,minmax(0,1fr));}
@media(max-width:1000px){
  body.karin-app-page .karin-form-grid--2.karin-form-grid--collapse-wide{grid-template-columns:1fr;}
  body.karin-app-page .karin-form-grid--4{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:620px){
  body.karin-app-page .karin-form-grid--4{grid-template-columns:1fr;}
}

/* Karin v5.281 — protected order-delivery grid compatibility; generic row/row4 ownership is retired. */
body.karin-page-order-delivery .delivery-exchange-finance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--karin-form-grid-gap,10px);min-width:0;}body.karin-page-order-delivery .delivery-exchange-finance>*{min-width:0;}
@media(max-width:1000px){body.karin-page-order-delivery .delivery-exchange-finance{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){body.karin-page-order-delivery .delivery-exchange-finance{grid-template-columns:1fr;}}

/* ======================================================================== Karin v5.288 — Premium Composition System Shared Page Header / Section / Action / KPI / Data Panel composition. These primitives are intentionally calm and route-agnostic. ======================================================================== */
.karin-page-composition{
  display:grid;
  min-width:0;
  gap:var(--karin-composition-page-gap);
}
.karin-page-composition>*{min-width:0;}
.karin-page-header{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--karin-composition-header-gap);
  padding:8px 2px 18px;
  border-bottom:1px solid var(--karin-composition-divider);
}
.karin-page-header__avatar{
  width:var(--karin-composition-header-avatar);
  height:var(--karin-composition-header-avatar);
  display:grid;
  place-items:center;
  border-radius:14px;
  color:var(--karin-primary);
  background:var(--karin-primary-soft);
  border:1px solid color-mix(in srgb,var(--karin-primary) 18%,var(--karin-composition-divider));
  text-decoration:none;
  transition:transform var(--karin-motion-fast) var(--karin-ease-standard),border-color var(--karin-motion-base) var(--karin-ease-standard),background var(--karin-motion-base) var(--karin-ease-standard);
}
.karin-page-header__avatar:hover{background:color-mix(in srgb,var(--karin-primary-soft) 76%,var(--karin-surface));border-color:color-mix(in srgb,var(--karin-primary) 30%,var(--karin-composition-divider));}
.karin-page-header__avatar:active{transform:scale(.97);}
.karin-page-header__avatar svg{width:27px;height:27px;display:block;}
.karin-page-header__copy{min-width:0;}
.karin-page-header__copy h1{margin:0;color:var(--karin-heading);font-size:22px;font-weight:950;line-height:1.35;letter-spacing:-.18px;}
.karin-page-header__copy p{margin:4px 0 0;color:var(--karin-text-muted);font-size:11.5px;font-weight:700;line-height:1.7;}
.karin-page-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;min-width:0;}
.karin-page-action{
  min-height:var(--karin-composition-action-height);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:7px 11px;
  border-radius:var(--karin-composition-action-radius);
  border:1px solid var(--karin-composition-action-border);
  background:var(--karin-composition-action-bg);
  color:var(--karin-text);
  text-decoration:none;
  font-family:var(--karin-font);
  font-size:11.5px;
  font-weight:800;
  line-height:1.5;
  white-space:nowrap;
  box-shadow:var(--karin-premium-subtle-shadow);
  transition:transform var(--karin-motion-fast) var(--karin-ease-standard),background var(--karin-motion-base) var(--karin-ease-standard),border-color var(--karin-motion-base) var(--karin-ease-standard),color var(--karin-motion-base) var(--karin-ease-standard);
}
.karin-page-action:hover{background:var(--karin-composition-action-hover);border-color:var(--karin-interactive-border);color:var(--karin-primary);}
.karin-page-action:active{transform:scale(.98);}
.karin-page-action.is-primary{background:var(--karin-premium-primary-bg);border-color:var(--karin-premium-primary-border);color:#fff;box-shadow:var(--karin-premium-primary-shadow);}
.karin-page-action.is-primary:hover{background:var(--karin-premium-primary-hover);color:#fff;}
.karin-page-action__icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;}
.karin-page-action__icon svg{width:18px;height:18px;display:block;}

.karin-section{display:grid;gap:var(--karin-composition-section-gap);min-width:0;}
.karin-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0;}
.karin-section-head h2{margin:0;color:var(--karin-composition-section-title);font-size:15.5px;font-weight:950;line-height:1.45;letter-spacing:-.08px;}
.karin-section-head p{margin:3px 0 0;color:var(--karin-composition-section-copy);font-size:10.8px;font-weight:680;line-height:1.75;}
.karin-inline-action{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 9px;border-radius:9px;color:var(--karin-primary);text-decoration:none;font-size:10.8px;font-weight:850;white-space:nowrap;transition:background var(--karin-motion-base) var(--karin-ease-standard),color var(--karin-motion-base) var(--karin-ease-standard);}
.karin-inline-action:hover{background:var(--karin-primary-soft);color:var(--karin-primary-strong);}

.karin-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px;}
.karin-action-card{
  position:relative;
  min-height:var(--karin-composition-tile-min-height);
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:10px;
  row-gap:1px;
  padding:11px 12px;
  border:1px solid var(--karin-composition-action-border);
  border-radius:14px;
  background:var(--karin-composition-tile-bg);
  color:var(--karin-text);
  text-decoration:none;
  box-shadow:var(--karin-premium-subtle-shadow);
  overflow:hidden;
  transition:transform var(--karin-motion-fast) var(--karin-ease-standard),border-color var(--karin-motion-base) var(--karin-ease-standard),background var(--karin-motion-base) var(--karin-ease-standard),box-shadow var(--karin-motion-base) var(--karin-ease-standard);
}
.karin-action-card:hover{transform:translateY(-1px);background:var(--karin-composition-tile-hover);border-color:color-mix(in srgb,var(--dash-bg,var(--karin-primary)) 30%,var(--karin-composition-action-border));box-shadow:var(--karin-premium-card-shadow);}
.karin-action-card:active{transform:translateY(0) scale(.992);}
.karin-action-card__icon{grid-row:1 / 3;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--dash-bg,var(--karin-primary)) 11%,var(--karin-surface));color:var(--dash-bg,var(--karin-primary));border:1px solid color-mix(in srgb,var(--dash-bg,var(--karin-primary)) 17%,var(--karin-composition-action-border));}
.karin-action-card__icon svg{width:19px;height:19px;display:block;}
.karin-action-card b{align-self:end;min-width:0;color:var(--karin-heading);font-size:12.4px;font-weight:900;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.karin-action-card small{align-self:start;min-width:0;color:var(--karin-text-muted);font-size:9.7px;font-weight:650;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.karin-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:10px;}
.karin-kpi-grid--compact{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));}
.karin-kpi{
  position:relative;
  min-height:var(--karin-composition-kpi-min-height);
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:14px 15px 14px 18px;
  border:1px solid var(--karin-composition-action-border);
  border-inline-start:3px solid var(--dash-bg,var(--karin-primary));
  border-radius:15px;
  background:var(--karin-composition-kpi-bg);
  color:var(--karin-text);
  text-decoration:none;
  box-shadow:var(--karin-premium-subtle-shadow);
  transition:transform var(--karin-motion-fast) var(--karin-ease-standard),border-color var(--karin-motion-base) var(--karin-ease-standard),box-shadow var(--karin-motion-base) var(--karin-ease-standard),background var(--karin-motion-base) var(--karin-ease-standard);
}
.karin-kpi:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--dash-bg,var(--karin-primary)) 28%,var(--karin-composition-action-border));box-shadow:var(--karin-premium-card-shadow);}
.karin-kpi:active{transform:translateY(0) scale(.995);}
.karin-kpi>span,.karin-kpi>small{display:block;color:var(--karin-text-muted);font-weight:720;}
.karin-kpi>span{font-size:10.8px;}
.karin-kpi>b{display:block;margin:5px 0 3px;color:var(--karin-heading);font-size:20px;font-weight:950;line-height:1.45;}
.karin-kpi>small{font-size:9.8px;line-height:1.55;}

.karin-data-panel{background:var(--karin-composition-panel-bg);border-color:var(--karin-composition-panel-border);border-radius:var(--karin-composition-panel-radius);}
.karin-data-panel--padded{
  min-width:0;
  padding:var(--karin-composition-panel-padding);
  border:1px solid var(--karin-composition-panel-border);
  background:var(--karin-composition-panel-bg);
  border-radius:var(--karin-composition-panel-radius);
  box-shadow:none;
}
.karin-data-panel--flush{
  min-width:0;
  padding:0;
  border:1px solid var(--karin-composition-panel-border);
  background:var(--karin-composition-panel-bg);
  border-radius:var(--karin-composition-panel-radius);
  box-shadow:none;
  overflow:hidden;
}
.karin-data-panel--flush>.karin-section-head{
  margin:0;
  padding:var(--karin-space-3) var(--karin-space-4);
  border-bottom:1px solid var(--karin-composition-divider);
}
.karin-data-panel--flush>.karin-table-wrap{margin:0;border:0;border-radius:0;}
.karin-data-panel--flush>.karin-empty-state{margin:var(--karin-space-4);}

/* ======================================================================== Karin v5.290 — Premium Operational Workspace Shared composition for dense operational pages: compact filter workspace, readable event streams and device-specific hierarchy without card sprawl. ======================================================================== */
.karin-page-header--plain{grid-template-columns:minmax(0,1fr) auto;}

.karin-kpi--static{cursor:default;}
@media(hover:hover) and (pointer:fine){
  .karin-kpi--static:hover{
    transform:none;
    border-color:var(--karin-composition-action-border);
    box-shadow:var(--karin-premium-subtle-shadow);
  }
}

.karin-filter-workspace{
  min-width:0;
  padding:var(--karin-composition-panel-padding);
  border:1px solid var(--karin-composition-panel-border);
  background:var(--karin-composition-panel-bg);
  box-shadow:var(--karin-premium-subtle-shadow);
}
.karin-filter-workspace__form{display:grid;gap:var(--karin-space-3);min-width:0;}
.karin-filter-workspace__primary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr)) minmax(210px,.9fr);
  gap:var(--karin-space-3);
  align-items:end;
  min-width:0;
}
.karin-filter-workspace__actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--karin-space-2);
  align-items:stretch;
  align-self:end;
  min-width:0;
}
.karin-filter-workspace__actions>:is(.karin-button,button,a){
  width:100%;
  min-width:0;
  min-height:44px;
  height:44px;
  margin:0;
}
.karin-filter-workspace__advanced{
  min-width:0;
  padding-top:var(--karin-space-1);
  border-top:1px solid var(--karin-composition-divider);
}
.karin-filter-workspace__advanced>summary{
  display:flex;
  align-items:center;
  gap:var(--karin-space-2);
  width:max-content;
  max-width:100%;
  min-height:36px;
  padding:5px 2px;
  color:var(--karin-text-muted);
  font-size:11px;
  font-weight:850;
  line-height:1.4;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.karin-filter-workspace__advanced>summary::-webkit-details-marker{display:none;}
.karin-filter-workspace__advanced>summary::after{
  content:"⌄";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  color:var(--karin-text-muted);
  transform-origin:center;
  transition:transform var(--karin-motion-fast) var(--karin-ease-standard);
}
.karin-filter-workspace__advanced[open]>summary::after{transform:rotate(180deg);}
.karin-filter-workspace__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--karin-space-3);
  padding-top:var(--karin-space-2);
  min-width:0;
}

.karin-event-list{
  --karin-event-grid:minmax(140px,.85fr) minmax(290px,2.25fr) minmax(160px,1.1fr) minmax(135px,.9fr) minmax(112px,.75fr);
  position:relative;
  min-width:0;
  overflow:visible;
  border:1px solid var(--karin-composition-panel-border);
  border-radius:var(--karin-composition-panel-radius);
  background:var(--karin-composition-panel-bg);
  box-shadow:var(--karin-premium-subtle-shadow);
}
.karin-event-list--with-changes{
  --karin-event-grid:minmax(140px,.85fr) minmax(280px,2.15fr) minmax(155px,1.05fr) minmax(130px,.85fr) minmax(105px,.72fr) minmax(112px,.75fr);
}
.karin-event-list__head,
.karin-event-row{
  display:grid;
  grid-template-columns:var(--karin-event-grid);
  gap:var(--karin-space-3);
  min-width:0;
}
.karin-event-list__head{
  align-items:center;
  padding:9px var(--karin-space-4);
  border-bottom:1px solid var(--karin-composition-divider);
  border-radius:var(--karin-composition-panel-radius) var(--karin-composition-panel-radius) 0 0;
  background:var(--karin-composition-muted-bg);
  color:var(--karin-text-muted);
  font-size:10px;
  font-weight:850;
  line-height:1.45;
}
.karin-event-row{
  align-items:center;
  padding:var(--karin-space-3) var(--karin-space-4);
  border-bottom:1px solid var(--karin-composition-divider);
  transition:background var(--karin-motion-base) var(--karin-ease-standard);
}
.karin-event-row:last-child{border-bottom:0;border-radius:0 0 var(--karin-composition-panel-radius) var(--karin-composition-panel-radius);}
@media(hover:hover) and (pointer:fine){
  .karin-event-row:hover{background:color-mix(in srgb,var(--karin-composition-muted-bg) 74%,transparent);}
}
.karin-event-row.is-voided{background:color-mix(in srgb,var(--karin-danger-surface) 34%,var(--karin-composition-panel-bg));}
.karin-event-cell{min-width:0;}
.karin-event-cell__label{display:none;}
.karin-event-cell--time,
.karin-event-cell--actor,
.karin-event-cell--reference{display:grid;gap:3px;align-content:start;}
.karin-event-cell--time>b,
.karin-event-cell--actor>b,
.karin-event-cell--reference>b{
  color:var(--karin-text);
  font-size:11.3px;
  font-weight:830;
  line-height:1.7;
}
.karin-event-cell--actor>span:not(.karin-event-cell__label),
.karin-event-cell--reference>small{
  color:var(--karin-text-muted);
  font-size:10.2px;
  font-weight:650;
  line-height:1.6;
}
.karin-event-cell--main{display:grid;gap:4px;align-content:start;}
.karin-event-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0;}
.karin-event-title strong{min-width:0;color:var(--karin-text);font-size:12.8px;font-weight:900;line-height:1.55;}
.karin-event-summary{
  display:block;
  min-width:0;
  color:var(--karin-text);
  font-size:11.4px;
  font-weight:650;
  line-height:1.65;
  overflow-wrap:anywhere;
}
.karin-event-cell--main>small{
  display:block;
  color:var(--karin-text-muted);
  font-size:10.3px;
  font-weight:620;
  line-height:1.65;
  overflow-wrap:anywhere;
}
.karin-event-cell--changes{position:relative;}
.karin-event-change{position:relative;width:max-content;max-width:100%;}
.karin-event-change>summary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:4px 8px;
  border-radius:8px;
  background:var(--karin-primary-soft);
  color:var(--karin-primary);
  font-size:10.5px;
  font-weight:850;
  line-height:1.4;
  cursor:pointer;
  list-style:none;
}
.karin-event-change>summary::-webkit-details-marker{display:none;}
.karin-event-change>summary:focus-visible{outline:2px solid var(--karin-primary);outline-offset:2px;}
.karin-event-diff{
  position:absolute;
  inset-block-start:calc(100% + 7px);
  inset-inline-end:0;
  z-index:30;
  display:grid;
  gap:var(--karin-space-2);
  width:min(390px,72vw);
  padding:var(--karin-space-3);
  border:1px solid var(--karin-composition-panel-border);
  border-radius:12px;
  background:var(--karin-surface-raised);
  box-shadow:var(--karin-premium-card-shadow);
}
.karin-event-diff__row{
  display:grid;
  grid-template-columns:minmax(90px,.8fr) minmax(0,1fr) minmax(0,1fr);
  gap:var(--karin-space-2);
  align-items:start;
  padding-bottom:var(--karin-space-2);
  border-bottom:1px solid var(--karin-composition-divider);
  font-size:10px;
  line-height:1.6;
}
.karin-event-diff__row:last-child{padding-bottom:0;border-bottom:0;}
.karin-event-diff__row strong{color:var(--karin-text);font-weight:800;}
.karin-event-diff__row span{color:var(--karin-text-muted);overflow-wrap:anywhere;}
.karin-event-cell--actions{display:grid;gap:5px;align-content:start;}
.karin-event-actions{display:flex;align-items:center;justify-content:flex-start;gap:5px;flex-wrap:wrap;}
.karin-event-actions form{margin:0;}
.karin-event-actions .karin-button{min-height:30px;padding:5px 8px;font-size:10.5px;}
.karin-event-void-note{display:block;color:var(--karin-danger-text);font-size:9.6px;line-height:1.55;}

@media(max-width:1100px){
  .karin-filter-workspace__primary{grid-template-columns:repeat(2,minmax(0,1fr));}
  .karin-filter-workspace__actions{grid-column:1/-1;max-width:320px;}
  .karin-filter-workspace__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .karin-event-list{
    --karin-event-grid:minmax(132px,.85fr) minmax(240px,1.9fr) minmax(145px,1fr) minmax(120px,.8fr) minmax(104px,.72fr);
  }
  .karin-event-list--with-changes{
    --karin-event-grid:minmax(130px,.82fr) minmax(225px,1.75fr) minmax(140px,.95fr) minmax(115px,.76fr) minmax(96px,.68fr) minmax(104px,.72fr);
  }
}
@media(max-width:760px){
  .karin-page-header--plain{grid-template-columns:minmax(0,1fr);align-items:start;padding:4px 1px 12px;}
  .karin-page-header__actions--compact-mobile{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    justify-content:stretch;
  }
  .karin-page-header__actions--compact-mobile .karin-page-action{width:100%;min-width:0;}

  .karin-kpi-grid--mobile-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--karin-composition-mobile-gap);}
  .karin-kpi-grid--mobile-2>.karin-kpi{
    min-height:84px;
    padding:10px 11px;
    border-radius:var(--karin-composition-mobile-card-radius);
  }
  .karin-kpi-grid--mobile-2>.karin-kpi>span{font-size:10.1px;}
  .karin-kpi-grid--mobile-2>.karin-kpi>b{margin:4px 0 2px;font-size:16px;}
  .karin-kpi-grid--mobile-2>.karin-kpi>small{font-size:9.3px;line-height:1.45;}

  .karin-filter-workspace{padding:var(--karin-space-3);border-radius:16px;}
  .karin-filter-workspace__form{gap:var(--karin-space-2);}
  .karin-filter-workspace__primary,
  .karin-filter-workspace__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--karin-space-2);}
  .karin-filter-workspace__actions{grid-column:1/-1;max-width:none;}
  .karin-filter-workspace__field-wide-mobile{grid-column:1/-1;}
  .karin-filter-workspace__advanced>summary{width:100%;min-height:34px;}
  .karin-filter-workspace__advanced>summary::after{margin-inline-start:auto;}

  .karin-event-list{
    --karin-event-grid:1fr;
    border-radius:16px;
    box-shadow:none;
  }
  .karin-event-list__head{display:none;}
  .karin-event-row,
  .karin-event-list--with-changes .karin-event-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-areas:
      "main main"
      "time actor"
      "reference reference"
      "actions actions";
    gap:10px var(--karin-space-3);
    align-items:start;
    padding:var(--karin-space-3);
  }
  .karin-event-list--with-changes .karin-event-row{
    grid-template-areas:
      "main main"
      "time actor"
      "reference reference"
      "changes changes"
      "actions actions";
  }
  .karin-event-cell--main{grid-area:main;padding-bottom:2px;}
  .karin-event-cell--time{grid-area:time;}
  .karin-event-cell--actor{grid-area:actor;}
  .karin-event-cell--reference{grid-area:reference;}
  .karin-event-cell--changes{grid-area:changes;}
  .karin-event-cell--actions{grid-area:actions;}
  .karin-event-cell__label{
    display:block;
    margin-bottom:1px;
    color:var(--karin-text-muted);
    font-size:9.2px;
    font-weight:800;
    line-height:1.4;
  }
  .karin-event-title strong{font-size:12.4px;}
  .karin-event-summary{font-size:11px;}
  .karin-event-cell--reference,
  .karin-event-cell--changes,
  .karin-event-cell--actions{
    padding-top:var(--karin-space-2);
    border-top:1px solid var(--karin-composition-divider);
  }
  .karin-event-actions{justify-content:flex-start;}
  .karin-event-diff{
    position:static;
    width:100%;
    max-width:none;
    margin-top:var(--karin-space-2);
    box-shadow:none;
  }
}
@media(max-width:360px){
  .karin-kpi-grid--mobile-2{grid-template-columns:1fr;}
  .karin-filter-workspace__primary,
  .karin-filter-workspace__grid{grid-template-columns:1fr;}
  .karin-filter-workspace__actions{grid-column:auto;}
  .karin-filter-workspace__field-wide-mobile{grid-column:auto;}
  .karin-event-row,
  .karin-event-list--with-changes .karin-event-row{
    grid-template-columns:1fr;
    grid-template-areas:
      "main"
      "time"
      "actor"
      "reference"
      "changes"
      "actions";
  }
  .karin-event-list:not(.karin-event-list--with-changes) .karin-event-row{
    grid-template-areas:
      "main"
      "time"
      "actor"
      "reference"
      "actions";
  }
}
@media(prefers-reduced-motion:reduce){
  .karin-filter-workspace__advanced>summary::after,
  .karin-event-row{transition:none;}
}

@media(min-width:1181px){
  body.karin-page-index .karin-dashboard-pilot .karin-action-grid{grid-template-columns:repeat(5,minmax(0,1fr));}
}
@media(min-width:761px) and (max-width:1180px){
  body.karin-page-index .karin-dashboard-pilot .karin-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:1120px){
  .karin-page-header{grid-template-columns:auto minmax(0,1fr);}
  .karin-page-header__actions{grid-column:1 / -1;justify-content:flex-start;}
}

/* ======================================================================== Karin v5.289 — Dashboard Mobile Composition + Device Refinement Mobile is a dedicated composition, not a shrunk desktop grid. ======================================================================== */
@media(max-width:760px){
  html:root{--karin-composition-page-gap:12px;--karin-composition-section-gap:8px;--karin-composition-header-avatar:42px;}
  body.karin-page-index .karin-dashboard-pilot{gap:12px;margin-bottom:14px;}
  body.karin-page-index .karin-dashboard-pilot .karin-page-header{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:3px 1px 10px;}
  body.karin-page-index .karin-dashboard-pilot .karin-page-header__avatar{width:42px;height:42px;border-radius:12px;}
  body.karin-page-index .karin-dashboard-pilot .karin-page-header__avatar svg{width:23px;height:23px;}
  body.karin-page-index .karin-dashboard-pilot .karin-page-header__copy h1{font-size:18px;line-height:1.4;}
  body.karin-page-index .karin-dashboard-pilot .karin-page-header__copy p{font-size:10.4px;line-height:1.55;margin-top:2px;}

  body.karin-page-index .karin-dashboard-pilot .karin-page-header__actions{display:none;}

  body.karin-page-index .karin-dashboard-pilot .karin-section{gap:7px;}
  body.karin-page-index .karin-dashboard-pilot .karin-section-head{align-items:center;gap:8px;}
  body.karin-page-index .karin-dashboard-pilot .karin-section-head h2{font-size:14.5px;line-height:1.4;}
  body.karin-page-index .karin-dashboard-pilot .karin-section-head p{font-size:10.2px;line-height:1.55;}
  body.karin-page-index .karin-dashboard-pilot .karin-inline-action{min-height:34px;padding:5px 8px;font-size:10.5px;}

  body.karin-page-index .karin-dashboard-pilot .karin-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  body.karin-page-index .karin-dashboard-pilot .karin-action-card{grid-template-columns:32px minmax(0,1fr);grid-template-rows:1fr;min-height:58px;padding:8px 9px;column-gap:8px;border-radius:13px;}
  body.karin-page-index .karin-dashboard-pilot .karin-action-card__icon{grid-row:auto;width:32px;height:32px;border-radius:9px;}
  body.karin-page-index .karin-dashboard-pilot .karin-action-card__icon svg{width:16px;height:16px;}
  body.karin-page-index .karin-dashboard-pilot .karin-action-card b{align-self:center;font-size:11.4px;line-height:1.4;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
  body.karin-page-index .karin-dashboard-pilot .karin-action-card small{display:none;}
  body.karin-page-index .karin-dashboard-pilot .karin-action-grid>.karin-action-card:last-child:nth-child(odd){grid-column:1/-1;}

  body.karin-page-index .karin-dashboard-pilot .karin-kpi-grid,
  body.karin-page-index .karin-dashboard-pilot .karin-kpi-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  body.karin-page-index .karin-dashboard-pilot .karin-kpi{min-height:86px;padding:10px 11px 10px 12px;border-radius:13px;}
  body.karin-page-index .karin-dashboard-pilot .karin-kpi>span{font-size:10.2px;}
  body.karin-page-index .karin-dashboard-pilot .karin-kpi>b{font-size:16px;margin:4px 0 2px;}
  body.karin-page-index .karin-dashboard-pilot .karin-kpi>small{font-size:9.4px;line-height:1.45;}
  body.karin-page-index .karin-dashboard-pilot .karin-kpi-grid>.karin-kpi:last-child:nth-child(odd),
  body.karin-page-index .karin-dashboard-pilot .karin-kpi-grid--compact>.karin-kpi:last-child:nth-child(odd){grid-column:1/-1;}

  body.karin-page-index .karin-dashboard-pilot .karin-data-panel{border-radius:16px;}
  body.karin-page-index .karin-dashboard-pilot .dash-layout-main,
  body.karin-page-index .karin-dashboard-pilot .dash-charts-grid,
  body.karin-page-index .karin-dashboard-pilot .dash-attention-grid,
  body.karin-page-index .karin-dashboard-pilot .dash-inventory-decision,
  body.karin-page-index .karin-dashboard-pilot .dash-two-list{min-width:0;}
}
@media(max-width:430px){
  body.karin-page-index .karin-dashboard-pilot .karin-section-head p{display:none;}
}
@media(max-width:330px){
  body.karin-page-index .karin-dashboard-pilot .karin-action-grid,
  body.karin-page-index .karin-dashboard-pilot .karin-kpi-grid,
  body.karin-page-index .karin-dashboard-pilot .karin-kpi-grid--compact{grid-template-columns:1fr;}
  body.karin-page-index .karin-dashboard-pilot .karin-action-grid>.karin-action-card:last-child:nth-child(odd),
  body.karin-page-index .karin-dashboard-pilot .karin-kpi-grid>.karin-kpi:last-child:nth-child(odd),
  body.karin-page-index .karin-dashboard-pilot .karin-kpi-grid--compact>.karin-kpi:last-child:nth-child(odd){grid-column:auto;}
}
@media(hover:none) and (pointer:coarse){
  body.karin-page-index .karin-dashboard-pilot .karin-page-action:hover,
  body.karin-page-index .karin-dashboard-pilot .karin-action-card:hover,
  body.karin-page-index .karin-dashboard-pilot .karin-kpi:hover{transform:none;box-shadow:var(--karin-premium-subtle-shadow);}
}
@media(prefers-reduced-motion:reduce){
  .karin-page-header__avatar,.karin-page-action,.karin-action-card,.karin-kpi{transition:none;transform:none!important;}
}


@media(max-width:1120px){
  .karin-page-header--plain{grid-template-columns:minmax(0,1fr) auto;}
  .karin-page-header--plain .karin-page-header__actions{grid-column:auto;justify-content:flex-end;}
}
@media(max-width:760px){
  .karin-page-header--plain{grid-template-columns:minmax(0,1fr);}
  .karin-page-header--plain .karin-page-header__actions{grid-column:auto;justify-content:stretch;}
}

/* Karin v5.344 — Card reader management presentation moved to assets/pos-workspace.css. */

/* Karin v5.341 — Shipping workspace ownership lives in assets/shipping-workspace.css. */

/* ======================================================================== Karin v5.293 — Premium Quick POS Workspace Composition-only modernization of the high-frequency sale workflow. Business/payment/inventory/seller contracts remain owned by quick-pos.php. ======================================================================== */
body.karin-page-quick-pos .karin-qpos-page{
  gap:var(--karin-composition-page-gap);
  min-width:0;
}
body.karin-page-quick-pos .karin-qpos-header{
  padding-top:4px;
  padding-bottom:13px;
}
body.karin-page-quick-pos .karin-qpos-workspace{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(430px,.94fr) minmax(480px,1.06fr)!important;
  gap:var(--karin-space-4,16px)!important;
  align-items:start!important;
  overflow:visible!important;
}
body.karin-page-quick-pos .karin-qpos-sale-panel,
body.karin-page-quick-pos .karin-qpos-products-panel{
  min-width:0!important;
  max-width:100%!important;
  border:1px solid var(--karin-composition-panel-border)!important;
  border-radius:var(--karin-composition-panel-radius)!important;
  background:var(--karin-composition-panel-bg)!important;
  box-shadow:var(--karin-premium-subtle-shadow)!important;
}
body.karin-page-quick-pos .karin-qpos-sale-panel{
  padding:var(--karin-composition-panel-padding)!important;
}
body.karin-page-quick-pos .karin-qpos-sale-panel>form{
  display:grid;
  gap:0;
  min-width:0;
}

body.karin-page-quick-pos .karin-pos-section,
body.karin-page-quick-pos .karin-qpos-cart-section{
  min-width:0;
  margin:0!important;
  padding:0 0 var(--karin-space-4,16px)!important;
  border:0!important;
  border-bottom:1px solid var(--karin-composition-divider)!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}
body.karin-page-quick-pos .karin-qpos-cart-section{
  padding-top:var(--karin-space-4,16px)!important;
}
body.karin-page-quick-pos .karin-pos-customer{
  padding-top:var(--karin-space-4,16px)!important;
}
body.karin-page-quick-pos .karin-pos-section-head,
body.karin-page-quick-pos .karin-qpos-cart-head{
  min-height:0!important;
  margin:0 0 var(--karin-space-3,12px)!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
body.karin-page-quick-pos .karin-pos-section-head h2,
body.karin-page-quick-pos .karin-qpos-cart-head h2{
  margin:0!important;
  color:var(--karin-composition-section-title)!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.45!important;
}

body.karin-page-quick-pos .sale-setup-grid{
  position:static!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:var(--karin-space-3,12px)!important;
  align-items:end!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
body.karin-page-quick-pos .sale-setup-grid:before{display:none!important;content:none!important;}
body.karin-page-quick-pos .quick-channel-field,
body.karin-page-quick-pos .quick-warehouse-field,
body.karin-page-quick-pos .quick-seller-field,
body.karin-page-quick-pos .quick-payment-field{
  grid-column:auto!important;
  min-width:0!important;
}
body.karin-page-quick-pos .sale-setup-grid.has-payment-context .quick-payment-detail{
  grid-column:1/-1!important;
}
body.karin-page-quick-pos .quick-payment-detail{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
body.karin-page-quick-pos .sale-setup-grid label,
body.karin-page-quick-pos .quick-customer-row label,
body.karin-page-quick-pos .karin-pos-note label{
  margin:0 0 var(--karin-space-2,6px)!important;
  color:var(--karin-text-muted)!important;
  font-size:10.8px!important;
  font-weight:800!important;
  line-height:1.45!important;
}
body.karin-page-quick-pos .sale-setup-grid select,
body.karin-page-quick-pos .quick-customer-row :is(input,select,textarea),
body.karin-page-quick-pos .karin-pos-note textarea{
  min-width:0!important;
  border-radius:var(--karin-radius-md,12px)!important;
}
body.karin-page-quick-pos #quick-terminal-box,
body.karin-page-quick-pos #single-account-box{
  padding:0!important;
  border:0!important;
  background:transparent!important;
}



body.karin-page-quick-pos #cart-items:empty{
  min-height:58px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:8px!important;
  border:1px dashed var(--karin-composition-divider)!important;
  border-radius:var(--karin-radius-md,12px)!important;
  background:transparent!important;
  color:var(--karin-text-muted)!important;
}
body.karin-page-quick-pos #cart-items:empty:before{
  content:"سبد خالی است"!important;
  position:static!important;
  color:inherit!important;
  font-size:10.8px!important;
  font-weight:700!important;
}
body.karin-page-quick-pos #cart-items:not(:empty){
  margin:0!important;
  padding:0!important;
  border:0!important;
}
body.karin-page-quick-pos #cart-items:not(:empty):before{display:none!important;content:none!important;}
body.karin-page-quick-pos .quick-cart-row{
  margin:0!important;
  padding:10px 0!important;
  border:0!important;
  border-bottom:1px solid var(--karin-composition-divider)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.karin-page-quick-pos .quick-cart-row:last-child{border-bottom:0!important;}
body.karin-page-quick-pos .quick-cart-row .cart-product b{
  color:var(--karin-text)!important;
  font-size:11.8px!important;
  font-weight:820!important;
}
body.karin-page-quick-pos .quick-cart-row .cart-product-media{
  background:var(--karin-surface-muted)!important;
  border-color:var(--karin-composition-divider)!important;
}

body.karin-page-quick-pos .quick-customer-row{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:var(--karin-space-3,12px)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
body.karin-page-quick-pos .quick-customer-row:before{display:none!important;content:none!important;}
body.karin-page-quick-pos .quick-history-cell{
  align-self:end;
}
body.karin-page-quick-pos .karin-pos-note{
  margin:var(--karin-space-4,16px) 0 0!important;
}
body.karin-page-quick-pos .karin-pos-note textarea{
  min-height:58px!important;
  resize:vertical;
}

body.karin-page-quick-pos .karin-pos-commit{
  margin-top:var(--karin-space-4,16px)!important;
  box-shadow:none!important;
}
body.karin-page-quick-pos .karin-pos-commit .karin-commit-value{
  font-variant-numeric:tabular-nums;
}

body.karin-page-quick-pos .karin-qpos-products-panel{
  padding:var(--karin-composition-panel-padding)!important;
}
body.karin-page-quick-pos .karin-qpos-page:not(.karin-qpos-page--embedded) .karin-qpos-products-panel{
  position:sticky;
  top:84px;
}
body.karin-page-quick-pos .karin-qpos-products-head{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:var(--karin-space-3,12px)!important;
  margin:0 0 var(--karin-space-3,12px)!important;
  padding:0 0 var(--karin-space-3,12px)!important;
  border-bottom:1px solid var(--karin-composition-divider)!important;
}
body.karin-page-quick-pos .pos-products-heading-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:var(--karin-space-3,12px)!important;
  min-width:0!important;
}
body.karin-page-quick-pos .pos-products-title h2{
  margin:0!important;
  color:var(--karin-composition-section-title)!important;
  font-size:15.5px!important;
  font-weight:950!important;
  line-height:1.45!important;
}
body.karin-page-quick-pos .quick-variants-toggle{
  min-height:32px!important;
  margin:0!important;
  padding:4px 7px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--karin-text-muted)!important;
}
body.karin-page-quick-pos #product-search{
  width:100%!important;
  min-height:var(--karin-control-h,42px)!important;
  margin:0!important;
  padding-inline:12px!important;
  border-radius:var(--karin-radius-md,12px)!important;
  background:var(--karin-control-bg)!important;
  border-color:var(--karin-control-border)!important;
  color:var(--karin-text)!important;
  font-size:12px!important;
}
body.karin-page-quick-pos .sort-pills{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  width:100%!important;
  max-width:none!important;
}
body.karin-page-quick-pos .sort-pills .karin-button,
body.karin-page-quick-pos .sort-pills [data-new-sale-sort="recent"]{
  grid-column:auto!important;
  width:100%!important;
  min-width:0!important;
  min-height:34px!important;
  height:34px!important;
  margin:0!important;
  padding:5px 8px!important;
  border-radius:9px!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
body.karin-page-quick-pos .sort-pills .karin-button.active{
  background:var(--karin-primary-soft)!important;
  border-color:color-mix(in srgb,var(--karin-primary) 28%,var(--karin-composition-divider))!important;
  color:var(--karin-primary)!important;
  box-shadow:none!important;
}
body.karin-page-quick-pos .product-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  max-height:calc(100dvh - 270px)!important;
  min-height:180px;
  padding:0 2px 0 0!important;
  overflow:auto!important;
}
body.karin-page-quick-pos .product-list .product-tile{
  width:100%!important;
  min-width:0!important;
  min-height:76px!important;
  margin:0!important;
  padding:8px!important;
  border:1px solid var(--karin-composition-divider)!important;
  border-radius:var(--karin-radius-md,12px)!important;
  background:var(--karin-surface)!important;
  box-shadow:none!important;
  color:var(--karin-text)!important;
  transition:background var(--karin-motion-base) var(--karin-ease-standard),border-color var(--karin-motion-base) var(--karin-ease-standard),transform var(--karin-motion-fast) var(--karin-ease-standard)!important;
}
body.karin-page-quick-pos .product-list .product-tile .tile-title{
  color:var(--karin-text)!important;
  font-size:12px!important;
  font-weight:820!important;
}
body.karin-page-quick-pos .product-list .product-tile .tile-meta-text{
  color:var(--karin-text-muted)!important;
}
body.karin-page-quick-pos .product-list .product-tile .tile-price{
  color:var(--karin-primary)!important;
  font-size:10.8px!important;
  font-weight:900!important;
}
body.karin-page-quick-pos .product-list .product-tile .tile-media,
body.karin-page-quick-pos .product-list .product-tile .product-tile-thumb{
  border-radius:10px!important;
}
@media(hover:hover) and (pointer:fine){
  body.karin-page-quick-pos .product-list .product-tile:hover{
    transform:translateY(-1px)!important;
    background:var(--karin-composition-tile-hover)!important;
    border-color:var(--karin-interactive-border)!important;
    box-shadow:none!important;
  }
}

body.karin-page-sales .new-sale-inline-content .karin-qpos-page{
  display:grid;
  gap:0;
}
body.karin-page-sales .new-sale-inline-content .karin-qpos-products-panel{
  position:static!important;
}
body.karin-page-sales .new-sale-inline-content .karin-qpos-workspace{
  margin:0!important;
}

@media(max-width:1180px){
  body.karin-page-quick-pos .karin-qpos-workspace{
    grid-template-columns:minmax(390px,.94fr) minmax(430px,1.06fr)!important;
    gap:var(--karin-space-3,12px)!important;
  }
  body.karin-page-quick-pos .product-list{grid-template-columns:1fr!important;}
}
@media(max-width:1000px){
  body.karin-page-quick-pos .karin-qpos-workspace{grid-template-columns:1fr!important;}
  body.karin-page-quick-pos .karin-qpos-products-panel{
    position:static!important;
    order:-1;
  }
  body.karin-page-quick-pos .product-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-height:46dvh!important;
  }
}
@media(max-width:640px){
  body.karin-page-quick-pos .karin-qpos-page{gap:var(--karin-composition-mobile-gap);}
  body.karin-page-quick-pos .karin-qpos-header{padding:3px 1px 10px;}
  body.karin-page-quick-pos .karin-qpos-header .karin-page-header__copy h1{font-size:18px;}
  body.karin-page-quick-pos .karin-qpos-sale-panel,
  body.karin-page-quick-pos .karin-qpos-products-panel{
    padding:12px!important;
    border-radius:16px!important;
    box-shadow:none!important;
  }
  body.karin-page-quick-pos .sale-setup-grid,
  body.karin-page-quick-pos .quick-customer-row{
    grid-template-columns:1fr!important;
  }
  body.karin-page-quick-pos .sale-setup-grid.has-payment-context .quick-payment-detail{grid-column:1!important;}
  body.karin-page-quick-pos .product-list{
    grid-template-columns:1fr!important;
    max-height:44dvh!important;
  }
  body.karin-page-quick-pos .sort-pills{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body.karin-page-quick-pos .sort-pills .karin-button{
    min-height:33px!important;
    height:33px!important;
    padding-inline:5px!important;
  }
  body.karin-page-quick-pos .karin-pos-commit{
    margin-inline:0!important;
  }
}
@media(max-width:390px){
  body.karin-page-quick-pos .sort-pills{grid-template-columns:1fr!important;}
  body.karin-page-quick-pos .pos-products-heading-row{align-items:flex-start!important;}
}
@media(hover:none) and (pointer:coarse){
  body.karin-page-quick-pos .product-list .product-tile:hover{transform:none!important;}
}
@media(prefers-reduced-motion:reduce){
  body.karin-page-quick-pos .product-list .product-tile{transition:none!important;}
}

/* ======================================================================== Karin v5.293.1 — Quick POS Payment Spacing Hotfix Conditional payment surfaces must keep tokenized breathing room from the preceding section divider. No business or payment behavior changes. ======================================================================== */
body.karin-page-quick-pos .karin-pos-setup + .mixed-payment-cards,
body.karin-page-sales .new-sale-inline-content .karin-pos-setup + .mixed-payment-cards{
  margin:var(--karin-space-4) 0 var(--karin-space-4)!important;
}

/* Karin v5.295 inventory workspace presentation moved to assets/inventory-workspace.css in v5.337. */

/* Karin v5.297 — Premium Orders Workspace */
body.karin-page-woocommerce-orders .karin-orders-workspace{gap:var(--karin-space-4);}
body.karin-page-woocommerce-orders .karin-orders-header{padding-bottom:var(--karin-space-3);border-bottom:1px solid var(--karin-border);}
body.karin-page-woocommerce-orders .karin-orders-filter-panel{padding:var(--karin-space-3);overflow:visible;position:relative;z-index:20;}
body.karin-page-woocommerce-orders .karin-orders-filter{display:grid;grid-template-columns:minmax(230px,1.5fr) repeat(3,minmax(125px,.82fr)) minmax(230px,1.25fr);gap:var(--karin-space-2);align-items:end;}
body.karin-page-woocommerce-orders .karin-orders-filter>div{min-width:0;}
body.karin-page-woocommerce-orders .karin-orders-filter label{display:block;margin:0 0 var(--karin-space-1);color:var(--karin-text-muted);font-size:11px;font-weight:750;}
body.karin-page-woocommerce-orders .karin-orders-filter :is(input,select,.karin-date-display-input){width:100%;min-width:0;}
body.karin-page-woocommerce-orders .site-orders-date{position:relative;}
body.karin-page-woocommerce-orders .site-orders-date .karin-date-popover{z-index:100000;min-width:330px;max-width:min(92vw,380px);}
body.karin-page-woocommerce-orders .site-orders-filter-actions{grid-column:1/-1;justify-content:flex-end;margin-top:var(--karin-space-1);}
body.karin-page-woocommerce-orders .site-orders-presets{display:flex;align-items:center;gap:var(--karin-space-1);flex-wrap:wrap;margin-top:var(--karin-space-2);padding-top:var(--karin-space-2);border-top:1px solid var(--karin-border);}
body.karin-page-woocommerce-orders .site-orders-presets a{display:inline-flex;align-items:center;min-height:30px;padding:0 var(--karin-space-2);border:1px solid var(--karin-border);border-radius:999px;background:var(--karin-surface);color:var(--karin-text-muted);font-size:11px;font-weight:750;text-decoration:none;}
@media (hover:hover) and (pointer:fine){body.karin-page-woocommerce-orders .site-orders-presets a:hover{border-color:var(--karin-interactive-border);color:var(--karin-primary);background:var(--karin-primary-soft);}}
body.karin-page-woocommerce-orders .karin-orders-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;overflow:hidden;}
body.karin-page-woocommerce-orders .karin-orders-summary>div{min-width:0;padding:var(--karin-space-3) var(--karin-space-4);}
body.karin-page-woocommerce-orders .karin-orders-summary>div+div{border-right:1px solid var(--karin-border);}
body.karin-page-woocommerce-orders .karin-orders-summary span{display:block;color:var(--karin-text-muted);font-size:11px;font-weight:750;}
body.karin-page-woocommerce-orders .karin-orders-summary b{display:block;margin-top:3px;color:var(--karin-heading);font-size:18px;font-weight:900;line-height:1.35;}
body.karin-page-woocommerce-orders .karin-orders-section{gap:var(--karin-space-2);}
body.karin-page-woocommerce-orders .karin-orders-section>.karin-section-head{align-items:center;margin:0;}
body.karin-page-woocommerce-orders .karin-orders-last-check{color:var(--karin-text-muted);font-size:10.5px;font-weight:650;}
body.karin-page-woocommerce-orders .karin-orders-list{overflow:hidden;padding:0;}
body.karin-page-woocommerce-orders .karin-orders-list>[data-site-orders-pagination]>.karin-pagination{padding:var(--karin-space-2) var(--karin-space-3);margin:0;border-bottom:1px solid var(--karin-border);}
body.karin-page-woocommerce-orders .karin-orders-list>[data-site-orders-pagination]:last-child>.karin-pagination{border-top:1px solid var(--karin-border);border-bottom:0;}
body.karin-page-woocommerce-orders .karin-orders-list .karin-table-wrap{border:0;border-radius:0;margin:0;}
body.karin-page-woocommerce-orders .site-orders-table{width:100%;border-collapse:collapse;}
body.karin-page-woocommerce-orders .site-orders-table th{white-space:nowrap;color:var(--karin-text-muted);font-size:10.5px;font-weight:800;}
body.karin-page-woocommerce-orders .site-orders-table td{vertical-align:middle;white-space:nowrap;}
body.karin-page-woocommerce-orders .site-orders-table td small{display:block;margin-top:2px;color:var(--karin-text-muted);font-size:10.5px;font-weight:550;}
body.karin-page-woocommerce-orders .site-order-customer{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.45;}
body.karin-page-woocommerce-orders .site-order-customer strong{font-size:12px;font-weight:750;color:var(--karin-text);}
body.karin-page-woocommerce-orders .site-order-customer small{direction:ltr;unicode-bidi:embed;text-align:right;}
body.karin-page-woocommerce-orders .site-order-actions{display:flex;align-items:center;gap:var(--karin-space-1);min-width:0;}
body.karin-page-woocommerce-orders .site-order-actions .karin-button{margin:0;}
body.karin-page-woocommerce-orders .site-orders-empty{text-align:center;padding:var(--karin-space-6);}
body.karin-page-woocommerce-orders .ltr{direction:ltr;unicode-bidi:embed;text-align:left;}
@media(max-width:1180px){body.karin-page-woocommerce-orders .karin-orders-filter{grid-template-columns:minmax(220px,1.4fr) repeat(2,minmax(125px,.8fr)) minmax(210px,1.2fr);}body.karin-page-woocommerce-orders .site-orders-date{grid-column:span 2;}}
@media(max-width:760px){
  body.karin-page-woocommerce-orders .karin-orders-workspace{gap:var(--karin-space-3);}
  body.karin-page-woocommerce-orders .karin-orders-header{padding-bottom:var(--karin-space-2);}
  body.karin-page-woocommerce-orders .karin-orders-filter-panel{padding:var(--karin-space-3);}
  body.karin-page-woocommerce-orders .karin-orders-filter{grid-template-columns:1fr;gap:var(--karin-space-2);}
  body.karin-page-woocommerce-orders .site-orders-date{grid-column:auto;}
  body.karin-page-woocommerce-orders .site-orders-filter-actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr;height:auto;}
  body.karin-page-woocommerce-orders .site-orders-filter-actions [data-site-orders-refresh]{grid-column:1/-1;}
  body.karin-page-woocommerce-orders .site-orders-date .karin-date-popover{left:0;right:0;width:100%;min-width:100%;max-width:100%;}
  body.karin-page-woocommerce-orders .site-orders-presets{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;}
  body.karin-page-woocommerce-orders .site-orders-presets::-webkit-scrollbar{display:none;}
  body.karin-page-woocommerce-orders .site-orders-presets a{flex:0 0 auto;}
  body.karin-page-woocommerce-orders .karin-orders-summary>div{padding:var(--karin-space-2) var(--karin-space-3);}
  body.karin-page-woocommerce-orders .karin-orders-summary b{font-size:16px;}
  body.karin-page-woocommerce-orders .karin-orders-section>.karin-section-head{align-items:flex-end;}
  body.karin-page-woocommerce-orders .karin-orders-last-check{font-size:9.5px;}
  body.karin-page-woocommerce-orders .karin-orders-list>[data-site-orders-pagination]>.karin-pagination{padding:var(--karin-space-2);}
  body.karin-page-woocommerce-orders .site-orders-table,body.karin-page-woocommerce-orders .site-orders-table tbody,body.karin-page-woocommerce-orders .site-orders-table tr,body.karin-page-woocommerce-orders .site-orders-table td{display:block;width:100%;}
  body.karin-page-woocommerce-orders .site-orders-table>tbody>tr:first-child{display:none;}
  body.karin-page-woocommerce-orders .site-orders-table tbody tr{padding:var(--karin-space-3) 0;margin:0 var(--karin-space-3);border-bottom:1px solid var(--karin-border);}
  body.karin-page-woocommerce-orders .site-orders-table tbody tr:last-child{border-bottom:0;}
  body.karin-page-woocommerce-orders .site-orders-table td{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:var(--karin-space-2);padding:6px 0;border:0;white-space:normal;}
  body.karin-page-woocommerce-orders .site-orders-table td:before{content:attr(data-label);color:var(--karin-text-muted);font-size:10.5px;font-weight:750;}
  body.karin-page-woocommerce-orders .site-order-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:var(--karin-space-2);}
  body.karin-page-woocommerce-orders .site-order-actions .karin-button{width:100%;min-width:0;}
}
@media(max-width:420px){body.karin-page-woocommerce-orders .karin-orders-summary{grid-template-columns:1fr;}body.karin-page-woocommerce-orders .karin-orders-summary>div+div{border-right:0;border-top:1px solid var(--karin-border);}body.karin-page-woocommerce-orders .site-orders-filter-actions{grid-template-columns:1fr;}body.karin-page-woocommerce-orders .site-orders-filter-actions [data-site-orders-refresh]{grid-column:auto;}body.karin-page-woocommerce-orders .site-orders-table td{grid-template-columns:78px minmax(0,1fr);}}

html[data-theme="dark"] body.karin-page-woocommerce-orders .karin-orders-summary>div{background:transparent!important;}

/* Purchase & Supply workspace presentation consolidated in assets/purchase-workspace.css (v5.339). */

/* Karin v5.299 — Premium Users, Roles & Permissions Workspace */
body:is(.karin-page-users,.karin-page-roles,.karin-page-permissions) .karin-access-workspace{
  gap:var(--karin-space-3)!important;
}
body:is(.karin-page-users,.karin-page-roles,.karin-page-permissions) .karin-access-head{
  margin:0!important;
  padding-block:var(--karin-space-2)!important;
}
body:is(.karin-page-users,.karin-page-roles,.karin-page-permissions) .karin-access-summary{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
}
body.karin-page-roles .karin-access-summary--3{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
body:is(.karin-page-users,.karin-page-roles) .karin-access-summary :is(.karin-admin-stat,.role2-stat){
  min-height:66px!important;
  padding:var(--karin-space-3)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body:is(.karin-page-users,.karin-page-roles) .karin-access-summary :is(.karin-admin-stat,.role2-stat)+:is(.karin-admin-stat,.role2-stat){
  border-inline-start:1px solid var(--karin-composition-divider)!important;
}
body.karin-page-users .karin-admin-stat:after{display:none!important;}
body:is(.karin-page-users,.karin-page-roles) .karin-access-summary :is(.karin-admin-stat,.role2-stat) b{
  margin-top:4px!important;
  font-size:18px!important;
  color:var(--karin-heading)!important;
}
body:is(.karin-page-users,.karin-page-roles) .karin-access-summary :is(.karin-admin-stat,.role2-stat) span{
  color:var(--karin-text-muted)!important;
  font-size:10px!important;
}
body.karin-page-users .karin-access-filter,
body.karin-page-permissions .karin-access-filter{
  padding:var(--karin-space-3)!important;
  box-shadow:none!important;
}
body.karin-page-users .karin-user-grid{
  display:block!important;
  padding:0!important;
  overflow:hidden!important;
}
body.karin-page-users .karin-user-card{
  display:grid!important;
  grid-template-columns:minmax(210px,1.05fr) minmax(310px,1.55fr) minmax(135px,.7fr) auto!important;
  align-items:center!important;
  gap:var(--karin-space-3)!important;
  min-height:92px!important;
  padding:var(--karin-space-3)!important;
  border:0!important;
  border-bottom:1px solid var(--karin-composition-divider)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
body.karin-page-users .karin-user-card:last-child{border-bottom:0!important;}
body.karin-page-users .karin-user-card:hover{background:var(--karin-surface-soft)!important;box-shadow:none!important;transform:none!important;}
body.karin-page-users .karin-user-card-head{align-items:center!important;}
body.karin-page-users .karin-user-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px 12px!important;}
body.karin-page-users .karin-user-meta>div{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;}
body.karin-page-users .karin-user-actions{padding:0!important;border:0!important;justify-content:flex-end!important;}
body.karin-page-users .karin-user-access-row{justify-content:flex-start!important;}
body.karin-page-users .karin-user-access-managed-note{border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;}
body.karin-page-users .karin-modal__footer,
body.karin-page-roles .karin-modal__footer{
  margin-top:var(--karin-space-4)!important;
  padding-top:var(--karin-space-3)!important;
  border-top:1px solid var(--karin-composition-divider)!important;
}
body.karin-page-roles .role2-grid{
  display:block!important;
  padding:0!important;
  overflow:hidden!important;
}
body.karin-page-roles .role2-card{
  display:grid!important;
  grid-template-columns:minmax(260px,1.35fr) minmax(230px,.85fr) auto!important;
  align-items:center!important;
  gap:var(--karin-space-3)!important;
  min-height:88px!important;
  padding:var(--karin-space-3)!important;
  border:0!important;
  border-bottom:1px solid var(--karin-composition-divider)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
body.karin-page-roles .role2-card:last-child{border-bottom:0!important;}
body.karin-page-roles .role2-card:hover{background:var(--karin-surface-soft)!important;box-shadow:none!important;transform:none!important;}
body.karin-page-roles .role2-card-head{align-items:center!important;}
body.karin-page-roles .role2-icon{width:38px!important;height:38px!important;border-radius:10px!important;}
body.karin-page-roles .role2-copy p{margin-top:2px!important;line-height:1.55!important;}
body.karin-page-roles .role2-metrics{display:flex!important;align-items:center!important;gap:18px!important;}
body.karin-page-roles .role2-metric{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;}
body.karin-page-roles .role2-card-foot{margin:0!important;padding:0!important;justify-content:flex-end!important;}
body.karin-page-roles .role2-slug{display:none!important;}
body.karin-page-permissions .karin-permission-context{
  padding:var(--karin-space-3)!important;
  box-shadow:none!important;
}
body.karin-page-permissions .karin-permission-mode-switch{
  margin:0 0 var(--karin-space-3)!important;
}
body.karin-page-permissions .karin-permission-mode-switch>a{
  min-height:36px!important;
  padding:7px 12px!important;
}
body.karin-page-permissions .karin-permission-mode-switch>a span{display:none!important;}
body.karin-page-permissions .perm-target{
  margin:0!important;
  background:transparent!important;
  border-color:var(--karin-composition-divider)!important;
  box-shadow:none!important;
}
body.karin-page-permissions .perm-section-nav{margin-top:var(--karin-space-3)!important;}
body.karin-page-permissions .perm-section{
  box-shadow:none!important;
  overflow:hidden!important;
}
body.karin-page-permissions .perm-section>details>summary{
  min-height:54px!important;
  padding:var(--karin-space-3)!important;
  background:transparent!important;
}
body.karin-page-permissions .perm-section-body{padding:var(--karin-space-3)!important;gap:var(--karin-space-3)!important;}
body.karin-page-permissions .perm-page{box-shadow:none!important;}
body.karin-page-permissions .perm-savebar{
  background:var(--karin-surface)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-color:var(--karin-composition-divider)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.10)!important;
}
html[data-theme="dark"] body:is(.karin-page-users,.karin-page-roles) .karin-access-summary :is(.karin-admin-stat,.role2-stat),
html[data-theme="dark"] body:is(.karin-page-users,.karin-page-roles) .karin-access-list :is(.karin-user-card,.role2-card){
  background:transparent!important;
}
@media(max-width:1050px){
  body.karin-page-users .karin-user-card{grid-template-columns:minmax(220px,1fr) minmax(280px,1.25fr) auto!important;}
  body.karin-page-users .karin-user-access-row{grid-column:1/3!important;}
  body.karin-page-roles .role2-card{grid-template-columns:minmax(240px,1.2fr) minmax(190px,.8fr)!important;}
  body.karin-page-roles .role2-card-foot{grid-column:1/-1!important;justify-content:flex-start!important;}
}
@media(max-width:720px){
  body:is(.karin-page-users,.karin-page-roles,.karin-page-permissions) .karin-access-summary,
  body.karin-page-roles .karin-access-summary--3{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body:is(.karin-page-users,.karin-page-roles) .karin-access-summary :is(.karin-admin-stat,.role2-stat)+:is(.karin-admin-stat,.role2-stat){border-inline-start:0!important;}
  body:is(.karin-page-users,.karin-page-roles) .karin-access-summary :is(.karin-admin-stat,.role2-stat):nth-child(even){border-inline-start:1px solid var(--karin-composition-divider)!important;}
  body:is(.karin-page-users,.karin-page-roles) .karin-access-summary :is(.karin-admin-stat,.role2-stat):nth-child(n+3){border-top:1px solid var(--karin-composition-divider)!important;}
  body.karin-page-users .karin-user-card,
  body.karin-page-roles .role2-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:var(--karin-space-3)!important;}
  body.karin-page-users .karin-user-state{justify-content:flex-start!important;}
  body.karin-page-users .karin-user-meta{grid-template-columns:1fr 1fr!important;}
  body.karin-page-users .karin-user-actions,
  body.karin-page-roles .role2-card-foot{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--karin-space-2)!important;}
  body.karin-page-users .karin-user-actions>:is(a,button,form),
  body.karin-page-roles .role2-card-foot>:is(a,button,form){width:100%!important;}
  body.karin-page-users .karin-user-actions form button,
  body.karin-page-roles .role2-card-foot form button{width:100%!important;}
  body.karin-page-permissions .perm-savebar{bottom:var(--karin-space-2)!important;}
}
@media(max-width:460px){
  body:is(.karin-page-users,.karin-page-roles,.karin-page-permissions) .karin-access-summary,
  body.karin-page-roles .karin-access-summary--3{grid-template-columns:1fr!important;}
  body:is(.karin-page-users,.karin-page-roles) .karin-access-summary :is(.karin-admin-stat,.role2-stat){border-inline-start:0!important;border-top:1px solid var(--karin-composition-divider)!important;}
  body:is(.karin-page-users,.karin-page-roles) .karin-access-summary :is(.karin-admin-stat,.role2-stat):first-child{border-top:0!important;}
  body.karin-page-users .karin-user-meta{grid-template-columns:1fr!important;}
  body.karin-page-users .karin-user-actions,
  body.karin-page-roles .role2-card-foot{grid-template-columns:1fr!important;}
}

/* ======================================================================== Karin v5.300 — Premium Settings Workspace General + technical settings use one restrained composition system. No decorative gradients, page-local font overrides, or floating actions. ======================================================================== */
body:is(.karin-page-general-settings,.karin-page-settings) .karin-settings-v5300{
  max-width:1280px;
  gap:var(--karin-space-3);
}
body:is(.karin-page-general-settings,.karin-page-settings) .karin-settings-v5300>.karin-page-header{
  margin:0;
  padding:var(--karin-space-2) 1px var(--karin-space-3);
  border-bottom:1px solid var(--karin-composition-divider);
}
body:is(.karin-page-general-settings,.karin-page-settings) .karin-settings-v5300>.karin-page-header .karin-page-header__copy h1{
  font-size:20px;
}
body:is(.karin-page-general-settings,.karin-page-settings) .karin-settings-context-nav{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  margin:0!important;
  padding:4px!important;
  overflow-x:auto!important;
  flex-wrap:nowrap!important;
  background:var(--karin-surface-soft)!important;
  border:1px solid var(--karin-composition-divider)!important;
  border-radius:12px!important;
  box-shadow:none!important;
  scrollbar-width:none;
}
body:is(.karin-page-general-settings,.karin-page-settings) .karin-settings-context-nav::-webkit-scrollbar{display:none;}
body:is(.karin-page-general-settings,.karin-page-settings) .karin-settings-context-nav a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-height:34px!important;
  padding:6px 11px!important;
  margin:0!important;
  white-space:nowrap!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:var(--karin-text-muted)!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
body:is(.karin-page-general-settings,.karin-page-settings) .karin-settings-context-nav a.active{
  background:var(--karin-surface)!important;
  color:var(--karin-primary)!important;
  box-shadow:0 1px 4px rgba(15,23,42,.06)!important;
}

body.karin-page-general-settings .karin-settings-general-surface{
  display:block!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:var(--karin-composition-panel-bg)!important;
  border:1px solid var(--karin-composition-panel-border)!important;
  border-radius:var(--karin-composition-panel-radius)!important;
  box-shadow:none!important;
}
body.karin-page-general-settings .karin-settings-section-v5300{
  display:grid!important;
  gap:var(--karin-space-3)!important;
  margin:0!important;
  padding:var(--karin-space-4)!important;
  border:0!important;
  border-bottom:1px solid var(--karin-composition-divider)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.karin-page-general-settings .karin-settings-section-v5300:last-child{border-bottom:0!important;}
body.karin-page-general-settings .karin-settings-section-v5300 .karin-settings-card__head{
  margin:0!important;
  padding:0!important;
  border:0!important;
}
body.karin-page-general-settings .karin-settings-section-v5300 .karin-settings-card__head h2{
  margin:0!important;
  color:var(--karin-heading)!important;
  font-size:16px!important;
}
body.karin-page-general-settings .karin-settings-section-v5300 .karin-settings-form{gap:var(--karin-space-3)!important;}
body.karin-page-general-settings .karin-settings-section-v5300 .karin-settings-actions{
  margin:0!important;
  padding-top:var(--karin-space-2)!important;
  border-top:1px solid var(--karin-composition-divider)!important;
}
body.karin-page-general-settings .karin-inventory-dialog>.karin-actions{
  margin-top:var(--karin-space-4)!important;
  padding-top:var(--karin-space-3)!important;
  border-top:1px solid var(--karin-composition-divider)!important;
}

body.karin-page-settings .karin-settings-section-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  margin:0!important;
  padding:0 0 var(--karin-space-2)!important;
  overflow-x:auto!important;
  flex-wrap:nowrap!important;
  border-bottom:1px solid var(--karin-composition-divider)!important;
  scrollbar-width:none;
}
body.karin-page-settings .karin-settings-section-nav::-webkit-scrollbar{display:none;}
body.karin-page-settings .karin-settings-section-nav a{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  min-height:30px!important;
  padding:4px 9px!important;
  white-space:nowrap!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--karin-text-muted)!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
@media(hover:hover) and (pointer:fine){
  body.karin-page-settings .karin-settings-section-nav a:hover{
    background:var(--karin-surface-soft)!important;
    color:var(--karin-primary)!important;
  }
}
body.karin-page-settings .karin-settings-technical-surface{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:var(--karin-composition-panel-bg)!important;
  border:1px solid var(--karin-composition-panel-border)!important;
  border-radius:var(--karin-composition-panel-radius)!important;
  box-shadow:none!important;
}
body.karin-page-settings .karin-settings-technical-surface>.settings-section-card,
body.karin-page-settings .karin-settings-maintenance-grid>.settings-section-card,
body.karin-page-settings .karin-settings-meta-surface>.settings-section-card{
  margin:0!important;
  padding:var(--karin-space-4)!important;
  border:0!important;
  border-bottom:1px solid var(--karin-composition-divider)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  scroll-margin-top:84px!important;
}
body.karin-page-settings .karin-settings-technical-surface>.settings-section-card:last-child{border-bottom:0!important;}
body.karin-page-settings .settings-section-head{
  align-items:center!important;
  margin:0 0 var(--karin-space-3)!important;
  padding:0!important;
  border:0!important;
}
body.karin-page-settings .settings-section-head h2{
  margin:0!important;
  color:var(--karin-heading)!important;
  font-size:16px!important;
}
body.karin-page-settings .settings-section-head p{margin-top:2px!important;}
body.karin-page-settings .settings-section-kicker{display:none!important;}
body.karin-page-settings .karin-settings-actions{
  margin:0!important;
  padding-top:var(--karin-space-2)!important;
}
body.karin-page-settings .karin-settings-field--spaced{margin-top:var(--karin-space-3)!important;}
body.karin-page-settings .karin-settings-form--separated{
  margin-top:var(--karin-space-4)!important;
  padding-top:var(--karin-space-4)!important;
  border-top:1px solid var(--karin-composition-divider)!important;
}
body.karin-page-settings .karin-settings-compact-grid{gap:var(--karin-space-3)!important;}
body.karin-page-settings .settings-maintenance-grid{
  display:contents!important;
  margin:0!important;
}
body.karin-page-settings .karin-settings-meta-surface{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:var(--karin-composition-panel-bg)!important;
  border:1px solid var(--karin-composition-panel-border)!important;
  border-radius:var(--karin-composition-panel-radius)!important;
  box-shadow:none!important;
}
body.karin-page-settings .karin-settings-meta-surface>.settings-section-card:last-child{border-bottom:0!important;}
body.karin-page-settings .karin-agent-key-grid{align-items:end!important;}
body.karin-page-settings .karin-agent-key-field{min-width:0;}
body.karin-page-settings .karin-agent-key-actions{margin:0!important;gap:var(--karin-space-2)!important;}
body.karin-page-settings .karin-agent-status{margin-top:var(--karin-space-2)!important;}
body.karin-page-settings .karin-agent-regenerate{margin-top:var(--karin-space-3)!important;}

body.karin-page-settings .price-type-list{
  display:grid!important;
  gap:0!important;
  overflow:hidden!important;
  border:1px solid var(--karin-composition-divider)!important;
  border-radius:12px!important;
  background:transparent!important;
}
body.karin-page-settings .price-type-card{
  margin:0!important;
  padding:var(--karin-space-3)!important;
  border:0!important;
  border-bottom:1px solid var(--karin-composition-divider)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.karin-page-settings .price-type-card:last-child{border-bottom:0!important;}
body.karin-page-settings .price-type-card.is-inactive{opacity:.68;}
body.karin-page-settings .price-type-head{display:flex;align-items:center;justify-content:space-between;gap:var(--karin-space-2);min-height:36px!important;}
body.karin-page-settings .price-type-head>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
body.karin-page-settings .price-type-details{display:none;margin-top:var(--karin-space-3);padding-top:var(--karin-space-3);border-top:1px solid var(--karin-composition-divider)!important;}
body.karin-page-settings .price-type-details.is-open{display:block;}
body.karin-page-settings .price-source-site,body.karin-page-settings .price-source-formula{display:none;}
body.karin-page-settings .price-type-card[data-source-mode="woo_site"] .price-source-site{display:grid;}
body.karin-page-settings .price-type-card[data-source-mode="formula"] .price-source-formula{display:grid;}
body.karin-page-settings .price-sync-progress{margin-top:var(--karin-space-3);}
body.karin-page-settings .sync-tech-details{margin-top:var(--karin-space-2);font-size:11px;color:var(--karin-text-muted);}
body.karin-page-settings .sync-tech-details code{display:block;direction:ltr;text-align:left;white-space:pre-wrap;word-break:break-word;margin-top:6px;padding:8px;border-radius:8px;background:var(--karin-surface-soft);color:var(--karin-text-muted);}

body.karin-page-settings .karin-offline-center{background:transparent!important;border-color:transparent!important;}
body.karin-page-settings .karin-offline-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:var(--karin-space-3)!important;
  margin:0 0 var(--karin-space-3)!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--karin-text)!important;
  box-shadow:none!important;
}
body.karin-page-settings .karin-offline-head h2{margin:0!important;color:var(--karin-heading)!important;font-size:16px!important;}
body.karin-page-settings .karin-offline-head p{margin:2px 0 0!important;color:var(--karin-text-muted)!important;line-height:1.65!important;}
body.karin-page-settings .karin-offline-state{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;padding:4px 10px;font-weight:800;}
body.karin-page-settings .karin-offline-state.is-on{background:var(--karin-success-soft,#ecfdf3);color:var(--karin-success,#15803d);}
body.karin-page-settings .karin-offline-state.is-off{background:var(--karin-danger-soft,#fff1f2);color:var(--karin-danger,#be123c);}
body.karin-page-settings .karin-offline-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid var(--karin-composition-divider)!important;
  border-radius:12px!important;
  background:transparent!important;
}
body.karin-page-settings .karin-offline-stat{
  min-height:78px!important;
  padding:var(--karin-space-3)!important;
  border:0!important;
  border-inline-start:1px solid var(--karin-composition-divider)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.karin-page-settings .karin-offline-stat:first-child{border-inline-start:0!important;}
body.karin-page-settings .karin-offline-stat span{display:block;color:var(--karin-text-muted);font-size:11px;font-weight:750;margin-bottom:5px;}
body.karin-page-settings .karin-offline-stat b{display:block;color:var(--karin-heading);font-size:17px;}
body.karin-page-settings .karin-offline-stat small{display:block;color:var(--karin-text-muted);line-height:1.6;margin-top:4px;}
body.karin-page-settings .karin-offline-panel{
  margin-top:var(--karin-space-4)!important;
  padding:var(--karin-space-4) 0 0!important;
  border:0!important;
  border-top:1px solid var(--karin-composition-divider)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.karin-page-settings .karin-offline-panel.primary{border-color:var(--karin-composition-divider)!important;box-shadow:none!important;}
body.karin-page-settings .karin-offline-panel-head{display:flex;justify-content:space-between;gap:var(--karin-space-3);margin-bottom:var(--karin-space-3);}
body.karin-page-settings .karin-offline-panel-head h3{margin:0;color:var(--karin-heading);font-size:15px;}
body.karin-page-settings .karin-offline-panel-head p{margin:3px 0 0;color:var(--karin-text-muted);line-height:1.65;font-size:11px;}
body.karin-page-settings .karin-offline-switch-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--karin-space-2);}
body.karin-page-settings .karin-offline-switch,body.karin-page-settings .karin-offline-check{
  display:flex!important;align-items:center;gap:8px;padding:10px 0!important;border:0!important;border-bottom:1px solid var(--karin-composition-divider)!important;border-radius:0!important;background:transparent!important;
}
body.karin-page-settings .karin-offline-switch input,body.karin-page-settings .karin-offline-check input{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;margin:0 0 0 8px!important;accent-color:var(--karin-primary);}
body.karin-page-settings .karin-offline-switch b{display:block;color:var(--karin-heading);}
body.karin-page-settings .karin-offline-switch small{display:block;color:var(--karin-text-muted);margin-top:3px;}
body.karin-page-settings .karin-offline-switch.mini{justify-content:center;}
body.karin-page-settings .karin-offline-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:var(--karin-space-3);border:1px solid var(--karin-composition-divider);border-radius:12px;overflow:hidden;}
body.karin-page-settings .karin-offline-flow div{padding:var(--karin-space-3);border:0;border-inline-start:1px solid var(--karin-composition-divider);border-radius:0;background:transparent;}
body.karin-page-settings .karin-offline-flow div:first-child{border-inline-start:0;}
body.karin-page-settings .karin-offline-flow b{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--karin-primary-soft);color:var(--karin-primary);margin-left:5px;}
body.karin-page-settings .karin-offline-flow span{font-weight:850;color:var(--karin-heading);}
body.karin-page-settings .karin-offline-flow small{display:block;color:var(--karin-text-muted);margin-top:5px;line-height:1.55;}
body.karin-page-settings .karin-offline-queue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:var(--karin-space-3);border:1px solid var(--karin-composition-divider);border-radius:12px;overflow:hidden;}
body.karin-page-settings .karin-offline-queue-grid div{padding:var(--karin-space-3);border:0;border-inline-start:1px solid var(--karin-composition-divider);border-radius:0;background:transparent;}
body.karin-page-settings .karin-offline-queue-grid div:first-child{border-inline-start:0;}
body.karin-page-settings .karin-offline-queue-grid span{display:block;color:var(--karin-text-muted);font-size:11px;font-weight:750;}
body.karin-page-settings .karin-offline-queue-grid b{font-size:18px;color:var(--karin-heading);}
body.karin-page-settings .karin-backup-compact-grid{display:grid;grid-template-columns:120px 180px 180px 1fr;gap:var(--karin-space-3);align-items:end;}
body.karin-page-settings .karin-backup-compact-grid label{font-weight:800;color:var(--karin-text);}
body.karin-page-settings .karin-backup-compact-grid input{width:100%;}
body.karin-page-settings .karin-offline-actions{display:flex;justify-content:flex-start;margin-top:var(--karin-space-3);}
body.karin-page-settings .karin-backup-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--karin-composition-divider);border-radius:12px;overflow:hidden;}
body.karin-page-settings .karin-backup-action-card{display:flex;flex-direction:column;gap:8px;margin:0;padding:var(--karin-space-3);border:0;border-inline-start:1px solid var(--karin-composition-divider);border-radius:0;background:transparent;}
body.karin-page-settings .karin-backup-action-card:first-child{border-inline-start:0;}
body.karin-page-settings .karin-backup-action-card b{color:var(--karin-heading);}
body.karin-page-settings .karin-backup-action-card small{color:var(--karin-text-muted);line-height:1.6;}
body.karin-page-settings .karin-bo-table th,body.karin-page-settings .karin-bo-table td,body.karin-page-settings .karin-offline-queue-table th,body.karin-page-settings .karin-offline-queue-table td{font-size:12px;}
body.karin-page-settings .karin-bo-table td[dir=ltr]{direction:ltr;text-align:left;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.karin-page-settings .ok-text{color:var(--karin-success,#16a34a)!important;}
body.karin-page-settings .warn-text{color:var(--karin-warning,#d97706)!important;}

html[data-theme="dark"] body:is(.karin-page-general-settings,.karin-page-settings) .karin-settings-context-nav a.active,
html[data-theme="dark"] body.karin-page-settings .karin-settings-technical-surface,
html[data-theme="dark"] body.karin-page-settings .karin-settings-meta-surface,
html[data-theme="dark"] body.karin-page-general-settings .karin-settings-general-surface{
  background:var(--karin-surface)!important;
}
html[data-theme="dark"] body.karin-page-settings :is(.settings-section-card,.price-type-card,.karin-offline-center,.karin-offline-stat,.karin-offline-panel,.karin-offline-switch,.karin-offline-check,.karin-offline-flow div,.karin-offline-queue-grid div,.karin-backup-action-card){
  background:transparent!important;
  box-shadow:none!important;
}

@media(max-width:1000px){
  body.karin-page-settings .karin-offline-stats{grid-template-columns:1fr 1fr!important;}
  body.karin-page-settings .karin-offline-stat:nth-child(3){border-top:1px solid var(--karin-composition-divider)!important;border-inline-start:0!important;}
  body.karin-page-settings .karin-offline-stat:nth-child(4){border-top:1px solid var(--karin-composition-divider)!important;}
  body.karin-page-settings .karin-offline-switch-grid,body.karin-page-settings .karin-offline-flow,body.karin-page-settings .karin-backup-compact-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:720px){
  body:is(.karin-page-general-settings,.karin-page-settings) .karin-settings-v5300{gap:var(--karin-space-2);}
  body:is(.karin-page-general-settings,.karin-page-settings) .karin-settings-v5300>.karin-page-header{padding-bottom:var(--karin-space-2);}
  body:is(.karin-page-general-settings,.karin-page-settings) .karin-settings-v5300>.karin-page-header .karin-page-header__copy h1{font-size:18px;}
  body.karin-page-general-settings .karin-settings-section-v5300,
  body.karin-page-settings .karin-settings-technical-surface>.settings-section-card,
  body.karin-page-settings .karin-settings-meta-surface>.settings-section-card{padding:var(--karin-space-3)!important;}
  body.karin-page-settings .karin-offline-head{display:block!important;}
  body.karin-page-settings .karin-offline-state{margin-top:var(--karin-space-2);}
  body.karin-page-settings .karin-offline-flow,body.karin-page-settings .karin-offline-queue-grid,body.karin-page-settings .karin-backup-actions-grid{grid-template-columns:1fr!important;}
  body.karin-page-settings .karin-offline-flow div,body.karin-page-settings .karin-offline-queue-grid div,body.karin-page-settings .karin-backup-action-card{border-inline-start:0!important;border-top:1px solid var(--karin-composition-divider)!important;}
  body.karin-page-settings .karin-offline-flow div:first-child,body.karin-page-settings .karin-offline-queue-grid div:first-child,body.karin-page-settings .karin-backup-action-card:first-child{border-top:0!important;}
}
@media(max-width:520px){
  body.karin-page-general-settings .karin-settings-toggle-grid,
  body.karin-page-general-settings .karin-settings-grid-2,
  body.karin-page-settings .karin-offline-stats,
  body.karin-page-settings .karin-offline-switch-grid,
  body.karin-page-settings .karin-backup-compact-grid{grid-template-columns:1fr!important;}
  body.karin-page-settings .karin-offline-stat{border-inline-start:0!important;border-top:1px solid var(--karin-composition-divider)!important;}
  body.karin-page-settings .karin-offline-stat:first-child{border-top:0!important;}
  body.karin-page-settings .karin-bo-table,body.karin-page-settings .karin-offline-queue-table table{min-width:720px;}
}
@media(prefers-reduced-motion:reduce){
  body:is(.karin-page-general-settings,.karin-page-settings) .karin-settings-v5300 *{scroll-behavior:auto!important;}
}

/* ======================================================================== Karin v5.301 — System & Support Workspace + Settings Spacing Gate System/support pages share one restrained workspace; settings action sections keep explicit token-based header/body/action rhythm. ======================================================================== */
body.karin-page-settings .settings-maintenance-card{
  padding-block:var(--karin-space-6)!important;
}
body.karin-page-settings .settings-maintenance-card>.settings-section-head{
  margin-bottom:var(--karin-space-4)!important;
}
body.karin-page-settings .karin-settings-maintenance-action{
  display:grid;
  gap:var(--karin-space-2);
  padding-top:var(--karin-space-2);
}
body.karin-page-settings .karin-settings-maintenance-action form{margin:0;}
body.karin-page-settings .karin-settings-maintenance-action .karin-note{margin:0!important;}

body:is(.karin-page-system-health,.karin-page-logs,.karin-page-regression-audit,.karin-page-deployment-readiness) .karin-system-workspace-v5301{
  max-width:1280px;
  gap:var(--karin-space-3);
}
body:is(.karin-page-system-health,.karin-page-logs,.karin-page-regression-audit,.karin-page-deployment-readiness) .karin-system-workspace-v5301>.karin-page-header,
body.karin-page-system-health .karin-system-workspace-v5301>.health-head{
  margin:0;
  padding:var(--karin-space-2) 1px var(--karin-space-3);
  border-bottom:1px solid var(--karin-composition-divider);
}
body:is(.karin-page-system-health,.karin-page-logs,.karin-page-regression-audit,.karin-page-deployment-readiness) .karin-system-workspace-v5301 .karin-page-header__copy h1{
  font-size:20px;
}
body:is(.karin-page-system-health,.karin-page-logs,.karin-page-regression-audit,.karin-page-deployment-readiness) .karin-system-context-nav{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  margin:0!important;
  padding:4px!important;
  overflow-x:auto!important;
  flex-wrap:nowrap!important;
  background:var(--karin-surface-soft)!important;
  border:1px solid var(--karin-composition-divider)!important;
  border-radius:12px!important;
  box-shadow:none!important;
  scrollbar-width:none;
}
body:is(.karin-page-system-health,.karin-page-logs,.karin-page-regression-audit,.karin-page-deployment-readiness) .karin-system-context-nav::-webkit-scrollbar{display:none;}
body:is(.karin-page-system-health,.karin-page-logs,.karin-page-regression-audit,.karin-page-deployment-readiness) .karin-system-context-nav a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-height:34px!important;
  padding:6px 11px!important;
  margin:0!important;
  white-space:nowrap!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:var(--karin-text-muted)!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
body:is(.karin-page-system-health,.karin-page-logs,.karin-page-regression-audit,.karin-page-deployment-readiness) .karin-system-context-nav a.active{
  background:var(--karin-surface)!important;
  color:var(--karin-primary)!important;
  box-shadow:0 1px 4px rgba(15,23,42,.06)!important;
}
body:is(.karin-page-system-health,.karin-page-logs,.karin-page-regression-audit,.karin-page-deployment-readiness) .karin-system-summary{
  display:grid!important;
  gap:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid var(--karin-composition-panel-border)!important;
  border-radius:var(--karin-composition-panel-radius)!important;
  background:var(--karin-composition-panel-bg)!important;
  box-shadow:none!important;
}
body:is(.karin-page-system-health,.karin-page-regression-audit,.karin-page-deployment-readiness) .karin-system-summary>*{
  min-width:0;
  margin:0!important;
  padding:var(--karin-space-3) var(--karin-space-4)!important;
  border:0!important;
  border-inline-start:1px solid var(--karin-composition-divider)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body:is(.karin-page-system-health,.karin-page-regression-audit,.karin-page-deployment-readiness) .karin-system-summary>*:first-child{border-inline-start:0!important;}
body:is(.karin-page-system-health,.karin-page-regression-audit,.karin-page-deployment-readiness) .karin-system-summary small{
  color:var(--karin-text-muted)!important;
  font-size:11px;
}
body:is(.karin-page-system-health,.karin-page-regression-audit,.karin-page-deployment-readiness) .karin-system-summary b{
  color:var(--karin-heading);
  font-size:17px;
}

body.karin-page-system-health .health-page{gap:var(--karin-space-3);}
body.karin-page-system-health .health-head{align-items:center;}
body.karin-page-system-health .health-head>.karin-page-header__copy{display:flex;align-items:center;gap:var(--karin-space-2);flex-wrap:wrap;}
body.karin-page-system-health .health-head-status{margin:0;}
body.karin-page-system-health .health-actions{justify-content:flex-end;}
body.karin-page-system-health .health-actions form{margin:0;}
body.karin-page-system-health .health-summary-grid{grid-template-columns:repeat(7,minmax(0,1fr));}
body.karin-page-system-health .health-summary-card{min-height:82px!important;justify-content:center;gap:5px!important;}
body.karin-page-system-health .health-summary-card>b{font-size:17px!important;}
body.karin-page-system-health .health-section{
  margin:0!important;
  padding:var(--karin-space-4)!important;
  border:1px solid var(--karin-composition-panel-border)!important;
  border-radius:var(--karin-composition-panel-radius)!important;
  background:var(--karin-composition-panel-bg)!important;
  box-shadow:none!important;
}
body.karin-page-system-health .health-section-head{
  margin:0 0 var(--karin-space-3)!important;
  padding:0 0 var(--karin-space-3)!important;
  border-bottom:1px solid var(--karin-composition-divider)!important;
}
body.karin-page-system-health .health-section-head h2{font-size:15.5px!important;color:var(--karin-heading)!important;}
body.karin-page-system-health .health-mini-grid{gap:0!important;border:1px solid var(--karin-composition-divider);border-radius:12px;overflow:hidden;}
body.karin-page-system-health .health-mini-grid>div{border:0!important;border-inline-start:1px solid var(--karin-composition-divider)!important;border-radius:0!important;background:transparent!important;}
body.karin-page-system-health .health-mini-grid>div:first-child{border-inline-start:0!important;}
body.karin-page-system-health .health-incident-stats{margin-bottom:var(--karin-space-3);}
body.karin-page-system-health .health-incident-stats>.karin-stat{box-shadow:none!important;}
body.karin-page-system-health .health-table-wrap{border-radius:12px;overflow:auto;}

body.karin-page-logs .karin-system-table-panel{
  margin:0;
  padding:0;
  overflow:hidden;
  border:1px solid var(--karin-composition-panel-border);
  border-radius:var(--karin-composition-panel-radius);
  background:var(--karin-composition-panel-bg);
  box-shadow:none;
}
body.karin-page-logs .karin-system-table-panel .health-table-wrap{border-radius:0;}
body.karin-page-logs .karin-system-table-panel .karin-table{margin:0;}

body.karin-page-regression-audit .audit-head,
body.karin-page-deployment-readiness .deploy-head{align-items:center!important;}
body.karin-page-regression-audit .audit-head-actions,
body.karin-page-deployment-readiness .deploy-actions{display:flex;align-items:center;gap:var(--karin-space-2);flex-wrap:wrap;}
body.karin-page-regression-audit .audit-head-actions form{margin:0;}
body.karin-page-regression-audit .audit-summary{grid-template-columns:2fr repeat(5,1fr);}
body.karin-page-deployment-readiness .deploy-summary{grid-template-columns:2fr repeat(3,1fr);}
body.karin-page-regression-audit :is(.audit-section,.audit-repair-result),
body.karin-page-deployment-readiness :is(.deploy-section,.deploy-cron,.deploy-rollback){
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--karin-composition-panel-border)!important;
  border-radius:var(--karin-composition-panel-radius)!important;
  background:var(--karin-composition-panel-bg)!important;
  box-shadow:none!important;
}
body.karin-page-regression-audit .audit-repair-result{padding:var(--karin-space-4)!important;}
body.karin-page-regression-audit .audit-section-head,
body.karin-page-deployment-readiness .deploy-section-head{
  display:flex;align-items:center;justify-content:space-between;gap:var(--karin-space-3);
  margin:0;padding:var(--karin-space-3) var(--karin-space-4);
  border-bottom:1px solid var(--karin-composition-divider);
}
body.karin-page-regression-audit .audit-section-head h2,
body.karin-page-deployment-readiness .deploy-section-head h2{margin:0;font-size:15.5px;color:var(--karin-heading);}
body.karin-page-regression-audit .audit-section-head span,
body.karin-page-deployment-readiness .deploy-section-head span{color:var(--karin-text-muted);font-size:11.5px;}
body.karin-page-regression-audit .audit-table{width:100%;border-collapse:collapse;table-layout:auto;}
body.karin-page-regression-audit .audit-table thead,
body.karin-page-regression-audit .audit-table tbody{display:block;width:100%;}
body.karin-page-regression-audit .audit-table tr{display:grid;grid-template-columns:120px minmax(150px,220px) minmax(0,1fr) minmax(130px,200px);width:100%;align-items:start;}
body.karin-page-regression-audit .audit-table th,
body.karin-page-regression-audit .audit-table td{display:block;min-width:0;padding:12px 14px;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;line-height:1.9;}
body.karin-page-regression-audit .audit-table code{display:block;max-width:100%;font-size:12px;white-space:normal!important;overflow-wrap:anywhere!important;direction:ltr;text-align:left;}
body.karin-page-regression-audit .audit-badge,
body.karin-page-deployment-readiness .deploy-badge{display:inline-flex;align-items:center;justify-content:center;min-width:88px;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;}
body.karin-page-regression-audit .audit-pass,body.karin-page-deployment-readiness .deploy-pass{background:#dcfce7;color:#166534;}
body.karin-page-regression-audit .audit-fail,body.karin-page-deployment-readiness .deploy-fail{background:#fee2e2;color:#991b1b;}
body.karin-page-regression-audit .audit-warn{background:#fef3c7;color:#92400e;}
body.karin-page-regression-audit .audit-advisory,body.karin-page-deployment-readiness .deploy-advisory{background:#e0f2fe;color:#075985;}
body.karin-page-regression-audit .audit-skip{background:#e2e8f0;color:#475569;}
body.karin-page-regression-audit .audit-row-fail,body.karin-page-deployment-readiness .deploy-row-fail{background:color-mix(in srgb,var(--karin-danger-soft,#fee2e2) 30%,transparent);}
body.karin-page-regression-audit .audit-row-warn{background:color-mix(in srgb,#fef3c7 26%,transparent);}
body.karin-page-regression-audit .audit-row-advisory,body.karin-page-deployment-readiness .deploy-row-advisory{background:color-mix(in srgb,#e0f2fe 26%,transparent);}
body.karin-page-regression-audit .audit-repair-result p{margin:var(--karin-space-2) 0;}
body.karin-page-regression-audit .audit-error-list{display:grid;gap:var(--karin-space-2);margin-top:var(--karin-space-3);}
body.karin-page-regression-audit .audit-error-list code{display:block;padding:var(--karin-space-2);border:1px solid var(--karin-composition-divider);border-radius:8px;white-space:pre-wrap;word-break:break-word;background:var(--karin-surface-soft);}
body.karin-page-regression-audit .audit-diagnostics{display:flex;flex-wrap:wrap;gap:var(--karin-space-2) var(--karin-space-4);margin-top:var(--karin-space-3);font-size:13px;}
body.karin-page-deployment-readiness .deploy-table-wrap{width:100%;overflow:auto;}
body.karin-page-deployment-readiness .deploy-table{width:100%;table-layout:fixed;border-collapse:collapse;}
body.karin-page-deployment-readiness .deploy-table th,
body.karin-page-deployment-readiness .deploy-table td{padding:12px 14px;vertical-align:top;white-space:normal;overflow-wrap:anywhere;}
body.karin-page-deployment-readiness .deploy-table th:nth-child(1){width:120px;}
body.karin-page-deployment-readiness .deploy-table th:nth-child(2){width:210px;}
body.karin-page-deployment-readiness .deploy-table th:nth-child(4){width:190px;}
body.karin-page-deployment-readiness .deploy-table code{white-space:normal;overflow-wrap:anywhere;}
body.karin-page-deployment-readiness .deploy-cron{padding-bottom:var(--karin-space-4)!important;}
body.karin-page-deployment-readiness .deploy-cron label,
body.karin-page-deployment-readiness .deploy-cron code{margin-inline:var(--karin-space-4);}
body.karin-page-deployment-readiness .deploy-cron label{display:block;font-weight:800;margin-top:var(--karin-space-3);}
body.karin-page-deployment-readiness .deploy-cron code{display:block;padding:var(--karin-space-3);border:1px solid var(--karin-composition-divider);border-radius:10px;background:var(--karin-surface-soft);direction:ltr;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;}
body.karin-page-deployment-readiness .deploy-rollback ol{margin:0;padding:var(--karin-space-4) 38px;line-height:2;}
body.karin-page-deployment-readiness .deploy-rollback code{direction:ltr;display:inline-block;}

@media(max-width:1100px){
  body.karin-page-system-health .health-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
  body.karin-page-system-health .karin-system-summary>*:nth-child(5){border-inline-start:0!important;border-top:1px solid var(--karin-composition-divider)!important;}
  body.karin-page-system-health .karin-system-summary>*:nth-child(n+5){border-top:1px solid var(--karin-composition-divider)!important;}
  body.karin-page-regression-audit .audit-summary{grid-template-columns:repeat(3,minmax(0,1fr));}
  body.karin-page-deployment-readiness .deploy-summary{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  body:is(.karin-page-system-health,.karin-page-logs,.karin-page-regression-audit,.karin-page-deployment-readiness) .karin-system-workspace-v5301{gap:var(--karin-space-2);}
  body:is(.karin-page-system-health,.karin-page-logs,.karin-page-regression-audit,.karin-page-deployment-readiness) .karin-system-workspace-v5301>.karin-page-header,
  body.karin-page-system-health .karin-system-workspace-v5301>.health-head{padding-bottom:var(--karin-space-2);}
  body.karin-page-system-health .health-actions,
  body.karin-page-regression-audit .audit-head-actions,
  body.karin-page-deployment-readiness .deploy-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;}
  body.karin-page-system-health .health-actions form,body.karin-page-system-health .health-actions button{width:100%;}
  body.karin-page-system-health .health-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.karin-page-system-health .karin-system-summary>*{border-top:1px solid var(--karin-composition-divider)!important;}
  body.karin-page-system-health .karin-system-summary>*:nth-child(odd){border-inline-start:0!important;}
  body.karin-page-system-health .karin-system-summary>*:nth-child(-n+2){border-top:0!important;}
  body.karin-page-system-health .health-section{padding:var(--karin-space-3)!important;}
  body.karin-page-system-health .health-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.karin-page-regression-audit .audit-summary,
  body.karin-page-deployment-readiness .deploy-summary{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.karin-page-regression-audit .karin-system-summary>*,body.karin-page-deployment-readiness .karin-system-summary>*{border-top:1px solid var(--karin-composition-divider)!important;}
  body.karin-page-regression-audit .karin-system-summary>*:nth-child(odd),body.karin-page-deployment-readiness .karin-system-summary>*:nth-child(odd){border-inline-start:0!important;}
  body.karin-page-regression-audit .karin-system-summary>*:nth-child(-n+2),body.karin-page-deployment-readiness .karin-system-summary>*:nth-child(-n+2){border-top:0!important;}
  body.karin-page-regression-audit .audit-table tr{grid-template-columns:105px minmax(130px,170px) minmax(0,1fr);}
  body.karin-page-regression-audit .audit-table th:nth-child(4),body.karin-page-regression-audit .audit-table td:nth-child(4),
  body.karin-page-deployment-readiness .deploy-table th:nth-child(4),body.karin-page-deployment-readiness .deploy-table td:nth-child(4){display:none;}
}
@media(max-width:560px){
  body.karin-page-system-health .health-actions,
  body.karin-page-regression-audit .audit-head-actions,
  body.karin-page-deployment-readiness .deploy-actions{grid-template-columns:1fr;}
  body.karin-page-system-health .health-summary-grid,
  body.karin-page-regression-audit .audit-summary,
  body.karin-page-deployment-readiness .deploy-summary{grid-template-columns:1fr;}
  body:is(.karin-page-system-health,.karin-page-regression-audit,.karin-page-deployment-readiness) .karin-system-summary>*{border-inline-start:0!important;border-top:1px solid var(--karin-composition-divider)!important;}
  body:is(.karin-page-system-health,.karin-page-regression-audit,.karin-page-deployment-readiness) .karin-system-summary>*:first-child{border-top:0!important;}
  body.karin-page-regression-audit .audit-table thead{display:none;}
  body.karin-page-regression-audit .audit-table tr{display:block;padding:12px 14px;border-bottom:1px solid var(--karin-composition-divider);}
  body.karin-page-regression-audit .audit-table td{display:block!important;padding:7px 0!important;border:0!important;}
  body.karin-page-deployment-readiness .deploy-table,body.karin-page-deployment-readiness .deploy-table tbody,body.karin-page-deployment-readiness .deploy-table tr,body.karin-page-deployment-readiness .deploy-table td{display:block;}
  body.karin-page-deployment-readiness .deploy-table thead{display:none;}
  body.karin-page-deployment-readiness .deploy-table tr{padding:12px;border-bottom:1px solid var(--karin-composition-divider);}
  body.karin-page-deployment-readiness .deploy-table td{padding:6px 0;}
}
@media(prefers-reduced-motion:reduce){
  body:is(.karin-page-system-health,.karin-page-logs,.karin-page-regression-audit,.karin-page-deployment-readiness) .karin-system-workspace-v5301 *{scroll-behavior:auto!important;}
}



/* Legacy pre-design-system financial presentation retired to assets/finance-workspace.css in v5.342. */

/* Karin v5.183 — accounting integrity surface */
body.karin-page-accounting .accounting-integrity{display:grid;gap:12px}body.karin-page-accounting .accounting-integrity.needs-attention{border-color:#f0c674}body.karin-page-accounting .accounting-integrity.is-healthy{border-color:#b9dfc5}body.karin-page-accounting .accounting-integrity-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}body.karin-page-accounting .accounting-integrity-summary span{border:1px solid var(--border,#dbe6f4);border-radius:14px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}body.karin-page-accounting .accounting-integrity-issues{display:flex;flex-wrap:wrap;gap:8px}body.karin-page-accounting .accounting-integrity-issues span{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:999px;padding:6px 10px;font-size:12px}body.karin-page-accounting .accounting-integrity-ok{font-size:13px;color:#166534}body.karin-page-accounting .accounting-integrity-details summary{cursor:pointer;font-size:12px;font-weight:800;color:var(--muted,#64748b)}body.karin-page-accounting .accounting-integrity-details>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}body.karin-page-accounting .accounting-integrity-details span{display:flex;justify-content:space-between;gap:8px;border:1px solid var(--border,#dbe6f4);border-radius:10px;padding:7px 9px;font-size:11.5px}body.karin-page-accounting .dark .accounting-integrity-issues span,body.karin-page-accounting [data-theme=dark] .accounting-integrity-issues span{background:rgba(154,52,18,.12);border-color:rgba(251,146,60,.24);color:#fdba74}@media(max-width:720px){body.karin-page-accounting .accounting-integrity-summary,body.karin-page-accounting .accounting-integrity-details>div{grid-template-columns:1fr}}

/* ======================================================================== Karin v5.302 — Regression Failure Triage + Financial & Accounting Workspace ======================================================================== */

body.karin-page-regression-audit .audit-summary-result,
body.karin-page-regression-audit .audit-summary-link{
  display:grid!important;
  align-content:center;
  gap:var(--karin-space-2)!important;
  min-height:72px;
  text-decoration:none!important;
  color:inherit!important;
}
body.karin-page-regression-audit .audit-summary-result small,
body.karin-page-regression-audit .audit-summary-link small{display:block;line-height:1.5;}
body.karin-page-regression-audit .audit-summary-result b,
body.karin-page-regression-audit .audit-summary-link b{display:block;line-height:1.45;}
body.karin-page-regression-audit .audit-summary-link{transition:background-color .14s ease,color .14s ease;}
@media(hover:hover) and (pointer:fine){
  body.karin-page-regression-audit .audit-summary-link:hover{background:var(--karin-surface-soft)!important;}
}
body.karin-page-regression-audit .audit-summary-link.is-active{background:var(--karin-surface-soft)!important;}
body.karin-page-regression-audit .audit-filter-bar{
  display:flex;
  align-items:center;
  gap:var(--karin-space-1);
  max-width:100%;
  overflow-x:auto;
  scrollbar-width:none;
  padding:4px;
  border:1px solid var(--karin-composition-divider);
  border-radius:12px;
  background:var(--karin-surface-soft);
}
body.karin-page-regression-audit .audit-filter-bar::-webkit-scrollbar{display:none;}
body.karin-page-regression-audit .audit-filter-bar a{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:34px;
  padding:0 12px;
  border-radius:9px;
  color:var(--karin-text-muted);
  text-decoration:none;
  font-size:12px;
  font-weight:750;
}
body.karin-page-regression-audit .audit-filter-bar a.active{
  color:var(--karin-heading);
  background:var(--karin-composition-panel-bg);
  box-shadow:0 1px 3px rgba(15,23,42,.06);
}
body.karin-page-regression-audit .audit-failures-overview .audit-failures-table tr{
  grid-template-columns:minmax(130px,180px) minmax(170px,230px) minmax(0,1fr) minmax(150px,210px);
}
body.karin-page-regression-audit .audit-failures-cta{white-space:nowrap;}

body:is(.karin-page-financial,.karin-page-accounts,.karin-page-accounting,.karin-page-accounting-journal,.karin-page-accounting-ledger,.karin-page-accounting-trial-balance,.karin-page-accounting-chart,.karin-page-accounting-periods)
:is(.karin-financial-workspace-v5302,.karin-accounting-workspace-v5302){
  display:grid!important;
  gap:var(--karin-space-3)!important;
}
body:is(.karin-page-financial,.karin-page-accounts,.karin-page-accounting,.karin-page-accounting-journal,.karin-page-accounting-ledger,.karin-page-accounting-trial-balance,.karin-page-accounting-chart,.karin-page-accounting-periods)
:is(.karin-financial-context-nav,.karin-accounting-context-nav){
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  max-width:100%;
  margin:0!important;
  padding:4px!important;
  overflow-x:auto!important;
  scrollbar-width:none;
  border:1px solid var(--karin-composition-divider)!important;
  border-radius:12px!important;
  background:var(--karin-surface-soft)!important;
  box-shadow:none!important;
}
body:is(.karin-page-financial,.karin-page-accounts,.karin-page-accounting,.karin-page-accounting-journal,.karin-page-accounting-ledger,.karin-page-accounting-trial-balance,.karin-page-accounting-chart,.karin-page-accounting-periods)
:is(.karin-financial-context-nav,.karin-accounting-context-nav)::-webkit-scrollbar{display:none;}
body:is(.karin-page-financial,.karin-page-accounts,.karin-page-accounting,.karin-page-accounting-journal,.karin-page-accounting-ledger,.karin-page-accounting-trial-balance,.karin-page-accounting-chart,.karin-page-accounting-periods)
:is(.karin-financial-context-nav,.karin-accounting-context-nav) a{
  flex:0 0 auto!important;
  min-height:34px!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:var(--karin-text-muted)!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:750!important;
  text-decoration:none!important;
}
body:is(.karin-page-financial,.karin-page-accounts,.karin-page-accounting,.karin-page-accounting-journal,.karin-page-accounting-ledger,.karin-page-accounting-trial-balance,.karin-page-accounting-chart,.karin-page-accounting-periods)
:is(.karin-financial-context-nav,.karin-accounting-context-nav) a.active{
  background:var(--karin-composition-panel-bg)!important;
  color:var(--karin-primary)!important;
  box-shadow:0 1px 3px rgba(15,23,42,.06)!important;
}
body:is(.karin-page-financial,.karin-page-accounts,.karin-page-accounting,.karin-page-accounting-journal,.karin-page-accounting-ledger,.karin-page-accounting-trial-balance,.karin-page-accounting-chart,.karin-page-accounting-periods)
.karin-page-header{margin:0!important;padding-block:var(--karin-space-2)!important;}

body:is(.karin-page-financial,.karin-page-accounting,.karin-page-accounting-journal,.karin-page-accounting-ledger,.karin-page-accounting-trial-balance)
.karin-financial-summary{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid var(--karin-composition-panel-border)!important;
  border-radius:var(--karin-composition-panel-radius)!important;
  background:var(--karin-composition-panel-bg)!important;
  box-shadow:none!important;
}
body:is(.karin-page-financial,.karin-page-accounting,.karin-page-accounting-journal,.karin-page-accounting-ledger,.karin-page-accounting-trial-balance)
.karin-financial-summary>:is(.karin-stat,.karin-metric-card){
  position:relative!important;
  display:grid!important;
  align-content:center!important;
  gap:5px!important;
  min-width:0!important;
  min-height:84px!important;
  margin:0!important;
  padding:var(--karin-space-3) var(--karin-space-4)!important;
  border:0!important;
  border-inline-start:1px solid var(--karin-composition-divider)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body:is(.karin-page-financial,.karin-page-accounting,.karin-page-accounting-journal,.karin-page-accounting-ledger,.karin-page-accounting-trial-balance)
.karin-financial-summary>:is(.karin-stat,.karin-metric-card):first-child{border-inline-start:0!important;}
body:is(.karin-page-accounting,.karin-page-accounting-journal,.karin-page-accounting-ledger,.karin-page-accounting-trial-balance)
.karin-financial-summary>.karin-metric-card::after{display:none!important;content:none!important;}
body:is(.karin-page-financial,.karin-page-accounting,.karin-page-accounting-journal,.karin-page-accounting-ledger,.karin-page-accounting-trial-balance)
.karin-financial-summary>:is(.karin-stat,.karin-metric-card)>span{
  margin:0!important;
  color:var(--karin-text-muted)!important;
  font-size:11.5px!important;
  font-weight:650!important;
}
body:is(.karin-page-financial,.karin-page-accounting,.karin-page-accounting-journal,.karin-page-accounting-ledger,.karin-page-accounting-trial-balance)
.karin-financial-summary>:is(.karin-stat,.karin-metric-card)>b{
  color:var(--karin-heading)!important;
  font-size:18px!important;
  line-height:1.4!important;
}
body:is(.karin-page-financial,.karin-page-accounting,.karin-page-accounting-journal,.karin-page-accounting-ledger,.karin-page-accounting-trial-balance)
.karin-financial-summary>:is(.karin-stat,.karin-metric-card)>small{margin:0!important;color:var(--karin-text-muted)!important;font-size:10.5px!important;}

body.karin-page-financial .finance-tabs.karin-tabs{
  display:flex!important;
  grid-template-columns:none!important;
  gap:4px!important;
  margin:0!important;
  padding:4px!important;
  overflow-x:auto!important;
  border:1px solid var(--karin-composition-divider)!important;
  border-radius:12px!important;
  background:var(--karin-surface-soft)!important;
  box-shadow:none!important;
}
body.karin-page-financial .finance-tabs.karin-tabs a{
  flex:0 0 auto!important;
  min-height:34px!important;
  height:34px!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:var(--karin-text-muted)!important;
  box-shadow:none!important;
}
body.karin-page-financial .finance-tabs.karin-tabs a.active{background:var(--karin-composition-panel-bg)!important;color:var(--karin-primary)!important;box-shadow:0 1px 3px rgba(15,23,42,.06)!important;}
body.karin-page-financial .finance-filter,
body:is(.karin-page-accounting,.karin-page-accounting-journal,.karin-page-accounting-ledger,.karin-page-accounting-trial-balance) .karin-filter-card{
  margin:0!important;
  padding:var(--karin-space-3)!important;
  border:1px solid var(--karin-composition-panel-border)!important;
  border-radius:var(--karin-composition-panel-radius)!important;
  background:var(--karin-composition-panel-bg)!important;
  box-shadow:none!important;
}
body.karin-page-financial .karin-finance-section,
body:is(.karin-page-accounting,.karin-page-accounting-journal,.karin-page-accounting-ledger,.karin-page-accounting-trial-balance,.karin-page-accounting-chart,.karin-page-accounting-periods,.karin-page-accounts) .karin-data-panel{
  margin:0!important;
  border-color:var(--karin-composition-panel-border)!important;
  background:var(--karin-composition-panel-bg)!important;
  box-shadow:none!important;
}
body.karin-page-financial .karin-finance-section .karin-section-head p{display:none!important;}
body.karin-page-financial .finance-sync-status{margin:0!important;border-radius:12px!important;box-shadow:none!important;}

body.karin-page-accounting .accounting-integrity{gap:var(--karin-space-3)!important;padding:var(--karin-space-4)!important;}
body.karin-page-accounting .accounting-integrity .karin-section-head{margin:0!important;padding:0 0 var(--karin-space-3)!important;border-bottom:1px solid var(--karin-composition-divider)!important;}
body.karin-page-accounting .accounting-integrity .karin-section-head p{margin:4px 0 0!important;color:var(--karin-text-muted)!important;font-size:11.5px!important;}
body.karin-page-accounting .accounting-integrity-summary{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  overflow:hidden!important;
  border:1px solid var(--karin-composition-divider)!important;
  border-radius:12px!important;
}
body.karin-page-accounting .accounting-integrity-summary span{
  min-height:58px!important;
  padding:var(--karin-space-2) var(--karin-space-3)!important;
  border:0!important;
  border-inline-start:1px solid var(--karin-composition-divider)!important;
  border-radius:0!important;
  background:transparent!important;
}
body.karin-page-accounting .accounting-integrity-summary span:first-child{border-inline-start:0!important;}
body.karin-page-accounting .accounting-integrity-details>div{gap:0!important;border:1px solid var(--karin-composition-divider)!important;border-radius:10px!important;overflow:hidden!important;}
body.karin-page-accounting .accounting-integrity-details span{border:0!important;border-inline-start:1px solid var(--karin-composition-divider)!important;border-radius:0!important;background:transparent!important;}
body.karin-page-accounting .accounting-integrity-details span:first-child{border-inline-start:0!important;}

body.karin-page-accounts .accounts-table{table-layout:fixed;width:100%;}
body.karin-page-accounts .accounts-table th,
body.karin-page-accounts .accounts-table td{text-align:center;vertical-align:middle;}
body.karin-page-accounts .accounts-table th:first-child,
body.karin-page-accounts .accounts-table td:first-child{text-align:right;}
body.karin-page-accounts .accounts-table td.ltr{direction:ltr;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;unicode-bidi:plaintext;white-space:nowrap;}
body.karin-page-accounts .accounts-table .row-actions{justify-content:center;display:flex;gap:var(--karin-space-2);flex-wrap:wrap;}
body.karin-page-accounts .karin-modal-form--compact{display:grid;gap:var(--karin-space-4);padding:var(--karin-space-4);}
body.karin-page-accounts .karin-modal__footer{margin-top:0!important;padding:var(--karin-space-3) 0 0!important;border-top:1px solid var(--karin-composition-divider)!important;}

@media(max-width:1000px){
  body:is(.karin-page-financial,.karin-page-accounting,.karin-page-accounting-journal,.karin-page-accounting-ledger,.karin-page-accounting-trial-balance) .karin-financial-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body:is(.karin-page-financial,.karin-page-accounting,.karin-page-accounting-journal,.karin-page-accounting-ledger,.karin-page-accounting-trial-balance) .karin-financial-summary>:is(.karin-stat,.karin-metric-card){border-top:1px solid var(--karin-composition-divider)!important;}
  body:is(.karin-page-financial,.karin-page-accounting,.karin-page-accounting-journal,.karin-page-accounting-ledger,.karin-page-accounting-trial-balance) .karin-financial-summary>:is(.karin-stat,.karin-metric-card):nth-child(odd){border-inline-start:0!important;}
  body:is(.karin-page-financial,.karin-page-accounting,.karin-page-accounting-journal,.karin-page-accounting-ledger,.karin-page-accounting-trial-balance) .karin-financial-summary>:is(.karin-stat,.karin-metric-card):nth-child(-n+2){border-top:0!important;}
}
@media(max-width:760px){
  body.karin-page-regression-audit .audit-filter-bar{margin-inline:0;}
  body.karin-page-regression-audit .audit-failures-overview .audit-failures-table tr{grid-template-columns:110px minmax(140px,180px) minmax(0,1fr);}
  body.karin-page-regression-audit .audit-failures-overview .audit-failures-table th:nth-child(4),
  body.karin-page-regression-audit .audit-failures-overview .audit-failures-table td:nth-child(4){display:none;}
  body:is(.karin-page-financial,.karin-page-accounts,.karin-page-accounting,.karin-page-accounting-journal,.karin-page-accounting-ledger,.karin-page-accounting-trial-balance,.karin-page-accounting-chart,.karin-page-accounting-periods) .karin-page-header__actions{width:100%;display:flex;flex-wrap:wrap;}
  body:is(.karin-page-financial,.karin-page-accounting,.karin-page-accounting-journal,.karin-page-accounting-ledger,.karin-page-accounting-trial-balance) .karin-financial-summary{grid-template-columns:1fr!important;}
  body:is(.karin-page-financial,.karin-page-accounting,.karin-page-accounting-journal,.karin-page-accounting-ledger,.karin-page-accounting-trial-balance) .karin-financial-summary>:is(.karin-stat,.karin-metric-card){border-inline-start:0!important;border-top:1px solid var(--karin-composition-divider)!important;}
  body:is(.karin-page-financial,.karin-page-accounting,.karin-page-accounting-journal,.karin-page-accounting-ledger,.karin-page-accounting-trial-balance) .karin-financial-summary>:is(.karin-stat,.karin-metric-card):first-child{border-top:0!important;}
  body.karin-page-accounting .accounting-integrity-summary{grid-template-columns:1fr!important;}
  body.karin-page-accounting .accounting-integrity-summary span{border-inline-start:0!important;border-top:1px solid var(--karin-composition-divider)!important;}
  body.karin-page-accounting .accounting-integrity-summary span:first-child{border-top:0!important;}
  body.karin-page-accounts .accounts-table{min-width:780px;}
}
@media(prefers-reduced-motion:reduce){
  body.karin-page-regression-audit .audit-summary-link{transition:none!important;}
}



/* Karin v2.25 - Reports final layout/typography/mobile reset */
.reports-page,.reports-page *{box-sizing:border-box!important}
.reports-page{
  --r-primary:#2563eb;--r-primary2:#1d4ed8;--r-bg:#f3f7fc;--r-card:#fff;--r-text:#111827;--r-muted:#667085;--r-border:#e5edf7;--r-border2:#cbd8ea;
  width:100%!important;max-width:var(--karin-content-max-width,1360px)!important;margin:0 auto!important;display:grid!important;gap:16px!important;color:var(--r-text)!important;font-size:13px!important;line-height:1.75!important;overflow:visible!important;
}
.reports-page .karin-card{background:#fff!important;border:1px solid var(--r-border)!important;border-radius:20px!important;box-shadow:0 10px 30px rgba(15,23,42,.045)!important;margin:0!important;overflow:hidden!important}
.reports-page h2,.reports-page h3{color:#111827!important;font-weight:800!important;letter-spacing:-.1px!important;line-height:1.55!important;margin:0 0 12px!important;text-decoration:none!important}
.reports-page h2{font-size:18px!important}.reports-page h3{font-size:15px!important}.reports-page p,.reports-page small,.reports-page .karin-text-muted{color:var(--r-muted)!important;font-weight:500!important}

.reports-periods{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:4px 0 0!important}.reports-periods a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:7px 13px!important;border-radius:13px!important;border:1px solid #dbe6f5!important;background:#fff!important;color:#344054!important;font-size:12.5px!important;font-weight:700!important;text-decoration:none!important;box-shadow:none!important;transition:.16s ease!important}.reports-periods a:hover{border-color:#93c5fd!important;color:var(--r-primary2)!important;background:#f8fbff!important}.reports-periods a.active{background:linear-gradient(135deg,var(--r-primary),var(--r-primary2))!important;color:#fff!important;border-color:var(--r-primary2)!important;box-shadow:0 8px 20px rgba(37,99,235,.17)!important}
.reports-filter-card{padding:18px!important;overflow:visible!important;position:relative!important;z-index:60!important}.reports-filter-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 14px!important}.reports-filter-head h2{font-size:18px!important;margin:0!important}.report-range-note{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:6px 11px!important;margin:0!important;border:1px dashed #d8e3f2!important;border-radius:12px!important;background:#f8fafc!important;color:#667085!important;font-size:12px!important;font-weight:600!important;white-space:nowrap!important}
.reports-filter{display:grid!important;grid-template-columns:minmax(230px,1fr) minmax(250px,1.05fr) minmax(180px,.75fr) 145px!important;grid-template-areas:"channel date payment submit"!important;gap:12px!important;align-items:end!important;direction:rtl!important;overflow:visible!important}.reports-filter>.karin-channel-mega{grid-area:channel!important}.reports-filter>.karin-unified-date{grid-area:date!important}.reports-filter>.reports-payment-field{grid-area:payment!important}.reports-filter>.reports-filter-submit{grid-area:submit!important}
.reports-filter>.karin-multiselect,.reports-filter>.karin-unified-date,.reports-filter>.reports-payment-field{display:flex!important;flex-direction:column!important;gap:6px!important;width:100%!important;min-width:0!important;margin:0!important;position:relative!important;align-self:end!important}.reports-filter>.karin-multiselect>label,.reports-filter>.karin-unified-date>label,.reports-filter>.reports-payment-field>label{font-size:12.5px!important;font-weight:700!important;color:#475467!important;line-height:1.45!important;text-align:right!important}.reports-filter>.reports-payment-field{display:flex!important;flex-direction:column!important}.reports-filter>.reports-payment-field>select{margin-top:6px!important}
.reports-filter select,.reports-filter input:not([type="checkbox"]),.reports-filter .karin-date-display-input,.reports-filter .karin-channel-trigger{height:46px!important;min-height:46px!important;max-height:46px!important;width:100%!important;border-radius:14px!important;border:1px solid var(--r-border2)!important;background:#fff!important;color:#101828!important;font-size:13.5px!important;font-weight:650!important;padding:0 14px!important;box-shadow:none!important;line-height:46px!important;text-align:right!important}.reports-filter .karin-date-display-input{text-align:center!important}.reports-filter select:focus,.reports-filter input:not([type="checkbox"]):focus,.reports-filter .karin-date-display-input:focus,.reports-filter .karin-channel-trigger:focus,.reports-filter .karin-unified-date.open .karin-date-display-input{outline:0!important;border-color:#60a5fa!important;box-shadow:0 0 0 3px rgba(37,99,235,.10)!important}.reports-filter-submit{height:46px!important;min-height:46px!important;max-height:46px!important;width:145px!important;border-radius:14px!important;align-self:end!important;justify-self:start!important;margin:0!important;font-size:13.5px!important;font-weight:800!important;background:linear-gradient(135deg,var(--r-primary),var(--r-primary2))!important;border-color:var(--r-primary2)!important;box-shadow:0 9px 20px rgba(37,99,235,.18)!important}
.reports-filter .karin-channel-trigger{display:flex!important;align-items:center!important;justify-content:space-between!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.reports-filter .karin-channel-trigger:before{content:"⌄"!important;color:#64748b!important;font-size:14px!important;order:2!important;margin-right:auto!important}.reports-filter .karin-channel-menu{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;width:min(390px,100%)!important;min-width:280px!important;max-height:360px!important;overflow:auto!important;border:1px solid #dbe6f4!important;border-radius:16px!important;background:#fff!important;box-shadow:0 22px 65px rgba(15,23,42,.18)!important;padding:9px!important;z-index:99999!important}.reports-filter .karin-channel-mega.open .karin-channel-menu{display:block!important}.reports-filter .karin-channel-check,.reports-filter .karin-channel-menu label{display:flex!important;align-items:center!important;gap:9px!important;min-height:38px!important;height:auto!important;padding:8px 9px!important;margin:1px 0!important;border-radius:12px!important;font-size:13px!important;font-weight:700!important;color:#1f2937!important}.reports-filter .karin-channel-check:hover,.reports-filter .karin-channel-check.all{background:#f3f7ff!important}.reports-filter .karin-channel-children{border-right:2px solid #e6eef8!important;margin:3px 12px 7px 0!important;padding-right:8px!important}.reports-filter .karin-channel-check input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;flex:0 0 18px!important;margin:0!important;padding:0!important;border:1.5px solid #cbd5e1!important;border-radius:5px!important;background:#fff!important;box-shadow:none!important}.reports-filter .karin-channel-check input[type=checkbox]:checked{background:#2563eb!important;border-color:#2563eb!important}.reports-filter .karin-channel-check input[type=checkbox]:checked:after{content:"✓"!important;color:#fff!important;font-size:12px!important;font-weight:900!important;line-height:1!important}.reports-filter .karin-channel-check span{min-width:0!important;white-space:normal!important;text-align:right!important;line-height:1.7!important}
.reports-filter .karin-date-popover{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;width:340px!important;min-width:340px!important;max-width:min(440px,calc(100vw - 40px))!important;background:#fff!important;border:1px solid #dbe6f4!important;border-radius:18px!important;box-shadow:0 22px 65px rgba(15,23,42,.18)!important;padding:12px!important;z-index:99998!important}.reports-filter .karin-unified-date.open .karin-date-popover{display:block!important}.karin-date-mode-toggle{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;background:#eef5ff!important;border-radius:13px!important;padding:5px!important}.karin-date-mode-toggle button{height:38px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#667085!important;font-weight:750!important}.karin-date-mode-toggle button.active{background:#2563eb!important;color:#fff!important;box-shadow:0 8px 18px rgba(37,99,235,.18)!important}.karin-date-fields{display:grid!important;grid-template-columns:1fr auto 1fr!important;gap:8px!important;align-items:center!important;margin-top:10px!important}.karin-date-fields input{height:40px!important;min-height:40px!important;border-radius:12px!important;border:1px solid #cbd8ea!important;text-align:center!important;font-weight:650!important;background:#fff!important}.karin-unified-date.is-single .karin-date-fields{grid-template-columns:1fr!important}.karin-unified-date.is-single .karin-date-separator,.karin-unified-date.is-single .karin-date-end{display:none!important}.karin-jdp.karin-jdp-inline{position:static!important;width:100%!important;max-width:100%!important;margin-top:10px!important;box-shadow:none!important;border-radius:14px!important;border:1px solid #e3eaf4!important}.karin-jdp-inline .karin-jdp-days button{min-height:34px!important}
.reports-layout{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:16px!important;align-items:start!important;min-width:0!important}.reports-nav{position:sticky!important;top:14px!important;padding:10px!important;border-radius:20px!important;background:#fff!important;border:1px solid var(--r-border)!important;box-shadow:0 10px 30px rgba(15,23,42,.04)!important}.reports-nav a{display:flex!important;align-items:center!important;gap:8px!important;height:42px!important;border-radius:13px!important;padding:0 11px!important;margin:2px 0!important;color:#344054!important;text-decoration:none!important;font-size:12.8px!important;font-weight:750!important}.reports-nav a:hover{background:#f4f8ff!important;color:var(--r-primary2)!important}.reports-nav a.active{background:linear-gradient(135deg,var(--r-primary),var(--r-primary2))!important;color:#fff!important;box-shadow:0 10px 22px rgba(37,99,235,.18)!important}.reports-nav a span{width:22px!important;text-align:center!important}.reports-main{display:grid!important;gap:14px!important;min-width:0!important}.reports-main>.karin-card,.reports-2col>.karin-card,.reports-3col>.karin-card{padding:16px!important}
.reports-kpi{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.reports-kpi .karin-stat{position:relative!important;min-height:110px!important;padding:15px!important;border-radius:18px!important;background:#fff!important;border:1px solid var(--r-border)!important;box-shadow:0 8px 20px rgba(15,23,42,.035)!important;overflow:hidden!important;text-decoration:none!important;color:inherit!important}.reports-kpi .karin-stat:before{content:""!important;position:absolute!important;left:-30px!important;bottom:-32px!important;width:92px!important;height:92px!important;border-radius:50%!important;background:#eff6ff!important;opacity:.9!important}.reports-kpi .karin-stat:after{display:none!important;content:none!important}.reports-kpi .karin-stat span{position:relative!important;z-index:1!important;display:block!important;color:#667085!important;font-size:12.5px!important;font-weight:650!important;line-height:1.65!important}.reports-kpi .karin-stat b{position:relative!important;z-index:1!important;display:block!important;margin-top:6px!important;color:#111827!important;font-size:21px!important;font-weight:800!important;line-height:1.55!important;letter-spacing:-.15px!important;text-decoration:none!important;word-break:break-word!important}.reports-kpi .karin-stat:hover b{text-decoration:none!important}.reports-kpi .karin-stat small{position:relative!important;z-index:1!important;display:block!important;margin-top:1px!important;color:#667085!important;font-size:12px!important;font-weight:500!important;line-height:1.7!important}.reports-2col{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.reports-3col{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:14px!important}.karin-text-muted{color:#667085!important}
.hourly-trend-card{overflow:hidden!important}.hourly-trend-list{display:grid!important;gap:10px!important}.hourly-trend-row{padding:9px 0!important;border-bottom:1px solid #edf2f7!important}.hourly-trend-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.hourly-time{font-weight:750!important;color:#111827!important}.hourly-count{font-size:11.5px!important;color:#667085!important;background:#f1f5f9!important;border-radius:999px!important;padding:2px 8px!important}.hourly-trend-bar{height:10px!important;background:#e2edff!important;border-radius:999px!important;overflow:hidden!important;direction:ltr!important;margin-top:7px!important}.hourly-trend-bar em{display:block!important;height:100%!important;border-radius:999px!important;background:#2563eb!important}.hourly-trend-money{margin-top:5px!important;font-size:12.3px!important;font-weight:750!important;color:#111827!important;text-align:left!important;direction:rtl!important}
.reports-table{width:100%!important;max-width:100%!important;overflow:auto!important;border:1px solid #edf2f7!important;border-radius:15px!important;background:#fff!important}.reports-table table{width:100%!important;min-width:0!important;border-collapse:separate!important;border-spacing:0!important;table-layout:auto!important}.reports-table th{height:42px!important;background:#f8fafc!important;color:#475467!important;font-size:12.3px!important;font-weight:750!important;padding:10px 12px!important;border-bottom:1px solid #e5edf7!important;text-align:right!important;white-space:nowrap!important}.reports-table td{font-size:12.4px!important;font-weight:500!important;color:#1f2937!important;padding:10px 12px!important;border-bottom:1px solid #edf2f7!important;text-align:right!important;vertical-align:middle!important;line-height:1.75!important;word-break:normal!important;overflow-wrap:break-word!important}.reports-table tr:last-child td{border-bottom:0!important}.reports-table tbody tr:hover td{background:#fbfdff!important}.reports-empty-cell{text-align:center!important;padding:22px!important}.reports-top-cards{display:grid!important;gap:9px!important}.reports-top-card{padding:11px 12px!important;border-radius:14px!important;border:1px solid #e7eef8!important;background:#fff!important;box-shadow:0 6px 15px rgba(15,23,42,.03)!important}.reports-top-card strong{display:flex!important;align-items:flex-start!important;gap:7px!important;font-size:12.7px!important;font-weight:750!important;line-height:1.8!important;color:#111827!important}.reports-top-card .rank{display:inline-grid!important;place-items:center!important;min-width:22px!important;height:22px!important;border-radius:999px!important;background:#eef4ff!important;color:#2563eb!important;font-size:11.5px!important;font-weight:800!important}.reports-top-card div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-top:7px!important;color:#667085!important;font-size:12px!important}.reports-top-card b{color:#111827!important;font-weight:750!important}
.karin-report-sticky-clone{display:none!important}
@media(max-width:1180px){.reports-layout{grid-template-columns:1fr!important}.reports-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;position:static!important}.reports-filter{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:"channel date" "payment submit"!important}.reports-filter-submit{width:100%!important}.reports-kpi{grid-template-columns:repeat(2,minmax(0,1fr))!important}.reports-2col,.reports-3col{grid-template-columns:1fr!important}}
@media(max-width:700px){html,body{overflow-x:hidden!important}.reports-page{width:100%!important;max-width:100%!important;margin:0!important;padding:0 0 18px!important;gap:12px!important;font-size:13px!important;overflow:hidden!important}.reports-page .karin-card{border-radius:18px!important;box-shadow:0 8px 22px rgba(15,23,42,.04)!important}.reports-periods{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.reports-periods a{height:40px!important;min-height:40px!important;padding:0 8px!important;border-radius:13px!important;font-size:12px!important;white-space:nowrap!important}.reports-filter-card{padding:14px!important;overflow:visible!important}.reports-filter-head{align-items:flex-start!important;gap:8px!important;margin-bottom:12px!important}.reports-filter-head h2{font-size:17px!important}.report-range-note{white-space:normal!important;text-align:left!important;font-size:11.5px!important;padding:5px 8px!important;line-height:1.8!important;max-width:58%!important}.reports-filter{grid-template-columns:1fr!important;grid-template-areas:"channel" "date" "payment" "submit"!important;gap:11px!important}.reports-filter>.karin-multiselect,.reports-filter>.karin-unified-date,.reports-filter>.reports-payment-field{gap:6px!important}.reports-filter>.karin-multiselect>label,.reports-filter>.karin-unified-date>label,.reports-filter>.reports-payment-field>label{font-size:12.5px!important;font-weight:650!important}.reports-filter select,.reports-filter input:not([type="checkbox"]),.reports-filter .karin-date-display-input,.reports-filter .karin-channel-trigger{height:46px!important;min-height:46px!important;max-height:46px!important;border-radius:14px!important;font-size:13.5px!important}.reports-filter-submit{height:46px!important;min-height:46px!important;max-height:46px!important;width:100%!important;border-radius:14px!important}.reports-filter .karin-channel-menu{left:0!important;right:0!important;width:100%!important;min-width:0!important;max-height:min(330px,56vh)!important}.reports-filter .karin-date-popover{left:0!important;right:0!important;width:100%!important;min-width:0!important;max-width:100%!important;max-height:none!important}.karin-date-fields{grid-template-columns:1fr!important}.karin-date-separator{display:none!important}.karin-unified-date.is-range .karin-date-end{display:block!important}.reports-layout{display:block!important;width:100%!important;min-width:0!important}.reports-nav{display:none!important}.reports-mobile-select-wrap{position:sticky!important;top:0!important;z-index:35!important;background:rgba(243,247,252,.94)!important;padding:8px 0!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.reports-mobile-select{width:100%!important;height:46px!important;border-radius:15px!important;border:1px solid #cbd8ea!important;background:#fff!important;font-size:14px!important;font-weight:750!important;color:#111827!important;text-align:right!important;padding:0 12px!important}.reports-mobile-grid a.active{background:linear-gradient(135deg,var(--r-primary),var(--r-primary2))!important;color:#fff!important;border-color:var(--r-primary2)!important}.reports-main{width:100%!important;min-width:0!important;gap:12px!important}.reports-main>.karin-card,.reports-2col>.karin-card,.reports-3col>.karin-card{padding:14px!important}.reports-main h2{font-size:18px!important;font-weight:800!important;line-height:1.55!important;margin-bottom:12px!important}.reports-kpi{grid-template-columns:1fr!important;gap:10px!important}.reports-kpi .karin-stat{min-height:100px!important;border-radius:17px!important;padding:14px!important}.reports-kpi .karin-stat:before{width:80px!important;height:80px!important;left:-28px!important;bottom:-30px!important}.reports-kpi .karin-stat span{font-size:12.8px!important;font-weight:600!important}.reports-kpi .karin-stat b{font-size:22px!important;line-height:1.45!important;font-weight:800!important}.reports-kpi .karin-stat small{font-size:12px!important}.reports-2col,.reports-3col{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.reports-table{overflow:visible!important;border:0!important;background:transparent!important;border-radius:0!important}.reports-table table,.reports-table thead,.reports-table tbody,.reports-table tr,.reports-table th,.reports-table td{display:block!important;width:100%!important;max-width:100%!important}.reports-table thead{display:none!important}.reports-table tr{background:#fff!important;border:1px solid #e5edf7!important;border-radius:16px!important;margin:10px 0!important;padding:11px 12px!important;box-shadow:0 6px 16px rgba(15,23,42,.025)!important;overflow:hidden!important}.reports-table td{display:block!important;border:0!important;border-bottom:1px solid #edf2f7!important;padding:8px 0!important;font-size:13px!important;line-height:1.8!important;text-align:right!important;word-break:normal!important;overflow-wrap:anywhere!important;white-space:normal!important}.reports-table td:last-child{border-bottom:0!important}.reports-table td:before{content:attr(data-label)!important;display:block!important;margin-bottom:2px!important;color:#667085!important;font-size:12.5px!important;font-weight:750!important}.reports-top-cards{gap:9px!important}.reports-top-card{border-radius:15px!important;padding:11px!important}.reports-top-card strong{display:block!important;font-size:12.8px!important}.reports-top-card div{display:block!important}.karin-report-sticky-clone{display:block!important;position:fixed!important;left:0!important;right:0!important;top:0!important;width:100%!important;padding:8px 20px!important;background:rgba(243,247,252,.96)!important;box-shadow:0 8px 24px rgba(15,23,42,.08)!important;z-index:2147483000!important;transform:translateY(-120%)!important;pointer-events:none!important;transition:.18s ease!important}.karin-report-sticky-clone.is-visible{transform:translateY(0)!important;pointer-events:auto!important}.karin-report-sticky-clone .reports-mobile-select{width:100%!important}}

/* Karin v2.26 - Reports desktop polish, filters, typography and mobile overflow final pass */
body:has(.reports-page){padding-top:0!important;overflow-x:hidden!important;}
.reports-page{
  gap:14px!important;
  font-size:13px!important;
  line-height:1.65!important;
  overflow:visible!important;
}
.reports-page .karin-card{
  border-radius:18px!important;
  box-shadow:0 8px 24px rgba(15,23,42,.045)!important;
}
.reports-page h2{
  font-size:17px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  line-height:1.55!important;
  margin:0 0 12px!important;
}
.reports-page h3{font-size:14px!important;font-weight:700!important;}
.reports-page .karin-text-muted,.reports-page p,.reports-page small{font-weight:400!important;}

.reports-periods{gap:8px!important;}
.reports-periods a{
  min-height:34px!important;
  padding:6px 12px!important;
  border-radius:12px!important;
  font-size:12px!important;
  font-weight:600!important;
  color:#334155!important;
}
.reports-periods a.active{
  background:#2563eb!important;
  border-color:#2563eb!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(37,99,235,.16)!important;
}
.reports-filter-card{padding:18px!important;overflow:visible!important;}
.reports-filter-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:14px!important;
}
.reports-filter-head h2{font-size:17px!important;font-weight:700!important;margin:0!important;}
.report-range-note{
  margin:0!important;
  font-size:11.8px!important;
  font-weight:500!important;
  color:#64748b!important;
  min-height:30px!important;
  padding:5px 10px!important;
  border-radius:11px!important;
  background:#f8fbff!important;
  border:1px dashed #d8e3f2!important;
  white-space:nowrap!important;
}
.reports-filter{
  display:grid!important;
  grid-template-columns:minmax(250px,1fr) minmax(280px,1.1fr) minmax(210px,.8fr) 150px!important;
  grid-template-areas:"channel date payment submit"!important;
  gap:12px!important;
  align-items:end!important;
  overflow:visible!important;
}
.reports-filter>.karin-multiselect,
.reports-filter>.karin-unified-date,
.reports-filter>.reports-payment-field{
  display:grid!important;
  grid-template-rows:20px 44px!important;
  gap:6px!important;
  align-items:end!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.reports-filter>.karin-multiselect>label,
.reports-filter>.karin-unified-date>label,
.reports-filter>.reports-payment-field>label{
  color:#475569!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:20px!important;
  height:20px!important;
  margin:0!important;
  padding:0!important;
  text-align:right!important;
}
.reports-filter>.reports-payment-field{grid-template-rows:20px 44px!important;}
.reports-filter>.reports-payment-field>select{grid-row:2!important;margin:0!important;}
.reports-filter select,
.reports-filter input:not([type="checkbox"]):not([type="radio"]),
.reports-filter .karin-date-display-input,
.reports-filter .karin-channel-trigger{
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  border-radius:13px!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:44px!important;
  color:#111827!important;
  border:1px solid #cbd8ea!important;
  background:#fff!important;
  box-shadow:none!important;
  padding:0 13px!important;
}
.reports-filter .karin-date-display-input{font-weight:600!important;text-align:center!important;}
.reports-filter-submit{
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  width:150px!important;
  border-radius:13px!important;
  align-self:end!important;
  justify-self:start!important;
  font-size:13px!important;
  font-weight:700!important;
}
.reports-filter .karin-date-popover{
  width:342px!important;
  min-width:342px!important;
  max-width:min(342px,calc(100vw - 40px))!important;
  padding:12px!important;
  overflow:visible!important;
  z-index:999999!important;
}
.reports-filter .karin-date-popover #karin-jdp,
.reports-filter .karin-date-popover .karin-jdp,
.karin-jdp.karin-jdp-inline{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  position:static!important;
  margin-top:10px!important;
  box-shadow:none!important;
  border:1px solid #e3eaf4!important;
  border-radius:14px!important;
  padding:10px!important;
}
.karin-jdp-week,.karin-jdp-days{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:4px!important;}
.karin-jdp-days button{min-width:0!important;min-height:30px!important;height:30px!important;padding:0!important;font-size:12px!important;border-radius:9px!important;}
.karin-jdp-head b{font-size:13px!important;font-weight:700!important;}
.reports-kpi{gap:12px!important;}
.reports-kpi .karin-stat{
  min-height:112px!important;
  padding:14px!important;
  border-radius:17px!important;
}
.reports-kpi .karin-stat:after{display:none!important;content:none!important;}
.reports-kpi .karin-stat span{font-size:12px!important;font-weight:500!important;color:#64748b!important;}
.reports-kpi .karin-stat b{
  font-size:21px!important;
  font-weight:700!important;
  line-height:1.55!important;
  letter-spacing:0!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
.reports-kpi .karin-stat small{font-size:11.6px!important;font-weight:400!important;line-height:1.8!important;}

.reports-layout{grid-template-columns:190px minmax(0,1fr)!important;gap:14px!important;align-items:start!important;}
.reports-nav{border-radius:17px!important;padding:10px!important;}
.reports-nav a{font-size:12.2px!important;font-weight:650!important;min-height:42px!important;border-radius:12px!important;}
.reports-main{gap:14px!important;min-width:0!important;}
.reports-2col{gap:14px!important;}
.reports-3col{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important;}
.reports-dashboard-highlights>.karin-card{min-width:0!important;overflow:hidden!important;}
.reports-dashboard-highlights .reports-kpi{grid-template-columns:1fr!important;gap:0!important;}
.reports-dashboard-highlights .reports-kpi .karin-stat{min-height:auto!important;padding:12px!important;border-radius:14px!important;}
.reports-dashboard-highlights .reports-kpi .karin-stat b{
  font-size:15px!important;
  font-weight:650!important;
  line-height:1.9!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
.reports-dashboard-highlights .reports-kpi .karin-stat small{font-size:11.4px!important;}
.reports-top-card strong{font-size:12.2px!important;font-weight:650!important;line-height:1.75!important;}
.reports-top-card div{font-size:11.7px!important;}
.reports-top-card b{font-weight:650!important;}
.reports-table table{width:100%!important;min-width:0!important;table-layout:auto!important;}
.reports-table th{font-size:12px!important;font-weight:650!important;padding:9px 10px!important;}
.reports-table td{font-size:12.2px!important;font-weight:400!important;padding:9px 10px!important;}
@media(max-width:1180px){
  .reports-page{max-width:100%!important;}
  .reports-layout{grid-template-columns:1fr!important;}
  .reports-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .reports-filter{grid-template-columns:repeat(2,minmax(0,1fr)) 150px!important;grid-template-areas:"channel date submit" "payment payment submit"!important;}
  .reports-filter-submit{width:150px!important;height:44px!important;}
}
@media(max-width:700px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
  body:has(.reports-page){padding-top:0!important;}
  body:has(.reports-page) .content{padding:10px 8px 24px!important;overflow-x:hidden!important;}
  body:has(.reports-page) .content>*,body:has(.reports-page) .topbar{max-width:100%!important;width:100%!important;}
  .reports-page{padding:0!important;width:100%!important;max-width:100%!important;gap:12px!important;overflow:hidden!important;}
  .reports-page .karin-card{border-radius:18px!important;}


  .reports-periods{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  .reports-periods a{height:42px!important;min-height:42px!important;font-size:12.5px!important;font-weight:600!important;}
  .reports-filter-card{padding:14px!important;}
  .reports-filter-head{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;align-items:start!important;margin-bottom:12px!important;}
  .reports-filter-head h2{font-size:18px!important;}
  .report-range-note{justify-self:stretch!important;max-width:none!important;width:100%!important;text-align:center!important;white-space:normal!important;line-height:1.8!important;}
  .reports-filter{grid-template-columns:1fr!important;grid-template-areas:"channel" "date" "payment" "submit"!important;gap:12px!important;}
  .reports-filter>.karin-multiselect,.reports-filter>.karin-unified-date,.reports-filter>.reports-payment-field{grid-template-rows:20px 46px!important;gap:7px!important;}
  .reports-filter>.karin-multiselect>label,.reports-filter>.karin-unified-date>label,.reports-filter>.reports-payment-field>label{font-size:12.5px!important;font-weight:600!important;}
  .reports-filter select,.reports-filter input:not([type="checkbox"]),.reports-filter .karin-date-display-input,.reports-filter .karin-channel-trigger{height:46px!important;min-height:46px!important;max-height:46px!important;font-size:13.5px!important;}
  .reports-filter-submit{width:100%!important;height:46px!important;min-height:46px!important;max-height:46px!important;}
  .reports-filter .karin-date-popover{left:0!important;right:0!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:10px!important;}
  .karin-date-fields{grid-template-columns:1fr!important;}
  .karin-date-separator{display:none!important;}
  .reports-mobile-select-wrap{position:sticky!important;top:0!important;padding:8px 0!important;background:rgba(243,247,252,.96)!important;}


  .reports-main{gap:12px!important;}
  .reports-main>.karin-card,.reports-2col>.karin-card,.reports-3col>.karin-card{padding:14px!important;overflow:hidden!important;}
  .reports-main h2{font-size:18px!important;font-weight:700!important;}
  .reports-kpi{grid-template-columns:1fr!important;gap:10px!important;}
  .reports-kpi .karin-stat{min-height:96px!important;padding:14px!important;}
  .reports-kpi .karin-stat b{font-size:22px!important;font-weight:700!important;}
  .reports-2col,.reports-3col{grid-template-columns:1fr!important;gap:12px!important;}
  .reports-dashboard-highlights .reports-kpi .karin-stat b{font-size:15px!important;}
  .reports-table{width:100%!important;max-width:100%!important;overflow:visible!important;border:0!important;background:transparent!important;}
  .reports-table table,.reports-table thead,.reports-table tbody,.reports-table tr,.reports-table th,.reports-table td{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;}
  .reports-table thead{display:none!important;}
  .reports-table tr{border:1px solid #e5edf7!important;border-radius:16px!important;margin:10px 0!important;padding:10px 12px!important;background:#fff!important;overflow:hidden!important;}
  .reports-table td{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;border:0!important;border-bottom:1px solid #edf2f7!important;padding:8px 0!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;text-align:left!important;direction:rtl!important;font-size:13px!important;line-height:1.8!important;}
  .reports-table td:last-child{border-bottom:0!important;}
  .reports-table td:before{content:attr(data-label)!important;display:block!important;flex:0 0 96px!important;max-width:96px!important;text-align:right!important;color:#667085!important;font-size:12.6px!important;font-weight:650!important;line-height:1.8!important;}
  .reports-top-card{overflow:hidden!important;}
  .reports-top-card strong{display:flex!important;font-size:12.5px!important;overflow-wrap:anywhere!important;}
  .reports-top-card div{display:flex!important;}
}

/* Karin v2.27 - Reports desktop grid/date-picker final polish */
body:has(.reports-page) .content{max-width:none!important;overflow-x:hidden!important;}
body:has(.reports-page) .content>*,
body:has(.reports-page) .topbar{max-width:none!important;width:100%!important;}
.reports-page{max-width:none!important;width:100%!important;margin:0!important;direction:rtl!important;font-family:inherit!important;font-size:13px!important;line-height:1.75!important;}
.reports-page *{letter-spacing:0!important;}
.reports-page h2{font-size:17px!important;font-weight:700!important;line-height:1.55!important;margin:0 0 12px!important;color:#111827!important;}
.reports-page h3{font-size:14px!important;font-weight:650!important;}
.reports-page b,.reports-page strong{font-weight:650!important;}
.reports-page .karin-text-muted,.reports-page small{font-weight:400!important;color:#667085!important;}

.reports-top-actions{display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;flex:0 0 auto!important;}
.reports-top-actions .karin-button{margin:0!important;}

.reports-periods{justify-content:flex-start!important;direction:rtl!important;}
.reports-periods a{font-size:12px!important;font-weight:600!important;min-height:34px!important;padding:6px 12px!important;border-radius:12px!important;}
.reports-periods a.active{background:#2563eb!important;box-shadow:0 8px 18px rgba(37,99,235,.16)!important;}
.reports-filter-card{padding:18px!important;overflow:visible!important;}
.reports-filter-head{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-bottom:16px!important;direction:rtl!important;}
.reports-filter-head h2{font-size:17px!important;font-weight:700!important;margin:0!important;text-align:right!important;white-space:nowrap!important;}
.report-range-note{margin-right:auto!important;margin-left:0!important;font-size:11.5px!important;font-weight:400!important;min-height:30px!important;padding:5px 10px!important;border-radius:11px!important;background:#f8fbff!important;color:#667085!important;white-space:nowrap!important;text-align:left!important;}
.reports-filter{display:grid!important;grid-template-columns:minmax(210px,1fr) minmax(260px,1.15fr) minmax(180px,.85fr) 140px!important;grid-template-areas:"channel date payment submit"!important;gap:12px!important;align-items:end!important;direction:rtl!important;overflow:visible!important;}
.reports-filter>.karin-channel-mega{grid-area:channel!important;}
.reports-filter>.karin-unified-date{grid-area:date!important;}
.reports-filter>.reports-payment-field{grid-area:payment!important;}
.reports-filter>.reports-filter-submit{grid-area:submit!important;}
.reports-filter>.karin-multiselect,
.reports-filter>.karin-unified-date,
.reports-filter>.reports-payment-field{display:grid!important;grid-template-rows:20px 44px!important;gap:6px!important;align-self:end!important;width:100%!important;min-width:0!important;margin:0!important;position:relative!important;}
.reports-filter>.karin-multiselect>label,
.reports-filter>.karin-unified-date>label,
.reports-filter>.reports-payment-field>label{display:block!important;grid-row:1!important;height:20px!important;line-height:20px!important;margin:0!important;padding:0!important;text-align:right!important;color:#475467!important;font-size:12px!important;font-weight:600!important;}
.reports-filter select,
.reports-filter input:not([type="checkbox"]):not([type="radio"]),
.reports-filter .karin-date-display-input,
.reports-filter .karin-channel-trigger{grid-row:2!important;height:44px!important;min-height:44px!important;max-height:44px!important;width:100%!important;margin:0!important;border-radius:13px!important;border:1px solid #cbd8ea!important;background:#fff!important;color:#111827!important;font-size:13px!important;font-weight:500!important;padding:0 13px!important;line-height:44px!important;box-shadow:none!important;text-align:right!important;box-sizing:border-box!important;}
.reports-filter .karin-date-display-input{text-align:center!important;font-weight:600!important;}
.reports-filter select{appearance:auto!important;-webkit-appearance:auto!important;}
.reports-filter-submit{height:44px!important;min-height:44px!important;max-height:44px!important;width:140px!important;justify-self:start!important;align-self:end!important;margin:0!important;border-radius:13px!important;font-size:13px!important;font-weight:700!important;background:#2563eb!important;box-shadow:0 8px 18px rgba(37,99,235,.16)!important;}
.reports-filter .karin-date-popover{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;width:316px!important;min-width:316px!important;max-width:min(316px,calc(100vw - 32px))!important;background:#fff!important;border:1px solid #dbe6f4!important;border-radius:16px!important;box-shadow:0 18px 45px rgba(15,23,42,.16)!important;padding:10px!important;z-index:99999!important;}
.reports-filter .karin-unified-date.open .karin-date-popover{display:block!important;}
.karin-date-mode-toggle{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;padding:4px!important;margin:0 0 8px!important;background:#eff6ff!important;border-radius:12px!important;}
.karin-date-mode-toggle button{height:32px!important;min-height:32px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#64748b!important;font-size:12px!important;font-weight:600!important;padding:0 8px!important;box-shadow:none!important;}
.karin-date-mode-toggle button.active{background:#2563eb!important;color:#fff!important;box-shadow:0 6px 14px rgba(37,99,235,.16)!important;}
.karin-date-fields{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;align-items:center!important;margin:0 0 8px!important;}
.karin-date-fields input{width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;max-height:38px!important;line-height:38px!important;border:1px solid #cbd8ea!important;border-radius:11px!important;text-align:center!important;font-size:12.5px!important;font-weight:500!important;background:#fff!important;padding:0 8px!important;}
.karin-date-separator{display:none!important;}
.karin-unified-date.is-single .karin-date-fields{grid-template-columns:1fr!important;}
.karin-unified-date.is-single .karin-date-end{display:none!important;}
.karin-jdp.karin-jdp-inline{width:100%!important;max-width:100%!important;margin-top:8px!important;border:1px solid #e3eaf4!important;border-radius:13px!important;padding:8px!important;background:#fff!important;box-shadow:none!important;}
.karin-jdp-head{height:34px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:4px!important;}
.karin-jdp-head b{font-size:13px!important;font-weight:650!important;color:#111827!important;}
.karin-jdp-head button{width:32px!important;height:32px!important;border-radius:9px!important;border:1px solid #dbe6f4!important;background:#fff!important;color:#334155!important;font-size:18px!important;line-height:1!important;}
.karin-jdp-week{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:3px!important;margin:4px 0!important;}
.karin-jdp-week span{text-align:center!important;font-size:11px!important;font-weight:600!important;color:#64748b!important;}
.karin-jdp-days{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:3px!important;}
.karin-jdp-days button{height:30px!important;min-height:30px!important;border-radius:9px!important;border:0!important;background:transparent!important;color:#111827!important;font-size:12px!important;font-weight:500!important;padding:0!important;}
.karin-jdp-days button:hover{background:#eef5ff!important;color:#1d4ed8!important;}
.karin-jdp-days button.is-today{background:#eff6ff!important;color:#2563eb!important;box-shadow:inset 0 0 0 1px rgba(37,99,235,.18)!important;}
.karin-jdp-days button.is-selected{background:#2563eb!important;color:#fff!important;}
.karin-jdp-actions{display:flex!important;gap:8px!important;margin-top:8px!important;}
.karin-jdp-actions button{height:34px!important;border-radius:10px!important;border:1px solid #dbe6f4!important;background:#fff!important;color:#334155!important;font-size:12px!important;font-weight:600!important;padding:0 10px!important;}
.reports-kpi .karin-stat{padding:14px!important;min-height:112px!important;}
.reports-kpi .karin-stat span{font-size:11.8px!important;font-weight:500!important;color:#667085!important;}
.reports-kpi .karin-stat b{font-size:20px!important;font-weight:750!important;line-height:1.55!important;color:#111827!important;}
.reports-kpi .karin-stat small{font-size:11.5px!important;font-weight:400!important;color:#667085!important;}
.reports-dashboard-highlights .karin-card .reports-kpi{display:block!important;grid-template-columns:none!important;}
.reports-dashboard-highlights .karin-card .reports-kpi .karin-stat{display:block!important;width:100%!important;min-height:auto!important;padding:14px!important;}
.reports-dashboard-highlights .karin-card .reports-kpi .karin-stat b{display:block!important;white-space:normal!important;font-size:15px!important;line-height:1.8!important;}
.reports-dashboard-highlights .karin-card .reports-kpi .karin-stat small{display:block!important;white-space:normal!important;line-height:1.8!important;}
.reports-dashboard-highlights .karin-card h2{font-size:16px!important;font-weight:700!important;}
.reports-table th{font-size:12px!important;font-weight:600!important;}
.reports-table td{font-size:12px!important;font-weight:400!important;}
@media(max-width:1180px) and (min-width:701px){
  .reports-filter{grid-template-columns:minmax(190px,1fr) minmax(240px,1.15fr) minmax(160px,.85fr) 128px!important;grid-template-areas:"channel date payment submit"!important;gap:10px!important;}
  .reports-filter-submit{width:128px!important;}
  .reports-filter .karin-date-popover{right:50%!important;transform:translateX(50%)!important;}
}
@media(max-width:700px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
  body:has(.reports-page){padding-top:0!important;}
  body:has(.reports-page) .content{padding-top:8px!important;overflow-x:hidden!important;}
  .reports-page{width:100%!important;max-width:100%!important;margin:0!important;padding:0 0 18px!important;gap:12px!important;overflow:hidden!important;font-size:13px!important;}
  .reports-v2-title{display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;width:100%!important;direction:rtl!important;}
  .reports-v2-title>div:first-child{flex:1 1 auto!important;min-width:0!important;direction:rtl!important;text-align:right!important;}
  .reports-v2-title h2{width:auto!important;min-width:0!important;margin:0!important;font-size:18px!important;line-height:1.45!important;white-space:nowrap!important;text-align:right!important;}
  .reports-v2-title .reports-top-actions{flex:0 0 auto!important;width:auto!important;max-width:none!important;margin:0 0 0 auto!important;align-self:flex-start!important;display:flex!important;direction:rtl!important;}
  .reports-v2-title .reports-top-actions .karin-button{width:auto!important;white-space:nowrap!important;min-height:36px!important;padding:5px 12px!important;}

  .reports-filter-head{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;align-items:start!important;}
  .reports-filter-head h2{font-size:17px!important;}
  .report-range-note{width:100%!important;max-width:none!important;justify-self:stretch!important;text-align:center!important;white-space:normal!important;font-size:11.2px!important;line-height:1.8!important;}
  .reports-filter{grid-template-columns:1fr!important;grid-template-areas:"channel" "date" "payment" "submit"!important;gap:12px!important;}
  .reports-filter>.karin-multiselect,.reports-filter>.karin-unified-date,.reports-filter>.reports-payment-field{grid-template-rows:20px 46px!important;gap:6px!important;}
  .reports-filter select,.reports-filter input:not([type="checkbox"]),.reports-filter .karin-date-display-input,.reports-filter .karin-channel-trigger{height:46px!important;min-height:46px!important;max-height:46px!important;font-size:13px!important;}
  .reports-filter-submit{width:100%!important;height:46px!important;min-height:46px!important;max-height:46px!important;}
  .reports-filter .karin-date-popover{left:0!important;right:0!important;transform:none!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:10px!important;}
  .karin-date-fields{grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .karin-date-fields input{height:38px!important;min-height:38px!important;}
  .reports-main h2{font-size:17px!important;font-weight:650!important;}
  .reports-kpi .karin-stat{min-height:96px!important;padding:14px!important;}
  .reports-kpi .karin-stat b{font-size:21px!important;font-weight:700!important;}
  .reports-table{width:100%!important;max-width:100%!important;overflow:visible!important;border:0!important;background:transparent!important;}
  .reports-table table,.reports-table thead,.reports-table tbody,.reports-table tr,.reports-table th,.reports-table td{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;}
  .reports-table thead{display:none!important;}
  .reports-table tr{border:1px solid #e5edf7!important;border-radius:16px!important;margin:10px 0!important;padding:10px 12px!important;background:#fff!important;overflow:hidden!important;}
  .reports-table td{display:block!important;border:0!important;border-bottom:1px solid #edf2f7!important;padding:8px 0!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;text-align:right!important;direction:rtl!important;font-size:13px!important;line-height:1.85!important;}
  .reports-table td:last-child{border-bottom:0!important;}
  .reports-table td:before{content:attr(data-label)!important;display:block!important;margin-bottom:3px!important;color:#667085!important;font-size:12.5px!important;font-weight:600!important;line-height:1.7!important;text-align:right!important;}
  .reports-top-card strong,.reports-top-card div{display:block!important;text-align:right!important;}
}

/* Karin v2.29 - final reports payment field alignment guard */
.reports-filter>.reports-payment-field{height:auto!important;min-height:0!important;max-height:none!important;align-self:end!important;}
.reports-filter>.reports-payment-field>label{display:block!important;height:20px!important;min-height:20px!important;max-height:20px!important;line-height:20px!important;margin:0!important;padding:0!important;text-align:right!important;color:#475467!important;font-size:12px!important;font-weight:600!important;}
.reports-filter>.reports-payment-field>select{height:44px!important;min-height:44px!important;max-height:44px!important;margin:0!important;}
@media(max-width:700px){.reports-filter>.reports-payment-field{height:auto!important;min-height:0!important;max-height:none!important}.reports-filter>.reports-payment-field>select{height:46px!important;min-height:46px!important;max-height:46px!important}}

/* Karin v3.95 - simpler report navigation and compact secondary summaries */
.reports-kpi-compact .karin-stat{min-height:88px!important;padding:12px 14px!important}
.reports-kpi-compact .karin-stat b{font-size:18px!important;margin-top:4px!important}
.reports-nav a{justify-content:flex-start!important}
@media(max-width:700px){.reports-kpi-compact .karin-stat{min-height:82px!important}}

/* Karin v3.96 - unified sales/channel report and first-level order drill-down */

.report-detail-link{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;color:#111827!important;text-decoration:none!important;font-weight:750!important}
.report-detail-link span{display:inline-flex!important;align-items:center!important;min-height:26px!important;padding:0 8px!important;border-radius:999px!important;background:#eef4ff!important;color:#2563eb!important;font-size:10.5px!important;font-weight:800!important;white-space:nowrap!important}
.report-detail-link:hover{color:#1d4ed8!important}.report-detail-link:hover span{background:#dbeafe!important}
.reports-sales-channels .reports-table{max-height:430px!important;overflow:auto!important}
@media(max-width:700px){.report-detail-link{align-items:flex-start!important}.report-detail-link span{font-size:10px!important}}

/* Karin v4.00 - interactive hourly chart and professional catalog/inventory reports */
.reports-top-actions{display:flex!important;align-items:center!important;gap:8px!important}.reports-top-actions .karin-button{min-height:34px!important;padding:5px 11px!important;border-radius:11px!important;font-size:12px!important;margin:0!important}
.kpi-compare{display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;margin-top:6px!important;padding:2px 7px!important;border-radius:999px!important;font-size:10.5px!important;font-weight:750!important;line-height:1.65!important}.kpi-compare.good{background:#ecfdf3!important;color:#047857!important}.kpi-compare.bad{background:#fff1f2!important;color:#be123c!important}.kpi-compare.same,.kpi-compare.new{background:#f1f5f9!important;color:#475569!important}
.reports-dashboard-highlights>.karin-card{height:auto!important;align-self:start!important}.manager-insight-list{display:grid!important;gap:8px!important}.manager-insight-item{display:grid!important;grid-template-columns:minmax(90px,.7fr) minmax(0,1.3fr)!important;align-items:center!important;gap:3px 9px!important;padding:9px 10px!important;border:1px solid #e5edf7!important;border-radius:14px!important;background:#fff!important}.manager-insight-item>span{color:#667085!important;font-size:11.5px!important;font-weight:700!important}.manager-insight-item>b{color:#111827!important;font-size:12.5px!important;font-weight:800!important;line-height:1.7!important;text-align:left!important}.manager-insight-item>small{grid-column:1/-1!important;color:#667085!important;font-size:10.5px!important;line-height:1.7!important;margin:0!important}.manager-insight-item.good{border-color:#bbf7d0!important;background:#f7fef9!important}.manager-insight-item.bad{border-color:#fecdd3!important;background:#fff8f8!important}.manager-insight-item.bad>b{color:#be123c!important}.manager-insight-item.good>b{color:#047857!important}
@media(max-width:700px){.reports-top-actions .karin-button{min-height:32px!important;padding:4px 9px!important;font-size:11px!important}.manager-insight-item{grid-template-columns:1fr!important;gap:1px!important;padding:9px!important}.manager-insight-item>b{text-align:right!important}.manager-insight-item>small{grid-column:auto!important}.kpi-compare{font-size:10px!important}}
@media print{body{background:#fff!important}.sidebar,.topbar,.reports-filter-card,.reports-periods,.reports-nav,.reports-mobile-nav,.reports-top-actions,.karin-report-sticky-clone{display:none!important}.main{margin:0!important;padding:0!important;width:100%!important}.reports-page{max-width:none!important;padding:0!important;gap:10px!important}.reports-layout{display:block!important}.reports-main{gap:10px!important}.reports-page .karin-card{box-shadow:none!important;break-inside:avoid!important}.hourly-compact-scroll{overflow:visible!important}}

/* Karin v4.00 - interactive hourly chart and professional catalog/inventory report */
.hourly-compact-card{padding:18px!important;overflow:hidden!important}.hourly-legend .local,.hourly-compact-bars .local{background:#2563eb}.hourly-legend .site,.hourly-compact-bars .site{background:#f59e0b}.hourly-compact-scroll{direction:ltr;min-width:0;flex:1 1 auto;overflow-x:hidden;overflow-y:hidden;padding:5px 0 2px;outline:0}.hourly-compact-col{appearance:none;-webkit-appearance:none;position:relative;z-index:1;height:100%;min-width:0;display:grid;grid-template-rows:1fr 22px;align-items:end;text-align:center;border:0;background:transparent;padding:0;margin:0;border-radius:8px;cursor:pointer;box-shadow:none!important}.hourly-compact-col:focus-visible{outline:2px solid #93c5fd!important;outline-offset:1px}.hourly-compact-col:hover .hourly-compact-bars>i,.hourly-compact-col.is-active .hourly-compact-bars>i{filter:brightness(.9);box-shadow:0 0 0 1px rgba(15,23,42,.08)}.hourly-compact-col:hover .hourly-compact-bars>i>em,.hourly-compact-col.is-active .hourly-compact-bars>i>em{opacity:1}.hourly-compact-col>span{font-size:9px;color:#64748b;direction:ltr}.hourly-compact-col.is-active>span{color:#1d4ed8;font-weight:900}.reports-top-card[href]{text-decoration:none;color:inherit;transition:.15s}.reports-top-card[href]:hover{border-color:#93c5fd!important;background:#f8fbff!important}
.catalog-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.catalog-section-head h2{margin-bottom:2px!important}.catalog-section-head p{margin:0!important}.catalog-section-head .karin-button{margin:0!important;white-space:nowrap}.catalog-alert-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.catalog-alert{display:grid!important;gap:3px!important;padding:14px!important;text-decoration:none!important;color:inherit!important;min-height:106px!important}.catalog-alert span{color:#64748b;font-size:12px;font-weight:700}.catalog-alert b{font-size:23px;line-height:1.3}.catalog-alert small{font-size:10.5px!important}.catalog-alert.warning{border-color:#fde68a!important;background:#fffdf5!important}.catalog-alert.danger{border-color:#fecaca!important;background:#fff8f8!important}.catalog-alert.info{border-color:#bfdbfe!important;background:#f8fbff!important}.catalog-alert.neutral{border-color:#e2e8f0!important;background:#fafcff!important}.catalog-alert:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,23,42,.07)!important}.catalog-count{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 10px;border:1px solid #dbe6f4;border-radius:11px;background:#f8fafc;color:#475569;font-size:11px;font-weight:800;white-space:nowrap}.catalog-master-card .reports-table{margin-top:12px}.catalog-master-card .reports-table table{min-width:1120px}.catalog-priority-grid .reports-table table{table-layout:auto}.catalog-priority-grid .report-detail-link{min-width:180px}
@media(max-width:900px){.catalog-alert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hourly-compact-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:thin}.hourly-compact-col{scroll-snap-align:center}}
@media(max-width:700px){.hourly-compact-card{padding:14px!important}.hourly-compact-col>span{font-size:9px}.catalog-section-head{align-items:flex-start}.catalog-section-head .karin-button{font-size:10.5px!important;padding:5px 8px!important;min-height:30px!important}.catalog-alert-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.catalog-alert{min-height:94px!important;padding:11px!important}.catalog-alert b{font-size:19px}.catalog-master-card .reports-table table{min-width:0}.catalog-count{font-size:10px}.catalog-priority-grid .report-detail-link{min-width:0}}
@media(max-width:430px){.catalog-alert-grid{grid-template-columns:1fr}}
/* Karin v4.03 - neutral hourly chart hover/selection */
.hourly-compact-col,
.hourly-compact-col:hover,
.hourly-compact-col:active,
.hourly-compact-col:focus,
.hourly-compact-col.is-active,
.hourly-compact-col.is-preview{
  background:transparent!important;
  background-color:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
  transform:none!important;
  -webkit-tap-highlight-color:transparent;
}
.hourly-compact-col:focus{outline:0!important}
.hourly-compact-col:focus-visible{outline:2px solid #cbd5e1!important;outline-offset:1px!important}
.hourly-compact-col>span{
  position:relative!important;
  z-index:4!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:center!important;
  min-width:22px!important;
  height:18px!important;
  padding:0 3px!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#64748b!important;
  line-height:1!important;
  box-shadow:none!important;
}
.hourly-compact-col.is-active>span,
.hourly-compact-col.is-preview>span{
  background:#f1f5f9!important;
  color:#0f172a!important;
  font-weight:900!important;
  box-shadow:0 0 0 1px #dbe3ed!important;
}
.hourly-compact-col:hover .hourly-compact-bars>i,
.hourly-compact-col.is-active .hourly-compact-bars>i,
.hourly-compact-col.is-preview .hourly-compact-bars>i{
  filter:none!important;
  transform:translateY(-1px)!important;
  box-shadow:0 0 0 2px #fff,0 0 0 3px #cbd5e1!important;
}
.hourly-compact-col.is-preview .hourly-compact-bars>i{
  box-shadow:0 0 0 2px #fff,0 0 0 3px #94a3b8!important;
}
.hourly-compact-col:hover .hourly-compact-bars>i>em,
.hourly-compact-col.is-active .hourly-compact-bars>i>em,
.hourly-compact-col.is-preview .hourly-compact-bars>i>em{opacity:1!important}
@media(max-width:700px){
  .hourly-compact-col>span{min-width:23px!important;height:19px!important;font-size:9.5px!important}
  .hourly-compact-col:hover .hourly-compact-bars>i>em,
  .hourly-compact-col.is-active .hourly-compact-bars>i>em,
  .hourly-compact-col.is-preview .hourly-compact-bars>i>em{display:none!important}
}

/* Karin v4.02 - separated customer and employee reports */
.people-master-card .reports-table{margin-top:12px}.people-master-card .reports-table table{min-width:980px}.people-segments .reports-table table{min-width:620px}.report-money-link{font-weight:900;color:#1d4ed8;text-decoration:none}.report-money-link:hover{text-decoration:underline}.people-master-card .catalog-section-head .karin-button{margin:0!important;white-space:nowrap}
.finance-kpi{margin-bottom:0!important}.finance-statement .reports-table tbody tr:last-child td{font-weight:900!important;background:#f8fafc!important;border-top:2px solid #cbd5e1!important}.finance-grid>.karin-card{min-width:0!important}.finance-grid .reports-table table{min-width:0!important}

@media(max-width:700px){.people-master-card .reports-table table,.people-segments .reports-table table{min-width:0}.people-master-card .catalog-section-head{display:grid;grid-template-columns:1fr;gap:8px}.people-master-card .catalog-section-head .karin-button{justify-self:start}}

/* Karin v4.98 - line charts */
.report-line-card{padding:18px!important;overflow:hidden!important}.report-line-wrap{width:100%!important;min-width:0!important;overflow:hidden!important;border-radius:14px!important;background:linear-gradient(180deg,#fbfdff,#fff)!important}.report-line-svg{display:block!important;width:100%!important;height:220px!important;overflow:visible!important}.report-line-svg .grid{stroke:#e5edf7;stroke-width:1;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}.report-line-svg .series{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.report-line-svg .series.total{stroke:#0f172a;stroke-width:3.4}.report-line-svg .series.primary{stroke:#2563eb}.report-line-svg .series.secondary{stroke:#f59e0b}.report-line-svg .point{stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}.report-line-svg .point.total{fill:#0f172a}.report-line-svg .point.primary{fill:#2563eb}.report-line-svg .point.secondary{fill:#f59e0b}.report-line-axis{display:flex!important;justify-content:space-between!important;gap:8px!important;margin-top:4px!important;color:#64748b!important;font-size:9.5px!important;white-space:nowrap!important;direction:ltr!important}.report-line-axis span{direction:rtl!important}.hourly-line-wrap{direction:ltr!important}.hourly-legend .total{background:#0f172a!important}.hourly-legend .local{background:#2563eb!important}.hourly-legend .site{background:#f59e0b!important}.report-line-wrap{position:relative!important}.chart-hover-target{fill:transparent!important;pointer-events:all!important;cursor:crosshair}.report-line-svg .point{pointer-events:none}.report-chart-tooltip{position:absolute;z-index:20;max-width:min(360px,calc(100% - 16px));padding:8px 10px;border-radius:10px;background:#0f172a;color:#fff;font-size:11px;font-weight:700;line-height:1.7;box-shadow:0 10px 28px rgba(15,23,42,.25);pointer-events:none;white-space:normal;overflow-wrap:anywhere;direction:rtl;text-align:right;transform:none;margin:0}.report-chart-tooltip[hidden]{display:none!important}.report-chart-mobile-detail{display:none;padding:10px 12px;margin:8px 8px 4px;border:1px solid #dbeafe;border-radius:11px;background:#eff6ff;color:#0f172a;font-size:11px;font-weight:700;line-height:1.9;direction:rtl;text-align:right}.report-chart-mobile-detail[hidden]{display:none!important}.reports-overview-kpi .sales-mode-stat{background:linear-gradient(180deg,#fff,#f8fbff)}
@media(max-width:700px){.report-line-card{padding:14px!important}.report-line-svg{height:190px!important}.report-line-axis{font-size:8.5px!important;overflow:hidden!important}.hourly-line-wrap{overflow-x:auto!important}.hourly-line-wrap .report-line-svg{min-width:680px!important}.report-chart-mobile-detail{display:block;position:sticky;left:8px;right:8px;bottom:6px;z-index:8}.reports-overview-kpi{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Karin v5.44 — reports dark-mode closure. Kept here after legacy light !important rules. */
html[data-theme="dark"] body.karin-page-reports .reports-page{
  --r-bg:#091321;--r-card:#101c2e;--r-text:#edf4fb;--r-muted:#9badc1;--r-border:#2b405c;--r-border2:#38506c;
  color:#edf4fb!important
}
html[data-theme="dark"] body.karin-page-reports .reports-page .karin-card,
html[data-theme="dark"] body.karin-page-reports .reports-top,
html[data-theme="dark"] body.karin-page-reports .reports-filter-card,
html[data-theme="dark"] body.karin-page-reports .report-line-card,
html[data-theme="dark"] body.karin-page-reports .catalog-master-card,
html[data-theme="dark"] body.karin-page-reports .people-master-card{
  background:#101c2e!important;border-color:#2b405c!important;color:#edf4fb!important;box-shadow:none!important
}
html[data-theme="dark"] body.karin-page-reports .reports-top{background:linear-gradient(135deg,#101c2e,#122239)!important}
html[data-theme="dark"] body.karin-page-reports .reports-page :is(h2,h3,strong,b){color:#edf4fb!important}
html[data-theme="dark"] body.karin-page-reports .reports-page :is(p,small,.karin-text-muted,.report-card-note,.report-line-summary,.report-line-axis){color:#9badc1!important}
html[data-theme="dark"] body.karin-page-reports .reports-periods{background:transparent!important}
html[data-theme="dark"] body.karin-page-reports .reports-periods a{
  background:#142238!important;border-color:#31465f!important;color:#c9d6e5!important;box-shadow:none!important
}
html[data-theme="dark"] body.karin-page-reports .reports-periods a:hover{background:#19304b!important;border-color:#416184!important;color:#b9dbff!important}
html[data-theme="dark"] body.karin-page-reports .reports-periods a.active{background:#2369c7!important;border-color:#4a87cf!important;color:#fff!important}
html[data-theme="dark"] body.karin-page-reports .report-range-note,
html[data-theme="dark"] body.karin-page-reports .catalog-count{
  background:#142238!important;border-color:#31465f!important;color:#b8c7d8!important;box-shadow:none!important
}
html[data-theme="dark"] body.karin-page-reports .reports-filter :is(select,input,.karin-date-display-input,.karin-channel-trigger),
html[data-theme="dark"] body.karin-page-reports .reports-filter .karin-channel-menu,
html[data-theme="dark"] body.karin-page-reports .reports-filter .karin-date-popover{
  background:#0d1929!important;border-color:#38506c!important;color:#edf4fb!important;box-shadow:none!important
}
html[data-theme="dark"] body.karin-page-reports .reports-filter :is(label,.karin-channel-check,.karin-channel-menu label){color:#c3d1e0!important}
html[data-theme="dark"] body.karin-page-reports .reports-filter .karin-channel-check:hover,
html[data-theme="dark"] body.karin-page-reports .reports-filter .karin-channel-check.all{background:#162940!important}
html[data-theme="dark"] body.karin-page-reports .reports-filter .karin-channel-check input[type=checkbox]{background:#101c2e!important;border-color:#47617e!important}
html[data-theme="dark"] body.karin-page-reports .reports-filter .karin-channel-check input[type=checkbox]:checked{background:#2f7ddd!important;border-color:#5b99df!important}
html[data-theme="dark"] body.karin-page-reports .karin-date-mode-toggle{background:#142238!important;border:1px solid #2f4561!important}
html[data-theme="dark"] body.karin-page-reports .karin-date-mode-toggle button{background:transparent!important;color:#aebed0!important}
html[data-theme="dark"] body.karin-page-reports .karin-date-mode-toggle button.active{background:#2f7ddd!important;color:#fff!important}
html[data-theme="dark"] body.karin-page-reports .reports-table,
html[data-theme="dark"] body.karin-page-reports .reports-table table{background:#101c2e!important;border-color:#2b405c!important;color:#dce7f4!important}
html[data-theme="dark"] body.karin-page-reports .reports-table th{background:#172942!important;border-color:#314761!important;color:#c6d4e4!important}
html[data-theme="dark"] body.karin-page-reports .reports-table td{background:#101c2e!important;border-color:#293e58!important;color:#dce7f4!important}
html[data-theme="dark"] body.karin-page-reports .reports-table tbody tr:last-child td{background:#13233a!important;border-top-color:#3a526f!important}
html[data-theme="dark"] body.karin-page-reports .report-detail-link{color:#e8f1fb!important;text-decoration:none!important}
html[data-theme="dark"] body.karin-page-reports .report-detail-link span{color:#9ccaff!important;background:#17304c!important;border-color:#345c82!important}
html[data-theme="dark"] body.karin-page-reports :is(.karin-button-secondary,.karin-button-secondary,.report-money-link){background:#142238!important;border-color:#38506c!important;color:#b9d7fa!important;box-shadow:none!important}
html[data-theme="dark"] body.karin-page-reports :is(.karin-button-secondary,.karin-button-secondary):hover{background:#1a304a!important;border-color:#4b6f95!important;color:#fff!important}
html[data-theme="dark"] body.karin-page-reports .report-line-wrap{background:linear-gradient(180deg,#0d1929,#101c2e)!important;border-color:#2b405c!important}
html[data-theme="dark"] body.karin-page-reports .report-line-svg .grid{stroke:#263a54!important}
html[data-theme="dark"] body.karin-page-reports .report-line-svg .series.total{stroke:#dce7f4!important}
html[data-theme="dark"] body.karin-page-reports .report-line-svg .point{stroke:#101c2e!important}
html[data-theme="dark"] body.karin-page-reports .report-line-svg .point.total{fill:#dce7f4!important}
html[data-theme="dark"] body.karin-page-reports .reports-overview-kpi .sales-mode-stat{background:#101c2e!important;border-color:#2b405c!important}
html[data-theme="dark"] body.karin-page-reports .report-chart-mobile-detail{background:#132943!important;border-color:#315878!important;color:#dcecff!important}
html[data-theme="dark"] body.karin-page-reports .karin-report-sticky-clone{background:rgba(9,19,33,.96)!important;border-color:#2b405c!important}
@media(max-width:700px){
  html[data-theme="dark"] body.karin-page-reports .reports-table tr{background:#101c2e!important;border-color:#2b405c!important;box-shadow:none!important}
  html[data-theme="dark"] body.karin-page-reports .reports-table td{background:transparent!important;border-bottom-color:#293e58!important}
  html[data-theme="dark"] body.karin-page-reports .reports-table td:before{color:#91a4ba!important}
}

/* Karin v5.45 — report range picker geometry hotfix. Keep after legacy report CSS. */
body.karin-page-reports .reports-filter .karin-date-popover .karin-date-fields{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)!important;
  grid-template-rows:40px!important;
  gap:8px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  margin-top:10px!important;
}
body.karin-page-reports .reports-filter .karin-date-popover .karin-date-fields>input.karin-jalali-datepicker{
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 10px!important;
  line-height:40px!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
body.karin-page-reports .reports-filter .karin-date-popover .karin-date-fields>input.karin-jalali-datepicker:first-child{grid-column:1!important}
body.karin-page-reports .reports-filter .karin-date-popover .karin-date-fields>.karin-date-separator{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  justify-self:center!important;
  width:34px!important;
  height:40px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  color:#667085!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
}
body.karin-page-reports .reports-filter .karin-date-popover .karin-date-fields>input.karin-date-end{grid-column:3!important}
body.karin-page-reports .karin-unified-date.is-single .karin-date-popover .karin-date-fields{
  grid-template-columns:minmax(0,1fr)!important;
}
body.karin-page-reports .karin-unified-date.is-single .karin-date-popover .karin-date-fields>input.karin-jalali-datepicker:first-child{grid-column:1!important}
body.karin-page-reports .karin-unified-date.is-single .karin-date-popover .karin-date-separator,
body.karin-page-reports .karin-unified-date.is-single .karin-date-popover .karin-date-end{display:none!important}
html[data-theme="dark"] body.karin-page-reports .reports-filter .karin-date-popover .karin-date-fields>.karin-date-separator{
  background:transparent!important;
  color:#9fb0c4!important;
}
@media(max-width:700px){
  body.karin-page-reports .reports-filter .karin-date-popover .karin-date-fields{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    gap:7px!important;
  }
  body.karin-page-reports .reports-filter .karin-date-popover .karin-date-fields>input.karin-jalali-datepicker:first-child,
  body.karin-page-reports .reports-filter .karin-date-popover .karin-date-fields>input.karin-date-end{grid-column:1!important;grid-row:auto!important}
  body.karin-page-reports .reports-filter .karin-date-popover .karin-date-fields>.karin-date-separator{display:none!important}
}

/* Karin v5.183 — Reporting v2 information architecture */
body.karin-page-reports .reports-layout{display:block!important;min-width:0!important}
body.karin-page-reports .reports-nav{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important;padding:6px!important;margin:0 0 14px!important;position:sticky!important;top:8px!important;z-index:28!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
body.karin-page-reports .reports-nav a{min-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:12px!important;text-align:center!important;padding:7px 10px!important;color:#475569!important;text-decoration:none!important;background:transparent!important}
body.karin-page-reports .reports-nav a.active{background:#2563eb!important;color:#fff!important;box-shadow:0 6px 14px rgba(37,99,235,.14)!important}
body.karin-page-reports .reports-main{display:grid!important;gap:14px!important;min-width:0!important}
body.karin-page-reports .reports-core-kpi{grid-template-columns:repeat(5,minmax(0,1fr))!important}
body.karin-page-reports .reports-core-kpi .karin-stat{min-height:108px!important}
body.karin-page-reports .reports-channel-split{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:14px!important}
body.karin-page-reports .reports-channel-item{display:grid!important;grid-template-columns:1fr auto!important;gap:4px 12px!important;align-items:center!important;padding:12px 14px!important;border:1px solid #e5edf7!important;border-radius:15px!important;text-decoration:none!important;color:inherit!important;background:#fbfdff!important}
body.karin-page-reports .reports-channel-item span{color:#64748b!important;font-size:12px!important}
body.karin-page-reports .reports-timeline-card{padding:14px!important;overflow:hidden!important}
body.karin-page-reports .reports-timeline-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:10px!important}
body.karin-page-reports .reports-timeline-head h2{margin:0!important}
body.karin-page-reports .reports-grain-switch{display:flex!important;gap:5px!important;flex-wrap:wrap!important}
body.karin-page-reports .reports-grain-switch a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:32px!important;padding:5px 10px!important;border:1px solid #dbe6f4!important;border-radius:10px!important;background:#fff!important;color:#475569!important;text-decoration:none!important;font-size:11.5px!important;font-weight:700!important}
body.karin-page-reports .reports-grain-switch a.active{background:#eef5ff!important;border-color:#93c5fd!important;color:#1d4ed8!important}
body.karin-page-reports .reports-period-list{display:grid!important;gap:6px!important}
body.karin-page-reports .reports-period-row{display:grid!important;grid-template-columns:minmax(150px,1.15fr) repeat(4,minmax(100px,.8fr)) 86px!important;gap:8px!important;align-items:center!important;padding:9px 10px!important;border:1px solid #e9eef5!important;border-radius:13px!important;background:#fff!important;text-decoration:none!important;color:#1f2937!important}
body.karin-page-reports .reports-period-row:hover{border-color:#bfdbfe!important;background:#f8fbff!important}
body.karin-page-reports .reports-period-row.is-current{border-color:#77a8ef!important;background:#f3f8ff!important;box-shadow:0 0 0 1px rgba(37,99,235,.08)!important}
html[data-theme="dark"] body.karin-page-reports .reports-period-row.is-current{background:#132943!important;border-color:#3f73aa!important}
body.karin-page-reports .reports-integrity-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:13px 15px!important;border:1px solid #f6d88a!important;background:#fffaf0!important;border-radius:16px!important}
body.karin-page-reports .reports-integrity-card strong{display:block!important;margin-bottom:3px!important}.reports-integrity-meta{display:flex!important;gap:12px!important;flex-wrap:wrap!important;color:#7c5b13!important;font-size:11.5px!important}.reports-integrity-actions{display:flex!important;gap:7px!important;flex:0 0 auto!important}
html[data-theme="dark"] body.karin-page-reports .reports-nav{background:rgba(16,28,46,.94)!important;border-color:#2b405c!important}html[data-theme="dark"] body.karin-page-reports .reports-nav a{color:#b8c7d8!important}html[data-theme="dark"] body.karin-page-reports .reports-nav a.active{color:#fff!important;background:#2f7ddd!important}
html[data-theme="dark"] body.karin-page-reports .reports-channel-item,html[data-theme="dark"] body.karin-page-reports .reports-period-row{background:#0d1929!important;border-color:#2b405c!important;color:#e5eef8!important}html[data-theme="dark"] body.karin-page-reports .reports-period-row:hover{background:#13243a!important;border-color:#416184!important}
html[data-theme="dark"] body.karin-page-reports .reports-grain-switch a{background:#142238!important;border-color:#31465f!important;color:#c9d6e5!important}html[data-theme="dark"] body.karin-page-reports .reports-grain-switch a.active{background:#19304b!important;border-color:#4a87cf!important;color:#b9dbff!important}
html[data-theme="dark"] body.karin-page-reports .reports-integrity-card{background:#2b2414!important;border-color:#6e5625!important;color:#f7df9c!important}.reports-integrity-meta{color:inherit!important}
@media(max-width:1100px){body.karin-page-reports .reports-core-kpi{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){body.karin-page-reports .reports-nav{display:none!important}.reports-core-kpi{grid-template-columns:repeat(2,minmax(0,1fr))!important}.reports-channel-split{grid-template-columns:1fr!important}.reports-grain-switch{width:100%!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important}.reports-integrity-card{display:grid!important}.reports-integrity-actions{width:100%!important}.reports-integrity-actions .karin-button{flex:1 1 auto!important}}


.rd-page{display:grid;gap:14px}.rd-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.rd-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.rd-actions .karin-button{margin:0}.rd-head h2{margin:0}.rd-head p{margin:3px 0 0;color:#64748b}.rd-table-card{overflow:hidden}.rd-table{width:100%}.rd-table th,.rd-table td{vertical-align:middle}.rd-table td small{display:block;color:#64748b;margin-top:3px}.rd-empty{text-align:center;padding:24px!important}.rd-stock-card{display:grid;gap:12px}.rd-stock-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.rd-stock-head h2{margin:0}.rd-stock-head p{margin:3px 0 0;color:#64748b}.rd-stock-head .karin-button{margin:0}.rd-stock-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.rd-stock-kpis>div{border:1px solid #e2e8f0;border-radius:14px;padding:10px;background:#f8fafc}.rd-stock-kpis span{display:block;color:#64748b;font-size:11px}.rd-stock-kpis b{display:block;margin-top:2px;font-size:15px}.rd-stock-table{overflow:auto}.rd-stock-table table{min-width:860px;width:100%}@media(max-width:760px){.rd-stock-head{flex-direction:column}.rd-stock-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.rd-stock-table table,.rd-stock-table tbody,.rd-stock-table tr,.rd-stock-table td{display:block;width:100%}.rd-stock-table thead{display:none}.rd-stock-table tr{border:1px solid #e2e8f0;border-radius:15px;padding:10px;margin:10px 0}.rd-stock-table td{display:grid;grid-template-columns:100px 1fr;gap:8px;border:0!important;border-bottom:1px solid #eef2f7!important;padding:7px 0!important}.rd-stock-table td:before{content:attr(data-label);color:#64748b;font-size:12px;font-weight:700}.rd-head{align-items:flex-start;flex-direction:column}.rd-actions{width:100%}.rd-actions .karin-button{flex:1 1 auto;text-align:center}.rd-table,.rd-table tbody,.rd-table tr,.rd-table td{display:block;width:100%}.rd-table tr:first-child{display:none}.rd-table tr{border:1px solid #e2e8f0;border-radius:15px;padding:10px;margin:10px 0}.rd-table td{display:grid;grid-template-columns:90px 1fr;gap:8px;border:0!important;border-bottom:1px solid #eef2f7!important;padding:7px 0!important}.rd-table td:before{content:attr(data-label);color:#64748b;font-size:12px;font-weight:700}.rd-table td:last-child{border-bottom:0!important}}@media print{.sidebar,.topbar,.rd-actions,.pagination{display:none!important}.main{margin:0!important;padding:0!important;width:100%!important}.rd-page{gap:8px}.rd-head,.rd-table-card{box-shadow:none!important}.rd-table{font-size:10px!important}}



.sold-report-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.sold-report-head h2{margin:0 0 4px}.sold-report-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:end}.sold-report-filter-grid label{display:block;margin-bottom:6px;font-weight:800;font-size:12px}.sold-report-search{grid-column:span 3}.sold-report-actions{grid-column:span 3;display:flex;gap:8px;align-items:center}.sold-report-actions button,.sold-report-actions .karin-button{height:42px;display:inline-flex;align-items:center;justify-content:center}.sold-items-table{table-layout:fixed;width:100%}.sold-items-table th:nth-child(1){width:34%}.sold-items-table th:nth-child(2){width:15%}.sold-items-table th:nth-child(3){width:14%}.sold-items-table th:nth-child(4){width:15%}.sold-items-table th:nth-child(5){width:22%}.sold-product-cell{display:flex;align-items:center;gap:10px;min-width:0}.sold-product-cell img,.sold-product-empty{width:42px;height:42px;flex:0 0 42px;border:1px solid #dbe3ee;border-radius:11px;object-fit:cover;background:#f8fafc;display:grid;place-items:center;color:#94a3b8}.sold-product-cell b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sold-qty-badge{display:inline-flex;min-width:48px;justify-content:center;padding:6px 12px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:900}.ltr{direction:ltr;unicode-bidi:plaintext}
@media(max-width:980px){.sold-report-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sold-report-search,.sold-report-actions{grid-column:span 2}}
@media(max-width:640px){.sold-report-head{align-items:flex-start;flex-direction:column}.sold-report-filter-grid{grid-template-columns:1fr}.sold-report-search,.sold-report-actions{grid-column:auto}.sold-report-actions{display:grid;grid-template-columns:1fr 1fr}.sold-items-table{min-width:760px}}

/* ============================================================ Karin v5.303 — Premium Reports & Analytics Workspace Calm hierarchy, one control surface, shared specialist shells. ============================================================ */
body.karin-page-reports .karin-reports-workspace-v5303{
  gap:var(--karin-space-3,12px)!important;
  max-width:var(--karin-content-max-width,1360px)!important;
}
body.karin-page-reports .karin-reports-workspace-v5303>.karin-page-header{padding-bottom:var(--karin-space-2,8px)!important;}
body.karin-page-reports .reports-primary-nav{
  display:flex!important;align-items:center!important;gap:4px!important;overflow-x:auto!important;
  scrollbar-width:none!important;padding:0 0 var(--karin-space-2,8px)!important;
  border-bottom:1px solid var(--karin-composition-divider)!important;
}
body.karin-page-reports .reports-primary-nav::-webkit-scrollbar{display:none!important;}
body.karin-page-reports .reports-primary-nav a{
  min-height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;padding:6px 12px!important;border:1px solid transparent!important;border-radius:11px!important;
  color:var(--karin-text-muted)!important;background:transparent!important;text-decoration:none!important;font-size:12px!important;font-weight:800!important;
}
body.karin-page-reports .reports-primary-nav a:hover{color:var(--karin-primary)!important;background:var(--karin-primary-soft)!important;}
body.karin-page-reports .reports-primary-nav a.active{color:var(--karin-primary)!important;background:var(--karin-primary-soft)!important;border-color:var(--karin-interactive-border)!important;box-shadow:none!important;}
body.karin-page-reports .reports-timehub{
  display:grid!important;gap:var(--karin-space-3,12px)!important;padding:var(--karin-space-3,12px) var(--karin-space-4,16px)!important;
  overflow:visible!important;position:relative!important;z-index:20!important;box-shadow:none!important;
}
body.karin-page-reports .reports-timehub-controls{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:var(--karin-space-3,12px)!important;padding:0 0 var(--karin-space-3,12px)!important;border-bottom:1px solid var(--karin-composition-divider)!important;}
body.karin-page-reports .reports-timehub .reports-periods{display:flex!important;gap:4px!important;flex-wrap:wrap!important;margin:0!important;}
body.karin-page-reports .reports-timehub .reports-periods a,
body.karin-page-reports .reports-timehub .reports-grain-switch a{
  min-height:34px!important;padding:5px 10px!important;border-radius:10px!important;border:1px solid transparent!important;
  background:transparent!important;box-shadow:none!important;color:var(--karin-text-muted)!important;font-size:11.5px!important;font-weight:780!important;text-decoration:none!important;
}
body.karin-page-reports .reports-timehub .reports-periods a:hover,
body.karin-page-reports .reports-timehub .reports-grain-switch a:hover{background:var(--karin-primary-soft)!important;color:var(--karin-primary)!important;}
body.karin-page-reports .reports-timehub .reports-periods a.active,
body.karin-page-reports .reports-timehub .reports-grain-switch a.active{background:var(--karin-primary-soft)!important;border-color:var(--karin-interactive-border)!important;color:var(--karin-primary)!important;box-shadow:none!important;}
body.karin-page-reports .reports-timehub-strip{padding:0 0 var(--karin-space-3,12px)!important;border-bottom:1px solid var(--karin-composition-divider)!important;gap:6px!important;}
body.karin-page-reports .reports-timehub-strip .reports-period-chip{border-color:var(--karin-composition-divider)!important;background:transparent!important;border-radius:11px!important;box-shadow:none!important;}
body.karin-page-reports .reports-timehub-filter{padding:0!important;margin:0!important;border:0!important;background:transparent!important;}
body.karin-page-reports .reports-timehub-filter .reports-filter-head{display:none!important;}
body.karin-page-reports .reports-filter{gap:var(--karin-space-2,8px)!important;}
body.karin-page-reports .reports-filter select,
body.karin-page-reports .reports-filter input:not([type="checkbox"]),
body.karin-page-reports .reports-filter .karin-date-display-input,
body.karin-page-reports .reports-filter .karin-channel-picker__trigger{height:42px!important;min-height:42px!important;border-radius:11px!important;box-shadow:none!important;}
body.karin-page-reports .reports-filter-submit{height:42px!important;min-height:42px!important;border-radius:11px!important;box-shadow:none!important;}
body.karin-page-reports .reports-context-section{padding:0 1px!important;}
body.karin-page-reports .reports-context-section .karin-section-head{align-items:center!important;}
body.karin-page-reports .reports-context-section .karin-section-head p{display:block!important;}
body.karin-page-reports .reports-main{gap:var(--karin-space-3,12px)!important;}
body.karin-page-reports .reports-main>.karin-card,
body.karin-page-reports .reports-2col>.karin-card,
body.karin-page-reports .reports-3col>.karin-card,
body.karin-page-reports .report-line-card{
  border:1px solid var(--karin-composition-panel-border)!important;background:var(--karin-composition-panel-bg)!important;
  border-radius:var(--karin-composition-panel-radius)!important;box-shadow:none!important;padding:var(--karin-space-4,16px)!important;
}
body.karin-page-reports .reports-command-center{padding:var(--karin-space-4,16px)!important;}
body.karin-page-reports .reports-money-flow{border:1px solid var(--karin-composition-divider)!important;border-radius:14px!important;overflow:hidden!important;gap:0!important;background:transparent!important;}
body.karin-page-reports .reports-money-node{border:0!important;border-left:1px solid var(--karin-composition-divider)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
body.karin-page-reports .reports-money-node:last-of-type{border-left:0!important;}
body.karin-page-reports .reports-money-node.is-primary,
body.karin-page-reports .reports-money-node.is-strong{background:color-mix(in srgb,var(--karin-primary) 4%,var(--karin-surface))!important;}
/* Reports summary rows are flat groups inside the command-center surface, not nested cards. */
html body.karin-page-reports .reports-profit-row,
html body.karin-page-reports .reports-loss-row{
  margin-top:var(--karin-space-4,16px)!important;
  padding-top:0!important;
  border:0!important;
  border-top:1px solid var(--karin-composition-divider)!important;
  border-radius:0!important;
  overflow:visible!important;
  gap:0!important;
  background:transparent!important;
}
html body.karin-page-reports .reports-profit-cell,
html body.karin-page-reports .reports-loss-cell{
  border:0!important;
  border-left:1px solid var(--karin-composition-divider)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:var(--karin-space-3,12px) var(--karin-space-4,16px)!important;
}
html body.karin-page-reports .reports-profit-cell:last-child,
html body.karin-page-reports .reports-loss-cell:last-child{border-left:0!important;}
html body.karin-page-reports .reports-profit-cell.is-confirmed{
  background:color-mix(in srgb,var(--karin-success,#138a5b) 4%,var(--karin-surface))!important;
}
body.karin-page-reports .reports-sales-split{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;border:1px solid var(--karin-composition-divider)!important;border-radius:14px!important;overflow:hidden!important;background:var(--karin-surface)!important;}
body.karin-page-reports .reports-sales-split-card{border:0!important;border-left:1px solid var(--karin-composition-divider)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:var(--karin-space-3,12px) var(--karin-space-4,16px)!important;}
body.karin-page-reports .reports-sales-split-card:last-child{border-left:0!important;}
body.karin-page-reports .reports-workspace-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;border:1px solid var(--karin-composition-divider)!important;border-radius:14px!important;overflow:hidden!important;background:var(--karin-surface)!important;}
body.karin-page-reports .reports-workspace-stat{padding:var(--karin-space-3,12px) var(--karin-space-4,16px)!important;border:0!important;border-left:1px solid var(--karin-composition-divider)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
body.karin-page-reports .reports-workspace-stat:last-child{border-left:0!important;}
body.karin-page-reports .reports-rank-row{border:0!important;border-bottom:1px solid var(--karin-composition-divider)!important;border-radius:0!important;background:transparent!important;}
body.karin-page-reports .reports-rank-row:last-child{border-bottom:0!important;}
body.karin-page-reports .reports-table{border-color:var(--karin-composition-divider)!important;border-radius:12px!important;box-shadow:none!important;}
body.karin-page-reports .catalog-alert-grid .karin-card{box-shadow:none!important;}
body.karin-page-reports .reports-integrity-card{box-shadow:none!important;}
html[data-theme="dark"] body.karin-page-reports .reports-primary-nav a.active{background:color-mix(in srgb,var(--karin-primary) 18%,var(--karin-surface))!important;}
@media(max-width:900px){
 body.karin-page-reports .reports-timehub-controls{align-items:flex-start!important;flex-direction:column!important;}
 body.karin-page-reports .reports-timehub .reports-grain-switch{width:100%!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;}
 body.karin-page-reports .reports-workspace-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 body.karin-page-reports .reports-workspace-stat:nth-child(2){border-left:0!important;}
}
@media(max-width:700px){
 body.karin-page-reports .karin-reports-workspace-v5303{gap:var(--karin-space-2,8px)!important;}
 body.karin-page-reports .reports-page-header .karin-page-header__copy h1{font-size:18px!important;}
 body.karin-page-reports .reports-primary-nav{margin-inline:0!important;padding-bottom:6px!important;}
 body.karin-page-reports .reports-primary-nav a{min-height:34px!important;padding-inline:10px!important;}
 body.karin-page-reports .reports-timehub{padding:var(--karin-space-3,12px)!important;border-radius:16px!important;}
 body.karin-page-reports .reports-timehub .reports-periods{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;width:100%!important;scrollbar-width:none!important;}
 body.karin-page-reports .reports-timehub .reports-periods::-webkit-scrollbar{display:none!important;}
 body.karin-page-reports .reports-timehub-strip{display:flex!important;overflow-x:auto!important;scrollbar-width:none!important;}
 body.karin-page-reports .reports-timehub-strip::-webkit-scrollbar{display:none!important;}
 body.karin-page-reports .reports-filter{grid-template-columns:1fr!important;grid-template-areas:"channel" "date" "payment" "submit"!important;}
 body.karin-page-reports .reports-workspace-kpis{grid-template-columns:1fr!important;}
 body.karin-page-reports .reports-workspace-stat{border-left:0!important;border-bottom:1px solid var(--karin-composition-divider)!important;}
 body.karin-page-reports .reports-workspace-stat:last-child{border-bottom:0!important;}
 body.karin-page-reports .reports-sales-split{grid-template-columns:1fr!important;}
 body.karin-page-reports .reports-sales-split-card{border-left:0!important;border-bottom:1px solid var(--karin-composition-divider)!important;}
 body.karin-page-reports .reports-sales-split-card:last-child{border-bottom:0!important;}
 body.karin-page-reports .reports-money-flow{display:grid!important;grid-template-columns:1fr!important;}
 body.karin-page-reports .reports-money-op{display:none!important;}
 body.karin-page-reports .reports-money-node{border-left:0!important;border-bottom:1px solid var(--karin-composition-divider)!important;}
 body.karin-page-reports .reports-money-node:last-child{border-bottom:0!important;}
 body.karin-page-reports .reports-profit-row,body.karin-page-reports .reports-loss-row{display:grid!important;grid-template-columns:1fr!important;}
 body.karin-page-reports .reports-profit-cell,body.karin-page-reports .reports-loss-cell{border-left:0!important;border-bottom:1px solid var(--karin-composition-divider)!important;}
 body.karin-page-reports .reports-profit-cell:last-child,body.karin-page-reports .reports-loss-cell:last-child{border-bottom:0!important;}
}

body.karin-page-report-details .karin-report-detail-workspace-v5303{gap:var(--karin-space-3,12px)!important;}
body.karin-page-report-details .rd-head{margin:0!important;padding-bottom:var(--karin-space-2,8px)!important;}
body.karin-page-report-details .rd-actions{display:flex!important;gap:6px!important;flex-wrap:wrap!important;}
body.karin-page-report-details .rd-stock-card{display:grid!important;gap:var(--karin-space-3,12px)!important;padding:var(--karin-space-4,16px)!important;box-shadow:none!important;}
body.karin-page-report-details .rd-stock-kpis{display:grid!important;gap:0!important;border:1px solid var(--karin-composition-divider)!important;border-radius:12px!important;overflow:hidden!important;}
body.karin-page-report-details .rd-stock-kpis.has-costs{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
body.karin-page-report-details .rd-stock-kpis.no-costs{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
body.karin-page-report-details .rd-stock-kpis>div{border:0!important;border-left:1px solid var(--karin-composition-divider)!important;border-radius:0!important;background:transparent!important;padding:var(--karin-space-3,12px)!important;}
body.karin-page-report-details .rd-stock-kpis>div:last-child{border-left:0!important;}
body.karin-page-report-details .rd-table-card{border:1px solid var(--karin-composition-panel-border)!important;border-radius:var(--karin-composition-panel-radius)!important;box-shadow:none!important;overflow:hidden!important;}
@media(max-width:700px){
 body.karin-page-report-details .rd-actions{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 body.karin-page-report-details .rd-actions .karin-page-action:last-child{grid-column:1/-1!important;}
 body.karin-page-report-details .rd-stock-kpis.has-costs,body.karin-page-report-details .rd-stock-kpis.no-costs{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

body.karin-page-sold-items-report .karin-sold-items-workspace-v5303{gap:var(--karin-space-3,12px)!important;}
body.karin-page-sold-items-report .sold-report-head{margin:0!important;padding-bottom:var(--karin-space-2,8px)!important;}
body.karin-page-sold-items-report .sold-report-filter{padding:var(--karin-space-4,16px)!important;box-shadow:none!important;overflow:visible!important;}
body.karin-page-sold-items-report .sold-report-filter-grid{gap:var(--karin-space-2,8px)!important;}
body.karin-page-sold-items-report .sold-report-table-card{overflow:hidden!important;box-shadow:none!important;}
body.karin-page-sold-items-report .sold-report-actions .karin-button{margin:0!important;}
@media(max-width:700px){
 body.karin-page-sold-items-report .sold-report-head .karin-page-header__actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;}
 body.karin-page-sold-items-report .sold-report-filter{padding:var(--karin-space-3,12px)!important;}
}

/* Karin v5.304 — canonical signed Persian number direction. */
.karin-signed-number{direction:ltr!important;unicode-bidi:isolate!important;display:inline-block!important;}

/* Karin v5.304 — integrations & sites workspace. */
.sync-detail-btn{height:28px!important;padding:0 10px!important;font-size:11px!important;margin-right:8px!important}
.sync-skip-details{margin-top:8px;padding:10px 12px;border:1px dashed #bfdbfe;border-radius:12px;background:#f8fbff;color:#334155}
.sync-skip-details ul{margin:6px 0 0;padding:0 18px 0 0;line-height:2}
.site-stock-manager-card{margin-bottom:16px}.site-stock-manager-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.site-stock-manager-head h2{margin-bottom:4px}.site-stock-select-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;margin-top:12px}.site-stock-select-item{display:flex!important;align-items:center;gap:9px;border:1px solid #dbe4f0;border-radius:13px;padding:10px;background:#fff;margin:0!important}.site-stock-select-item input{width:auto;min-height:0}.site-stock-select-item span{display:flex;flex-direction:column}.site-stock-select-item small{color:#64748b;margin-top:2px}.site-stock-select-item.is-independent{opacity:.66}.site-stock-settings-box{margin-top:12px;border:1px solid #dbe4f0;border-radius:15px;padding:12px;background:#f8fbff}.site-stock-settings-grid{display:grid;grid-template-columns:1.2fr .6fr 1fr 1fr;gap:10px;align-items:start}.stock-last-sync{min-height:38px;border:1px solid #dbe4f0;border-radius:10px;background:#fff;padding:7px 10px;display:flex;flex-direction:column;justify-content:center}.stock-last-sync small{color:#64748b}.stock-mapping-summary{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.stock-mapping-summary span{border:1px solid #dbe4f0;background:#fff;border-radius:999px;padding:5px 9px;font-size:11px;color:#475569}.stock-mapping-summary span.ok{background:#ecfdf5;border-color:#bbf7d0;color:#047857}.stock-mapping-report{margin:8px 0 12px;border:1px dashed #cbd5e1;border-radius:12px;padding:8px 10px;background:#fff}.stock-mapping-report summary{cursor:pointer;font-weight:800;color:#334155}.stock-mapping-issue-list{display:grid;gap:6px;margin-top:8px}.stock-mapping-issue-list>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #eef2f7;padding-top:6px;font-size:12px}.stock-mapping-issue-list span{color:#64748b;text-align:left}.stock-warehouse-chips{display:flex;gap:7px;flex-wrap:wrap}.site-stock-inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.stock-deactivate-dialog{width:min(560px,94vw);border:1px solid #dbe4f0;border-radius:18px;padding:20px;box-shadow:0 24px 70px rgba(15,23,42,.22);direction:rtl}.stock-deactivate-dialog::backdrop{background:rgba(15,23,42,.38)}.dialog-close{position:absolute;left:12px;top:10px;background:#fff!important;color:#334155!important;border-color:#cbd5e1!important;width:34px;height:34px;padding:0!important;min-height:34px!important}@media(max-width:800px){.site-stock-settings-grid{grid-template-columns:1fr}.site-stock-manager-head{align-items:stretch}}
.gateway-map-grid{grid-template-columns:minmax(180px,1.6fr) minmax(95px,.7fr) minmax(100px,.8fr) minmax(90px,.6fr) minmax(80px,.5fr)}

.site-stock-settings-box.is-collapsed{padding:12px}
.site-stock-settings-box.is-collapsed .site-stock-settings-grid>div:not(:first-child),
.site-stock-settings-box.is-collapsed .stock-mapping-summary,
.site-stock-settings-box.is-collapsed .stock-mapping-report,
.site-stock-settings-box.is-collapsed>label,
.site-stock-settings-box.is-collapsed .stock-warehouse-chips,
.site-stock-settings-box.is-collapsed .site-stock-inline-actions{display:none!important}
.site-stock-settings-box.is-collapsed .site-stock-settings-grid{grid-template-columns:minmax(240px,420px)}
.gateway-expander{padding:0!important;overflow:hidden}
.gateway-expander>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:14px 16px;font-weight:900;color:#0f172a}
.gateway-expander>summary::-webkit-details-marker{display:none}
.gateway-expander>summary:after{content:"⌄";font-size:20px;color:#2563eb;transition:transform .2s ease}
.gateway-expander[open]>summary:after{transform:rotate(180deg)}
.gateway-expander>summary small{margin-right:auto;color:#64748b;font-weight:700}
.gateway-expander-body{padding:0 14px 14px}

.readonly-gateways .gateway-source-note{margin:-2px 0 10px!important;font-size:12px;color:#64748b}
.gateway-readonly-row{align-items:center!important}
.gateway-readonly-row b{font-size:13px;color:#0f172a}
.readonly-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 10px;border:1px solid #dbe4f0;border-radius:12px;background:#f8fafc;color:#334155;font-size:12px;font-weight:800;white-space:nowrap}
.readonly-pill.ok{background:#ecfdf5;border-color:#bbf7d0;color:#047857}
.readonly-pill.warn{background:#fff7ed;border-color:#fed7aa;color:#c2410c}
.readonly-pill.muted-pill{background:#f1f5f9;color:#64748b}
.karin-connections-master-form{margin-bottom:22px!important}
.oc-bottom-actions{margin:18px 0 24px!important;padding-top:10px!important;border-top:1px dashed #e2e8f0!important}
.add-connection-panel{margin-top:18px!important}
.woo-connection-health{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,.7fr);gap:14px;margin-top:16px;padding:14px;border:1px solid #dbe4f0;border-radius:15px;background:#f8fbff}
.woo-hook-field,.woo-health-state{display:grid;gap:7px}.woo-health-value{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:40px}.woo-health-value small{color:#64748b}.status-warn{color:#b45309}
.woo-policy-box{margin-top:14px;border:1px solid #dbe4f0;border-radius:15px;background:#fff;padding:14px}.woo-policy-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:11px;border-bottom:1px solid #eef2f7}.catalog-master-choice{display:inline-flex!important;align-items:center;gap:7px;margin:0!important;font-weight:700}.catalog-master-choice input{width:auto!important;min-height:0!important}
.woo-policy-columns{display:grid;grid-template-columns:1.6fr .8fr;gap:18px;padding-top:12px}.woo-policy-columns section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.woo-policy-columns h4{grid-column:1/-1;margin:0 0 3px;font-size:13px;color:#475569}.policy-toggle{display:flex!important;align-items:center;gap:8px;margin:0!important;padding:9px 10px;border:1px solid #e5e7eb;border-radius:11px;background:#f8fafc;font-weight:700}.policy-toggle input{width:auto!important;min-height:0!important}.policy-toggle:has(input:checked){background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}
.gateway-map-box{margin-top:16px!important;margin-bottom:14px!important}.mini-actions{margin-top:14px!important;padding-top:13px!important;border-top:1px solid #eef2f7!important}.woo-site-logs-card{margin-top:24px!important}.woo-site-logs-card h2{margin-bottom:14px!important}
.karin-oc-connections{gap:22px!important}
.karin-site-connection-card{border:1px solid #cfdbe8!important;box-shadow:0 10px 28px rgba(15,23,42,.055)!important;overflow:hidden!important;padding-top:0!important}
.karin-site-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -14px 14px!important;padding:11px 14px;border-bottom:1px solid #e2e8f0;background:#f8fafc}
.karin-site-card-head strong{font-size:14px;color:#0f172a}.karin-site-card-head span{font-size:11px;color:#64748b;font-weight:700}

.karin-context-nav{display:flex;align-items:center;gap:var(--karin-space-1,4px);padding:4px;border:1px solid var(--karin-border);border-radius:var(--karin-radius-md);background:var(--karin-surface);overflow-x:auto;scrollbar-width:none;max-width:100%;}
.karin-context-nav::-webkit-scrollbar{display:none;}
.karin-context-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 var(--karin-space-3,12px);border-radius:calc(var(--karin-radius-md) - 4px);color:var(--karin-text-muted);text-decoration:none;white-space:nowrap;font-weight:var(--karin-fw-button,700);}
.karin-context-nav a:hover{color:var(--karin-primary);background:var(--karin-surface-soft);}
.karin-context-nav a.active{color:var(--karin-primary);background:var(--karin-primary-soft);}
body:is(.karin-page-woo-sites,.karin-page-catalog-import,.karin-page-site-ledger) .karin-context-nav{margin-bottom:var(--karin-space-4);}
body.karin-page-woo-sites .karin-integrations-workspace{gap:var(--karin-space-4);}
body.karin-page-woo-sites .site-stock-manager-card{margin:0!important;padding:var(--karin-space-4)!important;}
body.karin-page-woo-sites .karin-connections-master-form{margin:0!important;padding:var(--karin-space-4)!important;}
body.karin-page-woo-sites .karin-site-connection-card{box-shadow:none!important;border-color:var(--karin-border)!important;}
body.karin-page-woo-sites .karin-site-card-head{background:var(--karin-surface-soft)!important;border-color:var(--karin-border)!important;}
body.karin-page-woo-sites .woo-site-logs-card,body.karin-page-woo-sites .add-connection-panel{margin:0!important;padding:var(--karin-space-4)!important;}
html[data-theme="dark"] body.karin-page-woo-sites :is(.site-stock-select-item,.site-stock-settings-box,.stock-last-sync,.stock-mapping-summary span,.stock-mapping-report,.woo-connection-health,.woo-policy-box,.policy-toggle,.readonly-pill,.karin-site-card-head){background:var(--karin-surface)!important;border-color:var(--karin-border)!important;color:var(--karin-text)!important;}
@media(max-width:700px){.karin-context-nav{margin-inline:0;}.karin-context-nav a{min-height:38px;padding-inline:10px;}body.karin-page-woo-sites .site-stock-manager-head{display:grid;grid-template-columns:1fr;gap:var(--karin-space-3);}body.karin-page-woo-sites .site-stock-manager-head .karin-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;}body.karin-page-woo-sites .site-stock-manager-head .karin-actions .karin-button{width:100%;}}

/* Karin v5.348 — Site Integration Health Control Center */
body.karin-page-woo-sites .site-integration-overview{margin:0!important;padding:var(--karin-space-4,16px)!important;display:grid;gap:12px}
body.karin-page-woo-sites .site-integration-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
body.karin-page-woo-sites .site-integration-overview-head h2{margin:0 0 4px;font-size:16px}
body.karin-page-woo-sites .site-integration-overview-head p{margin:0;color:var(--karin-text-muted);font-size:12px;line-height:1.8}
body.karin-page-woo-sites .site-integration-overview-count{white-space:nowrap;border:1px solid var(--karin-border);border-radius:999px;padding:5px 10px;color:var(--karin-text-muted);font-size:11px;font-weight:800}
body.karin-page-woo-sites .site-integration-overview-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--karin-border);border-radius:var(--karin-radius-md,12px);overflow:hidden;background:var(--karin-surface)}
body.karin-page-woo-sites .site-integration-overview-kpis>div{min-width:0;padding:10px 12px;display:grid;gap:2px;border-inline-start:1px solid var(--karin-border)}
body.karin-page-woo-sites .site-integration-overview-kpis>div:first-child{border-inline-start:0}
body.karin-page-woo-sites .site-integration-overview-kpis span{font-size:10.5px;font-weight:750;color:var(--karin-text-muted)}
body.karin-page-woo-sites .site-integration-overview-kpis b{font-size:17px;color:var(--karin-heading,var(--karin-text))}
body.karin-page-woo-sites .site-integration-overview-kpis small{font-size:10px;color:var(--karin-text-muted)}
body.karin-page-woo-sites .site-integration-overview-kpis .is-ok b{color:#047857}
body.karin-page-woo-sites .site-integration-overview-kpis .is-warn b{color:#b45309}
body.karin-page-woo-sites .site-integration-overview-kpis .is-bad b{color:#b91c1c}

body.karin-page-woo-sites .site-integration-health-host{margin-top:14px}
body.karin-page-woo-sites .site-integration-health-panel{border:1px solid var(--karin-border);border-radius:15px;padding:13px;background:var(--karin-surface-soft,#f8fafc);display:grid;gap:11px}
body.karin-page-woo-sites .site-integration-health-panel.is-bad{border-color:#fecaca}
body.karin-page-woo-sites .site-integration-health-panel.is-warn{border-color:#fed7aa}
body.karin-page-woo-sites .site-integration-health-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
body.karin-page-woo-sites .site-integration-health-head>div:first-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.karin-page-woo-sites .site-integration-health-head strong{font-size:13px}
body.karin-page-woo-sites .site-integration-health-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
body.karin-page-woo-sites .site-integration-health-actions .karin-button{min-height:34px!important;height:34px!important;padding:0 11px!important}
body.karin-page-woo-sites .site-integration-health-badge{display:inline-flex;align-items:center;min-height:25px;padding:3px 8px;border-radius:999px;border:1px solid var(--karin-border);font-size:10.5px;font-weight:850;background:var(--karin-surface)}
body.karin-page-woo-sites .site-integration-health-badge.is-ok{background:#ecfdf5;border-color:#bbf7d0;color:#047857}
body.karin-page-woo-sites .site-integration-health-badge.is-warn{background:#fff7ed;border-color:#fed7aa;color:#b45309}
body.karin-page-woo-sites .site-integration-health-badge.is-bad{background:#fef2f2;border-color:#fecaca;color:#b91c1c}
body.karin-page-woo-sites .site-integration-health-badge.is-neutral,
body.karin-page-woo-sites .site-integration-health-badge.is-off{color:var(--karin-text-muted)}
body.karin-page-woo-sites .site-integration-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--karin-border);border-radius:12px;overflow:hidden;background:var(--karin-surface)}
body.karin-page-woo-sites .site-integration-kpis>div{min-width:0;padding:8px 10px;display:grid;gap:2px;border-inline-start:1px solid var(--karin-border)}
body.karin-page-woo-sites .site-integration-kpis>div:first-child{border-inline-start:0}
body.karin-page-woo-sites .site-integration-kpis span{font-size:10px;color:var(--karin-text-muted);font-weight:750}
body.karin-page-woo-sites .site-integration-kpis b{font-size:11.5px;overflow-wrap:anywhere}
body.karin-page-woo-sites .site-integration-kpis small{font-size:9.5px;color:var(--karin-text-muted);overflow-wrap:anywhere}
body.karin-page-woo-sites .site-integration-health-note{padding:8px 10px;border-radius:10px;background:var(--karin-surface);border:1px dashed var(--karin-border);font-size:11px;color:var(--karin-text-muted);line-height:1.7}
body.karin-page-woo-sites .site-integration-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
body.karin-page-woo-sites .site-integration-task{min-width:0;padding:8px 9px;border:1px solid var(--karin-border);border-radius:10px;background:var(--karin-surface);display:grid;gap:4px}
body.karin-page-woo-sites .site-integration-task>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
body.karin-page-woo-sites .site-integration-task strong{font-size:11px;min-width:0}
body.karin-page-woo-sites .site-integration-task span{font-size:9.5px;font-weight:800;white-space:nowrap;color:#047857}
body.karin-page-woo-sites .site-integration-task small{font-size:9.5px;color:var(--karin-text-muted);line-height:1.55;overflow-wrap:anywhere}
body.karin-page-woo-sites .site-integration-task.is-warn span{color:#b45309}
body.karin-page-woo-sites .site-integration-task.is-bad span{color:#b91c1c}
body.karin-page-woo-sites .site-integration-task.is-neutral span,
body.karin-page-woo-sites .site-integration-task.is-off span{color:var(--karin-text-muted)}
body.karin-page-woo-sites .site-integration-task.is-off{opacity:.7}
body.karin-page-woo-sites .site-integration-technical{border-top:1px dashed var(--karin-border);padding-top:8px}
body.karin-page-woo-sites .site-integration-technical>summary{cursor:pointer;font-size:10.5px;font-weight:800;color:var(--karin-text-muted)}
body.karin-page-woo-sites .site-integration-technical-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:9px}
body.karin-page-woo-sites .site-integration-technical-grid>div{padding:7px 8px;border:1px solid var(--karin-border);border-radius:9px;background:var(--karin-surface);display:grid;gap:2px}
body.karin-page-woo-sites .site-integration-technical-grid span{font-size:9.5px;color:var(--karin-text-muted)}
body.karin-page-woo-sites .site-integration-technical-grid b{font-size:10.5px;overflow-wrap:anywhere}
html[data-theme="dark"] body.karin-page-woo-sites :is(.site-integration-health-badge.is-ok,.site-integration-health-badge.is-warn,.site-integration-health-badge.is-bad){background:var(--karin-surface)!important}
@media(max-width:900px){
 body.karin-page-woo-sites .site-integration-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.karin-page-woo-sites .site-integration-kpis,body.karin-page-woo-sites .site-integration-technical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.karin-page-woo-sites .site-integration-kpis>div:nth-child(odd),body.karin-page-woo-sites .site-integration-technical-grid>div:nth-child(odd){border-inline-start:0}
}
@media(max-width:700px){
 body.karin-page-woo-sites .site-integration-overview-head{display:grid;grid-template-columns:1fr}
 body.karin-page-woo-sites .site-integration-overview-count{justify-self:start}
 body.karin-page-woo-sites .site-integration-overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.karin-page-woo-sites .site-integration-overview-kpis>div:nth-child(odd){border-inline-start:0}
 body.karin-page-woo-sites .site-integration-overview-kpis>div:nth-child(n+3){border-top:1px solid var(--karin-border)}
 body.karin-page-woo-sites .site-integration-task-grid{grid-template-columns:1fr}
 body.karin-page-woo-sites .site-integration-health-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
 body.karin-page-woo-sites .site-integration-health-actions .karin-button{width:100%}
}



/* Finance family presentation retired to assets/finance-workspace.css in v5.342. */
body.karin-page-employees .employee-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}body.karin-page-employees .karin-modal{display:none;position:fixed;inset:0;z-index:9999;padding:18px;align-items:center;justify-content:center;background:rgba(248,250,252,.78)}body.karin-page-employees .karin-modal.open{display:flex}body.karin-page-employees .karin-modal-backdrop{position:absolute;inset:0;background:transparent}body.karin-page-employees .karin-modal-box{position:relative;width:min(760px,96vw);max-height:92vh;display:flex;flex-direction:column;overflow:hidden;padding:16px!important}body.karin-page-employees .karin-modal-box>form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:auto;max-height:calc(92vh - 82px);padding:0 2px 2px}body.karin-page-employees .modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;background:#fff;z-index:2;padding:0 0 10px;border-bottom:1px solid #eef2f7}body.karin-page-employees .modal-head h2{margin:0}body.karin-page-employees .modal-x{border:1px solid #cbd5e1!important;background:#fff!important;color:#334155!important;border-radius:10px;width:36px;height:36px;font-size:22px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin:0!important}body.karin-page-employees .modal-full{grid-column:1/-1}body.karin-page-employees .modal-actions{grid-column:1/-1;display:flex;gap:10px;justify-content:flex-end;align-items:center;padding-top:10px}body.karin-page-employees .modal-actions button,body.karin-page-employees .modal-actions .button{margin:0!important;min-width:140px;height:40px}body.karin-page-employees .status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}body.karin-page-employees .status-active{background:#ecfdf5;color:#047857}body.karin-page-employees .status-inactive{background:#f1f5f9;color:#64748b}body.karin-page-employees .muted-small{color:#64748b;font-size:12px}body.karin-page-employees .karin-actions form{display:inline-flex!important;margin:0!important}body.karin-page-employees .karin-actions form button{margin:0!important}@media(max-width:720px){body.karin-page-employees .karin-modal-box>form{grid-template-columns:1fr}body.karin-page-employees .karin-modal{padding:8px}body.karin-page-employees .karin-modal-box{width:98vw;max-height:96vh}body.karin-page-employees .employee-topbar{align-items:flex-start;flex-direction:column}}

/* ======================================================================== Karin v5.306 — Settings Maintenance Geometry + Organization Structure ======================================================================== */
body.karin-page-settings .karin-settings-maintenance-panel{
  display:grid!important;
  gap:var(--karin-space-4)!important;
  margin:var(--karin-space-4) 0 0!important;
  padding:var(--karin-space-8) var(--karin-space-4) var(--karin-space-6)!important;
  border:1px solid var(--karin-composition-panel-border)!important;
  border-radius:var(--karin-composition-panel-radius)!important;
  background:var(--karin-composition-panel-bg)!important;
  box-shadow:none!important;
}
body.karin-page-settings .karin-settings-maintenance-head{
  display:block!important;
  margin:0!important;
  padding:0 0 var(--karin-space-4)!important;
  border-bottom:1px solid var(--karin-composition-divider)!important;
}
body.karin-page-settings .karin-settings-maintenance-head h2{
  margin:0!important;
  color:var(--karin-heading)!important;
  font-size:16px!important;
  line-height:1.5!important;
}
body.karin-page-settings .karin-settings-maintenance-panel>.karin-settings-maintenance-action{
  display:grid!important;
  gap:var(--karin-space-2)!important;
  margin:0!important;
  padding:0!important;
}
body.karin-page-settings .karin-settings-maintenance-panel>.karin-settings-maintenance-action form{margin:0!important;}
body.karin-page-settings .karin-settings-maintenance-panel>.karin-settings-maintenance-action .karin-note{margin:0!important;}

body:is(.karin-page-employees,.karin-page-warehouses,.karin-page-sales-channels) .karin-structure-workspace{
  gap:var(--karin-space-3)!important;
  max-width:1280px;
}
body:is(.karin-page-employees,.karin-page-warehouses,.karin-page-sales-channels) .karin-structure-context-nav{margin:0!important;}
body:is(.karin-page-employees,.karin-page-warehouses,.karin-page-sales-channels) .karin-structure-workspace>.karin-page-header{
  margin:0!important;
  padding:var(--karin-space-2) 1px var(--karin-space-3)!important;
  border-bottom:1px solid var(--karin-composition-divider)!important;
}
body.karin-page-employees .karin-structure-table-panel{
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--karin-composition-panel-border)!important;
  border-radius:var(--karin-composition-panel-radius)!important;
  background:var(--karin-composition-panel-bg)!important;
  box-shadow:none!important;
}
body.karin-page-employees .karin-structure-table-panel .karin-table{margin:0!important;}
body.karin-page-employees .karin-modal-box{box-shadow:var(--karin-shadow-modal)!important;}
body.karin-page-employees .modal-head{background:transparent!important;border-color:var(--karin-composition-divider)!important;}
body.karin-page-employees .modal-actions.karin-modal__footer{
  margin-top:var(--karin-space-2)!important;
  padding-top:var(--karin-space-3)!important;
  border-top:1px solid var(--karin-composition-divider)!important;
}
@media(max-width:720px){
  body:is(.karin-page-employees,.karin-page-warehouses,.karin-page-sales-channels) .karin-structure-workspace{gap:var(--karin-space-2)!important;}
  body:is(.karin-page-employees,.karin-page-warehouses,.karin-page-sales-channels) .karin-structure-workspace>.karin-page-header{padding-bottom:var(--karin-space-2)!important;}
  body.karin-page-employees .karin-structure-table-panel .karin-table{min-width:720px;}
  body.karin-page-settings .karin-settings-maintenance-panel{padding:var(--karin-space-6) var(--karin-space-3)!important;}
}

/* Inventory transfers presentation migrated to assets/inventory-workspace.css in v5.340. */

/* ======================================================================== Karin v5.308 — Premium Monitoring & Queues Workspace Activity history, POS requests and shipping operations share a calm monitoring composition without changing queue/action business contracts. ======================================================================== */
body.karin-page-activity-history .karin-monitoring-workspace-v5308{
  max-width:1280px;
  gap:var(--karin-space-3);
}
body.karin-page-activity-history .karin-monitoring-workspace-v5308>.karin-page-header{
  margin:0;
  padding:var(--karin-space-2) 1px var(--karin-space-3);
  border-bottom:1px solid var(--karin-composition-divider);
}
body.karin-page-activity-history .karin-monitoring-summary{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:1fr!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--karin-composition-panel-border)!important;
  border-radius:var(--karin-composition-panel-radius)!important;
  background:var(--karin-composition-panel-bg)!important;
  box-shadow:none!important;
}
  display:grid!important;
  align-content:center!important;
  gap:5px!important;
  min-height:76px!important;
  padding:var(--karin-space-3) var(--karin-space-4)!important;
  border:0!important;
  border-inline-start:1px solid var(--karin-composition-divider)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.karin-page-activity-history .activity-filter-card,
body.karin-page-activity-history .activity-list-panel{margin:0!important;padding:var(--karin-space-4)!important;box-shadow:none!important;}
body.karin-page-activity-history .activity-filter-grid{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(5,minmax(140px,1fr));gap:var(--karin-space-3);align-items:end;}
body.karin-page-activity-history .activity-filter-actions{display:flex;gap:var(--karin-space-2);align-items:stretch;}
body.karin-page-activity-history .activity-list-head{margin:0 0 var(--karin-space-3)!important;padding:0 0 var(--karin-space-3)!important;border-bottom:1px solid var(--karin-composition-divider)!important;}
body.karin-page-activity-history .activity-list-head small{color:var(--karin-text-muted);}
body.karin-page-activity-history .activity-table td{vertical-align:top;}
body.karin-page-activity-history .activity-time{white-space:nowrap;}
body.karin-page-activity-history .activity-details summary{cursor:pointer;color:var(--karin-primary);font-weight:700;}
body.karin-page-activity-history .activity-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:var(--karin-space-2);margin-top:var(--karin-space-3);min-width:360px;}
body.karin-page-activity-history .activity-meta-item{display:flex;flex-direction:column;gap:3px;padding:var(--karin-space-2);border:1px solid var(--karin-composition-divider);border-radius:10px;}
body.karin-page-activity-history .activity-meta-item small,body.karin-page-activity-history .activity-ip small{color:var(--karin-text-muted);}
body.karin-page-activity-history .activity-meta-item b{font-size:12px;white-space:normal;word-break:break-word;}
body.karin-page-activity-history .activity-meta-value{display:flex!important;flex-direction:column;gap:6px;}
body.karin-page-activity-history .activity-meta-kv{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border-radius:8px;background:var(--karin-surface-soft);font-style:normal;}
body.karin-page-activity-history .activity-meta-kv em{font-style:normal;color:var(--karin-text-muted);font-weight:650;}
body.karin-page-activity-history .activity-meta-kv strong{font-size:12px;color:var(--karin-text);}
body.karin-page-activity-history .activity-ip{display:flex;gap:8px;align-items:center;margin-top:8px;}
body.karin-page-activity-history .activity-ip .ltr{direction:ltr;unicode-bidi:plaintext;}



@media(max-width:1100px){
 body.karin-page-activity-history .activity-filter-grid{grid-template-columns:repeat(3,minmax(160px,1fr));}
}
@media(max-width:760px){
 body.karin-page-activity-history .karin-monitoring-workspace-v5308{gap:var(--karin-space-2)!important;}
 body.karin-page-activity-history .activity-filter-grid{grid-template-columns:1fr 1fr;}
 body.karin-page-activity-history .activity-filter-grid>div:first-of-type{grid-column:1/-1;}
 body.karin-page-activity-history .activity-filter-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;}
 body.karin-page-activity-history .activity-meta-grid{grid-template-columns:1fr;min-width:240px;}
}
@media(max-width:520px){
 body.karin-page-activity-history .activity-filter-grid{grid-template-columns:1fr;}
 body.karin-page-activity-history .activity-filter-grid>div,body.karin-page-activity-history .activity-filter-actions{grid-column:1!important;}
}
@media(prefers-reduced-motion:reduce){
 body.karin-page-activity-history .karin-monitoring-workspace-v5308 *{scroll-behavior:auto!important;}
}

/* ======================================================================== Karin v5.309 — Premium Product Authoring & History Workspace Product editing, attributes, variants and history share one calm shell. ======================================================================== */
body:is(.karin-page-create-product,.karin-page-product-attributes,.karin-page-variants,.karin-page-product-history,.karin-page-purchase-cost-history,.karin-page-sale-price-history)
:is(.karin-product-authoring-workspace,.karin-product-history-workspace){
  max-width:1280px;
  gap:var(--karin-space-3);
}
body:is(.karin-page-create-product,.karin-page-product-attributes,.karin-page-variants,.karin-page-product-history,.karin-page-purchase-cost-history,.karin-page-sale-price-history)
.karin-product-context-nav{margin:0!important;}
body:is(.karin-page-create-product,.karin-page-product-attributes,.karin-page-variants,.karin-page-product-history,.karin-page-purchase-cost-history,.karin-page-sale-price-history)
.karin-page-header{margin:0!important;padding-bottom:var(--karin-space-2)!important;}

body.karin-page-create-product .product-editor-form{
  display:grid!important;
  gap:var(--karin-space-3)!important;
  margin:0!important;
  padding:var(--karin-space-4)!important;
  box-shadow:none!important;
}
body.karin-page-create-product .product-editor-form>h2{
  margin:0!important;
  padding-bottom:var(--karin-space-3)!important;
  border-bottom:1px solid var(--karin-composition-divider)!important;
  font-size:16px!important;
}
body.karin-page-create-product .product-image-picker{
  display:grid!important;
  grid-template-columns:96px minmax(0,1fr)!important;
  align-items:center!important;
  gap:var(--karin-space-4)!important;
  margin:0!important;
  padding:var(--karin-space-3) 0!important;
  border:0!important;
  background:transparent!important;
}
body.karin-page-create-product .product-image-preview-box{
  width:96px!important;height:96px!important;min-width:96px!important;
  border-radius:14px!important;border:1px solid var(--karin-composition-divider)!important;
  background:var(--karin-surface-soft)!important;box-shadow:none!important;overflow:hidden!important;
}
body.karin-page-create-product .product-image-preview-box img{width:100%!important;height:100%!important;object-fit:cover!important;}
body.karin-page-create-product .product-image-controls{min-width:0!important;}
body.karin-page-create-product .image-control-row{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:var(--karin-space-2)!important;align-items:center!important;}
body.karin-page-create-product .product-editor-section{
  display:grid!important;
  gap:var(--karin-space-3)!important;
  margin:0!important;
  padding:var(--karin-space-4) 0 0!important;
  border:0!important;
  border-top:1px solid var(--karin-composition-divider)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.karin-page-create-product .product-editor-section>h2,
body.karin-page-create-product .section-title-row h2,
body.karin-page-create-product .variant-pricing-heading h2{margin:0!important;font-size:15.5px!important;color:var(--karin-heading)!important;}
body.karin-page-create-product .section-title-row,
body.karin-page-create-product .variant-pricing-heading{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:var(--karin-space-3)!important;margin:0!important;
}
body.karin-page-create-product .attribute-editor-list{display:grid!important;gap:0!important;border:1px solid var(--karin-composition-divider)!important;border-radius:12px!important;overflow:hidden!important;}
body.karin-page-create-product .attribute-editor-row{
  display:grid!important;grid-template-columns:minmax(160px,.7fr) minmax(240px,1.3fr) auto!important;align-items:end!important;
  gap:var(--karin-space-2)!important;margin:0!important;padding:var(--karin-space-3)!important;border:0!important;border-bottom:1px solid var(--karin-composition-divider)!important;border-radius:0!important;background:transparent!important;
}
body.karin-page-create-product .attribute-editor-row:last-child{border-bottom:0!important;}
body.karin-page-create-product .attribute-remove-btn{width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;font-size:20px!important;line-height:1!important;}
body.karin-page-create-product .variant-pricing-grid{
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:0!important;
  overflow:hidden!important;border:1px solid var(--karin-composition-divider)!important;border-radius:12px!important;
}
body.karin-page-create-product .variant-price-field{
  padding:var(--karin-space-3)!important;border:0!important;border-inline-start:1px solid var(--karin-composition-divider)!important;border-radius:0!important;background:transparent!important;
}
body.karin-page-create-product .variant-price-field:first-child{border-inline-start:0!important;}
body.karin-page-create-product .variant-price-field label{display:block!important;margin-bottom:var(--karin-space-2)!important;font-weight:800!important;}
body.karin-page-create-product .variant-special-pricing-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;
  overflow:hidden!important;border:1px solid var(--karin-composition-divider)!important;border-radius:12px!important;
}
body.karin-page-create-product .variant-special-price-card{
  display:grid!important;gap:var(--karin-space-2)!important;margin:0!important;padding:var(--karin-space-3)!important;
  border:0!important;border-inline-start:1px solid var(--karin-composition-divider)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
body.karin-page-create-product .variant-special-price-card:first-child{border-inline-start:0!important;}
body.karin-page-create-product .variant-special-price-card>.toggle-inline{
  display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-weight:800!important;
}
body.karin-page-create-product .variant-special-price-card>.toggle-inline input[type="checkbox"]{width:18px!important;height:18px!important;min-width:18px!important;margin:0!important;}
body.karin-page-create-product .variant-special-input{margin-top:var(--karin-space-2)!important;}
body.karin-page-create-product .variant-special-input label{display:block!important;margin-bottom:var(--karin-space-2)!important;font-weight:700!important;}
body.karin-page-create-product .variant-pricing-actions{display:flex!important;justify-content:flex-start!important;margin:0!important;}
body.karin-page-create-product .variant-price-history-link{
  display:inline-flex!important;align-items:center!important;min-height:32px!important;padding:4px 9px!important;border-radius:9px!important;
  color:var(--karin-text-muted)!important;text-decoration:none!important;font-size:12px!important;font-weight:800!important;
}
@media(hover:hover) and (pointer:fine){body.karin-page-create-product .variant-price-history-link:hover{background:var(--karin-surface-soft)!important;color:var(--karin-primary)!important;}}
body.karin-page-create-product .product-variants-table{width:100%!important;min-width:860px!important;}
body.karin-page-create-product .product-variants-table th,
body.karin-page-create-product .product-variants-table td{vertical-align:middle!important;}
body.karin-page-create-product .product-variants-table input{min-width:120px!important;}
body.karin-page-create-product .product-variants-table td:first-child input:last-child{min-width:190px!important;}
body.karin-page-create-product .product-editor-submit{
  margin:0!important;padding-top:var(--karin-space-4)!important;border-top:1px solid var(--karin-composition-divider)!important;justify-content:flex-start!important;
}

body.karin-page-product-attributes .product-attributes-grid{
  display:grid!important;grid-template-columns:minmax(280px,340px) minmax(0,1fr)!important;gap:var(--karin-space-3)!important;align-items:start!important;
}
body.karin-page-product-attributes :is(.product-attribute-form,.product-attribute-list){margin:0!important;padding:var(--karin-space-4)!important;box-shadow:none!important;}
body.karin-page-product-attributes .product-attribute-form{display:grid!important;gap:var(--karin-space-3)!important;}
body.karin-page-product-attributes .product-attribute-form>h2{margin:0!important;font-size:15.5px!important;}
body.karin-page-product-attributes .product-attribute-form form{display:grid!important;gap:var(--karin-space-3)!important;}
body.karin-page-product-attributes .product-attribute-form .karin-form-grid{grid-template-columns:1fr!important;gap:var(--karin-space-3)!important;}
body.karin-page-product-attributes .product-attribute-form .karin-actions{margin:0!important;padding-top:var(--karin-space-3)!important;border-top:1px solid var(--karin-composition-divider)!important;}
body.karin-page-product-attributes .product-attribute-list .karin-section-head{margin:0 0 var(--karin-space-3)!important;padding-bottom:var(--karin-space-3)!important;border-bottom:1px solid var(--karin-composition-divider)!important;}
body.karin-page-product-attributes .product-attribute-list table{min-width:600px!important;}
body.karin-page-product-attributes .product-attribute-list form{margin:0!important;}

body.karin-page-variants :is(.variant-editor-panel,.variant-list-panel){margin:0!important;padding:var(--karin-space-4)!important;box-shadow:none!important;}
body.karin-page-variants .variant-editor-panel form{display:grid!important;gap:var(--karin-space-3)!important;}
body.karin-page-variants .variant-editor-actions{margin:0!important;padding-top:var(--karin-space-3)!important;border-top:1px solid var(--karin-composition-divider)!important;}
body.karin-page-variants .variant-list-panel .karin-section-head{margin:0 0 var(--karin-space-3)!important;padding-bottom:var(--karin-space-3)!important;border-bottom:1px solid var(--karin-composition-divider)!important;}
body.karin-page-variants .variant-list-panel table{min-width:760px!important;width:100%!important;}

body.karin-page-product-history .history-head{align-items:center!important;}
body.karin-page-product-history .history-product{display:flex!important;align-items:center!important;gap:var(--karin-space-3)!important;min-width:0!important;}
body.karin-page-product-history .history-product img{width:56px!important;height:56px!important;flex:0 0 56px!important;border-radius:12px!important;object-fit:cover!important;border:1px solid var(--karin-composition-divider)!important;}
body.karin-page-product-history .history-product h2{margin:0 0 3px!important;font-size:18px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.karin-page-product-history .history-controls{
  display:flex!important;align-items:end!important;justify-content:space-between!important;gap:var(--karin-space-3)!important;margin:0!important;padding:var(--karin-space-3)!important;box-shadow:none!important;
}
body.karin-page-product-history .history-tabs{display:flex!important;gap:4px!important;padding:4px!important;border:1px solid var(--karin-composition-divider)!important;border-radius:11px!important;background:var(--karin-surface-soft)!important;}
body.karin-page-product-history .history-tabs a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:32px!important;padding:4px 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--karin-text-muted)!important;text-decoration:none!important;font-weight:800!important;font-size:12px!important;}
body.karin-page-product-history .history-tabs a.active{background:var(--karin-surface)!important;color:var(--karin-primary)!important;box-shadow:0 1px 3px rgba(15,23,42,.06)!important;}
body.karin-page-product-history .history-filter{min-width:230px!important;margin:0!important;}
body.karin-page-product-history .history-filter label{font-size:12px!important;font-weight:700!important;color:var(--karin-text-muted)!important;}
body.karin-page-product-history .history-filter select{width:100%!important;margin-top:6px!important;}
body:is(.karin-page-product-history,.karin-page-purchase-cost-history,.karin-page-sale-price-history) .history-table-card{
  margin:0!important;padding:var(--karin-space-4)!important;box-shadow:none!important;overflow:hidden!important;
}
body.karin-page-product-history .history-section-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:var(--karin-space-3)!important;margin:0 0 var(--karin-space-3)!important;padding-bottom:var(--karin-space-3)!important;border-bottom:1px solid var(--karin-composition-divider)!important;}
body.karin-page-product-history .history-section-title h3{margin:0!important;font-size:15.5px!important;}
body.karin-page-product-history .history-section-title span{font-size:11.5px!important;color:var(--karin-text-muted)!important;}
body.karin-page-product-history .history-event{display:inline-flex!important;padding:4px 8px!important;border-radius:999px!important;background:var(--karin-primary-soft)!important;color:var(--karin-primary)!important;font-size:11.5px!important;font-weight:800!important;}
body.karin-page-product-history .nowrap{white-space:nowrap!important;}
body.karin-page-product-history .positive{color:var(--karin-success,#059669)!important;}
body.karin-page-product-history .negative{color:var(--karin-danger,#dc2626)!important;}
body.karin-page-product-history .center{text-align:center!important;}

body:is(.karin-page-purchase-cost-history,.karin-page-sale-price-history) .history-filter-panel{
  margin:0!important;padding:var(--karin-space-3)!important;box-shadow:none!important;
}
body:is(.karin-page-purchase-cost-history,.karin-page-sale-price-history) .history-filter-actions{
  display:flex!important;align-items:center!important;gap:var(--karin-space-2)!important;align-self:end!important;margin:0!important;
}
body.karin-page-purchase-cost-history .history-table-card .karin-section-head{margin:0 0 var(--karin-space-3)!important;padding-bottom:var(--karin-space-3)!important;border-bottom:1px solid var(--karin-composition-divider)!important;}
body:is(.karin-page-purchase-cost-history,.karin-page-sale-price-history) .karin-table-wrap .ltr{direction:ltr!important;unicode-bidi:plaintext!important;}
body.karin-page-purchase-cost-history .history-table-card table{min-width:1260px!important;}
body.karin-page-sale-price-history .history-table-card table{min-width:920px!important;}

@media(max-width:900px){
  body.karin-page-product-attributes .product-attributes-grid{grid-template-columns:1fr!important;}
  body.karin-page-create-product .variant-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.karin-page-create-product .variant-price-field:nth-child(odd){border-inline-start:0!important;}
  body.karin-page-create-product .variant-price-field:nth-child(n+3){border-top:1px solid var(--karin-composition-divider)!important;}
}
@media(max-width:700px){
  body:is(.karin-page-create-product,.karin-page-product-attributes,.karin-page-variants,.karin-page-product-history,.karin-page-purchase-cost-history,.karin-page-sale-price-history)
  :is(.karin-product-authoring-workspace,.karin-product-history-workspace){gap:var(--karin-space-2)!important;}
  body.karin-page-create-product .product-editor-form,
  body.karin-page-product-attributes :is(.product-attribute-form,.product-attribute-list),
  body.karin-page-variants :is(.variant-editor-panel,.variant-list-panel),
  body:is(.karin-page-product-history,.karin-page-purchase-cost-history,.karin-page-sale-price-history) .history-table-card{padding:var(--karin-space-3)!important;}
  body.karin-page-create-product .product-image-picker{grid-template-columns:72px minmax(0,1fr)!important;gap:var(--karin-space-3)!important;}
  body.karin-page-create-product .product-image-preview-box{width:72px!important;height:72px!important;min-width:72px!important;}
  body.karin-page-create-product .image-control-row{grid-template-columns:1fr!important;}
  body.karin-page-create-product .image-file-btn{width:100%!important;}
  body.karin-page-create-product .attribute-editor-row{grid-template-columns:1fr!important;}
  body.karin-page-create-product .attribute-remove-btn{width:100%!important;min-width:0!important;}
  body.karin-page-create-product .variant-pricing-grid,
  body.karin-page-create-product .variant-special-pricing-grid{grid-template-columns:1fr!important;}
  body.karin-page-create-product .variant-price-field,
  body.karin-page-create-product .variant-special-price-card{border-inline-start:0!important;border-top:1px solid var(--karin-composition-divider)!important;}
  body.karin-page-create-product .variant-price-field:first-child,
  body.karin-page-create-product .variant-special-price-card:first-child{border-top:0!important;}
  body.karin-page-create-product .variant-pricing-actions .karin-button,
  body.karin-page-create-product .product-editor-submit .karin-button{width:100%!important;}
  body.karin-page-product-history .history-head{align-items:stretch!important;}
  body.karin-page-product-history .history-product{width:100%!important;}
  body.karin-page-product-history .history-controls{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;}
  body.karin-page-product-history .history-tabs{width:100%!important;}
  body.karin-page-product-history .history-tabs a{flex:1!important;}
  body.karin-page-product-history .history-filter{width:100%!important;min-width:0!important;}
  body:is(.karin-page-purchase-cost-history,.karin-page-sale-price-history) .history-filter-actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important;}
  body:is(.karin-page-purchase-cost-history,.karin-page-sale-price-history) .history-filter-actions .karin-button{width:100%!important;}
}
@media(prefers-reduced-motion:reduce){
  body:is(.karin-page-create-product,.karin-page-product-attributes,.karin-page-variants,.karin-page-product-history,.karin-page-purchase-cost-history,.karin-page-sale-price-history) *{scroll-behavior:auto!important;}
}



body.karin-page-sale-view .modal:not(.is-exchange-mode) .exchange-col{display:none}body.karin-page-sale-view .return-items-table select{min-width:220px;max-width:100%}body.karin-page-sale-view .return-items-table .js-return-item-check{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;transform:none!important;appearance:auto!important;-webkit-appearance:checkbox!important;margin:0 auto;display:block}body.karin-page-sale-view .return-items-table td:first-child,body.karin-page-sale-view .return-items-table th:first-child{width:64px!important;text-align:center!important}

body.karin-page-sale-view .sale-item-product-cell{display:flex;align-items:center;gap:10px;min-width:220px}body.karin-page-sale-view .sale-item-product-cell img,body.karin-page-sale-view .sale-item-no-image{width:50px;height:50px;border-radius:11px;border:1px solid #dbe4f0;object-fit:cover;background:#f8fafc;flex:0 0 50px}body.karin-page-sale-view .sale-item-no-image{display:inline-flex;align-items:center;justify-content:center;font-size:9px;color:#94a3b8}body.karin-page-sale-view .sale-item-product-cell b{line-height:1.8}

body.karin-page-site-sale-view .delivery-branch-link{color:#2563eb;text-decoration:none;border-bottom:1px dashed currentColor}body.karin-page-site-sale-view .delivery-branch-link:hover{color:#1d4ed8;border-bottom-style:solid}body.karin-page-site-sale-view .site-order-sync-meta b{display:block}body.karin-page-site-sale-view .site-order-sync-title{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0 0 3px}body.karin-page-site-sale-view .site-order-sync-title small{margin:0!important}body.karin-page-site-sale-view .site-order-sync-form{display:inline-flex!important;align-items:center!important;height:14px!important;min-height:0!important;margin:0!important;padding:0!important;line-height:1!important}body.karin-page-site-sale-view .site-order-sync-form button.site-order-sync-button{appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#0f172a!important;box-shadow:none!important;font-size:12px!important;font-weight:700!important;line-height:1!important;gap:0!important;cursor:pointer;transition:color .15s ease}body.karin-page-site-sale-view .site-order-sync-form button.site-order-sync-button:hover{background:transparent!important;color:#2563eb!important}body.karin-page-site-sale-view .site-order-sync-form button.site-order-sync-button:disabled{opacity:.55;cursor:wait}body.karin-page-site-sale-view .site-order-sync-button span{display:block;line-height:1}body.karin-page-site-sale-view .site-order-sync-button.is-loading span{animation:karinSyncSpin .8s linear infinite}@keyframes karinSyncSpin{to{transform:rotate(360deg)}}

body.karin-page-site-sale-view .sale-item-product-cell{display:flex;align-items:center;gap:10px;min-width:220px}body.karin-page-site-sale-view .sale-item-product-cell img,body.karin-page-site-sale-view .sale-item-no-image{width:50px;height:50px;border-radius:11px;border:1px solid #dbe4f0;object-fit:cover;background:#f8fafc;flex:0 0 50px}body.karin-page-site-sale-view .sale-item-no-image{display:inline-flex;align-items:center;justify-content:center;font-size:9px;color:#94a3b8}body.karin-page-site-sale-view .sale-item-product-cell b{line-height:1.8}

/* ======================================================================== Karin v5.310 — Premium Sale Detail & After-Sales Workspace Sales list remains frozen; detail/edit/after-sales surfaces are canonical. ======================================================================== */
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .karin-sale-detail-workspace-v5310,
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .karin-sale-edit-workspace-v5310{
  gap:var(--karin-space-3)!important;
  max-width:var(--karin-content-max-width,1360px)!important;
}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-page-header{
  margin:0!important;
  padding-block:var(--karin-space-2)!important;
}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-page-header .karin-page-header__copy p{
  margin:4px 0 0!important;color:var(--karin-text-muted)!important;font-size:11.5px!important;
}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-delete-form{display:inline-flex;margin:0!important;}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-view-top-layout{
  display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:var(--karin-space-3)!important;align-items:start!important;margin:0!important;
}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-view-main-info{
  grid-column:1!important;grid-row:1!important;margin:0!important;padding:var(--karin-space-4)!important;box-shadow:none!important;
}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-notes{
  grid-column:2!important;grid-row:1!important;position:sticky!important;top:var(--karin-space-3)!important;margin:0!important;padding:var(--karin-space-3)!important;
  border-color:var(--karin-composition-panel-border)!important;background:var(--karin-composition-panel-bg)!important;box-shadow:none!important;
}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-notes .karin-note-heading{margin:0 0 var(--karin-space-3)!important;font-size:14px!important;}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-notes textarea{min-height:76px!important;background:var(--karin-surface)!important;border-color:var(--karin-border)!important;}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-notes form>.karin-button{margin-top:var(--karin-space-2)!important;}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-notes .sale-note{
  padding:var(--karin-space-3) 0!important;border:0!important;border-top:1px solid var(--karin-composition-divider)!important;border-radius:0!important;background:transparent!important;
}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-summary{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;overflow:hidden!important;
  border:1px solid var(--karin-composition-divider)!important;border-radius:12px!important;background:transparent!important;
}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-summary>div{
  min-height:72px!important;padding:var(--karin-space-3)!important;border:0!important;border-inline-start:1px solid var(--karin-composition-divider)!important;
  border-top:1px solid var(--karin-composition-divider)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-summary>div:nth-child(4n+1){border-inline-start:0!important;}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-summary>div:nth-child(-n+4){border-top:0!important;}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-summary small{margin:0 0 5px!important;color:var(--karin-text-muted)!important;}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-summary b{font-size:13px!important;line-height:1.65!important;color:var(--karin-heading)!important;}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-view-detail-grid{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:var(--karin-space-3)!important;margin:0!important;align-items:stretch!important;
}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-panel{
  min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:var(--karin-space-4)!important;box-shadow:none!important;
}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-panel>h2,
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-panel>.karin-section-head h2{font-size:15.5px!important;margin:0 0 var(--karin-space-3)!important;color:var(--karin-heading)!important;}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-panel>.karin-table-wrap{margin-top:0!important;}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .payment-receipt-summary{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border:1px solid var(--karin-composition-divider)!important;border-radius:12px!important;overflow:hidden!important;
}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .payment-receipt-summary>div{padding:var(--karin-space-3)!important;border-inline-start:1px solid var(--karin-composition-divider)!important;}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .payment-receipt-summary>div:first-child{border-inline-start:0!important;}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .karin-modal-shell>form{padding:var(--karin-space-4)!important;}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .karin-modal-shell>form>.karin-modal__footer{
  margin-top:var(--karin-space-4)!important;padding-top:var(--karin-space-3)!important;border-top:1px solid var(--karin-composition-divider)!important;
}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .return-items-table .js-return-qty{max-width:90px!important;}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-customer-history-card{margin:0!important;box-shadow:none!important;}

body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-panel{margin:0!important;padding:0!important;overflow:hidden!important;box-shadow:none!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-panel>form{display:grid!important;gap:var(--karin-space-4)!important;padding:var(--karin-space-4)!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-items-head{margin:0!important;padding-top:var(--karin-space-3)!important;border-top:1px solid var(--karin-composition-divider)!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-items-head h2{font-size:15.5px!important;margin:0!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-actions{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:var(--karin-space-2)!important;
  margin-top:0!important;padding-top:var(--karin-space-3)!important;border-top:1px solid var(--karin-composition-divider)!important;
}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-panel .karin-table-wrap{margin:0!important;}

html[data-theme="dark"] body:is(.karin-page-sale-view,.karin-page-site-sale-view) :is(.sale-detail-notes,.sale-view-main-info,.sale-detail-panel),
html[data-theme="dark"] body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-panel{background:var(--karin-composition-panel-bg)!important;box-shadow:none!important;}

@media(max-width:1050px){
 body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-view-top-layout{grid-template-columns:1fr!important;}
 body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-view-main-info,body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-notes{grid-column:1!important;grid-row:auto!important;position:static!important;}
 body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
 body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-summary>div:nth-child(4n+1){border-inline-start:1px solid var(--karin-composition-divider)!important;}
 body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-summary>div:nth-child(3n+1){border-inline-start:0!important;}
 body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-summary>div:nth-child(-n+4){border-top:1px solid var(--karin-composition-divider)!important;}
 body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-summary>div:nth-child(-n+3){border-top:0!important;}
}
@media(max-width:700px){
 body:is(.karin-page-sale-view,.karin-page-site-sale-view) .karin-sale-detail-workspace-v5310{gap:var(--karin-space-2)!important;}
 body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-page-header .karin-page-header__actions{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-page-header .karin-page-header__actions>*{width:100%!important;}
 body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-delete-form .karin-button{width:100%!important;}
 body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-view-main-info,body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-notes,body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-panel{padding:var(--karin-space-3)!important;}
 body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-summary{grid-template-columns:1fr!important;}
 body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-summary>div{border-inline-start:0!important;border-top:1px solid var(--karin-composition-divider)!important;}
 body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-summary>div:first-child{border-top:0!important;}
 body:is(.karin-page-sale-view,.karin-page-site-sale-view) .payment-receipt-summary{grid-template-columns:1fr!important;}
 body:is(.karin-page-sale-view,.karin-page-site-sale-view) .payment-receipt-summary>div{border-inline-start:0!important;border-top:1px solid var(--karin-composition-divider)!important;}
 body:is(.karin-page-sale-view,.karin-page-site-sale-view) .payment-receipt-summary>div:first-child{border-top:0!important;}
 body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-panel>form{padding:var(--karin-space-3)!important;gap:var(--karin-space-3)!important;}
 body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-actions{display:grid!important;grid-template-columns:1fr!important;}
 body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-actions>*{width:100%!important;}
}
@media(prefers-reduced-motion:reduce){body:is(.karin-page-sale-view,.karin-page-site-sale-view,.karin-page-sale-edit,.karin-page-site-sale-edit) *{scroll-behavior:auto!important;}}

/* ======================================================================== Karin v5.311 — Residual Workspace Completion & Legacy Surface Retirement ======================================================================== */
body:is(.karin-page-branches,.karin-page-woo-sync,.karin-page-delivered-orders,.karin-page-my-account,.karin-page-set-password,.karin-page-update) .karin-page-composition{gap:var(--karin-space-4)!important;}

body.karin-page-branches .karin-structure-workspace>.karin-page-header{padding-bottom:var(--karin-space-2)!important;}
body.karin-page-branches .karin-structure-context-nav{margin-bottom:var(--karin-space-1)!important;}
body.karin-page-branches .karin-simple-crud-editor,
body.karin-page-branches .karin-simple-crud-list{margin:0!important;padding:0!important;overflow:hidden!important;box-shadow:none!important;}
body.karin-page-branches .karin-simple-crud-editor>.karin-section-head,
body.karin-page-branches .karin-simple-crud-list>.karin-section-head{padding:var(--karin-space-4)!important;margin:0!important;border-bottom:1px solid var(--karin-composition-divider)!important;}
body.karin-page-branches .karin-simple-crud-form{display:grid!important;gap:var(--karin-space-4)!important;padding:var(--karin-space-4)!important;}
body.karin-page-branches .karin-simple-crud-form .karin-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--karin-space-3)!important;}
body.karin-page-branches .karin-simple-crud-form .karin-field:nth-child(3){grid-column:1/-1!important;}
body.karin-page-branches .karin-simple-crud-actions{margin:0!important;padding-top:var(--karin-space-3)!important;border-top:1px solid var(--karin-composition-divider)!important;display:flex!important;gap:var(--karin-space-2)!important;}
body.karin-page-branches .karin-simple-crud-list>.karin-table-wrap{margin:0!important;border:0!important;border-radius:0!important;}
body.karin-page-branches .karin-simple-crud-list>.karin-empty-state{margin:0!important;border:0!important;border-radius:0!important;}
body.karin-page-branches .karin-row-actions{display:flex!important;align-items:center!important;gap:var(--karin-space-2)!important;flex-wrap:wrap!important;}
body.karin-page-branches .karin-inline-form{margin:0!important;}

body:is(.karin-page-woo-sites,.karin-page-catalog-import,.karin-page-site-ledger,.karin-page-woo-sync) .karin-integrations-context-nav{margin-bottom:var(--karin-space-1)!important;}
body.karin-page-woo-sync .karin-data-panel{margin:0!important;box-shadow:none!important;}
body.karin-page-woo-sync .karin-woo-sync-sites,
body.karin-page-woo-sync .karin-woo-sync-test,
body.karin-page-woo-sync .karin-woo-sync-logs{padding:0!important;overflow:hidden!important;}
body.karin-page-woo-sync :is(.karin-woo-sync-sites,.karin-woo-sync-test,.karin-woo-sync-logs)>.karin-section-head{padding:var(--karin-space-4)!important;margin:0!important;border-bottom:1px solid var(--karin-composition-divider)!important;}
body.karin-page-woo-sync .karin-woo-sync-sites>form,
body.karin-page-woo-sync .karin-woo-sync-test>form{padding:var(--karin-space-4)!important;}
body.karin-page-woo-sync .karin-woo-sync-sites>.karin-empty-state,
body.karin-page-woo-sync .karin-woo-sync-logs>.karin-empty-state{margin:0!important;border:0!important;border-radius:0!important;}
body.karin-page-woo-sync .karin-woo-sync-sites>.karin-table-wrap,
body.karin-page-woo-sync .karin-woo-sync-logs>.karin-table-wrap{margin:0!important;border:0!important;border-radius:0!important;}
body.karin-page-woo-sync .karin-woo-hook-field{min-width:260px!important;font-size:11px!important;}
body.karin-page-woo-sync .karin-code-field{min-height:180px!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;font-size:12px!important;text-align:left!important;direction:ltr!important;}
body.karin-page-woo-sync .karin-form-actions{margin:0!important;padding-top:var(--karin-space-3)!important;border-top:1px solid var(--karin-composition-divider)!important;}

body.karin-page-delivered-orders .karin-delivered-orders-list{margin:0!important;padding:0!important;overflow:hidden!important;box-shadow:none!important;}
body.karin-page-delivered-orders .karin-delivered-orders-list>.karin-section-head{padding:var(--karin-space-4)!important;margin:0!important;border-bottom:1px solid var(--karin-composition-divider)!important;}
body.karin-page-delivered-orders .karin-delivered-orders-list>.karin-table-wrap{margin:0!important;border:0!important;border-radius:0!important;}
body.karin-page-delivered-orders .karin-delivered-orders-list>.karin-empty-state{margin:0!important;border:0!important;border-radius:0!important;}
body.karin-page-delivered-orders .karin-delivered-orders-table{width:100%!important;}

body.karin-page-my-account .karin-account-workspace{max-width:1040px!important;margin-inline:auto!important;}
body.karin-page-my-account .karin-account-head{padding-bottom:var(--karin-space-2)!important;}
body.karin-page-my-account .karin-account-identity{display:flex!important;align-items:center!important;gap:var(--karin-space-3)!important;min-width:0!important;}
body.karin-page-my-account .karin-account-avatar{width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:14px!important;background:var(--karin-primary-soft)!important;color:var(--karin-primary)!important;display:grid!important;place-items:center!important;}
body.karin-page-my-account .karin-account-avatar svg{width:25px!important;height:25px!important;}
body.karin-page-my-account .karin-account-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--karin-space-4)!important;align-items:start!important;}
body.karin-page-my-account .karin-account-section{margin:0!important;padding:var(--karin-space-4)!important;display:grid!important;gap:var(--karin-space-4)!important;box-shadow:none!important;}
body.karin-page-my-account .karin-account-section-head{padding-bottom:var(--karin-space-3)!important;border-bottom:1px solid var(--karin-composition-divider)!important;}
body.karin-page-my-account .karin-account-section-head h2{margin:0!important;font-size:16px!important;}
body.karin-page-my-account .karin-account-form{display:grid!important;gap:var(--karin-space-3)!important;}
body.karin-page-my-account .karin-account-password-form{grid-template-columns:1fr 1fr!important;}
body.karin-page-my-account .karin-account-password-form>div:first-of-type{grid-column:1/-1!important;}
body.karin-page-my-account .karin-account-password-form .karin-account-actions{grid-column:1/-1!important;}
body.karin-page-my-account .karin-account-actions{display:flex!important;gap:var(--karin-space-2)!important;margin:0!important;padding-top:var(--karin-space-3)!important;border-top:1px solid var(--karin-composition-divider)!important;}
body.karin-page-my-account .karin-account-divider{height:1px!important;background:var(--karin-composition-divider)!important;margin:0!important;}
body.karin-page-my-account .karin-account-subsection{display:grid!important;gap:var(--karin-space-3)!important;scroll-margin-top:92px!important;}
body.karin-page-my-account .karin-account-inline-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:var(--karin-space-2)!important;}
body.karin-page-my-account .karin-account-flow-actions{display:flex!important;align-items:center!important;gap:var(--karin-space-2)!important;flex-wrap:wrap!important;}
body.karin-page-my-account .karin-account-flow-actions form{margin:0!important;}
body.karin-page-my-account .karin-account-phone-summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:var(--karin-space-3)!important;}
body.karin-page-my-account .karin-account-phone-summary>div{display:grid!important;gap:4px!important;}
body.karin-page-my-account .karin-account-step-head{display:flex!important;align-items:flex-start!important;gap:var(--karin-space-2)!important;}
body.karin-page-my-account .karin-account-step-head small{display:block!important;margin-top:3px!important;color:var(--karin-text-muted)!important;line-height:1.7!important;}
body.karin-page-my-account .karin-account-step-index{width:28px!important;height:28px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:var(--karin-primary-soft)!important;color:var(--karin-primary)!important;font-weight:900!important;flex:0 0 28px!important;}
body.karin-page-my-account .karin-account-step-done{padding:10px 12px!important;border:1px solid var(--karin-success-border,#bbf7d0)!important;border-radius:var(--karin-radius-md)!important;background:var(--karin-success-soft,#f0fdf4)!important;color:var(--karin-success,#15803d)!important;font-weight:700!important;}
body.karin-page-my-account .karin-account-inline-note{color:var(--karin-text-muted)!important;font-size:12px!important;line-height:1.7!important;}

body.karin-page-set-password .karin-password-setup-workspace{min-height:65vh!important;display:grid!important;place-items:center!important;padding-block:var(--karin-space-5)!important;}
body.karin-page-set-password .karin-password-setup-panel{width:min(460px,100%)!important;margin:0!important;padding:0!important;overflow:hidden!important;box-shadow:none!important;}
body.karin-page-set-password .karin-password-setup-panel>.karin-section-head{padding:var(--karin-space-4)!important;margin:0!important;border-bottom:1px solid var(--karin-composition-divider)!important;}
body.karin-page-set-password .karin-password-setup-panel>form{padding:var(--karin-space-4)!important;}
body.karin-page-set-password .karin-password-setup-panel>.karin-notice{margin:var(--karin-space-4) var(--karin-space-4) 0!important;}
body.karin-page-set-password .karin-password-setup-panel .karin-form-actions{margin:0!important;padding-top:var(--karin-space-3)!important;border-top:1px solid var(--karin-composition-divider)!important;}

body.karin-page-update .karin-update-result-workspace{max-width:820px!important;margin-inline:auto!important;}
body.karin-page-update .karin-update-result-panel{margin:0!important;padding:var(--karin-space-5)!important;display:grid!important;gap:var(--karin-space-4)!important;box-shadow:none!important;}
body.karin-page-update .karin-update-result-state{display:grid!important;gap:var(--karin-space-2)!important;}
body.karin-page-update .karin-update-result-state>b{font-size:18px!important;color:var(--karin-heading)!important;}
body.karin-page-update .karin-update-result-state>p{margin:0!important;color:var(--karin-text-muted)!important;line-height:1.9!important;}
body.karin-page-update .karin-update-result-state.is-error>b{color:var(--karin-danger)!important;}
body.karin-page-update .karin-update-result-state.is-success>b{color:var(--karin-success,#15803d)!important;}
body.karin-page-update .karin-update-result-panel>.karin-form-actions{margin:0!important;padding-top:var(--karin-space-3)!important;border-top:1px solid var(--karin-composition-divider)!important;}

@media(max-width:900px){
 body.karin-page-my-account .karin-account-grid{grid-template-columns:1fr!important;}
 body.karin-page-delivered-orders .karin-delivered-orders-table{min-width:980px!important;}
}
@media(max-width:700px){
 body.karin-page-branches .karin-simple-crud-form .karin-form-grid{grid-template-columns:1fr!important;}
 body.karin-page-branches .karin-simple-crud-form .karin-field:nth-child(3){grid-column:auto!important;}
 body.karin-page-branches .karin-simple-crud-actions,
 body.karin-page-update .karin-update-result-panel>.karin-form-actions{display:grid!important;grid-template-columns:1fr!important;}
 body.karin-page-branches .karin-simple-crud-actions>*,body.karin-page-update .karin-update-result-panel>.karin-form-actions>*{width:100%!important;}
 body.karin-page-woo-sync .karin-page-header__actions{width:100%!important;}
 body.karin-page-woo-sync .karin-page-header__actions>*{width:100%!important;}
 body.karin-page-woo-sync .karin-woo-sync-sites>form,body.karin-page-woo-sync .karin-woo-sync-test>form{padding:var(--karin-space-3)!important;}
 body.karin-page-my-account .karin-account-section{padding:var(--karin-space-3)!important;gap:var(--karin-space-3)!important;}
 body.karin-page-my-account .karin-account-password-form{grid-template-columns:1fr!important;}
 body.karin-page-my-account .karin-account-password-form>div:first-of-type,body.karin-page-my-account .karin-account-password-form .karin-account-actions{grid-column:auto!important;}
 body.karin-page-my-account .karin-account-inline-form{grid-template-columns:1fr!important;}
 body.karin-page-my-account .karin-account-phone-summary{align-items:flex-start!important;flex-direction:column!important;}
 body.karin-page-my-account .karin-account-phone-summary form,body.karin-page-my-account .karin-account-phone-summary .karin-button,body.karin-page-my-account .karin-account-inline-form .karin-button{width:100%!important;}
 body.karin-page-my-account .karin-account-flow-actions{display:grid!important;grid-template-columns:1fr!important;}
 body.karin-page-my-account .karin-account-flow-actions form,body.karin-page-my-account .karin-account-flow-actions .karin-button{width:100%!important;}
 body.karin-page-set-password .karin-password-setup-workspace{min-height:auto!important;padding-block:var(--karin-space-3)!important;}
 body.karin-page-set-password .karin-password-setup-panel>form{padding:var(--karin-space-3)!important;}
 body.karin-page-update .karin-update-result-panel{padding:var(--karin-space-4)!important;}
}
@media(prefers-reduced-motion:reduce){body:is(.karin-page-branches,.karin-page-woo-sync,.karin-page-delivered-orders,.karin-page-my-account,.karin-page-set-password,.karin-page-update) *{scroll-behavior:auto!important;}}

/* ======================================================================== Karin v5.312.1 — Canonical Surface Ownership + Reports Mobile Stabilization Integration routes share one surface contract; Reports mobile owns its horizontal navigation geometry without inheriting legacy flex shrink. ======================================================================== */
body:is(.karin-page-woo-sites,.karin-page-woo-sync,.karin-page-catalog-import,.karin-page-site-ledger) .karin-integrations-workspace{
  gap:var(--karin-space-4)!important;
}
body:is(.karin-page-woo-sites,.karin-page-woo-sync,.karin-page-catalog-import,.karin-page-site-ledger) .karin-integrations-context-nav{
  margin:0!important;
}
body:is(.karin-page-catalog-import,.karin-page-site-ledger) .karin-integrations-workspace>.karin-page-header{
  padding-bottom:var(--karin-space-2)!important;
}
body.karin-page-catalog-import .karin-integrations-panel{
  margin:0!important;
}
body.karin-page-catalog-import #catalog-import-form{
  gap:0!important;
}
body.karin-page-catalog-import #catalog-import-form>.karin-form-section{
  padding-block:var(--karin-space-4)!important;
}
body.karin-page-catalog-import #catalog-import-form>.karin-form-section:first-of-type{
  padding-top:0!important;
}
body.karin-page-catalog-import #catalog-import-form>.karin-form-section+.karin-form-section{
  border-top:1px solid var(--karin-composition-divider)!important;
}
body.karin-page-catalog-import #catalog-import-form>.karin-form-actionbar{
  margin-top:0!important;
  padding-top:var(--karin-space-4)!important;
  border-top:1px solid var(--karin-composition-divider)!important;
}
body.karin-page-catalog-import #catalog-import-form .karin-choice-grid{
  gap:0!important;
  overflow:hidden!important;
  border:1px solid var(--karin-composition-divider)!important;
  border-radius:12px!important;
  background:transparent!important;
}
body.karin-page-catalog-import #catalog-import-form .karin-choice-card{
  min-height:58px!important;
  padding:11px 13px!important;
  border:0!important;
  border-radius:0!important;
  outline:1px solid var(--karin-composition-divider)!important;
  outline-offset:-1px!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.karin-page-catalog-import #catalog-import-form .karin-choice-card:has(input:checked){
  background:var(--karin-primary-soft)!important;
  color:var(--karin-text)!important;
}
body.karin-page-site-ledger .karin-filter-card{
  margin:0!important;
  background:var(--karin-composition-panel-bg)!important;
  border-color:var(--karin-composition-panel-border)!important;
}
body.karin-page-site-ledger .karin-site-ledger-list{margin:0!important;}
body.karin-page-site-ledger .karin-site-ledger-list>.karin-table-wrap{overflow-x:auto!important;}
body.karin-page-site-ledger .karin-site-ledger-list>.pagination{margin:0!important;padding:var(--karin-space-3) var(--karin-space-4)!important;border-top:1px solid var(--karin-composition-divider)!important;}

@media(max-width:700px){
  body.karin-page-catalog-import .karin-data-panel--padded,
  body.karin-page-site-ledger .karin-data-panel--padded{padding:var(--karin-space-3)!important;}
  body.karin-page-catalog-import #catalog-import-form>.karin-form-section{padding-block:var(--karin-space-3)!important;}
  body.karin-page-catalog-import #catalog-import-form .karin-choice-grid{grid-template-columns:1fr!important;}
  body.karin-page-catalog-import #catalog-import-form .karin-choice-card{min-height:56px!important;}
  body.karin-page-site-ledger .karin-filter-grid{grid-template-columns:1fr!important;}
  body.karin-page-site-ledger .karin-filter-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;}

  body.karin-page-reports .karin-reports-workspace-v5303,
  body.karin-page-reports .reports-timehub,
  body.karin-page-reports .reports-timehub-controls,
  body.karin-page-reports .reports-timehub-strip{
    min-width:0!important;
    max-width:100%!important;
  }
  body.karin-page-reports .reports-timehub-controls{
    width:100%!important;
    overflow:hidden!important;
  }
  body.karin-page-reports .reports-timehub .reports-periods{
    display:flex!important;
    flex-wrap:nowrap!important;
    width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:6px!important;
    padding-bottom:2px!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
  }
  body.karin-page-reports .reports-timehub .reports-periods::-webkit-scrollbar{display:none!important;}
  body.karin-page-reports .reports-timehub .reports-periods>a{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:none!important;
    white-space:nowrap!important;
    scroll-snap-align:start!important;
  }
  body.karin-page-reports .reports-timehub .reports-grain-switch{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  body.karin-page-reports .reports-timehub .reports-grain-switch>a{
    min-width:0!important;
    width:100%!important;
    padding-inline:6px!important;
    white-space:nowrap!important;
  }
  body.karin-page-reports .reports-timehub-strip{
    display:flex!important;
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:8px!important;
    padding:0 0 var(--karin-space-3)!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
  }
  body.karin-page-reports .reports-timehub-strip::-webkit-scrollbar{display:none!important;}
  body.karin-page-reports .reports-timehub-strip>.reports-period-chip{
    flex:0 0 78%!important;
    width:78%!important;
    min-width:0!important;
    max-width:300px!important;
    overflow:hidden!important;
    scroll-snap-align:start!important;
  }
  body.karin-page-reports .reports-timehub-strip>.reports-period-chip :is(span,b,small){
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.karin-page-reports .reports-timehub-filter,
  body.karin-page-reports .reports-timehub-filter .reports-filter{
    min-width:0!important;
    max-width:100%!important;
  }
}

/* ======================================================================== Karin v5.317 — Concept Dashboard Redesign Real composition redesign: premium operational hierarchy, grouped command deck, analytics-first desktop layout and a dedicated compact mobile flow. Dashboard business/query/permission logic remains unchanged. ======================================================================== */
body.karin-page-index .karin-dashboard-concept-v5317{
  --dash17-surface:var(--karin-golden-surface,#fff);
  --dash17-soft:var(--karin-golden-surface-soft,#f8fafc);
  --dash17-border:var(--karin-golden-border,#dbe3ee);
  --dash17-divider:var(--karin-golden-divider,#e7edf4);
  --dash17-title:var(--karin-golden-title,var(--karin-text,#0f172a));
  --dash17-muted:var(--karin-golden-muted,#6b778c);
  --dash17-hover:var(--karin-golden-row-hover,#f6f9fd);
  width:100%!important;max-width:1460px!important;margin:0 auto 34px!important;
  display:grid!important;gap:18px!important;color:var(--dash17-title)!important;
}
body.karin-page-index .karin-dashboard-concept-v5317 *{box-sizing:border-box;min-width:0;}
body.karin-page-index .karin-dashboard-concept-v5317 a{text-decoration:none;}

body.karin-page-index .dash-hero-v5317{
  min-height:108px!important;padding:20px 22px!important;border:1px solid var(--dash17-border)!important;border-radius:22px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;
  background:
    radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--karin-primary) 8%,transparent) 0,transparent 34%),
    linear-gradient(135deg,color-mix(in srgb,var(--karin-primary) 3%,var(--dash17-surface)) 0%,var(--dash17-surface) 54%,color-mix(in srgb,var(--karin-primary) 2%,var(--dash17-soft)) 100%)!important;
  box-shadow:0 10px 30px rgba(31,51,79,.055)!important;overflow:hidden!important;
}
body.karin-page-index .dash-hero-v5317__identity{display:flex!important;align-items:center!important;gap:14px!important;}
body.karin-page-index .dash-hero-v5317__avatar{width:54px!important;height:54px!important;flex:0 0 54px!important;border-radius:17px!important;display:grid!important;place-items:center!important;color:var(--karin-primary)!important;background:color-mix(in srgb,var(--karin-primary) 9%,var(--dash17-surface))!important;border:1px solid color-mix(in srgb,var(--karin-primary) 18%,var(--dash17-border))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;}
body.karin-page-index .dash-hero-v5317__avatar svg{width:26px!important;height:26px!important;}
body.karin-page-index .dash-hero-v5317__eyebrow{display:block!important;margin-bottom:2px!important;color:var(--karin-primary)!important;font-size:10px!important;font-weight:780!important;letter-spacing:.01em!important;}
body.karin-page-index .dash-hero-v5317__copy h1{margin:0!important;font-size:24px!important;font-weight:900!important;line-height:1.35!important;color:var(--dash17-title)!important;}
body.karin-page-index .dash-hero-v5317__copy h1 a{color:inherit!important;}
body.karin-page-index .dash-hero-v5317__copy p{margin:3px 0 0!important;color:var(--dash17-muted)!important;font-size:11.5px!important;font-weight:570!important;line-height:1.6!important;}
body.karin-page-index .dash-hero-v5317__actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-start!important;}
body.karin-page-index .dash-hero-action-v5317{height:40px!important;min-width:0!important;padding:0 12px!important;border:1px solid var(--dash17-border)!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;background:var(--dash17-surface)!important;color:var(--dash17-title)!important;font-size:10.7px!important;font-weight:760!important;box-shadow:0 2px 8px rgba(31,51,79,.025)!important;transition:.16s ease!important;}
body.karin-page-index .dash-hero-action-v5317__icon{width:18px!important;height:18px!important;display:grid!important;place-items:center!important;color:var(--karin-primary)!important;}
body.karin-page-index .dash-hero-action-v5317__icon :is(svg,.nav-icon){width:17px!important;height:17px!important;}
body.karin-page-index .dash-hero-action-v5317:hover{border-color:color-mix(in srgb,var(--karin-primary) 26%,var(--dash17-border))!important;background:var(--dash17-hover)!important;transform:translateY(-1px)!important;}
body.karin-page-index .dash-hero-action-v5317.is-primary{background:var(--karin-primary)!important;border-color:var(--karin-primary)!important;color:#fff!important;box-shadow:0 7px 18px color-mix(in srgb,var(--karin-primary) 20%,transparent)!important;}
body.karin-page-index .dash-hero-action-v5317.is-primary .dash-hero-action-v5317__icon{color:#fff!important;}

body.karin-page-index .dash-section-heading-v5317{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-bottom:14px!important;}
body.karin-page-index .dash-section-heading-v5317>div{display:grid!important;gap:1px!important;}
body.karin-page-index .dash-section-kicker-v5317{font-size:9.7px!important;color:var(--karin-primary)!important;font-weight:760!important;}
body.karin-page-index .dash-section-heading-v5317 h2{margin:0!important;font-size:17px!important;line-height:1.45!important;font-weight:880!important;color:var(--dash17-title)!important;}
body.karin-page-index .dash-section-heading-v5317__icon{width:34px!important;height:34px!important;border-radius:11px!important;display:grid!important;place-items:center!important;color:var(--karin-primary)!important;background:color-mix(in srgb,var(--karin-primary) 7%,var(--dash17-surface))!important;border:1px solid color-mix(in srgb,var(--karin-primary) 16%,var(--dash17-border))!important;}
body.karin-page-index .dash-section-heading-v5317__icon svg{width:17px!important;height:17px!important;}
body.karin-page-index .dash-text-action-v5317{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:32px!important;padding:5px 9px!important;border-radius:9px!important;color:var(--karin-primary)!important;font-size:10px!important;font-weight:760!important;}
body.karin-page-index .dash-text-action-v5317:hover{background:color-mix(in srgb,var(--karin-primary) 7%,transparent)!important;}

body.karin-page-index .dash-command-v5317{padding:17px!important;border:1px solid var(--dash17-border)!important;border-radius:20px!important;background:color-mix(in srgb,var(--dash17-soft) 74%,var(--dash17-surface))!important;box-shadow:0 5px 18px rgba(31,51,79,.025)!important;}
body.karin-page-index .dash-command-grid-v5317{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important;}
body.karin-page-index .dash-command-card-v5317{min-height:72px!important;padding:10px 11px!important;border:1px solid var(--dash17-border)!important;border-radius:14px!important;background:var(--dash17-surface)!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) 14px!important;align-items:center!important;gap:9px!important;color:var(--dash17-title)!important;box-shadow:0 2px 8px rgba(31,51,79,.02)!important;transition:.16s ease!important;}
body.karin-page-index .dash-command-card-v5317__icon{width:38px!important;height:38px!important;border-radius:11px!important;display:grid!important;place-items:center!important;color:var(--dash-bg,var(--karin-primary))!important;background:color-mix(in srgb,var(--dash-bg,var(--karin-primary)) 9%,var(--dash17-surface))!important;border:1px solid color-mix(in srgb,var(--dash-bg,var(--karin-primary)) 17%,var(--dash17-border))!important;}
body.karin-page-index .dash-command-card-v5317__icon :is(svg,.nav-icon){width:18px!important;height:18px!important;}
body.karin-page-index .dash-command-card-v5317__copy{display:grid!important;gap:1px!important;overflow:hidden!important;}
body.karin-page-index .dash-command-card-v5317__copy b{font-size:11.2px!important;font-weight:800!important;line-height:1.45!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.karin-page-index .dash-command-card-v5317__copy small{font-size:8.8px!important;font-weight:520!important;color:var(--dash17-muted)!important;line-height:1.45!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.karin-page-index .dash-command-card-v5317__arrow{width:14px!important;height:14px!important;display:grid!important;place-items:center!important;direction:ltr!important;color:color-mix(in srgb,var(--dash17-muted) 56%,transparent)!important;transition:transform .16s ease!important;}
body.karin-page-index .dash-command-card-v5317__arrow svg{width:14px!important;height:14px!important;display:block!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
body.karin-page-index .dash-command-card-v5317:hover{border-color:color-mix(in srgb,var(--dash-bg,var(--karin-primary)) 24%,var(--dash17-border))!important;box-shadow:0 7px 18px rgba(31,51,79,.05)!important;transform:translateY(-1px)!important;background:color-mix(in srgb,var(--dash-bg,var(--karin-primary)) 2.2%,var(--dash17-surface))!important;}
body.karin-page-index .dash-command-card-v5317:hover .dash-command-card-v5317__arrow{transform:translateX(-2px)!important;color:var(--dash-bg,var(--karin-primary))!important;}
body.karin-page-index .dash-mobile-command-v5317{display:none!important;}

body.karin-page-index .dash-overview-v5317{padding:17px!important;border:1px solid var(--dash17-border)!important;border-radius:20px!important;background:var(--dash17-surface)!important;box-shadow:0 5px 18px rgba(31,51,79,.025)!important;}
body.karin-page-index .dash-overview-grid-v5317{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
body.karin-page-index .dash-metric-v5317{min-height:112px!important;padding:15px!important;border:1px solid var(--dash17-border)!important;border-radius:15px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:11px!important;align-items:start!important;background:linear-gradient(180deg,color-mix(in srgb,var(--dash-bg,var(--karin-primary)) 3.4%,var(--dash17-surface)),var(--dash17-surface))!important;color:var(--dash17-title)!important;transition:.16s ease!important;}
body.karin-page-index .dash-metric-v5317__icon{width:42px!important;height:42px!important;border-radius:12px!important;display:grid!important;place-items:center!important;color:var(--dash-bg,var(--karin-primary))!important;background:color-mix(in srgb,var(--dash-bg,var(--karin-primary)) 9%,var(--dash17-surface))!important;border:1px solid color-mix(in srgb,var(--dash-bg,var(--karin-primary)) 17%,var(--dash17-border))!important;}
body.karin-page-index .dash-metric-v5317__icon :is(svg,.nav-icon){width:20px!important;height:20px!important;}
body.karin-page-index .dash-metric-v5317__body{display:grid!important;gap:3px!important;align-content:start!important;}
body.karin-page-index .dash-metric-v5317__body small{font-size:9.8px!important;color:var(--dash17-muted)!important;font-style:normal!important;font-weight:650!important;}
body.karin-page-index .dash-metric-v5317__body strong{font-size:20px!important;line-height:1.35!important;font-weight:900!important;color:var(--dash17-title)!important;white-space:normal!important;}
body.karin-page-index .dash-metric-v5317__body em{font-size:9.4px!important;line-height:1.45!important;font-style:normal!important;color:var(--dash17-muted)!important;font-weight:520!important;}
body.karin-page-index .dash-metric-v5317:hover{border-color:color-mix(in srgb,var(--dash-bg,var(--karin-primary)) 24%,var(--dash17-border))!important;box-shadow:0 8px 20px rgba(31,51,79,.045)!important;transform:translateY(-1px)!important;}
body.karin-page-index .dash-metric-v5317.is-support{min-height:92px!important;grid-template-columns:36px minmax(0,1fr)!important;padding:12px!important;}
body.karin-page-index .dash-metric-v5317.is-support .dash-metric-v5317__icon{width:36px!important;height:36px!important;border-radius:10px!important;}
body.karin-page-index .dash-metric-v5317.is-support .dash-metric-v5317__icon :is(svg,.nav-icon){width:17px!important;height:17px!important;}
body.karin-page-index .dash-metric-v5317.is-support .dash-metric-v5317__body strong{font-size:16px!important;}

body.karin-page-index .dash-panel-v5317{padding:17px!important;border:1px solid var(--dash17-border)!important;border-radius:20px!important;background:var(--dash17-surface)!important;box-shadow:0 5px 18px rgba(31,51,79,.025)!important;}
body.karin-page-index .dash-panel-head-v5317{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:14px!important;}
body.karin-page-index .dash-panel-title-v5317{display:flex!important;align-items:center!important;gap:9px!important;}
body.karin-page-index .dash-panel-title-v5317__icon{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:10px!important;display:grid!important;place-items:center!important;color:var(--karin-primary)!important;background:color-mix(in srgb,var(--karin-primary) 7%,var(--dash17-surface))!important;border:1px solid color-mix(in srgb,var(--karin-primary) 15%,var(--dash17-border))!important;}
body.karin-page-index .dash-panel-title-v5317__icon :is(svg,.nav-icon){width:16px!important;height:16px!important;}
body.karin-page-index .dash-panel-title-v5317 h2{margin:0!important;font-size:14.5px!important;line-height:1.45!important;font-weight:850!important;color:var(--dash17-title)!important;}
body.karin-page-index .dash-panel-title-v5317 p{margin:1px 0 0!important;font-size:9.5px!important;line-height:1.5!important;color:var(--dash17-muted)!important;font-weight:520!important;}

body.karin-page-index .dash-analytics-v5317{display:grid!important;grid-template-columns:minmax(0,1.85fr) minmax(290px,.72fr)!important;gap:12px!important;align-items:stretch!important;}
body.karin-page-index .dash-trend-v5317{min-height:350px!important;}
body.karin-page-index .dash-panel-head-v5317--trend{align-items:flex-start!important;}
body.karin-page-index .dash-trend-summary-v5317{display:flex!important;gap:7px!important;align-items:stretch!important;}
body.karin-page-index :is(.dash-trend-delta-v5317,.dash-trend-peak-v5317){min-width:104px!important;padding:8px 10px!important;border-radius:11px!important;border:1px solid var(--dash17-border)!important;background:var(--dash17-soft)!important;display:grid!important;gap:2px!important;}
body.karin-page-index :is(.dash-trend-delta-v5317,.dash-trend-peak-v5317) small{font-size:8px!important;color:var(--dash17-muted)!important;font-weight:590!important;}
body.karin-page-index :is(.dash-trend-delta-v5317,.dash-trend-peak-v5317) b{font-size:12px!important;color:var(--dash17-title)!important;font-weight:850!important;}
body.karin-page-index .dash-trend-delta-v5317.up{background:color-mix(in srgb,#10b981 7%,var(--dash17-surface))!important;border-color:color-mix(in srgb,#10b981 16%,var(--dash17-border))!important;}
body.karin-page-index .dash-trend-delta-v5317.up b{color:#0f8a62!important;}
body.karin-page-index .dash-trend-delta-v5317.down{background:color-mix(in srgb,#dc2626 6%,var(--dash17-surface))!important;border-color:color-mix(in srgb,#dc2626 14%,var(--dash17-border))!important;}
body.karin-page-index .dash-trend-delta-v5317.down b{color:#c82828!important;}
body.karin-page-index .dash-chart-legend-v5317{margin:0 52px 7px 0!important;font-size:8.4px!important;gap:12px!important;}
body.karin-page-index .dash-hourly-chart-v5317{grid-template-columns:50px minmax(0,1fr)!important;gap:5px!important;}
body.karin-page-index .dash-hourly-chart-v5317 .dash-chart-y{width:50px!important;min-width:50px!important;font-size:7.8px!important;color:var(--dash17-muted)!important;}
body.karin-page-index .dash-hourly-chart-v5317 .dash-chart-stage{height:240px!important;min-height:240px!important;border-radius:14px!important;background:color-mix(in srgb,var(--karin-primary) 1.8%,var(--dash17-soft))!important;border:1px solid var(--dash17-divider)!important;}
body.karin-page-index .dash-hourly-chart-v5317 .dash-chart-stage svg{height:222px!important;}
body.karin-page-index .dash-hourly-chart-v5317 .dash-chart-area-v2{fill:url(#dashHourlyAreaV5317)!important;}
body.karin-page-index .dash-hourly-chart-v5317 .dash-chart-grid{stroke:color-mix(in srgb,var(--dash17-muted) 15%,transparent)!important;}
body.karin-page-index .dash-hourly-chart-v5317 .dash-chart-axis{font-size:7.5px!important;color:var(--dash17-muted)!important;}
body.karin-page-index .dash-channel-v5317{display:flex!important;flex-direction:column!important;}
body.karin-page-index .dash-channel-total-v5317{margin-bottom:14px!important;padding:13px 14px!important;border-radius:13px!important;background:color-mix(in srgb,var(--karin-primary) 5%,var(--dash17-soft))!important;border:1px solid color-mix(in srgb,var(--karin-primary) 11%,var(--dash17-border))!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;}
body.karin-page-index .dash-channel-total-v5317 span{display:grid!important;gap:1px!important;}
body.karin-page-index .dash-channel-total-v5317 small{font-size:8.6px!important;color:var(--dash17-muted)!important;}
body.karin-page-index .dash-channel-total-v5317 b{font-size:17px!important;font-weight:900!important;color:var(--dash17-title)!important;}
body.karin-page-index .dash-channel-total-v5317 em{font-size:9.4px!important;font-style:normal!important;color:var(--karin-primary)!important;font-weight:760!important;white-space:nowrap!important;}
body.karin-page-index .dash-channel-list-v5317{display:grid!important;gap:12px!important;}
body.karin-page-index .dash-channel-item-v5317{display:grid!important;gap:5px!important;}
body.karin-page-index .dash-channel-item-v5317>div:first-child{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;}
body.karin-page-index .dash-channel-item-v5317 b{font-size:10.5px!important;font-weight:760!important;color:var(--dash17-title)!important;}
body.karin-page-index .dash-channel-item-v5317 span{font-size:9px!important;color:var(--dash17-muted)!important;font-weight:700!important;}
body.karin-page-index .dash-channel-item-v5317 small{font-size:8.5px!important;color:var(--dash17-muted)!important;line-height:1.4!important;}
body.karin-page-index .dash-channel-track-v5317{height:7px!important;border-radius:999px!important;background:color-mix(in srgb,var(--dash17-muted) 10%,transparent)!important;overflow:hidden!important;}
body.karin-page-index .dash-channel-track-v5317 i{display:block!important;height:100%!important;width:var(--dash-channel-width)!important;border-radius:inherit!important;background:linear-gradient(90deg,var(--karin-primary),color-mix(in srgb,var(--karin-primary) 62%,#55a5ff))!important;}
body.karin-page-index .dash-empty-v5317{min-height:110px!important;padding:18px!important;border:1px dashed color-mix(in srgb,var(--dash17-muted) 24%,var(--dash17-border))!important;border-radius:14px!important;background:var(--dash17-soft)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;text-align:center!important;color:var(--dash17-muted)!important;}
body.karin-page-index .dash-empty-v5317 b{font-size:11px!important;color:var(--dash17-title)!important;}
body.karin-page-index .dash-empty-v5317 span{font-size:9.5px!important;}
body.karin-page-index .dash-empty-v5317.is-quiet{min-height:74px!important;}

body.karin-page-index .dash-operations-v5317{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr)!important;gap:12px!important;align-items:start!important;}
body.karin-page-index .dash-operations-v5317:not(.has-side){grid-template-columns:minmax(0,1.6fr) minmax(280px,.6fr)!important;}
body.karin-page-index .dash-attention-list-v5317{display:grid!important;gap:7px!important;}
body.karin-page-index .dash-attention-item-v5317{min-height:58px!important;padding:8px 10px!important;border:1px solid var(--dash17-divider)!important;border-radius:12px!important;background:var(--dash17-surface)!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;color:var(--dash17-title)!important;transition:.14s ease!important;}
body.karin-page-index .dash-attention-item-v5317__icon{width:34px!important;height:34px!important;border-radius:10px!important;display:grid!important;place-items:center!important;color:var(--dash-bg,var(--karin-primary))!important;background:color-mix(in srgb,var(--dash-bg,var(--karin-primary)) 8%,var(--dash17-surface))!important;border:1px solid color-mix(in srgb,var(--dash-bg,var(--karin-primary)) 15%,var(--dash17-border))!important;}
body.karin-page-index .dash-attention-item-v5317__icon :is(svg,.nav-icon){width:16px!important;height:16px!important;}
body.karin-page-index .dash-attention-item-v5317__copy{display:grid!important;gap:1px!important;}
body.karin-page-index .dash-attention-item-v5317__copy b{font-size:10.7px!important;font-weight:780!important;}
body.karin-page-index .dash-attention-item-v5317__copy small{font-size:8.9px!important;line-height:1.55!important;color:var(--dash17-muted)!important;font-weight:520!important;}
body.karin-page-index .dash-attention-item-v5317__cta{font-size:9px!important;color:var(--dash-bg,var(--karin-primary))!important;font-weight:760!important;white-space:nowrap!important;}
body.karin-page-index .dash-attention-item-v5317:hover{background:color-mix(in srgb,var(--dash-bg,var(--karin-primary)) 2.8%,var(--dash17-surface))!important;border-color:color-mix(in srgb,var(--dash-bg,var(--karin-primary)) 18%,var(--dash17-border))!important;}
body.karin-page-index .dash-side-stack-v5317{display:grid!important;gap:12px!important;}
body.karin-page-index .dash-due-list-v5317{display:grid!important;gap:7px!important;}
body.karin-page-index .dash-due-list-v5317 a{min-height:58px!important;padding:9px 10px!important;border:1px solid var(--dash17-divider)!important;border-radius:12px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"label count" "amount count"!important;align-items:center!important;gap:1px 8px!important;color:var(--dash17-title)!important;background:linear-gradient(90deg,color-mix(in srgb,var(--dash-bg,var(--karin-primary)) 5%,var(--dash17-surface)),var(--dash17-surface))!important;}
body.karin-page-index .dash-due-list-v5317 span{grid-area:label!important;font-size:9.5px!important;color:var(--dash17-muted)!important;font-weight:650!important;}
body.karin-page-index .dash-due-list-v5317 b{grid-area:count!important;min-width:34px!important;height:34px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:color-mix(in srgb,var(--dash-bg,var(--karin-primary)) 9%,var(--dash17-surface))!important;color:var(--dash-bg,var(--karin-primary))!important;border:1px solid color-mix(in srgb,var(--dash-bg,var(--karin-primary)) 15%,var(--dash17-border))!important;font-size:12px!important;}
body.karin-page-index .dash-due-list-v5317 small{grid-area:amount!important;font-size:8.8px!important;color:var(--dash17-title)!important;font-weight:720!important;}
body.karin-page-index .dash-health-grid-v5317{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
body.karin-page-index .dash-health-item-v5317{min-height:58px!important;padding:9px 10px!important;border:1px solid var(--dash17-divider)!important;border-radius:12px!important;background:var(--dash17-soft)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;}
body.karin-page-index .dash-health-item-v5317 span{font-size:8.9px!important;line-height:1.45!important;color:var(--dash17-muted)!important;font-weight:600!important;}
body.karin-page-index .dash-health-item-v5317 b{min-width:30px!important;height:26px!important;padding:0 7px!important;border-radius:999px!important;display:grid!important;place-items:center!important;font-size:9px!important;font-weight:820!important;background:var(--dash17-divider)!important;color:var(--dash17-title)!important;}
body.karin-page-index .dash-health-item-v5317 b.ok{background:color-mix(in srgb,#10b981 13%,var(--dash17-surface))!important;color:#0d865f!important;}
body.karin-page-index .dash-health-item-v5317 b.warn{background:color-mix(in srgb,#f59e0b 14%,var(--dash17-surface))!important;color:#ad6b00!important;}
body.karin-page-index .dash-health-item-v5317 b.bad{background:color-mix(in srgb,#dc2626 11%,var(--dash17-surface))!important;color:#bd2828!important;}

body.karin-page-index .dash-recent-grid-v5317{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
body.karin-page-index .dash-recent-grid-v5317.single{grid-template-columns:1fr!important;}
body.karin-page-index .dash-recent-column-v5317{padding:11px!important;border:1px solid var(--dash17-divider)!important;border-radius:14px!important;background:var(--dash17-soft)!important;}
body.karin-page-index .dash-recent-column-v5317__head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:7px!important;}
body.karin-page-index .dash-recent-column-v5317__head b{font-size:10.5px!important;font-weight:800!important;}
body.karin-page-index .dash-recent-column-v5317__head a{font-size:8.8px!important;color:var(--karin-primary)!important;font-weight:750!important;}
body.karin-page-index .dash-recent-list-v5317{display:grid!important;gap:5px!important;}
body.karin-page-index .dash-recent-list-v5317>a{min-height:48px!important;padding:7px 9px!important;border:1px solid transparent!important;border-radius:10px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;color:var(--dash17-title)!important;background:var(--dash17-surface)!important;}
body.karin-page-index .dash-recent-list-v5317>a:hover{border-color:color-mix(in srgb,var(--karin-primary) 16%,var(--dash17-divider))!important;background:var(--dash17-hover)!important;}
body.karin-page-index .dash-recent-list-v5317 span{display:grid!important;gap:1px!important;}
body.karin-page-index .dash-recent-list-v5317 b{font-size:10px!important;line-height:1.45!important;font-weight:780!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.karin-page-index .dash-recent-list-v5317 small{font-size:8.4px!important;line-height:1.45!important;color:var(--dash17-muted)!important;font-weight:520!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.karin-page-index .dash-recent-list-v5317 strong{font-size:9.8px!important;white-space:nowrap!important;font-weight:800!important;}

body.karin-page-index .dash-inventory-zone-v5317{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr)!important;gap:12px!important;align-items:start!important;}
body.karin-page-index .dash-inventory-zone-v5317>.dash-inventory-v5317:only-child{grid-column:1/-1!important;}
body.karin-page-index .dash-inventory-columns-v5317{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
body.karin-page-index .dash-inventory-columns-v5317>div{padding:10px!important;border:1px solid var(--dash17-divider)!important;border-radius:13px!important;background:var(--dash17-soft)!important;}
body.karin-page-index .dash-inventory-label-v5317{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:7px!important;}
body.karin-page-index .dash-inventory-label-v5317 b{font-size:10.5px!important;font-weight:800!important;}
body.karin-page-index .dash-inventory-label-v5317 span{font-size:8.6px!important;color:var(--dash17-muted)!important;}
body.karin-page-index .dash-inventory-v5317 .dash-table-list{gap:5px!important;}
body.karin-page-index .dash-inventory-v5317 .dash-product-row{min-height:48px!important;padding:7px 8px!important;border-radius:10px!important;border-color:transparent!important;box-shadow:none!important;}
body.karin-page-index .dash-inventory-v5317 .dash-product-main b{font-size:9.4px!important;}
body.karin-page-index .dash-inventory-v5317 .dash-product-main small{font-size:8.2px!important;}
body.karin-page-index .dash-inventory-v5317 .dash-num{min-width:34px!important;height:28px!important;border-radius:9px!important;font-size:9px!important;}
body.karin-page-index .dash-balance-list-v5317{display:grid!important;gap:6px!important;}
body.karin-page-index .dash-balance-list-v5317 a{min-height:54px!important;padding:8px 9px!important;border:1px solid var(--dash17-divider)!important;border-radius:11px!important;background:var(--dash17-soft)!important;color:var(--dash17-title)!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:2px!important;}
body.karin-page-index .dash-balance-list-v5317 span{display:grid!important;gap:1px!important;}
body.karin-page-index .dash-balance-list-v5317 b{font-size:9.7px!important;font-weight:770!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.karin-page-index .dash-balance-list-v5317 small{font-size:8.2px!important;color:var(--dash17-muted)!important;}
body.karin-page-index .dash-balance-list-v5317 em{font-size:8.4px!important;font-style:normal!important;color:#c47b0a!important;font-weight:680!important;}

body.karin-page-index .dash-ledger-grid-v5317{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;}
body.karin-page-index .dash-ledger-grid-v5317 a{min-height:58px!important;padding:8px 9px!important;border:1px solid var(--dash17-divider)!important;border-radius:11px!important;color:var(--dash17-title)!important;background:var(--dash17-soft)!important;display:grid!important;grid-template-columns:7px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;}
body.karin-page-index .dash-ledger-grid-v5317 i{width:7px!important;height:7px!important;border-radius:999px!important;background:var(--karin-primary)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--karin-primary) 9%,transparent)!important;}
body.karin-page-index .dash-ledger-grid-v5317 span{display:grid!important;gap:1px!important;}
body.karin-page-index .dash-ledger-grid-v5317 b{font-size:9.5px!important;font-weight:770!important;}
body.karin-page-index .dash-ledger-grid-v5317 small{font-size:8.2px!important;color:var(--dash17-muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.karin-page-index .dash-ledger-grid-v5317 time{font-size:7.8px!important;color:var(--dash17-muted)!important;white-space:nowrap!important;}

@media(max-width:1180px){
  body.karin-page-index .dash-command-grid-v5317{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body.karin-page-index .dash-analytics-v5317{grid-template-columns:minmax(0,1.4fr) minmax(270px,.72fr)!important;}
  body.karin-page-index .dash-operations-v5317,body.karin-page-index .dash-inventory-zone-v5317{grid-template-columns:1fr!important;}
  body.karin-page-index .dash-side-stack-v5317{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

@media(max-width:760px){
  body.karin-page-index .karin-dashboard-concept-v5317{gap:11px!important;margin-bottom:20px!important;padding:0!important;}
  body.karin-page-index .dash-hero-v5317{min-height:82px!important;padding:12px!important;border-radius:16px!important;box-shadow:0 5px 16px rgba(31,51,79,.035)!important;}
  body.karin-page-index .dash-hero-v5317__avatar{width:44px!important;height:44px!important;flex-basis:44px!important;border-radius:13px!important;}
  body.karin-page-index .dash-hero-v5317__avatar svg{width:21px!important;height:21px!important;}
  body.karin-page-index .dash-hero-v5317__eyebrow{font-size:8.6px!important;margin-bottom:0!important;}
  body.karin-page-index .dash-hero-v5317__copy h1{font-size:18px!important;}
  body.karin-page-index .dash-hero-v5317__copy p{font-size:9px!important;max-width:245px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.karin-page-index .dash-hero-v5317__actions{display:none!important;}

  body.karin-page-index .dash-command-v5317,body.karin-page-index .dash-overview-v5317,body.karin-page-index .dash-panel-v5317{padding:12px!important;border-radius:15px!important;box-shadow:none!important;}
  body.karin-page-index .dash-command-grid-v5317{display:none!important;}
  body.karin-page-index .dash-mobile-command-v5317{display:grid!important;gap:8px!important;}
  body.karin-page-index .dash-command-v5317 .dash-section-heading-v5317{margin-bottom:10px!important;}
  body.karin-page-index .dash-section-heading-v5317{margin-bottom:10px!important;}
  body.karin-page-index .dash-section-heading-v5317__icon{width:30px!important;height:30px!important;border-radius:9px!important;}
  body.karin-page-index .dash-section-heading-v5317__icon svg{width:15px!important;height:15px!important;}
  body.karin-page-index .dash-section-kicker-v5317{font-size:8.4px!important;}
  body.karin-page-index .dash-section-heading-v5317 h2{font-size:14px!important;}
  body.karin-page-index .dash-mobile-command-v5317__primary{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;}
  body.karin-page-index .dash-mobile-command-item-v5317{min-height:68px!important;padding:7px 3px!important;border:1px solid var(--dash17-divider)!important;border-radius:11px!important;background:var(--dash17-surface)!important;color:var(--dash17-title)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;text-align:center!important;}
  body.karin-page-index .dash-mobile-command-item-v5317>span{width:30px!important;height:30px!important;border-radius:9px!important;display:grid!important;place-items:center!important;color:var(--dash-bg,var(--karin-primary))!important;background:color-mix(in srgb,var(--dash-bg,var(--karin-primary)) 9%,var(--dash17-surface))!important;border:1px solid color-mix(in srgb,var(--dash-bg,var(--karin-primary)) 16%,var(--dash17-border))!important;}
  body.karin-page-index .dash-mobile-command-item-v5317>span :is(svg,.nav-icon){width:15px!important;height:15px!important;}
  body.karin-page-index .dash-mobile-command-item-v5317 b{font-size:8.4px!important;line-height:1.35!important;font-weight:760!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  body.karin-page-index .dash-mobile-command-more-v5317{border-top:1px solid var(--dash17-divider)!important;padding-top:7px!important;}
  body.karin-page-index .dash-mobile-command-more-v5317 summary{list-style:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:34px!important;color:var(--karin-primary)!important;font-size:9.4px!important;font-weight:750!important;}
  body.karin-page-index .dash-mobile-command-more-v5317 summary::-webkit-details-marker{display:none!important;}
  body.karin-page-index .dash-mobile-command-more-v5317__grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;padding-top:4px!important;}
  body.karin-page-index .dash-mobile-command-more-item-v5317{min-height:42px!important;padding:6px 7px!important;border:1px solid var(--dash17-divider)!important;border-radius:9px!important;background:var(--dash17-surface)!important;color:var(--dash17-title)!important;display:grid!important;grid-template-columns:26px minmax(0,1fr)!important;align-items:center!important;gap:6px!important;}
  body.karin-page-index .dash-mobile-command-more-item-v5317>span{width:26px!important;height:26px!important;border-radius:8px!important;display:grid!important;place-items:center!important;color:var(--dash-bg,var(--karin-primary))!important;background:color-mix(in srgb,var(--dash-bg,var(--karin-primary)) 8%,var(--dash17-surface))!important;}
  body.karin-page-index .dash-mobile-command-more-item-v5317>span :is(svg,.nav-icon){width:13px!important;height:13px!important;}
  body.karin-page-index .dash-mobile-command-more-item-v5317 b{font-size:8.8px!important;font-weight:720!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}

  body.karin-page-index .dash-overview-grid-v5317{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  body.karin-page-index .dash-metric-v5317,body.karin-page-index .dash-metric-v5317.is-support{min-height:84px!important;padding:9px!important;grid-template-columns:32px minmax(0,1fr)!important;gap:7px!important;border-radius:11px!important;}
  body.karin-page-index .dash-metric-v5317__icon,body.karin-page-index .dash-metric-v5317.is-support .dash-metric-v5317__icon{width:32px!important;height:32px!important;border-radius:9px!important;}
  body.karin-page-index .dash-metric-v5317__icon :is(svg,.nav-icon),body.karin-page-index .dash-metric-v5317.is-support .dash-metric-v5317__icon :is(svg,.nav-icon){width:15px!important;height:15px!important;}
  body.karin-page-index .dash-metric-v5317__body small{font-size:8.3px!important;}
  body.karin-page-index .dash-metric-v5317__body strong,body.karin-page-index .dash-metric-v5317.is-support .dash-metric-v5317__body strong{font-size:13.4px!important;line-height:1.35!important;}
  body.karin-page-index .dash-metric-v5317__body em{font-size:7.8px!important;line-height:1.4!important;}

  body.karin-page-index .dash-analytics-v5317{display:flex!important;flex-direction:column!important;gap:8px!important;}
  body.karin-page-index .dash-channel-v5317{order:1!important;}
  body.karin-page-index .dash-trend-v5317{order:2!important;min-height:0!important;}
  body.karin-page-index .dash-panel-head-v5317{margin-bottom:9px!important;gap:8px!important;}
  body.karin-page-index .dash-panel-title-v5317{gap:7px!important;}
  body.karin-page-index .dash-panel-title-v5317__icon{width:29px!important;height:29px!important;flex-basis:29px!important;border-radius:9px!important;}
  body.karin-page-index .dash-panel-title-v5317__icon :is(svg,.nav-icon){width:14px!important;height:14px!important;}
  body.karin-page-index .dash-panel-title-v5317 h2{font-size:12.2px!important;}
  body.karin-page-index .dash-panel-title-v5317 p{display:none!important;}
  body.karin-page-index .dash-text-action-v5317{min-height:28px!important;font-size:8.6px!important;padding:4px 6px!important;}
  body.karin-page-index .dash-channel-total-v5317{padding:9px 10px!important;margin-bottom:9px!important;border-radius:10px!important;}
  body.karin-page-index .dash-channel-total-v5317 b{font-size:14px!important;}
  body.karin-page-index .dash-channel-list-v5317{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px 10px!important;}
  body.karin-page-index .dash-channel-item-v5317 b{font-size:9px!important;}
  body.karin-page-index .dash-channel-item-v5317 small{font-size:7.5px!important;}
  body.karin-page-index .dash-trend-summary-v5317{gap:5px!important;}
  body.karin-page-index :is(.dash-trend-delta-v5317,.dash-trend-peak-v5317){min-width:78px!important;padding:6px 7px!important;border-radius:9px!important;}
  body.karin-page-index :is(.dash-trend-delta-v5317,.dash-trend-peak-v5317) small{font-size:7px!important;}
  body.karin-page-index :is(.dash-trend-delta-v5317,.dash-trend-peak-v5317) b{font-size:9.5px!important;}
  body.karin-page-index .dash-chart-legend-v5317{margin:0 39px 5px 0!important;font-size:7px!important;}
  body.karin-page-index .dash-hourly-chart-v5317{grid-template-columns:38px minmax(0,1fr)!important;gap:3px!important;}
  body.karin-page-index .dash-hourly-chart-v5317 .dash-chart-y{width:38px!important;min-width:38px!important;font-size:6.4px!important;}
  body.karin-page-index .dash-hourly-chart-v5317 .dash-chart-stage{height:158px!important;min-height:158px!important;border-radius:10px!important;}
  body.karin-page-index .dash-hourly-chart-v5317 .dash-chart-stage svg{height:148px!important;}
  body.karin-page-index .dash-hourly-chart-v5317 .dash-chart-axis{font-size:6.2px!important;right:5px!important;left:5px!important;}

  body.karin-page-index .dash-operations-v5317,body.karin-page-index .dash-inventory-zone-v5317{grid-template-columns:1fr!important;gap:8px!important;}
  body.karin-page-index .dash-side-stack-v5317{grid-template-columns:1fr!important;gap:8px!important;}
  body.karin-page-index .dash-attention-item-v5317{min-height:52px!important;padding:7px!important;grid-template-columns:30px minmax(0,1fr)!important;gap:7px!important;}
  body.karin-page-index .dash-attention-item-v5317__icon{width:30px!important;height:30px!important;border-radius:9px!important;}
  body.karin-page-index .dash-attention-item-v5317__icon :is(svg,.nav-icon){width:14px!important;height:14px!important;}
  body.karin-page-index .dash-attention-item-v5317__copy b{font-size:9.4px!important;}
  body.karin-page-index .dash-attention-item-v5317__copy small{font-size:7.9px!important;line-height:1.45!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  body.karin-page-index .dash-attention-item-v5317__cta{display:none!important;}
  body.karin-page-index .dash-due-list-v5317{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;}
  body.karin-page-index .dash-due-list-v5317 a{min-height:82px!important;padding:7px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;}
  body.karin-page-index .dash-due-list-v5317 b{order:-1!important;min-width:30px!important;height:30px!important;font-size:10px!important;}
  body.karin-page-index .dash-due-list-v5317 span{font-size:8.2px!important;}
  body.karin-page-index .dash-due-list-v5317 small{font-size:7.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
  body.karin-page-index .dash-health-grid-v5317{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;}
  body.karin-page-index .dash-health-item-v5317{min-height:48px!important;padding:7px!important;}
  body.karin-page-index .dash-health-item-v5317 span{font-size:7.9px!important;}

  body.karin-page-index .dash-recent-grid-v5317{grid-template-columns:1fr!important;gap:8px!important;}
  body.karin-page-index .dash-recent-column-v5317{padding:8px!important;border-radius:11px!important;}
  body.karin-page-index .dash-recent-list-v5317>a{min-height:44px!important;padding:6px 7px!important;border-radius:9px!important;}
  body.karin-page-index .dash-recent-list-v5317 b{font-size:9px!important;}
  body.karin-page-index .dash-recent-list-v5317 small{font-size:7.7px!important;}
  body.karin-page-index .dash-recent-list-v5317 strong{font-size:8.8px!important;}

  body.karin-page-index .dash-inventory-columns-v5317{grid-template-columns:1fr!important;gap:7px!important;}
  body.karin-page-index .dash-inventory-columns-v5317>div{padding:8px!important;border-radius:10px!important;}
  body.karin-page-index .dash-inventory-v5317 .dash-product-row{min-height:43px!important;padding:6px 7px!important;}
  body.karin-page-index .dash-balance-list-v5317 a{min-height:48px!important;padding:7px!important;}
  body.karin-page-index .dash-ledger-grid-v5317{grid-template-columns:1fr!important;gap:5px!important;}
  body.karin-page-index .dash-ledger-grid-v5317 a{min-height:48px!important;padding:7px!important;}
}

@media(max-width:370px){
  body.karin-page-index .dash-mobile-command-v5317__primary{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  body.karin-page-index .dash-mobile-command-v5317__primary>a:nth-child(5){display:none!important;}
}

@media(hover:none) and (pointer:coarse){
  body.karin-page-index .karin-dashboard-concept-v5317 :is(.dash-hero-action-v5317,.dash-command-card-v5317,.dash-metric-v5317,.dash-attention-item-v5317):hover{transform:none!important;box-shadow:none!important;}
}


body.karin-page-index .dash-trend-peak-v5317 .dash-hourly-range{display:flex!important;align-items:center!important;gap:4px!important;direction:ltr!important;}
body.karin-page-index .dash-trend-peak-v5317 .dash-hourly-separator{font-size:8px!important;color:var(--dash17-muted)!important;font-weight:650!important;}
body.karin-page-index .dash-balance-list-v5317 a{grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;column-gap:8px!important;}
body.karin-page-index .dash-balance-thumb-wrap{grid-row:1/3!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important;}
body.karin-page-index .dash-balance-thumb{width:38px!important;height:38px!important;border-radius:9px!important;object-fit:cover!important;border:1px solid var(--dash17-divider)!important;background:var(--dash17-surface)!important;}
body.karin-page-index .dash-balance-thumb-empty{font-size:9px!important;color:var(--dash17-muted)!important;}
body.karin-page-index .dash-balance-copy-v5317{display:grid!important;gap:2px!important;}
body.karin-page-index .dash-balance-pills{display:flex!important;gap:3px!important;flex-wrap:wrap!important;margin-top:2px!important;}
body.karin-page-index .dash-balance-pill{font-size:7.6px!important;padding:2px 5px!important;min-height:0!important;line-height:1.35!important;}
body.karin-page-index .dash-balance-list-v5317 em{grid-column:2!important;}
@media(max-width:760px){
  body.karin-page-index .dash-balance-list-v5317 a{grid-template-columns:34px minmax(0,1fr)!important;}
  body.karin-page-index .dash-balance-thumb-wrap,body.karin-page-index .dash-balance-thumb{width:34px!important;height:34px!important;border-radius:8px!important;}
}

/* Karin v5.318 — Dashboard Baseline Lock / Content Hygiene */
body.karin-page-index .karin-dashboard-concept-v5317 .dash-section-heading-v5317>div:only-child{gap:0!important;}

/* ======================================================================== Karin v5.321 — Quick POS Baseline Restore + Semantic Icons Restore the proven pre-v5.319 composition. Keep semantic iconography only, and let the catalog grid adapt naturally to available desktop width. ======================================================================== */
body.karin-page-quick-pos .karin-qpos-baseline-title{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
body.karin-page-quick-pos .karin-qpos-baseline-icon{
  width:29px!important;
  height:29px!important;
  min-width:29px!important;
  display:inline-grid!important;
  place-items:center!important;
  border:1px solid color-mix(in srgb,var(--karin-primary) 18%,var(--karin-composition-divider))!important;
  border-radius:9px!important;
  background:color-mix(in srgb,var(--karin-primary) 6%,var(--karin-surface))!important;
  color:var(--karin-primary)!important;
  flex:0 0 29px!important;
}
body.karin-page-quick-pos .karin-qpos-baseline-icon svg{
  width:15px!important;
  height:15px!important;
  display:block!important;
}

body.karin-page-quick-pos .product-list .product-tile{
  cursor:pointer!important;
}

@media(min-width:1001px){
  body.karin-page-quick-pos .product-list{
    grid-template-columns:repeat(auto-fill,minmax(205px,1fr))!important;
  }
}
@media(min-width:641px) and (max-width:1000px){
  body.karin-page-quick-pos .product-list{
    grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;
  }
}
@media(max-width:640px){
  body.karin-page-quick-pos .karin-qpos-baseline-icon{
    width:28px!important;height:28px!important;min-width:28px!important;
  }
  body.karin-page-quick-pos .product-list{grid-template-columns:1fr!important;}
}

/* ======================================================================== Karin v5.322 — Quick POS Layout Density Refinement Preserve the restored v5.321 composition while giving the catalogue more working width and keeping optional customer inputs in one desktop row. ======================================================================== */
@media(min-width:1181px){
  body.karin-page-quick-pos .karin-qpos-workspace{
    grid-template-columns:minmax(400px,.86fr) minmax(540px,1.14fr)!important;
  }
  body.karin-page-quick-pos .product-list{
    grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;
  }
}
@media(min-width:1001px) and (max-width:1180px){
  body.karin-page-quick-pos .karin-qpos-workspace{
    grid-template-columns:minmax(370px,.88fr) minmax(470px,1.12fr)!important;
  }
  body.karin-page-quick-pos .product-list{
    grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;
  }
}
@media(min-width:641px){
  body.karin-page-quick-pos .quick-customer-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.karin-page-quick-pos .quick-customer-row:has(#quick-customer-channel-box:not([hidden])){
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  body.karin-page-quick-pos .quick-customer-row .quick-history-cell{
    grid-column:1/-1!important;
  }
}

/* ======================================================================== Karin v5.323 — Quick POS Stable Refinement Incremental refinement of the v5.321/v5.322 baseline: keep the existing workflow, make the catalogue more usable, and stabilize customer/checkout. ======================================================================== */
body.karin-page-quick-pos .karin-qpos-baseline-title{
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
}
body.karin-page-quick-pos .karin-qpos-baseline-title h2{white-space:nowrap!important;}
body.karin-page-quick-pos .pos-products-heading-row{
  align-items:center!important;
  flex-wrap:nowrap!important;
  justify-content:space-between!important;
}
body.karin-page-quick-pos .pos-products-title{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
}
body.karin-page-quick-pos .quick-variants-toggle{
  margin-inline-start:auto!important;
  flex:0 0 auto!important;
}

@media(min-width:1281px){
  body.karin-page-quick-pos .karin-qpos-workspace{
    grid-template-columns:minmax(370px,.80fr) minmax(650px,1.20fr)!important;
  }
  body.karin-page-quick-pos .product-list{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(min-width:1001px) and (max-width:1280px){
  body.karin-page-quick-pos .karin-qpos-workspace{
    grid-template-columns:minmax(370px,.86fr) minmax(500px,1.14fr)!important;
  }
  body.karin-page-quick-pos .product-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(min-width:641px) and (max-width:1000px){
  body.karin-page-quick-pos .product-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:640px){
  body.karin-page-quick-pos .product-list{grid-template-columns:1fr!important;}
}

@media(min-width:641px){
  body.karin-page-quick-pos .quick-customer-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body.karin-page-quick-pos .quick-customer-row:has(#quick-customer-channel-box:not([hidden])){
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
body.karin-page-quick-pos .quick-history-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-width:0!important;
  margin-top:12px!important;
  padding-top:12px!important;
  border-top:1px dashed var(--karin-composition-divider)!important;
}
body.karin-page-quick-pos .quick-history-row[hidden]{display:none!important;}
body.karin-page-quick-pos .quick-history-row .karin-button{
  min-height:36px!important;
  margin:0!important;
  padding-inline:12px!important;
}
body.karin-page-quick-pos .quick-history-row small{
  color:var(--karin-text-muted)!important;
  font-size:10.6px!important;
}
body.karin-page-quick-pos .quick-customer-row input::placeholder,
body.karin-page-quick-pos .karin-pos-note textarea::placeholder{
  color:var(--karin-text-subtle,#98a6b6)!important;
  opacity:1!important;
}

body.karin-page-quick-pos .karin-pos-commit{
  position:sticky!important;
  bottom:12px!important;
  z-index:12!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(160px,176px)!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  margin-top:16px!important;
  padding:12px!important;
  border:1px solid var(--karin-surface-border,var(--karin-border))!important;
  border-radius:15px!important;
  background:var(--karin-surface)!important;
  box-shadow:0 8px 24px rgba(24,43,68,.07)!important;
}
body.karin-page-quick-pos .karin-pos-commit .karin-commit-actions,
body.karin-page-quick-pos .karin-pos-commit .karin-commit-primary{
  width:100%!important;
  min-width:0!important;
}
body.karin-page-quick-pos .karin-pos-commit .karin-commit-primary{
  min-height:48px!important;
  height:48px!important;
}
@media(max-width:640px){
  body.karin-page-quick-pos .karin-pos-commit{
    bottom:8px!important;
    grid-template-columns:minmax(0,1fr) minmax(132px,.72fr)!important;
    gap:9px!important;
    padding:10px!important;
    border-radius:14px!important;
  }
  body.karin-page-quick-pos .karin-pos-commit .karin-commit-value{font-size:17px!important;}
  body.karin-page-quick-pos .karin-pos-commit .karin-commit-primary{min-height:44px!important;height:44px!important;}
}
@media(max-width:360px){
  body.karin-page-quick-pos .karin-pos-commit{grid-template-columns:1fr!important;}
}
@media(max-width:640px){
  body.karin-page-quick-pos .karin-qpos-products-panel.karin-qpos-products-panel--mobile-inline{
    position:static!important;
    order:initial!important;
    width:100%!important;
    margin:16px 0!important;
    padding:0 0 16px!important;
    border:0!important;
    border-bottom:1px solid var(--karin-composition-divider)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.karin-page-quick-pos .karin-qpos-products-panel--mobile-inline .product-list{
    max-height:44dvh!important;
  }
}

/* ======================================================================== Karin v5.325 — Application UI Consistency Review Cross-workspace polish only: normalize page-header actions and keep the global footer quiet. Golden-reference page compositions remain untouched. ======================================================================== */
body.karin-app-page .karin-page-header__actions>:is(.karin-button,.karin-page-action,button,a){
  margin:0!important;
}
body.karin-app-page .karin-page-header__actions>form{
  display:inline-flex;
  align-items:center;
  margin:0!important;
}
body.karin-app-page .karin-page-header__actions>form>.karin-button,
body.karin-app-page .karin-page-header__actions>.karin-button{
  min-height:var(--karin-composition-action-height,38px);
}
body.karin-app-page .credit.karin-credit{
  opacity:.32!important;
  letter-spacing:.7px!important;
}
body.karin-app-page .credit.karin-credit:hover{opacity:.4!important;}
@media(max-width:760px){
  body.karin-app-page .karin-page-header--plain .karin-page-header__actions{width:100%;}
  body.karin-app-page .karin-page-header__actions--compact-mobile>:is(.karin-button,.karin-page-action,button,a,form){min-width:0;}
  body.karin-app-page .karin-page-header__actions--compact-mobile>form{width:100%;}
  body.karin-app-page .karin-page-header__actions--compact-mobile>form>.karin-button{width:100%;}
}

/* ======================================================================== Karin v5.326 — Quick POS alignment + payment-context refinement Fix the product title group at the flex-axis level, keep POS terminal in the seller/payment row, reuse the compact receipt composition, and restore a more balanced desktop split between sale controls and catalogue. ======================================================================== */
body.karin-page-quick-pos .pos-products-title.karin-qpos-baseline-title{
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  width:auto!important;
  min-width:0!important;
  white-space:nowrap!important;
}
body.karin-page-quick-pos .pos-products-title>.karin-qpos-baseline-icon{
  order:0!important;
  margin:0!important;
  align-self:center!important;
}
body.karin-page-quick-pos .pos-products-title>h2{
  order:1!important;
  margin:0!important;
  align-self:center!important;
}
body.karin-page-quick-pos .pos-products-heading-row{
  align-items:center!important;
  min-height:32px!important;
}

@media(min-width:1281px){
  body.karin-page-quick-pos .karin-qpos-workspace{
    grid-template-columns:minmax(430px,.92fr) minmax(560px,1.08fr)!important;
  }
}
@media(min-width:1001px) and (max-width:1280px){
  body.karin-page-quick-pos .karin-qpos-workspace{
    grid-template-columns:minmax(380px,.96fr) minmax(480px,1.04fr)!important;
  }
}

@media(min-width:761px){
  body.karin-page-quick-pos .sale-setup-grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
  body.karin-page-quick-pos .sale-setup-grid>.quick-channel-field,
  body.karin-page-quick-pos .sale-setup-grid>.quick-warehouse-field{
    grid-column:span 3!important;
  }
  body.karin-page-quick-pos .sale-setup-grid>.quick-seller-field,
  body.karin-page-quick-pos .sale-setup-grid>.quick-payment-field{
    grid-column:span 3!important;
  }
  body.karin-page-quick-pos .sale-setup-grid.has-payment-context>.quick-seller-field,
  body.karin-page-quick-pos .sale-setup-grid.has-payment-context>.quick-payment-field,
  body.karin-page-quick-pos .sale-setup-grid.has-payment-context>.quick-payment-detail{
    grid-column:span 2!important;
  }
  body.karin-page-quick-pos .sale-setup-grid.has-payment-context[data-payment-method="card_to_card"]>.quick-payment-detail{
    grid-column:1/-1!important;
  }
}

@media(min-width:761px){
  body.karin-page-quick-pos #single-account-box{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:end!important;
    gap:var(--karin-space-3,12px)!important;
  }
  body.karin-page-quick-pos #single-account-box>#single-receipt-slot{
    grid-column:auto!important;
    align-self:end!important;
    margin:0!important;
  }
  body.karin-page-quick-pos #single-account-box .quick-receipt-picker{
    min-height:var(--karin-control-h,42px)!important;
    padding:4px 8px!important;
    gap:8px!important;
  }
  body.karin-page-quick-pos #single-account-box .quick-receipt-icon{
    inline-size:30px!important;
    block-size:30px!important;
  }
  body.karin-page-quick-pos #single-account-box .quick-receipt-action{
    min-height:30px!important;
    padding-inline:9px!important;
  }
}

/* ======================================================================== Karin v5.326.1 — Quick POS final tuning Match the preferred card-to-card composition to the mixed-payment look, keep seller/payment/detail on one desktop row, and rebalance the workspace closer to ~43/57 (form/products) on desktop. ======================================================================== */
@media(min-width:1281px){
  body.karin-page-quick-pos .karin-qpos-workspace{
    grid-template-columns:minmax(430px,.86fr) minmax(590px,1.14fr)!important;
  }
}
@media(min-width:1001px) and (max-width:1280px){
  body.karin-page-quick-pos .karin-qpos-workspace{
    grid-template-columns:minmax(390px,.88fr) minmax(510px,1.12fr)!important;
  }
}

@media(min-width:761px){
  body.karin-page-quick-pos .sale-setup-grid.has-payment-context[data-payment-method="card_to_card"]>.quick-seller-field,
  body.karin-page-quick-pos .sale-setup-grid.has-payment-context[data-payment-method="card_to_card"]>.quick-payment-field,
  body.karin-page-quick-pos .sale-setup-grid.has-payment-context[data-payment-method="card_to_card"]>.quick-payment-detail{
    grid-column:span 2!important;
  }
  body.karin-page-quick-pos #single-account-box{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
    gap:var(--karin-space-2,8px)!important;
  }
  body.karin-page-quick-pos #single-account-box>.quick-account-field,
  body.karin-page-quick-pos #single-account-box>#single-receipt-slot{
    grid-column:1!important;
  }
  body.karin-page-quick-pos #single-account-box>#single-receipt-slot{
    align-self:stretch!important;
    margin:0!important;
  }
  body.karin-page-quick-pos #single-account-box .quick-receipt-picker{
    min-height:54px!important;
    padding:6px 10px!important;
    gap:10px!important;
  }
  body.karin-page-quick-pos #single-account-box .quick-receipt-icon{
    inline-size:32px!important;
    block-size:32px!important;
  }
  body.karin-page-quick-pos #single-account-box .quick-receipt-action{
    min-height:30px!important;
    padding-inline:10px!important;
  }
}

/* ======================================================================== Karin v5.328 — Sales Workspace Refinement Quiet premium operational treatment for the sales list. Preserve Karin's existing information model while improving scanability, filter workflow, row actions and responsive behavior. ======================================================================== */
body.karin-page-sales .sales-workspace-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:var(--karin-space-4,16px)!important;
  margin:0 0 var(--karin-space-3,12px)!important;
  padding:2px 0 var(--karin-space-3,12px)!important;
  border-bottom:1px solid var(--karin-composition-divider,var(--karin-border))!important;
}
body.karin-page-sales .sales-head-copy{display:grid!important;gap:9px!important;min-width:0!important;}
body.karin-page-sales .sales-head-copy h1{
  margin:0!important;
  color:var(--karin-heading,var(--karin-text))!important;
  font-size:22px!important;
  font-weight:950!important;
  line-height:1.4!important;
  letter-spacing:-.25px!important;
}
body.karin-page-sales .sales-head-summary{
  display:inline-grid!important;
  grid-template-columns:auto auto auto!important;
  align-items:baseline!important;
  justify-content:start!important;
  gap:5px 8px!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:32px!important;
  padding:6px 10px!important;
  border:1px solid var(--karin-composition-divider,var(--karin-border))!important;
  border-radius:10px!important;
  background:var(--karin-surface-soft,#f8fafc)!important;
  color:var(--karin-text-muted,#64748b)!important;
}
body.karin-page-sales .sales-head-summary span,
body.karin-page-sales .sales-head-summary small{font-size:10.5px!important;font-weight:750!important;white-space:nowrap!important;}
body.karin-page-sales .sales-head-summary b{color:var(--karin-text)!important;font-size:13px!important;font-weight:900!important;white-space:nowrap!important;}
body.karin-page-sales .sales-head-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;}
body.karin-page-sales .sales-head-actions .karin-button{min-height:36px!important;height:36px!important;margin:0!important;padding-inline:11px!important;border-radius:9px!important;font-size:11.5px!important;}
body.karin-page-sales .sales-new-btn{gap:6px!important;}
body.karin-page-sales .sales-new-plus{width:16px!important;height:16px!important;flex-basis:16px!important;background:transparent!important;border-radius:0!important;}

body.karin-page-sales .sales-channel-tabs.karin-tabs{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:5px!important;
  min-height:44px!important;
  margin:0 0 var(--karin-space-3,12px)!important;
  padding:5px!important;
  border:1px solid var(--karin-composition-divider,var(--karin-border))!important;
  border-radius:13px!important;
  background:var(--karin-surface-soft,#f8fafc)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin!important;
}
body.karin-page-sales .sales-channel-tabs.karin-tabs a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-height:32px!important;
  margin:0!important;
  padding:5px 12px!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  background:transparent!important;
  color:var(--karin-text-muted,#64748b)!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
body.karin-page-sales .sales-channel-tabs.karin-tabs a:hover{color:var(--karin-text)!important;background:var(--karin-surface)!important;}
body.karin-page-sales .sales-channel-tabs.karin-tabs a.active{
  border-color:color-mix(in srgb,var(--karin-primary) 22%,var(--karin-border))!important;
  background:var(--karin-surface)!important;
  color:var(--karin-primary)!important;
  box-shadow:0 1px 3px rgba(15,23,42,.05)!important;
}

body.karin-page-sales .sales-workspace-filter{margin:0 0 var(--karin-space-3,12px)!important;}
body.karin-page-sales .sales-filter-form-v187{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  margin:0!important;
  padding:0!important;
  direction:rtl!important;
}
body.karin-page-sales .sales-filter-main{
  display:grid!important;
  grid-template-columns:minmax(300px,1.7fr) minmax(190px,.75fr) auto auto!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
body.karin-page-sales .sales-filter-main>.sales-filter-search,
body.karin-page-sales .sales-filter-main>.karin-unified-date{min-width:0!important;width:100%!important;margin:0!important;}
body.karin-page-sales .sales-filter-main .karin-search-combo{
  display:flex!important;
  flex-direction:row-reverse!important;
  align-items:stretch!important;
  width:100%!important;
  height:var(--karin-filter-control-h,40px)!important;
  min-height:var(--karin-filter-control-h,40px)!important;
  margin:0!important;
  border:1px solid var(--karin-control-border,var(--karin-border))!important;
  border-radius:10px!important;
  background:var(--karin-surface)!important;
  overflow:hidden!important;
  box-shadow:none!important;
  direction:ltr!important;
}
body.karin-page-sales .sales-filter-main .karin-search-combo input{
  flex:1 1 auto!important;
  min-width:0!important;
  height:var(--karin-filter-control-h,40px)!important;
  min-height:var(--karin-filter-control-h,40px)!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--karin-text)!important;
  text-align:right!important;
  direction:rtl!important;
  outline:0!important;
}
body.karin-page-sales .sales-filter-main .karin-search-icon-btn{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  min-width:42px!important;
  height:var(--karin-filter-control-h,40px)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-right:1px solid var(--karin-composition-divider,var(--karin-border))!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--karin-primary)!important;
}
body.karin-page-sales .sales-filter-main .karin-search-icon-btn:hover{background:var(--karin-primary-soft)!important;}
body.karin-page-sales .sales-filter-main .karin-search-icon-btn svg{width:17px!important;height:17px!important;display:block!important;}
body.karin-page-sales .sales-filter-main .karin-date-display-input{
  width:100%!important;
  height:var(--karin-filter-control-h,40px)!important;
  min-height:var(--karin-filter-control-h,40px)!important;
  margin:0!important;
  padding-inline:12px!important;
  border-radius:10px!important;
  background:var(--karin-surface)!important;
  font-size:11px!important;
}
body.karin-page-sales .sales-more-filters,
body.karin-page-sales .sales-filter-submit{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:var(--karin-filter-control-h,40px)!important;
  height:var(--karin-filter-control-h,40px)!important;
  margin:0!important;
  padding-inline:12px!important;
  border-radius:10px!important;
  white-space:nowrap!important;
}
body.karin-page-sales .sales-more-filters svg{width:16px!important;height:16px!important;display:block!important;}
body.karin-page-sales .sales-more-filters>b{
  display:inline-grid!important;
  place-items:center!important;
  min-width:20px!important;
  height:20px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  background:var(--karin-primary-soft)!important;
  color:var(--karin-primary)!important;
  font-size:9.5px!important;
  line-height:1!important;
}
body.karin-page-sales .sales-more-filters.is-active{border-color:color-mix(in srgb,var(--karin-primary) 32%,var(--karin-border))!important;color:var(--karin-primary)!important;}
body.karin-page-sales .sales-filter-submit{min-width:72px!important;padding-inline:16px!important;}
body.karin-page-sales .sales-filter-advanced{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px 10px!important;
  padding:10px!important;
  border-top:1px solid var(--karin-composition-divider,var(--karin-border))!important;
  background:var(--karin-surface-soft,#f8fafc)!important;
  border-radius:10px!important;
}
body.karin-page-sales .sales-filter-advanced[hidden]{display:none!important;}
body.karin-page-sales .sales-filter-advanced>label{display:grid!important;gap:5px!important;min-width:0!important;margin:0!important;}
body.karin-page-sales .sales-filter-advanced>label>span{color:var(--karin-text-muted,#64748b)!important;font-size:9.8px!important;font-weight:800!important;}
body.karin-page-sales .sales-filter-advanced select{width:100%!important;height:38px!important;min-height:38px!important;margin:0!important;border-radius:9px!important;font-size:10.5px!important;}
body.karin-page-sales .sales-filter-advanced .sales-filter-check{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:38px!important;
  padding:7px 9px!important;
  border:1px solid var(--karin-composition-divider,var(--karin-border))!important;
  border-radius:9px!important;
  background:var(--karin-surface)!important;
}
body.karin-page-sales .sales-filter-advanced .sales-filter-check input{width:15px!important;height:15px!important;min-height:0!important;margin:0!important;flex:0 0 15px!important;}
body.karin-page-sales .sales-filter-advanced .sales-filter-check span{color:var(--karin-text)!important;font-size:10px!important;line-height:1.5!important;}
body.karin-page-sales .sales-filter-advanced-actions{display:flex!important;align-items:end!important;justify-content:flex-end!important;}
body.karin-page-sales .sales-filter-advanced-actions .karin-button{min-height:38px!important;height:38px!important;margin:0!important;border-radius:9px!important;}
body.karin-page-sales .sales-active-filters{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important;}
body.karin-page-sales .sales-active-filters>span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  background:var(--karin-primary-soft)!important;
  color:var(--karin-primary)!important;
  font-size:9.5px!important;
  font-weight:800!important;
}
body.karin-page-sales .sales-day-nav{display:flex!important;gap:6px!important;justify-content:flex-end!important;margin:-4px 0 10px!important;}
body.karin-page-sales .sales-day-nav .karin-button{min-height:34px!important;height:34px!important;margin:0!important;padding-inline:11px!important;border-radius:9px!important;}

body.karin-page-sales .sales-workspace-table{
  position:relative!important;
  margin:0!important;
  padding:10px 12px 12px!important;
  border-color:var(--karin-composition-divider,var(--karin-border))!important;
  border-radius:14px!important;
  background:var(--karin-surface)!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.karin-page-sales .sales-table-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-height:38px!important;
  margin:0 0 8px!important;
}
body.karin-page-sales .sales-table-pagination-top{flex:1 1 auto!important;min-width:0!important;}
body.karin-page-sales .sales-table-pagination-top .karin-pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  min-height:36px!important;
  padding:0!important;
  border:0!important;
}
body.karin-page-sales .sales-table-pagination-top .karin-pagination__summary{order:0!important;color:var(--karin-text-muted)!important;font-size:10.5px!important;font-weight:750!important;white-space:nowrap!important;}
body.karin-page-sales .sales-table-pagination-top .karin-pagination__size{order:1!important;display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;}
body.karin-page-sales .sales-table-pagination-top .karin-pagination__size label{margin:0!important;color:var(--karin-text-muted)!important;font-size:9.8px!important;font-weight:750!important;white-space:nowrap!important;}
body.karin-page-sales .sales-table-pagination-top .karin-pagination__size select{width:68px!important;height:34px!important;min-height:34px!important;margin:0!important;border-radius:9px!important;padding-block:0!important;}
body.karin-page-sales .sales-table-pagination-top .karin-pagination__links{display:none!important;}
body.karin-page-sales .sales-refresh-button{display:grid!important;place-items:center!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;margin:0!important;padding:0!important;border-radius:9px!important;}
body.karin-page-sales .sales-refresh-button svg{width:16px!important;height:16px!important;display:block!important;}
body.karin-page-sales .sales-table-wrap{
  position:relative!important;
  border:1px solid var(--karin-composition-divider,var(--karin-border))!important;
  border-radius:12px!important;
  background:var(--karin-surface)!important;
  overflow:visible!important;
}
body.karin-page-sales .sales-compact-table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  margin:0!important;
}
body.karin-page-sales .sales-compact-table thead th{
  height:38px!important;
  padding:7px 8px!important;
  border-bottom:1px solid var(--karin-composition-divider,var(--karin-border))!important;
  background:var(--karin-surface-soft,#f8fafc)!important;
  color:var(--karin-text-muted,#64748b)!important;
  font-size:9.6px!important;
  font-weight:850!important;
  line-height:1.3!important;
  white-space:nowrap!important;
}
body.karin-page-sales .sales-compact-table tbody td{
  height:58px!important;
  padding:7px 8px!important;
  border-bottom:1px solid color-mix(in srgb,var(--karin-composition-divider,var(--karin-border)) 72%,transparent)!important;
  background:var(--karin-surface)!important;
  color:var(--karin-text)!important;
  font-size:10.6px!important;
  line-height:1.45!important;
  vertical-align:middle!important;
}
body.karin-page-sales .sales-compact-table tbody tr:last-child td{border-bottom:0!important;}
@media(hover:hover) and (pointer:fine){body.karin-page-sales .sales-compact-table tbody tr:not(.sales-empty-row):hover td{background:color-mix(in srgb,var(--karin-primary) 2.2%,var(--karin-surface))!important;}}
body.karin-page-sales .sales-compact-table .col-invoice{width:8%!important;}
body.karin-page-sales .sales-compact-table .col-time{width:12%!important;}
body.karin-page-sales .sales-compact-table .col-customer{width:11%!important;}
body.karin-page-sales .sales-compact-table .col-channel{width:14%!important;}
body.karin-page-sales .sales-compact-table .col-items{width:25%!important;}
body.karin-page-sales .sales-compact-table .col-amount{width:11%!important;}
body.karin-page-sales .sales-compact-table .col-payment{width:12%!important;}
body.karin-page-sales .sales-compact-table .col-actions{width:7%!important;}
body.karin-page-sales .sales-invoice-cell{font-variant-numeric:tabular-nums!important;white-space:nowrap!important;}
body.karin-page-sales .sales-invoice-cell>a{color:var(--karin-text)!important;font-size:11px!important;font-weight:900!important;text-decoration:none!important;}
body.karin-page-sales .sales-invoice-cell>a:hover{color:var(--karin-primary)!important;}
body.karin-page-sales .sales-time-cell .sales-time{min-width:0!important;line-height:1.3!important;}
body.karin-page-sales .sales-time-cell .sales-time-date{color:var(--karin-text)!important;font-size:10.2px!important;font-weight:750!important;white-space:nowrap!important;}
body.karin-page-sales .sales-time-cell .sales-time-clock{display:block!important;width:max-content!important;margin-top:2px!important;padding:0!important;background:transparent!important;color:var(--karin-text-muted)!important;font-size:9.5px!important;font-weight:650!important;}
body.karin-page-sales .sales-customer-cell{font-size:10.8px!important;font-weight:750!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.karin-page-sales .sales-channel-cell{min-width:0!important;}
body.karin-page-sales .sales-channel-cell>b{display:block!important;color:var(--karin-text)!important;font-size:10.3px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.karin-page-sales .sales-channel-cell .sales-actor-meta{display:block!important;margin-top:2px!important;color:var(--karin-text-muted)!important;font-size:9px!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.karin-page-sales .sales-channel-cell .sales-actor-meta b{color:inherit!important;font-weight:700!important;}
body.karin-page-sales .sales-item-preview{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;color:inherit!important;text-decoration:none!important;}
body.karin-page-sales .sales-item-preview img,
body.karin-page-sales .sales-item-preview-empty{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:8px!important;border:1px solid var(--karin-composition-divider,var(--karin-border))!important;background:var(--karin-surface-soft,#f8fafc)!important;object-fit:cover!important;}
body.karin-page-sales .sales-item-preview-copy{display:flex!important;flex-direction:column!important;min-width:0!important;line-height:1.35!important;}
body.karin-page-sales .sales-item-preview-copy b{display:block!important;color:var(--karin-text)!important;font-size:10.8px!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.karin-page-sales .sales-item-preview-copy small{color:var(--karin-text-muted)!important;font-size:9.3px!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.karin-page-sales .sales-item-preview-copy em{color:var(--karin-primary)!important;font-size:9.3px!important;font-weight:800!important;}
body.karin-page-sales .sales-amount-cell{color:var(--karin-text)!important;font-size:10.8px!important;font-weight:900!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important;}
body.karin-page-sales .sales-payment-compact{display:grid!important;justify-items:start!important;gap:3px!important;min-width:0!important;}
body.karin-page-sales .sales-payment-method{display:block!important;max-width:100%!important;color:var(--karin-text-muted)!important;font-size:9.3px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.karin-page-sales .sales-payment-status .karin-badge{min-height:22px!important;padding:3px 7px!important;border-radius:999px!important;font-size:9px!important;line-height:1.15!important;font-weight:850!important;}
body.karin-page-sales .sales-receipt-state{font-size:8.8px!important;line-height:1.3!important;}
body.karin-page-sales .sales-actions-cell{overflow:visible!important;}
body.karin-page-sales .sale-row-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;overflow:visible!important;}
body.karin-page-sales .receipt-icon-button,
body.karin-page-sales .sales-row-menu>summary{display:grid!important;place-items:center!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;margin:0!important;padding:0!important;border-radius:8px!important;}
body.karin-page-sales .receipt-icon-button svg{width:15px!important;height:15px!important;}
body.karin-page-sales .sales-row-menu{position:relative!important;display:block!important;}
body.karin-page-sales .sales-row-menu>summary{list-style:none!important;cursor:pointer!important;font-size:12px!important;font-weight:900!important;letter-spacing:1px!important;}
body.karin-page-sales .sales-row-menu>summary::-webkit-details-marker{display:none!important;}
body.karin-page-sales .sales-row-menu-popover{
  position:absolute!important;
  z-index:60!important;
  inset-inline-end:0!important;
  bottom:calc(100% + 5px)!important;
  display:grid!important;
  min-width:138px!important;
  padding:5px!important;
  border:1px solid var(--karin-composition-divider,var(--karin-border))!important;
  border-radius:10px!important;
  background:var(--karin-surface)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.12)!important;
}
body.karin-page-sales .sales-row-menu:not([open]) .sales-row-menu-popover{display:none!important;}
body.karin-page-sales .sales-row-menu-popover a{display:flex!important;align-items:center!important;min-height:32px!important;padding:6px 9px!important;border-radius:7px!important;color:var(--karin-text)!important;font-size:10px!important;font-weight:750!important;text-decoration:none!important;white-space:nowrap!important;}
body.karin-page-sales .sales-row-menu-popover a:hover{background:var(--karin-surface-soft,#f8fafc)!important;color:var(--karin-primary)!important;}
body.karin-page-sales .sales-table-pagination-bottom{margin-top:8px!important;}
body.karin-page-sales .sales-table-pagination-bottom .karin-pagination{padding:2px 0 0!important;}
body.karin-page-sales .sales-table-pagination-bottom .karin-pagination__summary,
body.karin-page-sales .sales-table-pagination-bottom .karin-pagination__size{display:none!important;}
body.karin-page-sales .sales-table-pagination-bottom .karin-pagination__links{margin-inline-start:auto!important;}
body.karin-page-sales .sales-table-pagination-bottom .karin-pagination__links :is(a,b){min-width:32px!important;height:32px!important;min-height:32px!important;margin:0!important;padding:0 9px!important;border-radius:8px!important;}
body.karin-page-sales .sales-empty-row td{text-align:center!important;padding:28px 12px!important;color:var(--karin-text-muted)!important;}

html[data-theme="dark"] body.karin-page-sales .sales-head-summary,
html[data-theme="dark"] body.karin-page-sales .sales-channel-tabs.karin-tabs,
html[data-theme="dark"] body.karin-page-sales .sales-filter-advanced,
html[data-theme="dark"] body.karin-page-sales .sales-compact-table thead th{background:var(--karin-surface-soft)!important;}
html[data-theme="dark"] body.karin-page-sales .sales-row-menu-popover{box-shadow:0 12px 30px rgba(0,0,0,.32)!important;}

@media(max-width:1100px){
  body.karin-page-sales .sales-filter-main{grid-template-columns:minmax(260px,1.5fr) minmax(180px,.8fr) auto!important;}
  body.karin-page-sales .sales-filter-submit{grid-column:auto!important;}
  body.karin-page-sales .sales-more-filters span{display:none!important;}
  body.karin-page-sales .sales-more-filters{width:42px!important;min-width:42px!important;padding:0!important;}
  body.karin-page-sales .sales-filter-advanced{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body.karin-page-sales .sales-compact-table{min-width:900px!important;}
  body.karin-page-sales .sales-table-wrap{overflow:auto!important;}
  body.karin-page-sales .sales-row-menu-popover{bottom:auto!important;top:calc(100% + 5px)!important;}
}
@media(max-width:760px){
  body.karin-page-sales .sales-workspace-head{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding-bottom:10px!important;}
  body.karin-page-sales .sales-head-copy{gap:7px!important;}
  body.karin-page-sales .sales-head-copy h1{font-size:19px!important;}
  body.karin-page-sales .sales-head-summary{grid-template-columns:auto auto auto!important;width:max-content!important;}
  body.karin-page-sales .sales-head-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;}
  body.karin-page-sales .sales-head-actions .karin-button{width:100%!important;justify-content:center!important;padding-inline:10px!important;}
  body.karin-page-sales .sales-channel-tabs.karin-tabs{margin-bottom:10px!important;border-radius:11px!important;}
  body.karin-page-sales .sales-workspace-filter{padding:8px!important;border-radius:12px!important;}
  body.karin-page-sales .sales-filter-main{grid-template-columns:1fr 1fr!important;gap:7px!important;}
  body.karin-page-sales .sales-filter-search{grid-column:1/-1!important;}
  body.karin-page-sales .sales-filter-main>.karin-unified-date{grid-column:1/-1!important;}
  body.karin-page-sales .sales-more-filters{grid-column:1!important;width:100%!important;min-width:0!important;padding-inline:10px!important;}
  body.karin-page-sales .sales-more-filters span{display:inline!important;}
  body.karin-page-sales .sales-filter-submit{grid-column:2!important;width:100%!important;}
  body.karin-page-sales .sales-filter-advanced{grid-template-columns:1fr!important;padding:8px!important;}
  body.karin-page-sales .sales-filter-advanced-actions .karin-button{width:100%!important;justify-content:center!important;}
  body.karin-page-sales .sales-day-nav{margin-top:0!important;}
  body.karin-page-sales .sales-workspace-table{padding:8px!important;border-radius:12px!important;overflow:hidden!important;}
  body.karin-page-sales .sales-table-toolbar{align-items:flex-start!important;}
  body.karin-page-sales .sales-table-pagination-top .karin-pagination{display:grid!important;grid-template-columns:1fr auto!important;gap:6px!important;}
  body.karin-page-sales .sales-table-pagination-top .karin-pagination__summary{white-space:normal!important;}
  body.karin-page-sales .sales-table-pagination-top .karin-pagination__size label{display:none!important;}
  body.karin-page-sales .sales-table-wrap{border-radius:10px!important;overflow:auto!important;overscroll-behavior-inline:contain!important;}
  body.karin-page-sales .sales-compact-table{min-width:880px!important;}
  body.karin-page-sales .sales-compact-table .sales-invoice-cell,
  body.karin-page-sales .sales-compact-table thead .col-invoice{position:sticky!important;right:0!important;z-index:4!important;box-shadow:-1px 0 0 var(--karin-composition-divider,var(--karin-border))!important;}
  body.karin-page-sales .sales-compact-table thead .col-invoice{z-index:6!important;background:var(--karin-surface-soft,#f8fafc)!important;}
  body.karin-page-sales .sales-compact-table tbody .sales-invoice-cell{background:var(--karin-surface)!important;}
  body.karin-page-sales .sales-table-pagination-bottom .karin-pagination__links{justify-content:center!important;flex-wrap:wrap!important;}
}
@media(max-width:430px){
  body.karin-page-sales .sales-head-actions{grid-template-columns:1fr!important;}
  body.karin-page-sales .sales-head-summary{grid-template-columns:auto auto!important;gap:3px 7px!important;}
  body.karin-page-sales .sales-head-summary small{grid-column:1/-1!important;}
}

body.karin-page-sales .sales-filter-form-v187:not(.has-receipt-review-filter),
body.karin-page-sales .sales-filter-form-v187.has-receipt-review-filter{
  grid-template-columns:1fr!important;
  grid-template-areas:none!important;
}
body.karin-page-sales .sales-filter-main>*{order:0!important;}
body.karin-page-sales .sales-filter-form-v187.has-receipt-review-filter .sales-filter-main,
body.karin-page-sales .sales-filter-form-v187.has-receipt-review-filter .sales-filter-advanced,
body.karin-page-sales .sales-filter-form-v187.has-receipt-review-filter .sales-active-filters{
  grid-area:auto!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
/* ======================================================================== Karin v5.328.1 — Sales UX Corrections Retained essentials: table-based mobile list, visible row actions, and the sale-detail overview introduced in this release. ======================================================================== */
body.karin-page-sales .sales-row-menu-popover{top:calc(100% + 5px)!important;bottom:auto!important;}
@media(max-width:760px){
 body.karin-page-sales .sales-table-wrap{overflow:auto!important;overscroll-behavior-inline:contain!important;}
 body.karin-page-sales .sales-compact-table{min-width:820px!important;width:820px!important;display:table!important;table-layout:fixed!important;background:var(--karin-surface)!important;}
 body.karin-page-sales .sales-compact-table thead{display:table-header-group!important;}body.karin-page-sales .sales-compact-table tbody{display:table-row-group!important;}body.karin-page-sales .sales-compact-table tbody tr{display:table-row!important;width:auto!important;padding:0!important;border:0!important;background:transparent!important;}body.karin-page-sales .sales-compact-table tbody td{display:table-cell!important;width:auto!important;height:58px!important;padding:7px 8px!important;border-bottom:1px solid color-mix(in srgb,var(--karin-composition-divider,var(--karin-border)) 72%,transparent)!important;background:var(--karin-surface)!important;}
 body.karin-page-sales :is(.sales-invoice-cell,.sales-customer-cell,.sales-amount-cell,.sales-channel-cell,.sales-time-cell)::before{display:none!important;content:none!important;}
 body.karin-page-sales .sales-compact-table thead .col-invoice,body.karin-page-sales .sales-compact-table tbody .sales-invoice-cell{position:sticky!important;right:0!important;z-index:3!important;box-shadow:-1px 0 0 var(--karin-composition-divider,var(--karin-border))!important;}body.karin-page-sales .sales-compact-table thead .col-invoice{z-index:6!important;background:var(--karin-surface-soft,#f8fafc)!important;}body.karin-page-sales .sales-compact-table tbody .sales-invoice-cell{background:var(--karin-surface)!important;}
}
@media(max-width:680px){body.karin-page-sales .sales-table-wrap{border:1px solid var(--karin-composition-divider,var(--karin-border))!important;border-radius:10px!important;overflow:auto!important;background:var(--karin-surface)!important;}body.karin-page-sales .sales-compact-table{min-width:790px!important;width:790px!important;}body.karin-page-sales .offline-actions{display:flex!important;gap:6px!important;width:auto!important;}}

/* ======================================================================== Karin v5.328.3 — Sales header/filter/pagination stabilization Finalizes the sales workspace around the proven dense operational model. ======================================================================== */
body.karin-page-sales .sales-head-copy{
  display:grid!important;
  gap:4px!important;
}
body.karin-page-sales .sales-head-summary{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  width:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--karin-text-muted,#64748b)!important;
}
body.karin-page-sales .sales-head-summary span,
body.karin-page-sales .sales-head-summary small{
  font-size:10.5px!important;
  font-weight:750!important;
  line-height:1.5!important;
  white-space:nowrap!important;
}
body.karin-page-sales .sales-head-summary b{
  color:var(--karin-heading,var(--karin-text))!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.5!important;
  white-space:nowrap!important;
}
body.karin-page-sales .sales-action-label-mobile{display:none!important;}

body.karin-page-sales .sales-filter-main>.karin-unified-date{
  position:relative!important;
}
body.karin-page-sales .sales-date-icon{
  position:absolute!important;
  z-index:2!important;
  inset-inline-start:11px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  color:var(--karin-text-muted,#64748b)!important;
  pointer-events:none!important;
}
body.karin-page-sales .sales-date-icon svg{width:16px!important;height:16px!important;display:block!important;}
body.karin-page-sales .sales-filter-main .karin-date-display-input{
  padding-inline-start:36px!important;
}

body.karin-page-sales .sales-filter-advanced{
  margin-top:0!important;
  padding:12px!important;
  gap:10px!important;
  border-top:1px solid var(--karin-composition-divider,var(--karin-border))!important;
  border-radius:0 0 11px 11px!important;
  background:var(--karin-surface-soft,#f8fafc)!important;
}
body.karin-page-sales .sales-filter-advanced-fields{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:start!important;
}
body.karin-page-sales .sales-advanced-field{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
}
body.karin-page-sales .sales-advanced-field>span{
  display:block!important;
  position:static!important;
  margin:0!important;
  padding:0 2px!important;
  color:var(--karin-text-muted,#64748b)!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.4!important;
  transform:none!important;
}
body.karin-page-sales .sales-advanced-field>select{
  position:static!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:var(--karin-filter-control-h,40px)!important;
  min-height:var(--karin-filter-control-h,40px)!important;
  margin:0!important;
  padding:0 11px!important;
  border:1px solid var(--karin-control-border,var(--karin-border))!important;
  border-radius:9px!important;
  background:var(--karin-surface)!important;
  color:var(--karin-text)!important;
  font-size:10.8px!important;
  line-height:1!important;
}
body.karin-page-sales .sales-filter-advanced-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding-top:10px!important;
  border-top:1px solid var(--karin-composition-divider,var(--karin-border))!important;
}
body.karin-page-sales .sales-filter-advanced-footer .sales-filter-check{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  position:static!important;
}
body.karin-page-sales .sales-filter-advanced-footer .sales-filter-check input{
  position:static!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  margin:0!important;
  flex:0 0 16px!important;
  transform:none!important;
}
body.karin-page-sales .sales-filter-advanced-footer .sales-filter-check span{
  position:static!important;
  margin:0!important;
  padding:0!important;
  color:var(--karin-text)!important;
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1.55!important;
  transform:none!important;
}
body.karin-page-sales .sales-filter-clear{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:36px!important;
  height:36px!important;
  padding:0 12px!important;
  margin:0!important;
  border-radius:9px!important;
}

body.karin-page-sales .sales-table-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-height:var(--karin-filter-control-h,40px)!important;
  margin:0 0 8px!important;
}
body.karin-page-sales .sales-table-pagination-top{
  flex:1 1 auto!important;
  min-width:0!important;
}
body.karin-page-sales .sales-table-pagination-top .karin-pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  width:100%!important;
  min-height:38px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
body.karin-page-sales .sales-table-pagination-top .karin-pagination__summary{
  order:0!important;
  flex:0 0 auto!important;
  color:var(--karin-text-muted)!important;
  font-size:10.5px!important;
  font-weight:750!important;
  white-space:nowrap!important;
}
body.karin-page-sales .sales-table-pagination-top .karin-pagination__size{
  order:1!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
  margin:0!important;
}
body.karin-page-sales .sales-table-pagination-top .karin-pagination__size label{
  display:inline!important;
  margin:0!important;
  color:var(--karin-text-muted)!important;
  font-size:10px!important;
  font-weight:750!important;
  white-space:nowrap!important;
}
body.karin-page-sales .sales-table-pagination-top .karin-pagination__size select{
  width:66px!important;
  min-width:66px!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding-block:0!important;
  border-radius:9px!important;
}
body.karin-page-sales .sales-table-pagination-top .karin-pagination__links{
  order:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
  width:auto!important;
  margin-inline-start:auto!important;
  overflow:visible!important;
}
body.karin-page-sales .sales-table-pagination-top .karin-pagination__links :is(a,b){
  min-width:32px!important;
  min-height:32px!important;
  height:32px!important;
  margin:0!important;
  padding:0 8px!important;
  border-radius:8px!important;
  font-size:10.5px!important;
}
body.karin-page-sales .sales-refresh-button{
  flex:0 0 34px!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
}

@media(max-width:1050px){
  body.karin-page-sales .sales-filter-advanced-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}

@media(max-width:760px){
  body.karin-page-sales .sales-workspace-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    margin:0 0 8px!important;
    padding:1px 0 9px!important;
    border-bottom:1px solid var(--karin-composition-divider,var(--karin-border))!important;
  }
  body.karin-page-sales .sales-head-copy{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:3px!important;
    min-width:0!important;
  }
  body.karin-page-sales .sales-head-copy h1{
    margin:0!important;
    font-size:21px!important;
    line-height:1.35!important;
    letter-spacing:-.2px!important;
    white-space:nowrap!important;
  }
  body.karin-page-sales .sales-head-summary{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:5px!important;
    width:auto!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    justify-self:stretch!important;
  }
  body.karin-page-sales .sales-head-summary span,
  body.karin-page-sales .sales-head-summary small{
    font-size:10.5px!important;
    color:var(--karin-text-muted)!important;
  }
  body.karin-page-sales .sales-head-summary b{
    font-size:11.5px!important;
    color:var(--karin-heading,var(--karin-text))!important;
  }
  body.karin-page-sales .sales-head-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;
    gap:7px!important;
    width:100%!important;
  }
  body.karin-page-sales .sales-head-actions .karin-button{
    width:100%!important;
    min-width:0!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 9px!important;
    margin:0!important;
    border-radius:9px!important;
    font-size:11.5px!important;
    justify-content:center!important;
  }
  body.karin-page-sales .sales-action-label-desktop{display:none!important;}
  body.karin-page-sales .sales-action-label-mobile{display:inline!important;}
  body.karin-page-sales .sales-new-plus{width:17px!important;height:17px!important;font-size:15px!important;}

  body.karin-page-sales .content>.sales-channel-tabs.karin-tabs,
  body.karin-page-sales>.content .sales-channel-tabs.karin-tabs,
  body.karin-page-sales .sales-channel-tabs.karin-tabs{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    overscroll-behavior-inline:contain!important;
    min-height:38px!important;
    margin:0 0 8px!important;
    padding:4px!important;
    gap:5px!important;
    border-radius:10px!important;
  }
  body.karin-page-sales .content>.sales-channel-tabs.karin-tabs::-webkit-scrollbar,
  body.karin-page-sales>.content .sales-channel-tabs.karin-tabs::-webkit-scrollbar{display:none!important;}
  body.karin-page-sales .content>.sales-channel-tabs.karin-tabs>a,
  body.karin-page-sales>.content .sales-channel-tabs.karin-tabs>a,
  body.karin-page-sales .sales-channel-tabs.karin-tabs a{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    min-height:29px!important;
    padding:5px 10px!important;
    font-size:10.5px!important;
  }

  body.karin-page-sales .sales-workspace-filter{
    margin:0 0 8px!important;
    padding:7px!important;
    border-radius:11px!important;
  }
  body.karin-page-sales .sales-filter-main{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    gap:7px!important;
    align-items:center!important;
  }
  body.karin-page-sales .sales-filter-search{
    grid-column:1/-1!important;
    width:100%!important;
  }
  body.karin-page-sales .sales-filter-main>.karin-unified-date{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
  }
  body.karin-page-sales .sales-more-filters{
    grid-column:2!important;
    width:auto!important;
    min-width:92px!important;
    height:var(--karin-filter-control-h,40px)!important;
    padding:0 9px!important;
    justify-content:center!important;
  }
  body.karin-page-sales .sales-filter-submit{
    grid-column:3!important;
    width:auto!important;
    min-width:58px!important;
    height:var(--karin-filter-control-h,40px)!important;
    padding:0 10px!important;
  }
  body.karin-page-sales .sales-filter-main .karin-search-combo,
  body.karin-page-sales .sales-filter-main .karin-date-display-input{
    height:var(--karin-filter-control-h,40px)!important;
    min-height:var(--karin-filter-control-h,40px)!important;
    border-radius:9px!important;
  }
  body.karin-page-sales .sales-filter-main .karin-search-combo input,
  body.karin-page-sales .sales-filter-main .karin-search-icon-btn{
    height:38px!important;
    min-height:38px!important;
  }
  body.karin-page-sales .sales-date-icon{inset-inline-start:10px!important;}

  body.karin-page-sales .sales-filter-advanced{
    margin-top:1px!important;
    padding:9px!important;
    gap:9px!important;
    border-radius:9px!important;
  }
  body.karin-page-sales .sales-filter-advanced-fields{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px 8px!important;
  }
  body.karin-page-sales .sales-advanced-field{gap:5px!important;}
  body.karin-page-sales .sales-advanced-field>span{font-size:9.7px!important;}
  body.karin-page-sales .sales-advanced-field>select{
    height:38px!important;
    min-height:38px!important;
    padding:0 9px!important;
    font-size:10.5px!important;
  }
  body.karin-page-sales .sales-filter-advanced-footer{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    align-items:center!important;
    padding-top:9px!important;
  }
  body.karin-page-sales .sales-filter-advanced-footer .sales-filter-check{
    min-width:0!important;
  }
  body.karin-page-sales .sales-filter-advanced-footer .sales-filter-check span{
    font-size:10px!important;
    line-height:1.45!important;
  }
  body.karin-page-sales .sales-filter-clear{
    width:auto!important;
    min-height:34px!important;
    height:34px!important;
    padding:0 10px!important;
    font-size:10px!important;
  }

  body.karin-page-sales .sales-workspace-table{
    padding:7px!important;
    border-radius:11px!important;
  }
  body.karin-page-sales .sales-table-toolbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 34px!important;
    align-items:start!important;
    gap:7px!important;
    min-height:0!important;
    margin:0 0 7px!important;
  }
  body.karin-page-sales .sales-table-pagination-top{
    min-width:0!important;
  }
  body.karin-page-sales .sales-table-pagination-top .karin-pagination{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px 8px!important;
    min-height:0!important;
    width:100%!important;
  }
  body.karin-page-sales .sales-table-pagination-top .karin-pagination__summary{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    min-width:0!important;
    font-size:10px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.karin-page-sales .sales-table-pagination-top .karin-pagination__size{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
  }
  body.karin-page-sales .sales-table-pagination-top .karin-pagination__size label{display:none!important;}
  body.karin-page-sales .sales-table-pagination-top .karin-pagination__size select{
    width:58px!important;
    min-width:58px!important;
    height:32px!important;
    min-height:32px!important;
  }
  body.karin-page-sales .sales-table-pagination-top .karin-pagination__links{
    grid-column:1/-1!important;
    grid-row:2!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    gap:4px!important;
    width:100%!important;
    margin:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }
  body.karin-page-sales .sales-table-pagination-top .karin-pagination__links::-webkit-scrollbar{display:none!important;}
  body.karin-page-sales .sales-table-pagination-top .karin-pagination__links :is(a,b){
    flex:0 0 auto!important;
    min-width:30px!important;
    min-height:30px!important;
    height:30px!important;
    padding:0 7px!important;
    border-radius:8px!important;
    font-size:10px!important;
  }
  body.karin-page-sales .sales-refresh-button{
    grid-column:2!important;
    grid-row:1!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
  }
}

@media(max-width:430px){
  body.karin-page-sales .sales-head-copy h1{font-size:20px!important;}
  body.karin-page-sales .sales-head-summary{gap:4px!important;flex-wrap:wrap!important;}
  body.karin-page-sales .sales-filter-main{grid-template-columns:minmax(0,1fr) 86px 56px!important;}
  body.karin-page-sales .sales-more-filters{min-width:86px!important;padding:0 7px!important;}
  body.karin-page-sales .sales-more-filters span{font-size:9.8px!important;}
  body.karin-page-sales .sales-filter-submit{min-width:56px!important;padding:0 8px!important;}
  body.karin-page-sales .sales-filter-advanced-fields{grid-template-columns:1fr 1fr!important;}
  body.karin-page-sales .sales-filter-advanced-footer{grid-template-columns:1fr!important;}
  body.karin-page-sales .sales-filter-clear{justify-self:start!important;width:auto!important;}
}

/* ======================================================================== Karin v5.328.4 — Sales desktop advanced-filter repair Desktop-only cascade repair: the legacy .sales-filter-advanced grid must not turn the new fields/footer wrappers into narrow sibling columns. Mobile composition from v5.328.3 remains unchanged. ======================================================================== */
@media(min-width:761px){
  body.karin-page-sales .sales-filter-advanced:not([hidden]){
    display:block!important;
    width:100%!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    margin-top:0!important;
    padding:12px!important;
    border-top:1px solid var(--karin-composition-divider,var(--karin-border))!important;
    border-radius:0 0 11px 11px!important;
    background:var(--karin-surface-soft,#f8fafc)!important;
  }
  body.karin-page-sales .sales-filter-advanced[hidden]{display:none!important;}
  body.karin-page-sales .sales-filter-advanced-fields{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    align-items:end!important;
  }
  body.karin-page-sales .sales-advanced-field{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
  }
  body.karin-page-sales .sales-advanced-field>span{
    min-height:15px!important;
    padding:0 2px!important;
    font-size:10.5px!important;
    line-height:1.45!important;
    white-space:nowrap!important;
  }
  body.karin-page-sales .sales-advanced-field>select{
    width:100%!important;
    min-width:0!important;
    height:var(--karin-filter-control-h,40px)!important;
    min-height:var(--karin-filter-control-h,40px)!important;
    padding-inline:10px 30px!important;
    font-size:10.8px!important;
  }
  body.karin-page-sales .sales-filter-advanced-footer{
    display:flex!important;
    width:100%!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    margin-top:12px!important;
    padding-top:11px!important;
    border-top:1px solid var(--karin-composition-divider,var(--karin-border))!important;
  }
  body.karin-page-sales .sales-filter-advanced-footer .sales-filter-check{
    display:flex!important;
    flex:1 1 auto!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    min-height:36px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  body.karin-page-sales .sales-filter-advanced-footer .sales-filter-check span{
    font-size:10.5px!important;
    line-height:1.55!important;
  }
  body.karin-page-sales .sales-filter-clear{
    flex:0 0 auto!important;
    min-width:112px!important;
    height:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:0 12px!important;
    justify-content:center!important;
  }
}
@media(min-width:761px) and (max-width:1120px){
  body.karin-page-sales .sales-filter-advanced-fields{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* ======================================================================== Karin v5.328.5 — Sales table channel consistency Keep the sales table geometry identical across regular and social channels. Social receipt actions must fit inside the same fixed table contract instead of widening or visually offsetting the last columns. ======================================================================== */
@media(min-width:761px){
  body.karin-page-sales .sales-workspace-table{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    margin-inline:0!important;
  }
  body.karin-page-sales .sales-list-card>.sales-table-wrap,
  body.karin-page-sales .sales-table-wrap{
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    margin-inline:0!important;
  }
  body.karin-page-sales .sales-compact-table{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    margin:0!important;
    margin-inline:0!important;
    table-layout:fixed!important;
  }
  body.karin-page-sales .sales-compact-table .col-invoice{width:8%!important;}
  body.karin-page-sales .sales-compact-table .col-time{width:12%!important;}
  body.karin-page-sales .sales-compact-table .col-customer{width:11%!important;}
  body.karin-page-sales .sales-compact-table .col-channel{width:14%!important;}
  body.karin-page-sales .sales-compact-table .col-items{width:22%!important;}
  body.karin-page-sales .sales-compact-table .col-amount{width:11%!important;}
  body.karin-page-sales .sales-compact-table .col-payment{width:13%!important;}
  body.karin-page-sales .sales-compact-table .col-actions{width:9%!important;}
  body.karin-page-sales .sales-actions-cell{
    box-sizing:border-box!important;
    padding-inline:6px!important;
    overflow:visible!important;
  }
  body.karin-page-sales .sale-row-actions{
    width:100%!important;
    min-width:0!important;
    gap:4px!important;
    justify-content:flex-start!important;
  }
  body.karin-page-sales .receipt-icon-button,
  body.karin-page-sales .sales-row-menu>summary{
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    min-height:30px!important;
  }
  body.karin-page-sales .sales-table-pagination-bottom{
    box-sizing:border-box!important;
    width:100%!important;
    margin-inline:0!important;
  }
}





/* ======================================================================== Karin v5.329 — Sale Detail Workspace ======================================================================== */
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .karin-sale-detail-workspace-v5310{gap:14px!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-page-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;margin:0!important;padding:2px 0 14px!important;border-bottom:1px solid var(--karin-composition-divider)!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-page-header .karin-page-header__copy{min-width:220px!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-page-header .karin-page-header__copy h1{margin:0!important;font-size:24px!important;line-height:1.35!important;letter-spacing:-.25px!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-page-header .karin-page-header__copy p{margin:5px 0 0!important;font-size:11px!important;color:var(--karin-text-muted)!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-page-header .karin-page-header__actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:wrap!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-page-header :is(.karin-page-action,.karin-button){min-height:36px!important;height:36px!important;padding:0 12px!important;border-radius:9px!important;font-size:11px!important;font-weight:800!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-view-top-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 292px!important;gap:14px!important;align-items:start!important;margin:0!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-view-main-info{grid-column:1!important;grid-row:1!important;margin:0!important;padding:0!important;overflow:hidden!important;border:1px solid var(--karin-composition-panel-border,var(--karin-border))!important;border-radius:14px!important;box-shadow:none!important;background:var(--karin-surface)!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-hero{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(220px,auto) auto!important;align-items:center!important;gap:16px!important;padding:16px 18px!important;border-bottom:1px solid var(--karin-composition-divider)!important;background:var(--karin-surface-soft,#f8fafc)!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-hero__customer{display:grid!important;gap:3px!important;min-width:0!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-hero__customer small,body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-hero__total small{color:var(--karin-text-muted)!important;font-size:10px!important;font-weight:800!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-hero__customer strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--karin-heading)!important;font-size:17px!important;font-weight:900!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-hero__customer>span{width:max-content!important;color:var(--karin-text-muted)!important;font-size:11px!important;font-weight:700!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-hero__statuses{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-status-pill{display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:0 9px!important;border:1px solid var(--karin-composition-divider)!important;border-radius:999px!important;background:var(--karin-surface)!important;color:var(--karin-text)!important;font-size:10px!important;font-weight:850!important;white-space:nowrap!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-status-pill.is-payment{color:#166534!important;background:#f0fdf4!important;border-color:#bbf7d0!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-status-pill.is-order{color:#1d4ed8!important;background:#eff6ff!important;border-color:#bfdbfe!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-status-pill.is-inventory{color:#475569!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-hero__total{display:grid!important;justify-items:end!important;gap:3px!important;min-width:145px!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-hero__total b{color:var(--karin-heading)!important;font-size:20px!important;font-weight:950!important;white-space:nowrap!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-facts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:0 18px!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-fact-group{min-width:0!important;padding:15px 16px 16px!important;border-inline-start:1px solid var(--karin-composition-divider)!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-fact-group:first-child{border-inline-start:0!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-fact-group h2{margin:0 0 8px!important;color:var(--karin-heading)!important;font-size:12px!important;font-weight:900!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-fact-group dl{display:grid!important;gap:0!important;margin:0!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-fact-group dl>div{display:grid!important;grid-template-columns:minmax(82px,.75fr) minmax(0,1.25fr)!important;gap:10px!important;align-items:start!important;padding:8px 0!important;border-top:1px solid color-mix(in srgb,var(--karin-composition-divider) 70%,transparent)!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-fact-group dl>div:first-child{border-top:0!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-fact-group dt{color:var(--karin-text-muted)!important;font-size:10px!important;font-weight:750!important;line-height:1.6!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-fact-group dd{min-width:0!important;margin:0!important;color:var(--karin-text)!important;font-size:11px!important;font-weight:800!important;line-height:1.65!important;overflow-wrap:anywhere!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-fact-wide{grid-template-columns:1fr!important;gap:3px!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-view-main-info>.notice,body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-view-main-info>.karin-note{margin:0 18px 14px!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-notes{grid-column:2!important;grid-row:1!important;position:sticky!important;top:14px!important;margin:0!important;padding:14px!important;border:1px solid var(--karin-composition-panel-border,var(--karin-border))!important;border-radius:14px!important;background:var(--karin-surface)!important;box-shadow:none!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-notes .karin-note-heading{display:flex!important;align-items:center!important;gap:7px!important;margin:0 0 10px!important;font-size:13px!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-note-composer textarea{min-height:72px!important;resize:vertical!important;background:var(--karin-surface)!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-note-composer>.karin-button{width:100%!important;margin-top:7px!important;justify-content:center!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-notes .sale-notes{display:grid!important;gap:0!important;margin-top:12px!important;max-height:420px!important;overflow:auto!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-notes .sale-note{padding:11px 0!important;border:0!important;border-top:1px solid var(--karin-composition-divider)!important;border-radius:0!important;background:transparent!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-notes .sale-note p{margin:0 0 5px!important;font-size:11px!important;line-height:1.75!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-notes .sale-note small{font-size:9px!important;color:var(--karin-text-muted)!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-notes .sale-note-delete{margin-top:7px!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-notes .sale-note-delete .karin-button{min-height:28px!important;height:28px!important;padding:0 8px!important;font-size:9px!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-notes-empty{margin:0!important;padding:10px 0!important;text-align:center!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-view-detail-grid{display:grid!important;grid-template-columns:1fr!important;gap:var(--karin-space-4,16px)!important;margin:0!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-view-detail-grid>*{min-width:0!important;margin-block:0!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-panel,body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-customer-history-card{margin:0!important;padding:0!important;overflow:hidden!important;border:1px solid var(--karin-composition-panel-border,var(--karin-border))!important;border-radius:14px!important;box-shadow:none!important;background:var(--karin-surface)!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-panel>h2,body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-panel>.karin-section-head,body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-customer-history-card>h2{min-height:48px!important;margin:0!important;padding:0 16px!important;border-bottom:1px solid var(--karin-composition-divider)!important;background:var(--karin-surface-soft,#f8fafc)!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-panel>h2,body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-customer-history-card>h2{display:flex!important;align-items:center!important;font-size:13px!important;font-weight:900!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-panel>.karin-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-panel>.karin-section-head h2{margin:0!important;font-size:13px!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-panel>.karin-table-wrap,body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-customer-history-card>.karin-table-wrap{margin:0!important;border:0!important;border-radius:0!important;overflow:auto!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-items-detail-table{min-width:720px!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-payment-panel .karin-table{min-width:620px!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-return-panel .karin-table{min-width:760px!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .payment-receipt-summary{margin:14px!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .payment-receipt-card>.karin-actions,body:is(.karin-page-sale-view,.karin-page-site-sale-view) .payment-receipt-upload,body:is(.karin-page-sale-view,.karin-page-site-sale-view) .payment-receipt-card>.karin-empty-state{margin:0 14px 14px!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-more-actions{position:relative!important;display:inline-flex!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-more-actions>summary{list-style:none!important;cursor:pointer!important;user-select:none!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-more-actions>summary::-webkit-details-marker{display:none!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-more-menu{position:absolute!important;z-index:40!important;inset-inline-end:0!important;top:calc(100% + 6px)!important;display:grid!important;min-width:170px!important;padding:5px!important;border:1px solid var(--karin-composition-divider,var(--karin-border))!important;border-radius:10px!important;background:var(--karin-surface)!important;box-shadow:0 12px 30px rgba(15,23,42,.12)!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-menu-action{appearance:none!important;display:flex!important;align-items:center!important;width:100%!important;min-height:34px!important;margin:0!important;padding:0 9px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--karin-text)!important;font:inherit!important;font-size:10.5px!important;font-weight:800!important;text-decoration:none!important;cursor:pointer!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-menu-action:hover{background:var(--karin-surface-soft)!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-menu-action.is-danger{color:#c51f3f!important}
body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-more-menu .sale-detail-delete-form{display:block!important;width:100%!important}
@media(max-width:1050px){body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-view-top-layout{grid-template-columns:1fr!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-view-main-info{grid-column:1!important;grid-row:1!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-notes{grid-column:1!important;grid-row:2!important;position:static!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-hero{grid-template-columns:minmax(200px,1fr) minmax(180px,auto) auto!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-fact-group:nth-child(3){grid-column:1/-1!important;border-inline-start:0!important;border-top:1px solid var(--karin-composition-divider)!important}}
@media(max-width:700px){body:is(.karin-page-sale-view,.karin-page-site-sale-view) .karin-sale-detail-workspace-v5310{gap:10px!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-page-header{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding-bottom:10px!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-page-header .karin-page-header__copy h1{font-size:20px!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-page-header .karin-page-header__actions{display:flex!important;flex-wrap:wrap!important;width:100%!important;gap:6px!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-page-header .karin-page-header__actions>*{width:auto!important;flex:0 0 auto!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-page-header :is(.karin-page-action,.karin-button){min-height:34px!important;height:34px!important;padding:0 10px!important;font-size:10px!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-hero{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;padding:13px!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-hero__customer strong{font-size:15px!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-hero__statuses{grid-column:1/-1!important;grid-row:2!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-hero__total{grid-column:2!important;grid-row:1!important;min-width:0!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-hero__total b{font-size:16px!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-facts{grid-template-columns:1fr!important;padding:0 13px!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-fact-group,body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-fact-group:nth-child(3){grid-column:auto!important;padding:13px 0!important;border-inline-start:0!important;border-top:1px solid var(--karin-composition-divider)!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-fact-group:first-child{border-top:0!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-fact-group dl>div{grid-template-columns:minmax(86px,.7fr) minmax(0,1.3fr)!important;gap:8px!important;padding:7px 0!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-fact-wide{grid-template-columns:1fr!important;gap:3px!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-view-main-info>.notice,body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-view-main-info>.karin-note{margin:0 13px 12px!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-notes{padding:13px!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-notes .sale-notes{max-height:none!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-panel>h2,body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-panel>.karin-section-head,body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-customer-history-card>h2{min-height:44px!important;padding:0 13px!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .payment-receipt-summary{grid-template-columns:1fr!important;margin:12px!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .payment-receipt-card>.karin-actions,body:is(.karin-page-sale-view,.karin-page-site-sale-view) .payment-receipt-upload,body:is(.karin-page-sale-view,.karin-page-site-sale-view) .payment-receipt-card>.karin-empty-state{margin:0 12px 12px!important}}
@media(max-width:430px){body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-hero{grid-template-columns:1fr!important}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-hero__customer,body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-hero__total,body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-hero__statuses{grid-column:1!important;grid-row:auto!important;justify-items:start!important}}

/* ========================================================================Karin v5.329.1 — Sales payment column alignmentKeep payment method,status badge and receipt review on one visual axis.======================================================================== */body.karin-page-sales .sales-compact-table .col-payment,body.karin-page-sales .sales-compact-table .sale-payment-cell{text-align:center!important;}body.karin-page-sales .sale-payment-cell .sales-payment-compact,body.karin-page-sales .sale-payment-cell .sales-payment-stack{display:grid!important;grid-auto-flow:row!important;justify-items:center!important;align-items:center!important;justify-content:center!important;align-content:center!important;gap:4px!important;width:100%!important;min-width:0!important;margin-inline:auto!important;text-align:center!important;}body.karin-page-sales .sale-payment-cell .sales-payment-method,body.karin-page-sales .sale-payment-cell .sales-payment-status,body.karin-page-sales .sale-payment-cell .sales-receipt-state{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;text-align:center!important;justify-self:center!important;}body.karin-page-sales .sale-payment-cell .sales-payment-status{display:flex!important;align-items:center!important;justify-content:center!important;}body.karin-page-sales .sale-payment-cell .sales-payment-status .karin-badge,body.karin-page-sales .sale-payment-cell .sales-payment-stack .karin-badge{margin-inline:auto!important;text-align:center!important;}
/* Karin v5.329.2 — Sale detail polish & floating sales row menu */body:is(.karin-page-sale-view,.karin-page-site-sale-view) .payment-receipt-card .payment-receipt-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:14px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .payment-receipt-card .payment-receipt-summary>div{min-width:0!important;min-height:68px!important;padding:11px 12px!important;border:1px solid var(--karin-composition-divider)!important;border-radius:10px!important;background:var(--karin-surface-soft,#f8fafc)!important;}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .payment-receipt-card .payment-receipt-summary>div:first-child,body:is(.karin-page-sale-view,.karin-page-site-sale-view) .payment-receipt-card .payment-receipt-summary>div+div{border-inline-start:1px solid var(--karin-composition-divider)!important;border-top:1px solid var(--karin-composition-divider)!important;}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .payment-receipt-card .payment-receipt-summary small{display:block!important;margin:0 0 5px!important;color:var(--karin-text-muted)!important;font-size:10px!important;font-weight:750!important;}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .payment-receipt-card .payment-receipt-summary b{display:block!important;color:var(--karin-text)!important;font-size:11px!important;font-weight:850!important;line-height:1.65!important;overflow-wrap:anywhere!important;}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .payment-receipt-card>.karin-actions{padding-top:0!important;}body.karin-page-sales .sales-row-menu-popover{position:fixed!important;inset:auto!important;top:0;left:0;z-index:2147483200!important;min-width:172px!important;max-width:min(220px,calc(100vw - 16px))!important;margin:0!important;box-shadow:0 14px 34px rgba(15,23,42,.16)!important;}body.karin-page-sales .sales-row-menu[open] .sales-row-menu-popover{display:grid!important;}@media(max-width:700px){body:is(.karin-page-sale-view,.karin-page-site-sale-view) .payment-receipt-card .payment-receipt-summary{grid-template-columns:1fr!important;gap:8px!important;margin:12px!important;}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .payment-receipt-card .payment-receipt-summary>div{min-height:0!important;}}
.karin-sale-order-detail-shell .sale-status-pill.is-success{color:#166534!important;background:#f0fdf4!important;border-color:#bbf7d0!important}.karin-sale-order-detail-shell .sale-status-pill.is-warning{color:#92400e!important;background:#fffbeb!important;border-color:#fde68a!important}.karin-sale-order-detail-shell .sale-status-pill.is-danger{color:#b91c1c!important;background:#fef2f2!important;border-color:#fecaca!important}.karin-sale-order-detail-shell .sale-status-pill.is-info{color:#1d4ed8!important;background:#eff6ff!important;border-color:#bfdbfe!important}.karin-sale-order-detail-shell .sale-status-pill.is-neutral{color:#475569!important;background:var(--karin-surface,#fff)!important;border-color:var(--karin-composition-divider,var(--karin-border))!important}
.karin-sale-order-detail-shell .sale-item-product-id,.karin-sale-order-detail-shell .sale-items-detail-table th:first-child{width:110px!important;min-width:110px!important;text-align:center!important}.karin-sale-order-detail-shell .sale-item-product-id{font-variant-numeric:tabular-nums!important;color:var(--karin-text-muted)!important;font-weight:800!important}
.karin-sale-order-detail-shell .site-order-sync-inline{display:inline-flex!important;align-items:center!important;gap:6px!important;min-width:0!important}.karin-sale-order-detail-shell .site-order-sync-value{min-width:0!important}.karin-sale-order-detail-shell .site-order-sync-form{display:inline-flex!important;margin:0!important}.karin-sale-order-detail-shell .site-order-sync-button{width:26px!important;min-width:26px!important;height:26px!important;min-height:26px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border:1px solid var(--karin-composition-divider,var(--karin-border))!important;border-radius:7px!important;background:var(--karin-surface)!important;color:var(--karin-text-muted)!important;cursor:pointer!important}.karin-sale-order-detail-shell .site-order-sync-button:hover{color:var(--karin-primary)!important;border-color:color-mix(in srgb,var(--karin-primary) 28%,var(--karin-composition-divider))!important}
.karin-sale-order-detail-shell .sale-detail-hero{min-height:88px!important}html[data-theme="dark"] .karin-sale-order-detail-shell .sale-status-pill.is-success{color:#bbf7d0!important;background:rgba(22,101,52,.22)!important;border-color:rgba(74,222,128,.28)!important}html[data-theme="dark"] .karin-sale-order-detail-shell .sale-status-pill.is-warning{color:#fde68a!important;background:rgba(146,64,14,.24)!important;border-color:rgba(251,191,36,.30)!important}html[data-theme="dark"] .karin-sale-order-detail-shell .sale-status-pill.is-danger{color:#fecaca!important;background:rgba(153,27,27,.22)!important;border-color:rgba(248,113,113,.28)!important}html[data-theme="dark"] .karin-sale-order-detail-shell .sale-status-pill.is-info{color:#bfdbfe!important;background:rgba(30,64,175,.24)!important;border-color:rgba(96,165,250,.28)!important}@media(max-width:700px){.karin-sale-order-detail-shell .sale-item-product-id,.karin-sale-order-detail-shell .sale-items-detail-table th:first-child{width:92px!important;min-width:92px!important}}

/* Karin v5.331 — Unified Detail Completion */body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-facts.is-two-groups{grid-template-columns:repeat(2,minmax(0,1fr))!important;}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-facts.is-two-groups .sale-detail-fact-group:nth-child(2){border-inline-start:1px solid var(--karin-composition-divider)!important;}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-hero__customer{justify-items:start!important;text-align:start!important;}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-hero__customer>span{width:auto!important;max-width:100%!important;justify-self:start!important;text-align:start!important;}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-customer-group dd.ltr{text-align:start!important;justify-self:stretch!important;}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-return-action{border-color:color-mix(in srgb,var(--karin-primary) 24%,var(--karin-composition-divider))!important;color:var(--karin-primary)!important;background:var(--karin-primary-soft)!important;}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-more-menu{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-more-menu .sale-detail-menu-action{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;text-align:start!important;}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-more-menu .sale-detail-delete-form,body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-more-menu .sale-detail-delete-form>button{width:100%!important;}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-payments-table,body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-returns-table{width:100%!important;}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-items-detail-table th,body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-items-detail-table td{vertical-align:middle!important;}@media(max-width:1050px){body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-facts.is-two-groups{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}@media(max-width:700px){body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-facts.is-two-groups{grid-template-columns:1fr!important;}body:is(.karin-page-sale-view,.karin-page-site-sale-view) .sale-detail-facts.is-two-groups .sale-detail-fact-group:nth-child(2){border-inline-start:0!important;border-top:1px solid var(--karin-composition-divider)!important;}}

/* ======================================================================== Karin v5.334 — Unified Detail Route & Context Header One detail route; channel-aware title and stable reference placement. ======================================================================== */
body.karin-page-unified-sale-detail .sale-detail-page-header .karin-page-header__copy{
  display:grid!important;
  gap:7px!important;
  min-width:0!important;
}
body.karin-page-unified-sale-detail .sale-detail-page-header .karin-page-header__copy h1{
  margin:0!important;
  font-size:23px!important;
  line-height:1.35!important;
  letter-spacing:-.2px!important;
}
body.karin-page-unified-sale-detail .sale-detail-header-meta{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  flex-wrap:wrap!important;
}
body.karin-page-unified-sale-detail .sale-detail-reference{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:6px!important;
  min-width:0!important;
}
body.karin-page-unified-sale-detail .sale-detail-reference small{
  color:var(--karin-text-muted)!important;
  font-size:10px!important;
  font-weight:750!important;
}
body.karin-page-unified-sale-detail .sale-detail-reference strong{
  color:var(--karin-heading)!important;
  font-size:14px!important;
  font-weight:950!important;
  letter-spacing:.1px!important;
}
body.karin-page-unified-sale-detail .sale-detail-header-date{
  position:relative!important;
  color:var(--karin-text-muted)!important;
  font-size:10px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
body.karin-page-unified-sale-detail .sale-detail-header-date:before{
  content:""!important;
  display:inline-block!important;
  inline-size:3px!important;
  block-size:3px!important;
  margin-inline-end:10px!important;
  vertical-align:middle!important;
  border-radius:999px!important;
  background:var(--karin-border-strong,var(--karin-border))!important;
}
@media(max-width:760px){
  body.karin-page-unified-sale-detail .sale-detail-page-header{
    gap:10px!important;
  }
  body.karin-page-unified-sale-detail .sale-detail-page-header .karin-page-header__copy h1{
    font-size:20px!important;
  }
  body.karin-page-unified-sale-detail .sale-detail-header-meta{
    gap:6px 9px!important;
  }
  body.karin-page-unified-sale-detail .sale-detail-reference strong{
    font-size:13px!important;
  }
}
/* Root/sidebar/table scrollbars */
/* Register Sale 2.0 — phase 2 */
/* Customer purchase-history modal: complete dark surface contract. */
/* Sale/order detail metadata cards: true dark surfaces */


/* ========================================================================
   Karin v5.334.1 — Sales Row Menu Viewport Anchor
   The floating operations menu is positioned by JS against the trigger's
   viewport rect. Final CSS must not re-anchor it to the scroll container.
   ======================================================================== */
body.karin-page-sales .sales-row-menu-popover{
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
}

body.karin-page-sales .sales-row-menu[open]:not(.is-positioned) .sales-row-menu-popover{visibility:hidden!important;pointer-events:none!important}body.karin-page-sales .sales-row-menu[open].is-positioned .sales-row-menu-popover{visibility:visible!important;pointer-events:auto!important}


/* ========================================================================
   Karin v5.338 — Operational UI Foundation
   Shared compact filters/search/icon geometry and table wheel ownership.
   Feature styles may define column layout only; control paint/height/padding
   belongs to these primitives.
   ======================================================================== */
:root{
  --karin-filter-control-h:40px;
  --karin-filter-surface-py:10px;
  --karin-filter-surface-px:12px;
  --karin-filter-gap:8px;
}
body.karin-app-page .karin-filter-workspace{
  box-sizing:border-box;
  min-width:0;
  padding:var(--karin-filter-surface-py) var(--karin-filter-surface-px)!important;
  border:1px solid var(--karin-composition-divider,var(--karin-border))!important;
  border-radius:12px!important;
  background:var(--karin-surface)!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.karin-app-page .karin-filter-workspace form{margin:0!important;}
body.karin-app-page .karin-filter-workspace .karin-field{
  gap:5px;
  align-self:end;
  min-width:0;
}
body.karin-app-page .karin-filter-workspace .karin-field>label,
body.karin-app-page .karin-filter-workspace .karin-field__label{
  margin:0;
  color:var(--karin-text-muted);
  font-size:10.5px;
  font-weight:750;
  line-height:1.4;
}
body.karin-app-page .karin-filter-workspace :is(.karin-control,input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select){
  box-sizing:border-box;
  width:100%;
  min-width:0;
  height:var(--karin-filter-control-h)!important;
  min-height:var(--karin-filter-control-h)!important;
  margin:0!important;
  padding-block:0!important;
  border-radius:var(--karin-control-radius,10px)!important;
}
body.karin-app-page .karin-filter-workspace .karin-filter-workspace__actions{
  display:flex;
  align-items:stretch;
  align-self:end;
  gap:var(--karin-filter-gap);
  width:auto;
  min-width:0;
  height:var(--karin-filter-control-h)!important;
  min-height:var(--karin-filter-control-h)!important;
  margin:0!important;
}
body.karin-app-page .karin-filter-workspace .karin-filter-workspace__actions>:is(.karin-button,button,a){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  min-width:76px;
  height:var(--karin-filter-control-h)!important;
  min-height:var(--karin-filter-control-h)!important;
  margin:0!important;
  padding:0 12px!important;
  white-space:nowrap;
}
body.karin-app-page .karin-filter-workspace .karin-filter-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:end!important;
  height:var(--karin-filter-control-h)!important;
  min-height:var(--karin-filter-control-h)!important;
  margin:0!important;
  padding-block:0!important;
  white-space:nowrap;
}
body.karin-app-page .karin-search-field{
  position:relative;
  display:block;
  min-width:0;
  width:100%;
}
body.karin-app-page .karin-search-field__icon{
  position:absolute;
  z-index:2;
  inset-inline-start:12px;
  top:50%;
  display:grid;
  place-items:center;
  width:17px;
  height:17px;
  transform:translateY(-50%);
  color:var(--karin-text-muted);
  pointer-events:none;
  transition:color var(--karin-motion-fast) var(--karin-ease-standard);
}
body.karin-app-page .karin-search-field__icon svg{
  display:block;
  width:17px;
  height:17px;
  stroke:currentColor;
}
body.karin-app-page .karin-search-field>.karin-control,
body.karin-app-page .karin-search-field>input{
  width:100%;
  min-width:0;
  padding-inline-start:39px!important;
}
body.karin-app-page .karin-search-field:focus-within .karin-search-field__icon{color:var(--karin-primary);}
body.karin-app-page .karin-button__icon{
  display:grid;
  place-items:center;
  width:16px;
  height:16px;
  flex:0 0 16px;
  line-height:1;
}
body.karin-app-page .karin-button__icon svg{
  display:block;
  width:16px;
  height:16px;
  stroke:currentColor;
}
body.karin-app-page .karin-table-wrap{
  overscroll-behavior-inline:contain;
  overscroll-behavior-block:auto;
  touch-action:pan-x pan-y;
}
@media(max-width:700px){
  :root{--karin-filter-control-h:44px;--karin-filter-surface-py:10px;--karin-filter-surface-px:10px;}
  body.karin-app-page .karin-filter-workspace .karin-filter-workspace__actions{width:100%;}
  body.karin-app-page .karin-filter-workspace .karin-filter-workspace__actions>:is(.karin-button,button,a){min-width:0;flex:1 1 auto;}
}


/* ========================================================================
   Karin v5.338.1 — Operational Data Table Contract
   Canonical compact list/pagination/table composition for dense workspaces.
   Feature CSS may own columns and domain cells, not panel/pagination geometry.
   ======================================================================== */
body.karin-app-page .karin-operational-table-panel{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:10px 12px 12px!important;
  border:1px solid var(--karin-composition-divider,var(--karin-border))!important;
  border-radius:14px!important;
  background:var(--karin-surface)!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.karin-app-page .karin-operational-table-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-height:38px!important;
  margin:0 0 8px!important;
  padding:0 2px!important;
}
body.karin-app-page .karin-operational-pagination-top{
  flex:1 1 auto!important;
  min-width:0!important;
}
body.karin-app-page .karin-operational-pagination-top>.karin-pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  width:100%!important;
  min-height:36px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
body.karin-app-page .karin-operational-pagination-top .karin-pagination__summary{
  order:0!important;
  flex:0 0 auto!important;
  color:var(--karin-text-muted)!important;
  font-size:10.5px!important;
  font-weight:750!important;
  white-space:nowrap!important;
}
body.karin-app-page .karin-operational-pagination-top .karin-pagination__size{
  order:1!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
  margin:0!important;
}
body.karin-app-page .karin-operational-pagination-top .karin-pagination__size label{
  margin:0!important;
  color:var(--karin-text-muted)!important;
  font-size:10px!important;
  font-weight:750!important;
  white-space:nowrap!important;
}
body.karin-app-page .karin-operational-pagination-top .karin-pagination__size select{
  width:66px!important;
  min-width:66px!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding-block:0!important;
  border-radius:9px!important;
}
body.karin-app-page .karin-operational-pagination-top .karin-pagination__links{
  order:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
  width:auto!important;
  margin-inline-start:auto!important;
}
body.karin-app-page .karin-operational-pagination-top .karin-pagination__links :is(a,b){
  min-width:32px!important;
  min-height:32px!important;
  height:32px!important;
  margin:0!important;
  padding:0 8px!important;
  border-radius:8px!important;
  font-size:10.5px!important;
}
body.karin-app-page .karin-operational-table-wrap{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  border:1px solid var(--karin-composition-divider,var(--karin-border))!important;
  border-radius:12px!important;
  background:var(--karin-surface)!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain!important;
  overscroll-behavior-block:auto!important;
  touch-action:pan-x pan-y!important;
}
body.karin-app-page .karin-operational-table-wrap>.karin-table{
  margin:0!important;
  border:0!important;
  border-radius:0!important;
}
body.karin-app-page .karin-operational-table-wrap>.karin-table thead th{
  background:var(--karin-surface-soft,#f8fafc)!important;
  color:var(--karin-text-muted,#64748b)!important;
}
body.karin-app-page .karin-operational-pagination-bottom{
  margin:8px 2px 0!important;
}
body.karin-app-page .karin-operational-pagination-bottom>.karin-pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  min-height:32px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
body.karin-app-page .karin-operational-pagination-bottom .karin-pagination__summary,
body.karin-app-page .karin-operational-pagination-bottom .karin-pagination__size{display:none!important;}
body.karin-app-page .karin-operational-pagination-bottom .karin-pagination__links{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  margin-inline-start:auto!important;
}
body.karin-app-page .karin-operational-pagination-bottom .karin-pagination__links :is(a,b){
  min-width:32px!important;
  min-height:32px!important;
  height:32px!important;
  margin:0!important;
  padding:0 8px!important;
  border-radius:8px!important;
  font-size:10.5px!important;
}
@media(max-width:760px){
  body.karin-app-page .karin-operational-table-panel{padding:7px!important;border-radius:12px!important;}
  body.karin-app-page .karin-operational-table-toolbar{display:block!important;min-height:0!important;margin-bottom:7px!important;padding:0 1px!important;}
  body.karin-app-page .karin-operational-pagination-top>.karin-pagination{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px 8px!important;
    min-height:0!important;
  }
  body.karin-app-page .karin-operational-pagination-top .karin-pagination__summary{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    min-width:0!important;
    font-size:10px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.karin-app-page .karin-operational-pagination-top .karin-pagination__size{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
  }
  body.karin-app-page .karin-operational-pagination-top .karin-pagination__size label{display:none!important;}
  body.karin-app-page .karin-operational-pagination-top .karin-pagination__size select{
    width:58px!important;
    min-width:58px!important;
    height:32px!important;
    min-height:32px!important;
  }
  body.karin-app-page .karin-operational-pagination-top .karin-pagination__links{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    margin:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }
  body.karin-app-page .karin-operational-pagination-top .karin-pagination__links::-webkit-scrollbar{display:none!important;}
  body.karin-app-page .karin-operational-pagination-top .karin-pagination__links :is(a,b){
    flex:0 0 auto!important;
    min-width:30px!important;
    min-height:30px!important;
    height:30px!important;
    padding:0 7px!important;
    font-size:10px!important;
  }
  body.karin-app-page .karin-operational-table-wrap{border-radius:10px!important;}
  body.karin-app-page .karin-operational-pagination-bottom{margin-top:7px!important;}
}

/* ========================================================================
   Karin v5.339 — Shared Summary Rail Contract
   Compact operational summaries use one surface. Feature CSS may color a
   semantic value, but must not repaint rail geometry or create KPI cards.
   ======================================================================== */
body.karin-app-page .karin-summary-rail{
  display:grid!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--karin-composition-divider,var(--karin-border))!important;
  border-radius:12px!important;
  background:var(--karin-surface)!important;
  box-shadow:none!important;
}
body.karin-app-page .karin-summary-rail--3{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
body.karin-app-page .karin-summary-rail--4{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
body.karin-app-page .karin-summary-rail--5{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
body.karin-app-page .karin-summary-rail>.karin-summary-rail__item{
  display:grid!important;
  align-content:center!important;
  gap:3px!important;
  min-width:0!important;
  min-height:58px!important;
  margin:0!important;
  padding:9px 12px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.karin-app-page .karin-summary-rail>.karin-summary-rail__item+.karin-summary-rail__item{
  border-inline-start:1px solid var(--karin-composition-divider,var(--karin-border))!important;
}
body.karin-app-page .karin-summary-rail>.karin-summary-rail__item>span{
  display:block!important;
  margin:0!important;
  color:var(--karin-text-muted)!important;
  font-size:10.5px!important;
  font-weight:750!important;
  line-height:1.45!important;
}
body.karin-app-page .karin-summary-rail>.karin-summary-rail__item>:is(b,strong){
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:var(--karin-heading,var(--karin-text))!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.55!important;
  overflow-wrap:anywhere!important;
}
@media(max-width:760px){
  body.karin-app-page :is(.karin-summary-rail--3,.karin-summary-rail--4,.karin-summary-rail--5){grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.karin-app-page .karin-summary-rail>.karin-summary-rail__item{min-height:54px!important;padding:8px 10px!important;border-inline-start:0!important;border-top:1px solid var(--karin-composition-divider,var(--karin-border))!important;}
  body.karin-app-page .karin-summary-rail>.karin-summary-rail__item:nth-child(-n+2){border-top:0!important;}
  body.karin-app-page .karin-summary-rail>.karin-summary-rail__item:nth-child(even){border-inline-start:1px solid var(--karin-composition-divider,var(--karin-border))!important;}
}
@media(max-width:460px){
  body.karin-app-page :is(.karin-summary-rail--3,.karin-summary-rail--4,.karin-summary-rail--5){grid-template-columns:1fr!important;}
  body.karin-app-page .karin-summary-rail>.karin-summary-rail__item{border-inline-start:0!important;border-top:1px solid var(--karin-composition-divider,var(--karin-border))!important;}
  body.karin-app-page .karin-summary-rail>.karin-summary-rail__item:first-child{border-top:0!important;}
}


/* ========================================================================
   Karin v5.340.1 — Dense Workspace Containment
   Grid descendants may not widen the application viewport. Dense pages
   compose existing summary/filter/table primitives instead of creating a
   second geometry layer in the global stylesheet.
   ======================================================================== */

/* Karin v5.342 — shared seven-metric Summary Rail modifier. */
body.karin-app-page .karin-summary-rail--7{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
body.karin-app-page .karin-summary-rail--7>.karin-summary-rail__item:nth-child(4n+1){border-inline-start:0!important;}
body.karin-app-page .karin-summary-rail--7>.karin-summary-rail__item:nth-child(n+5){border-top:1px solid var(--karin-composition-divider,var(--karin-border))!important;}
@media(max-width:760px){
  body.karin-app-page .karin-summary-rail--7{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.karin-app-page .karin-summary-rail--7>.karin-summary-rail__item{border-inline-start:0!important;border-top:1px solid var(--karin-composition-divider,var(--karin-border))!important;}
  body.karin-app-page .karin-summary-rail--7>.karin-summary-rail__item:nth-child(-n+2){border-top:0!important;}
  body.karin-app-page .karin-summary-rail--7>.karin-summary-rail__item:nth-child(even){border-inline-start:1px solid var(--karin-composition-divider,var(--karin-border))!important;}
}
@media(max-width:460px){
  body.karin-app-page .karin-summary-rail--7{grid-template-columns:1fr!important;}
  body.karin-app-page .karin-summary-rail--7>.karin-summary-rail__item{border-inline-start:0!important;border-top:1px solid var(--karin-composition-divider,var(--karin-border))!important;}
  body.karin-app-page .karin-summary-rail--7>.karin-summary-rail__item:first-child{border-top:0!important;}
}
/* Karin v5.352 — continuous catalog refresh + queue clarity */
body.karin-page-woo-sites .site-integration-failures{margin-top:10px;border:1px solid #f0c9c2;border-radius:12px;background:#fff9f7;padding:9px 11px}
body.karin-page-woo-sites .site-integration-failures>summary{cursor:pointer;font-weight:800;color:#a33b2e}
body.karin-page-woo-sites .site-integration-failure-actions{display:flex;justify-content:flex-start;margin:9px 0 5px}
body.karin-page-woo-sites .site-integration-failure-list{display:grid;gap:6px}
body.karin-page-woo-sites .site-integration-failure-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #f3ded9;padding-top:7px}
body.karin-page-woo-sites .site-integration-failure-row>div{min-width:0}.site-integration-failure-row small{display:block;color:#7c6a66;margin-top:2px}.site-integration-failure-row p{margin:3px 0 0;font-size:10px;color:#8f3c32;white-space:normal;overflow-wrap:anywhere}
body.karin-page-woo-sites .site-catalog-refresh-progress{margin-top:10px;padding:11px;border:1px solid #d8e4f1;border-radius:13px;background:#f8fbff}
html[data-theme="dark"] body.karin-page-woo-sites .site-integration-failures{background:#251817;border-color:#623a34}html[data-theme="dark"] body.karin-page-woo-sites .site-integration-failures>summary{color:#f3a69b}html[data-theme="dark"] body.karin-page-woo-sites .site-integration-failure-row{border-color:#4d302c}html[data-theme="dark"] body.karin-page-woo-sites .site-integration-failure-row p{color:#e8a096}html[data-theme="dark"] body.karin-page-woo-sites .site-catalog-refresh-progress{background:#0f1b2d;border-color:#31465f}

/* Karin v5.360 — warehouse-aware variant availability in Quick POS. */
body.karin-page-quick-pos #variantPickerModal .variant-choice-meta{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;}
body.karin-page-quick-pos #variantPickerModal .variant-stock,
body.karin-page-quick-pos .quick-cart-stock{font-size:11px;line-height:1.65;color:var(--karin-text-muted,#64748b);font-weight:500;}
body.karin-page-quick-pos #variantPickerModal .variant-stock.is-out,
body.karin-page-quick-pos .quick-cart-stock.is-out,
body.karin-page-quick-pos .quick-cart-stock.is-short{color:var(--karin-danger,#b42318);}
body.karin-page-quick-pos .quick-cart-stock{display:block;margin-top:2px;}


/* ======================================================================== Karin v5.362 — Quick POS hidden payment context closure Conditional payment contexts must obey the native hidden attribute even when shared context layout sets display:grid. ======================================================================== */
body.karin-page-quick-pos .quick-payment-detail>.quick-payment-context[hidden]{display:none!important;}

/* ========================================================================
   Karin v5.361.2 — Quick POS card-to-card receipt row
   Single card-to-card keeps seller/payment/account on the compact setup row,
   while receipt upload owns a separate full-width row, matching mixed payment.
   ======================================================================== */
body.karin-page-quick-pos .sale-setup-grid>.quick-payment-receipt-row{
  grid-column:1/-1!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
body.karin-page-quick-pos .sale-setup-grid>.quick-payment-receipt-row[hidden]{display:none!important;}
body.karin-page-quick-pos .quick-payment-receipt-row>.quick-receipt-slot{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
body.karin-page-quick-pos .quick-payment-receipt-row #single-receipt-slot:not(:empty){margin-top:0!important;}
body.karin-page-quick-pos .quick-payment-receipt-row #card-receipt-box{width:100%!important;margin:0!important;}


/* ========================================================================
   Karin v5.361.3 — Quick POS single receipt visual parity
   The standalone card-to-card receipt row lives inside .sale-setup-grid, whose
   generic label rule must not collapse the canonical receipt picker into a
   vertical label. Keep it identical to the compact mixed-payment upload row.
   ======================================================================== */
body.karin-page-quick-pos .sale-setup-grid>.quick-payment-receipt-row .quick-receipt-picker{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:var(--karin-space-3,12px)!important;
  width:100%!important;
  min-height:58px!important;
  margin:0!important;
  padding:var(--karin-space-2,8px) var(--karin-space-3,12px)!important;
  color:var(--karin-text)!important;
  font-family:inherit!important;
  cursor:pointer!important;
}
@media(max-width:640px){
  body.karin-page-quick-pos .sale-setup-grid>.quick-payment-receipt-row .quick-receipt-picker{
    grid-template-columns:auto minmax(0,1fr)!important;
  }
  body.karin-page-quick-pos .sale-setup-grid>.quick-payment-receipt-row .quick-receipt-action{
    grid-column:1/-1!important;
    width:100%!important;
  }
}


/* Karin v5.361.10 — social-sale smart customer paste */
body.karin-page-quick-pos .karin-pos-customer .karin-pos-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;}
body.karin-page-quick-pos .quick-smart-paste-btn{min-height:34px!important;height:34px!important;padding:0 12px!important;font-size:12px!important;white-space:nowrap!important;}
body.karin-page-quick-pos .quick-smart-paste-panel{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:8px!important;padding:10px!important;border:1px solid var(--karin-border,#e2e8f0)!important;border-radius:12px!important;background:var(--karin-surface-soft,#f8fafc)!important;}
body.karin-page-quick-pos .quick-smart-paste-panel[hidden]{display:none!important;}
body.karin-page-quick-pos .quick-smart-paste-panel textarea{min-height:92px!important;resize:vertical!important;}
body.karin-page-quick-pos .quick-smart-paste-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;}
body.karin-page-quick-pos .quick-smart-paste-actions>small{color:var(--karin-muted,#64748b)!important;line-height:1.8!important;}
body.karin-page-quick-pos .quick-smart-paste-actions>div{display:flex!important;gap:8px!important;flex:0 0 auto!important;}
@media(max-width:720px){body.karin-page-quick-pos .karin-pos-customer .karin-pos-section-head{align-items:flex-start!important;}body.karin-page-quick-pos .quick-smart-paste-actions{align-items:stretch!important;flex-direction:column!important;}body.karin-page-quick-pos .quick-smart-paste-actions>div{width:100%!important;}body.karin-page-quick-pos .quick-smart-paste-actions .karin-button{flex:1 1 0!important;}}
/* Karin v5.361.16 — social delivery method */
body.karin-page-quick-pos .quick-social-delivery{display:grid;grid-template-columns:1fr;gap:6px;min-width:0;}
body.karin-page-quick-pos .quick-social-delivery[hidden]{display:none!important;}
body.karin-page-quick-pos .quick-social-delivery-toggle{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--karin-border,#e2e8f0);border-radius:12px;background:var(--karin-surface-soft,#f8fafc);max-width:310px;}
body.karin-page-quick-pos .quick-social-delivery-toggle label{position:relative;margin:0!important;cursor:pointer;}
body.karin-page-quick-pos .quick-social-delivery-toggle input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;}
body.karin-page-quick-pos .quick-social-delivery-toggle span{display:flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border-radius:9px;font-size:12.5px;font-weight:700;color:var(--karin-muted,#64748b);border:1px solid transparent;transition:.15s ease;}
body.karin-page-quick-pos .quick-social-delivery-toggle input:checked+span{background:var(--karin-surface,#fff);border-color:var(--karin-primary,#2563eb);color:var(--karin-primary,#2563eb);box-shadow:0 1px 2px rgba(15,23,42,.06);}
@media(max-width:720px){body.karin-page-quick-pos .quick-social-delivery-toggle{max-width:none;width:100%;}}
/* Karin v5.361.16 — social order operations */
body.karin-page-sales-operations .karin-sales-operations-workspace{display:grid;gap:14px;}
body.karin-page-sales-operations .karin-ops-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
body.karin-page-sales-operations .karin-ops-tabs a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--karin-border);border-radius:12px;background:var(--karin-surface);color:var(--karin-text);text-decoration:none;font-weight:700;}
body.karin-page-sales-operations .karin-ops-tabs a.is-active{border-color:var(--karin-primary);color:var(--karin-primary);background:color-mix(in srgb,var(--karin-primary) 7%,var(--karin-surface));}
body.karin-page-sales-operations .karin-ops-tabs b{font-size:11px;min-width:24px;text-align:center;padding:3px 6px;border-radius:999px;background:var(--karin-surface-soft);}
body.karin-page-sales-operations .karin-ops-filter-panel{padding:12px;}
body.karin-page-sales-operations .karin-ops-filter{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(180px,1fr) auto;gap:10px;align-items:end;}
body.karin-page-sales-operations .karin-ops-list td>small{display:block;margin-top:3px;}
body.karin-page-sales-operations .ops-row-actions{flex-wrap:nowrap;}
body.karin-page-sales-operations .ops-receipt{display:inline-flex;align-items:center;min-height:26px;padding:3px 8px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--karin-surface-soft);color:var(--karin-muted);}
body.karin-page-sales-operations .ops-receipt--approved{color:var(--karin-success,#16865c);background:color-mix(in srgb,var(--karin-success,#16865c) 9%,var(--karin-surface));}
body.karin-page-sales-operations .ops-receipt--rejected{color:var(--karin-danger,#c2414d);background:color-mix(in srgb,var(--karin-danger,#c2414d) 8%,var(--karin-surface));}
body.karin-page-sales-operations .ops-receipt--pending{color:var(--karin-warning,#9a6700);background:color-mix(in srgb,var(--karin-warning,#9a6700) 9%,var(--karin-surface));}
@media(max-width:900px){body.karin-page-sales-operations .karin-ops-tabs{grid-template-columns:repeat(3,minmax(0,1fr));}body.karin-page-sales-operations .karin-ops-filter{grid-template-columns:1fr 1fr;}body.karin-page-sales-operations .karin-ops-filter .karin-filter-actions{grid-column:1/-1;}}
@media(max-width:620px){body.karin-page-sales-operations .karin-ops-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;}body.karin-page-sales-operations .karin-ops-tabs a{min-height:40px;padding:7px 8px;font-size:11.5px;}body.karin-page-sales-operations .karin-ops-tabs b{min-width:20px;padding:2px 5px;}body.karin-page-sales-operations .karin-ops-filter{grid-template-columns:1fr;}body.karin-page-sales-operations .karin-ops-filter .karin-filter-actions{grid-column:auto;}}
body.karin-page-settings .karin-sms-social-section{display:grid;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--karin-border);}
body.karin-page-settings .karin-sms-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
body.karin-page-settings .karin-sms-social-card{min-width:0;}
@media(max-width:1100px){body.karin-page-settings .karin-sms-social-grid{grid-template-columns:1fr;}}


/* Karin v5.361.17 — delivery operations closure */
body.karin-page-quick-pos .quick-social-delivery-box{display:grid;gap:6px;min-width:0}
body.karin-page-quick-pos .quick-social-delivery-box[hidden]{display:none!important}
body.karin-page-quick-pos .quick-social-delivery-select{width:100%;min-width:0}
body.karin-page-sales .sales-actor-meta{display:flex!important;align-items:center;gap:5px 9px;flex-wrap:wrap;margin-top:3px;color:var(--karin-text-muted);font-size:11px;line-height:1.5}
body.karin-page-sales .sales-actor-meta>span{display:inline-flex;align-items:center;gap:4px}
body.karin-page-sales .sales-actor-label{font-weight:500;color:var(--karin-text-muted)}
body.karin-page-sales .sales-actor-meta b{font-weight:700;color:var(--karin-text)}
body.karin-page-settings .karin-sms-test-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:10px}
body.karin-page-sales-operations .receipt-icon-button{min-width:auto}
@media(max-width:700px){body.karin-page-settings .karin-sms-test-row{grid-template-columns:1fr}.karin-sms-test-row .karin-button{width:100%}}


/* ========================================================================
   Karin v5.361.18 — Quick POS mobile delivery + compact payment alignment
   Express courier is an operational fast path; mobile delivery selection must
   stay obvious without turning the submit bar into a floating obstruction.
   ======================================================================== */
body.karin-page-quick-pos #single-account-box .quick-account-field>label{
  min-height:22px!important;
  line-height:22px!important;
  margin:0 0 6px!important;
}
body.karin-page-quick-pos .quick-social-delivery-select{display:none!important;}
body.karin-page-quick-pos .quick-social-delivery-toggle--mobile{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:4px;
  width:100%;
  max-width:none;
  padding:4px;
  border:1px solid var(--karin-border,#e2e8f0);
  border-radius:12px;
  background:var(--karin-surface-soft,#f8fafc);
}
body.karin-page-quick-pos .quick-social-delivery-toggle--mobile button{
  min-width:0;
  min-height:38px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:var(--karin-text-muted,#64748b);
  font:inherit;
  font-size:12px;
  font-weight:750;
  cursor:pointer;
}
body.karin-page-quick-pos .quick-social-delivery-toggle--mobile button.is-active{
  border-color:var(--karin-primary,#2563eb);
  background:var(--karin-surface,#fff);
  color:var(--karin-primary,#2563eb);
  box-shadow:0 1px 2px rgba(15,23,42,.06);
}
@media(max-width:720px){
  body.karin-page-quick-pos .quick-social-delivery-toggle--mobile{display:grid!important;}
}
@media(max-width:640px){
  body.karin-page-quick-pos .karin-pos-commit{
    position:static!important;
    inset:auto!important;
    bottom:auto!important;
    margin:16px 0 0!important;
    z-index:auto!important;
  }
}


/* Karin v5.361.19 — compact sales summary divider */
body.karin-page-sales .sales-head-summary .sales-head-summary-divider{
  display:inline-block!important;
  width:1px!important;
  height:12px!important;
  min-width:1px!important;
  flex:0 0 1px!important;
  margin:0 1px!important;
  border:0!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--karin-text-muted,#64748b) 28%,transparent)!important;
  align-self:center!important;
}
@media(max-width:430px){body.karin-page-sales .sales-head-summary .sales-head-summary-divider{height:11px!important;}}

/* Karin v5.361.29 — multi-receipt card-to-card intake */
body.karin-page-quick-pos .quick-receipt-files{display:grid!important;gap:8px!important;min-width:0!important;}
body.karin-page-quick-pos .quick-receipt-item{position:relative!important;min-width:0!important;}
body.karin-page-quick-pos .quick-receipt-item.has-file .quick-receipt-picker{border-style:solid!important;border-color:color-mix(in srgb,var(--karin-primary) 40%,var(--karin-border))!important;}
body.karin-page-quick-pos .quick-receipt-item:not(:first-child) .quick-receipt-picker{padding-inline-end:46px!important;}
body.karin-page-quick-pos .quick-receipt-remove{position:absolute!important;inset-inline-end:10px!important;inset-block-start:50%!important;transform:translateY(-50%)!important;display:grid!important;place-items:center!important;width:28px!important;height:28px!important;padding:0!important;border:1px solid var(--karin-border)!important;border-radius:9px!important;background:var(--karin-surface-soft)!important;color:var(--karin-text-muted)!important;font:700 18px/1 inherit!important;cursor:pointer!important;z-index:2!important;}
body.karin-page-quick-pos .quick-receipt-remove:hover{border-color:color-mix(in srgb,#d84b5f 35%,var(--karin-border))!important;color:#b42338!important;background:color-mix(in srgb,#d84b5f 6%,var(--karin-surface))!important;}


/* Multi-file receipt viewer navigation. */
.karin-receipt-set-nav{display:inline-flex!important;align-items:center!important;gap:5px!important;direction:rtl!important;}
.karin-receipt-set-nav[hidden]{display:none!important;}
.karin-receipt-set-nav .karin-button{min-width:32px!important;width:32px!important;height:34px!important;padding:0!important;}
.karin-receipt-set-position{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:82px!important;height:34px!important;padding:0 8px!important;border:1px solid var(--karin-border)!important;border-radius:9px!important;background:var(--karin-surface)!important;color:var(--karin-text)!important;font-size:10.5px!important;font-weight:800!important;white-space:nowrap!important;}
.karin-receipt-count-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:24px!important;padding:2px 7px!important;border-radius:999px!important;background:var(--karin-surface-soft)!important;border:1px solid var(--karin-border)!important;color:var(--karin-text-muted)!important;font-size:10px!important;font-weight:800!important;white-space:nowrap!important;}
.ops-receipt-count{display:block!important;margin-top:4px!important;color:var(--karin-text-muted)!important;font-size:10px!important;font-weight:700!important;}

/* Karin v5.361.30 — Social pickup delivery option */
@media(max-width:430px){body.karin-page-quick-pos .quick-social-delivery-toggle--mobile button{font-size:11px!important;padding-inline:5px!important;}}

/* Karin v5.361.37 — reviewed-payment toggle + sale-edit table repair */
body.karin-page-sales-operations .karin-ops-filter{grid-template-columns:minmax(220px,1.5fr) minmax(180px,1fr) auto auto;}
body.karin-page-sales-operations .karin-ops-reviewed-toggle{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:38px!important;
  padding:0 10px!important;
  border:1px solid var(--karin-border)!important;
  border-radius:10px!important;
  background:var(--karin-surface-soft)!important;
  color:var(--karin-text)!important;
  font-size:11px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
body.karin-page-sales-operations .karin-ops-reviewed-toggle input{margin:0!important;}
@media(max-width:900px){body.karin-page-sales-operations .karin-ops-filter{grid-template-columns:1fr 1fr;}body.karin-page-sales-operations .karin-ops-reviewed-toggle{align-self:end;}body.karin-page-sales-operations .karin-ops-filter .karin-filter-actions{grid-column:auto;}}
@media(max-width:620px){body.karin-page-sales-operations .karin-ops-filter{grid-template-columns:1fr;}body.karin-page-sales-operations .karin-ops-reviewed-toggle{width:100%!important;justify-content:flex-start!important;}}

body.karin-page-sale-edit .sale-edit-items-wrap,
body.karin-page-site-sale-edit .sale-edit-items-wrap{overflow-x:auto!important;overflow-y:visible!important;}
body.karin-page-sale-edit .sale-edit-items-table,
body.karin-page-site-sale-edit .sale-edit-items-table{min-width:760px!important;width:100%!important;table-layout:fixed!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-items-table .sale-edit-col-product{width:38%!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-items-table .sale-edit-col-size{width:12%!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-items-table .sale-edit-col-qty{width:11%!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-items-table .sale-edit-col-price{width:22%!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-items-table .sale-edit-col-total{width:17%!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-items-table th,
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-items-table td{vertical-align:middle!important;overflow:visible!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-product-cell{white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.7!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-qty-input{width:100%!important;min-width:70px!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-price-input{width:100%!important;min-width:130px!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-total-cell{white-space:nowrap!important;font-weight:750!important;}


/* Karin v5.361.38 — seller/payment alignment + POS recovery + Sale Edit truth */
/* Seller / payment / contextual third field must share one title and control baseline. */
@media(min-width:761px){
  body.karin-page-quick-pos .sale-setup-grid.has-payment-context>.quick-seller-field,
  body.karin-page-quick-pos .sale-setup-grid.has-payment-context>.quick-payment-field,
  body.karin-page-quick-pos .sale-setup-grid.has-payment-context>.quick-payment-detail{align-self:end!important;min-height:66px!important;}
  body.karin-page-quick-pos .quick-seller-field,
  body.karin-page-quick-pos .quick-payment-field,
  body.karin-page-quick-pos #quick-terminal-box,
  body.karin-page-quick-pos #single-account-box .quick-account-field{
    display:grid!important;grid-template-rows:18px 42px!important;gap:6px!important;align-content:end!important;min-height:66px!important;
  }
  body.karin-page-quick-pos .quick-payment-detail{padding:0!important;margin:0!important;}
  body.karin-page-quick-pos .quick-payment-detail>.quick-payment-context{padding:0!important;margin:0!important;align-self:end!important;}
  body.karin-page-quick-pos :is(.quick-seller-field,.quick-payment-field,#quick-terminal-box,#single-account-box .quick-account-field)>label{min-height:18px!important;height:18px!important;line-height:18px!important;margin:0!important;align-self:end!important;}
  body.karin-page-quick-pos :is(.quick-seller-field,.quick-payment-field,#quick-terminal-box,#single-account-box .quick-account-field)>:is(select,.quick-seller-readonly){height:42px!important;min-height:42px!important;align-self:end!important;}
}

/* Hard terminal failure recovery is operational, not a dead-end banner. */
body.karin-page-quick-pos .karin-pos-live-copy{display:grid!important;gap:5px!important;min-width:0!important;}
body.karin-page-quick-pos .karin-pos-live-actions{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;margin-top:7px!important;}
body.karin-page-quick-pos .karin-pos-live-actions .karin-button{min-height:32px!important;height:32px!important;padding-inline:10px!important;font-size:10.5px!important;}

/* Sale Edit table: inputs stay compact; descriptive notes may wrap but never
   bleed into the total column. */
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-items-table{min-width:700px!important;width:100%!important;table-layout:fixed!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-items-table .sale-edit-col-product{width:42%!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-items-table .sale-edit-col-size{width:10%!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-items-table .sale-edit-col-qty{width:9%!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-items-table .sale-edit-col-price{width:17%!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-items-table .sale-edit-col-total{width:22%!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-items-table th,
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-items-table td{vertical-align:middle!important;overflow:hidden!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-product-cell{white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.65!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-qty-input{width:72px!important;max-width:100%!important;min-width:0!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-price-cell{overflow:hidden!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-price-input{display:block!important;width:132px!important;max-width:100%!important;min-width:0!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-price-cell .manual-price-note{display:block!important;width:132px!important;max-width:100%!important;margin-top:4px!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:9.5px!important;line-height:1.45!important;color:var(--karin-text-muted)!important;}
body:is(.karin-page-sale-edit,.karin-page-site-sale-edit) .sale-edit-total-cell{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-weight:750!important;}


/* Karin v5.361.43 — canonical compact multi-receipt intake. */
body.karin-page-quick-pos .quick-receipt-picker--primary{
  grid-template-columns:auto minmax(0,1fr) auto!important;
  min-height:58px!important;
}
body.karin-page-quick-pos .quick-receipt-inline-actions{
  display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;
  width:auto!important;min-width:0!important;white-space:nowrap!important;
}
body.karin-page-quick-pos .quick-receipt-picker--primary .quick-receipt-action{
  grid-column:auto!important;width:auto!important;min-height:30px!important;padding-inline:10px!important;
}
body.karin-page-quick-pos .quick-receipt-add--inline{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;
  width:auto!important;min-width:0!important;min-height:28px!important;padding:0 7px!important;
  border:1px solid var(--karin-border)!important;border-radius:9px!important;
  background:var(--karin-surface)!important;color:var(--karin-text-muted)!important;
  font:700 10px/1 inherit!important;white-space:nowrap!important;cursor:pointer!important;
}
body.karin-page-quick-pos .quick-receipt-add--inline>span{font-size:15px!important;line-height:1!important;color:var(--karin-primary)!important;}
body.karin-page-quick-pos .quick-receipt-add--inline>b{font:inherit!important;}
body.karin-page-quick-pos .quick-receipt-add--inline:hover{border-color:color-mix(in srgb,var(--karin-primary) 35%,var(--karin-border))!important;color:var(--karin-text)!important;background:color-mix(in srgb,var(--karin-primary) 3%,var(--karin-surface))!important;}
body.karin-page-quick-pos .quick-receipt-add--inline.is-disabled{opacity:.42!important;cursor:not-allowed!important;}
@media(max-width:640px){
  body.karin-page-quick-pos .quick-receipt-picker--primary{grid-template-columns:auto minmax(0,1fr) auto!important;gap:8px!important;}
  body.karin-page-quick-pos .quick-receipt-picker--primary .quick-receipt-action{grid-column:auto!important;width:auto!important;padding-inline:8px!important;}
  body.karin-page-quick-pos .quick-receipt-inline-actions{gap:4px!important;}
  body.karin-page-quick-pos .quick-receipt-add--inline{width:auto!important;padding-inline:6px!important;font-size:9.5px!important;}
}