/* Workbench shell only; the public landing page and realtime dashboard retain their layouts. */
.system-logout { width:100%;border:0;border-top:1px solid var(--erp-border);margin-top:8px;text-align:left;color:#e11d48!important;cursor:pointer;font:inherit; }
.overview-page { max-width:1500px;margin:auto;padding:clamp(8px,2.2vw,30px);color:var(--erp-text); }
.overview-header { display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:28px; }
.overview-eyebrow { color:var(--erp-accent);font-size:13px;font-weight:600;letter-spacing:.04em; }
.overview-eyebrow span { margin:0 7px;color:var(--erp-muted); }
.overview-header h2 { margin:8px 0;font-size:30px;line-height:1.3;font-weight:750;letter-spacing:-.03em; }
.overview-header p { color:var(--erp-muted);font-size:14px;margin:0; }
.overview-controls { display:flex;align-items:center;gap:10px;flex-wrap:wrap; }
.overview-period-wrap { display:flex;align-items:center;gap:8px;padding:0 12px;height:42px;border:1px solid var(--erp-border);border-radius:10px;background:var(--erp-surface-solid);color:var(--erp-muted); }
.overview-period-wrap select { width:auto;min-width:100px;border:0;outline-offset:4px;background:transparent;color:var(--erp-text);font-size:14px; }
.overview-controls .btn { min-height:42px;gap:8px; }
.overview-screen-link { border:1px solid var(--erp-border);background:var(--erp-surface-solid); }
.overview-kpi-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px; }
.overview-kpi { position:relative;min-width:0;padding:24px;border:1px solid var(--erp-border);border-radius:18px;color:var(--erp-text);text-decoration:none;overflow:hidden; }
.overview-kpi::before { content:"";position:absolute;left:24px;top:0;width:36px;height:3px;border-radius:0 0 3px 3px;background:var(--overview-tone); }
.overview-kpi-top { display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--erp-muted); }
.overview-icon { display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;color:var(--overview-tone,var(--erp-accent));background:color-mix(in srgb,var(--overview-tone,var(--erp-accent)) 9%,var(--erp-surface-solid));font-size:18px; }
.overview-kpi-value { font-size:clamp(25px,2.3vw,34px);font-weight:750;letter-spacing:-.04em;color:var(--erp-text);margin:18px 0 12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere; }
.overview-kpi-hint { color:var(--erp-muted);font-size:12px;line-height:1.7;padding-right:12px;min-height:40px; }
.overview-kpi-arrow { position:absolute;right:18px;bottom:18px;color:var(--erp-muted);opacity:.65; }
.overview-panels { display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px; }
.overview-panel { min-width:0;border:1px solid var(--erp-border);border-radius:18px;padding:26px;background:var(--erp-surface-solid);box-shadow:0 3px 16px #11244005; }
.overview-panel-heading { display:flex;align-items:center;gap:12px;margin-bottom:24px; }
.overview-panel-heading h3 { margin:0 0 4px;font-size:18px;font-weight:700; }
.overview-panel-heading p { margin:0;font-size:12px;color:var(--erp-muted); }
.overview-service-stats { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
.overview-service-stats a { padding:16px 18px;background:var(--erp-shell-bg);border:1px solid transparent;border-radius:12px;color:var(--erp-text);text-decoration:none; }
.overview-service-stats a>span { display:block;font-size:13px;color:var(--erp-muted); }
.overview-service-stats strong { display:block;font-size:28px;font-weight:700;margin-top:8px;font-variant-numeric:tabular-nums; }
.overview-status-dot { display:inline-block;width:7px;height:7px;border-radius:50%;background:#d97706;margin-right:7px; }
.overview-status-dot.processing { background:#2563eb; }
.overview-note { margin:16px 0 20px;color:var(--erp-muted);font-size:12px;line-height:1.8; }
.overview-service-links { display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid var(--erp-border);padding-top:18px; }
.overview-service-links a { display:inline-flex;align-items:center;gap:7px;color:var(--erp-accent);font-size:13px;text-decoration:none; }
.overview-shortcuts { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
.overview-shortcut { display:flex;align-items:center;gap:12px;padding:18px 14px;border:1px solid var(--erp-border);border-radius:12px;text-decoration:none;color:var(--erp-text);transition:background .18s,border-color .18s; }
.overview-shortcut>.overview-icon { width:36px;height:36px;font-size:16px; }
.overview-shortcut strong { display:block;font-size:14px;font-weight:600; }
.overview-shortcut small { display:block;font-size:12px;color:var(--erp-muted);margin-top:5px; }
.overview-shortcut>i:last-child { margin-left:auto;font-size:11px;color:var(--erp-muted); }
.overview-shortcut:hover,.overview-service-stats a:hover { border-color:var(--erp-accent);background:var(--erp-soft); }
.overview-footer { display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:22px;color:var(--erp-muted);font-size:12px;line-height:1.8; }
.overview-footer p { margin:0; }
.overview-footer p:first-child { max-width:850px; }
.overview-footer i { margin-right:6px; }
.overview-footer p:last-child { flex-shrink:0; }
.overview-page a:focus-visible,.overview-page button:focus-visible,.system-logout:focus-visible { outline:2px solid var(--erp-accent);outline-offset:4px; }
@media(max-width:1100px) { .overview-kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .overview-panels { grid-template-columns:1fr; } .overview-footer { flex-direction:column;gap:8px; } }
@media(max-width:540px) { .overview-header h2 { font-size:26px; } .overview-controls { width:100%; } .overview-kpi { padding:18px; } .overview-kpi-top { align-items:flex-start;flex-direction:column-reverse; } .overview-kpi-grid { gap:10px; } .overview-kpi-value { font-size:24px; } .overview-panel { padding:18px; } .overview-shortcuts { grid-template-columns:1fr; } .overview-service-links { gap:14px; } .overview-service-stats a { padding:12px; } }
@media(prefers-reduced-motion:reduce) { #app .overview-kpi,.overview-shortcut { transition:none;transform:none!important; } }
.member-hover-card { position:fixed;z-index:1200;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:20px;border:1px solid var(--erp-border);border-radius:16px;background:var(--erp-surface-solid);color:var(--erp-text);box-shadow:0 16px 48px #0003; }
.member-hover-card { box-sizing:border-box; }
.member-hover-card[hidden] { display:none; }
.member-hover-card h3 { font-weight:700;margin-bottom:12px; }
.member-hover-card dl div { display:flex;justify-content:space-between;gap:16px;margin:10px 0; }
.member-hover-card dt { color:var(--erp-muted);flex-shrink:0; }
.member-hover-card dd { text-align:right;overflow-wrap:anywhere; }
.promotion-tabs { display:flex;gap:4px;padding:3px;border:1px solid var(--erp-border);border-radius:12px;background:var(--erp-surface); }
.promotion-tabs [aria-selected="true"] { background:var(--erp-soft);color:var(--erp-accent);font-weight:700; }
.promotion-title-zh { margin-top:4px;color:var(--erp-muted);font-size:14px; }
:root { --erp-shell-bg:#f4f7fb; --erp-surface:#ffffff; --erp-surface-solid:#ffffff; --erp-border:#dfe7f1; --erp-text:#243247; --erp-muted:#60718a; --erp-accent:#2563eb; --erp-soft:#edf3ff; }
.erp-confirm-dialog { position:fixed;inset:0;margin:auto;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid var(--erp-border);border-radius:16px;background:var(--erp-surface-solid);color:var(--erp-text);box-shadow:0 20px 60px #0004; }
.erp-confirm-dialog::backdrop { background:#0f172a88; }
.erp-confirm-dialog h2 { font-size:20px;font-weight:700; }
.erp-confirm-dialog p { margin:18px 0;line-height:1.7; }
.erp-confirm-dialog [role=alert] { color:#ef4444; }
.erp-confirm-actions { display:flex;justify-content:flex-end;gap:12px; }
:root[data-theme="dark"] { --erp-shell-bg:#0c1422; --erp-surface:#141f30; --erp-surface-solid:#172438; --erp-border:#304159; --erp-text:#e7eef8; --erp-muted:#afbed2; --erp-accent:#83adff; --erp-soft:#233b60; }
#app.erp-app-shell { flex-direction:column!important; height:100dvh; }
#app #sidebar { display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:20px;flex:none;width:100%;min-width:0;max-width:none;min-height:76px;padding:10px 28px;border-right:0;border-bottom:1px solid var(--erp-border);box-shadow:0 2px 10px #12233e06;overflow:visible;z-index:40;background:var(--erp-surface)!important; }
#app #sidebar > div:first-child { padding:0;border:0; }
#app #sidebar > div:first-child > div { justify-content:flex-start; }
#app #sidebar > div:first-child > div > div:last-child { display:block; }
#app #sidebar-nav { display:flex;align-items:center;gap:5px;margin:0;padding:4px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;min-width:0; }
#app #sidebar-nav > * { flex:0 0 auto;width:auto;margin:0;padding:11px 13px;border-radius:10px;font-size:16px;white-space:nowrap;color:var(--erp-muted); }
#app #sidebar-nav button span { display:inline; }
#app #sidebar-nav .nav-group-arrow { transform:rotate(90deg);margin-left:9px; }
#app #sidebar-nav .nav-item.active,#app #sidebar-nav .nav-group-active { background:var(--erp-soft);color:var(--erp-accent);box-shadow:none;font-weight:700; }
#app #sidebar-nav > *:hover { background:var(--erp-soft);color:var(--erp-accent); }
#app #sidebar.erp-unified-topbar { grid-template-columns:170px minmax(0,1fr) auto auto auto;gap:12px;padding:10px 20px; }
#app #erp-store-tools { gap:8px;white-space:nowrap; }
#app #erp-store-tools #store-selector { min-width:90px;max-width:130px;font-size:13px; }
#app #erp-header-tools { margin-left:0; }
#app main > header { display:none!important; }
@media(max-width:1500px) { #app #sidebar.erp-unified-topbar { grid-template-columns:170px 1fr auto auto; } #app .erp-unified-topbar #sidebar-nav { grid-row:2;grid-column:1/-1; } #app .erp-unified-topbar .erp-member-footer { grid-row:1;grid-column:4; } #app #erp-store-tools { justify-self:end; } }
@media(max-width:680px) { #app #sidebar.erp-unified-topbar { grid-template-columns:1fr auto; } #app .erp-unified-topbar .erp-member-footer { grid-column:2; } #app .erp-unified-topbar #erp-store-tools { grid-row:2;grid-column:1;justify-self:start; } #app .erp-unified-topbar #erp-header-tools { grid-row:2;grid-column:2; } #app .erp-unified-topbar #sidebar-nav { grid-row:3; } #app #sync-status { display:none; } }
#app .erp-member-footer { width:auto;padding:0 0 0 18px;border-top:0;border-left:1px solid var(--erp-border); }
#app .erp-member-meta { display:block; }
#app #member-menu { min-width:140px; }
#app #member-menu > div:last-child { display:grid;grid-template-columns:auto auto;column-gap:12px;align-items:center; }
#app #member-name { grid-column:1/-1; }
#app #member-points,#app #member-recharge { margin-top:2px; }
#app .erp-main { height:auto;min-height:0;flex:1 1 auto; }
#app main > header { height:58px;min-height:58px;position:relative;padding:0 28px;background:var(--erp-surface)!important; }
#app #page-content { padding:24px 28px;min-height:0; }
#app .card,#app .overview-kpi,#app .crm-box,#app #cm-panel { background:var(--erp-surface-solid)!important;color:var(--erp-text);border-color:var(--erp-border)!important;box-shadow:0 3px 16px #11244005; }
#app .overview-kpi { transition:box-shadow .18s,transform .18s; }
#app .overview-kpi:hover { transform:translateY(-2px);box-shadow:0 8px 24px #11244012; }
#app .btn-primary,#app .crm button.primary { background:#2563eb;color:white;border-color:#2563eb;box-shadow:0 3px 8px #2563eb20; }
.orders-page { display:grid;gap:18px; }
.order-page-heading { display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap; }
.order-page-heading h2 { font-size:22px;font-weight:750;color:var(--erp-text);margin:0; }
.order-page-heading p { margin:5px 0 0;font-size:13px;color:var(--erp-muted); }
.order-page-actions,.order-filter-actions { display:flex;gap:8px;flex-wrap:wrap;align-items:center; }
.order-filter-panel { display:flex;flex-wrap:wrap;align-items:end;gap:14px;padding:18px;background:var(--erp-surface-solid);border:1px solid var(--erp-border);border-radius:14px; }
.order-filter-panel label { display:grid;gap:7px;color:var(--erp-muted);font-size:12px; }
.order-filter-panel .order-keyword-label { flex:1 1 240px; }
.order-filter-panel input { width:100%;min-width:145px;box-sizing:border-box; }
.order-date-shortcuts { flex-basis:100%;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--erp-muted); }
.order-date-shortcuts button { padding:4px 10px;border-radius:6px;background:var(--erp-soft);color:var(--erp-accent); }
#order-filter-error { flex-basis:100%;margin:0;color:#dc2626;font-size:13px; }
.order-status-grid { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px; }
.order-status-card { display:grid;gap:9px;min-width:0;text-align:left;padding:15px;border-radius:12px;border:1px solid var(--erp-border);background:var(--erp-surface-solid);color:var(--erp-text);transition:background .15s,border-color .15s; }
.order-status-card:hover,.order-status-card.is-active { background:var(--erp-soft)!important;border-color:var(--erp-accent); }
.order-status-card.is-active { box-shadow:inset 0 3px var(--erp-accent); }
.order-status-label { display:flex;gap:8px;align-items:center;font-size:12px;color:var(--erp-muted); }
.order-status-label i { color:var(--erp-accent); }
.order-status-card strong { font-size:25px;line-height:1.1;font-variant-numeric:tabular-nums; }
.order-status-card small { color:var(--erp-muted);font-size:11px;overflow-wrap:anywhere; }
.order-result-summary { display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;padding:11px 15px;border-radius:9px;background:var(--erp-soft);color:var(--erp-muted);font-size:13px; }
.order-result-summary strong { color:var(--erp-text); }
.order-status-card:focus-visible { outline:2px solid var(--erp-accent);outline-offset:2px; }
@media(max-width:1250px) { .order-status-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:680px) { .order-status-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .order-filter-panel { padding:12px;gap:10px; } .order-filter-panel label { flex:1 1 140px; } }
.product-heading-row { display:flex;align-items:center;gap:24px;flex-wrap:wrap; }
.product-heading { flex:0 0 auto;margin:0;white-space:nowrap; }
.product-heading-tools { display:flex;align-items:center;gap:10px;flex:1 1 850px;min-width:0;flex-wrap:wrap; }
.product-heading-tools > * { flex-shrink:0; }
.product-page .product-status-tabs { gap:6px;padding:6px 0;flex-wrap:wrap;border-color:var(--erp-border); }
.product-page .status-tab { border:1px solid transparent;border-radius:9px;background:transparent;color:var(--erp-muted);padding:9px 15px; }
.product-page .status-tab:hover { background:var(--erp-soft);color:var(--erp-accent); }
.product-page .status-tab.is-active { background:#2563eb!important;color:#fff!important;border-color:#2563eb;font-weight:700;box-shadow:0 2px 6px #2563eb26; }
.product-page .status-tab.is-active > span { background:#ffffff26!important;color:#fff!important; }
.product-page .status-tab:focus-visible { outline:2px solid var(--erp-accent);outline-offset:2px; }
html[data-theme="dark"] .product-page .status-tab.is-active { background:#315fc5!important;border-color:#719aef; }
.crm-rule-state { display:inline-flex;align-items:center;gap:6px;font-weight:650;white-space:nowrap; }
.crm-rule-state::before { content:"";width:6px;height:6px;background:currentColor;border-radius:50%; }
.crm-rule-state.is-enabled { color:#15803d; }
.crm-rule-state.is-disabled { color:#64748b; }
html[data-theme="dark"] .crm-rule-state.is-enabled { color:#6ee7a0; }
html[data-theme="dark"] .crm-rule-state.is-disabled { color:#afbed2; }
html[data-theme="dark"] #app .crm,html[data-theme="dark"] .crm-dialog,html[data-theme="dark"] .crm-dialog .crm { color:var(--erp-text);background:transparent; }
html[data-theme="dark"] .crm-dialog { background:var(--erp-surface-solid); }
html[data-theme="dark"] #app :is(.input,.select,.textarea,input:not([type=checkbox]):not([type=radio]),select,textarea),html[data-theme="dark"] .crm-dialog :is(input,select,textarea) { background:var(--erp-surface-solid)!important;color:var(--erp-text)!important;border-color:var(--erp-border)!important; }
html[data-theme="dark"] #app :is(.btn:not(.btn-primary):not(.btn-danger),.crm button:not(.primary):not(.danger)),html[data-theme="dark"] .crm-dialog button:not(.primary):not(.danger) { background:var(--erp-surface-solid);color:var(--erp-text);border-color:var(--erp-border); }
html[data-theme="dark"] #app :is(.text-slate-700,.text-slate-800,.text-slate-900) { color:var(--erp-text)!important; }
html[data-theme="dark"] #app :is(.text-slate-400,.text-slate-500,.text-slate-600,.crm small,.crm .translation,.crm .empty) { color:var(--erp-muted)!important; }
html[data-theme="dark"] #app :is(.crm th,.table th,thead) { background:#1d2d43;color:var(--erp-muted); }
html[data-theme="dark"] #app :is(.crm td,.crm th,.crm .stores,.crm .translation) { border-color:var(--erp-border); }
html[data-theme="dark"] #app .crm .badge { background:var(--erp-soft);color:#b7d0ff; }
html[data-theme="dark"] #app .crm-note { background:#352c21;color:#fed7aa; }
html[data-theme="dark"] #app [style*="color:#64748b"],html[data-theme="dark"] #app [style*="color: #64748b"] { color:var(--erp-muted)!important; }
html[data-theme="dark"] #app .overview-kpi > div:nth-child(2) { color:#96bcff!important; }
html[data-theme="dark"] #app .overview-kpi:nth-child(2) > div:nth-child(2) { color:#67d8e7!important; }
html[data-theme="dark"] #app .overview-kpi:nth-child(3) > div:nth-child(2) { color:#c4a7ff!important; }
html[data-theme="dark"] #app .overview-kpi:nth-child(4) > div:nth-child(2) { color:#6ee7b7!important; }
/* Business surfaces only: do not invert thumbnails, generated images or editor canvases. */
html[data-theme="dark"] #app :is(.ai-panel,.ai-library-item,.ai-task-record,.ai-task-card,.ai-task-delete,.stat-card,.bg-white) { background:var(--erp-surface-solid)!important;color:var(--erp-text)!important;border-color:var(--erp-border)!important; }
html[data-theme="dark"] #app :is(.ai-task-detail,.ai-source-tabs,.ai-task-tabs,.bg-gray-50,.bg-slate-50) { background:var(--erp-surface)!important;color:var(--erp-muted)!important;border-color:var(--erp-border)!important; }
html[data-theme="dark"] #app :is(.ai-source-tabs button.active,.ai-task-tabs button.active) { background:var(--erp-soft)!important;color:var(--erp-accent)!important; }
html[data-theme="dark"] #app :is(.text-gray-700,.text-gray-800,.text-gray-900,.ai-task-card strong) { color:var(--erp-text)!important; }
html[data-theme="dark"] #app :is(.text-gray-400,.text-gray-500,.text-gray-600,.ai-market-grid label) { color:var(--erp-muted)!important; }
@media(max-width:1180px) { #app #sidebar { grid-template-columns:180px minmax(0,1fr);gap:8px;padding:12px 20px; } #app #sidebar-nav { grid-row:2;grid-column:1/-1; } #app .erp-member-footer { grid-column:2;grid-row:1;justify-self:end; } }
@media(max-width:640px) { #app #sidebar { grid-template-columns:150px minmax(0,1fr);padding:10px 12px; } #app #sidebar-nav > * { padding:9px 11px; } #app #member-avatar { display:none; } #app .erp-member-footer { padding-left:8px; } #app #member-menu { min-width:0; } #app #member-menu > div:last-child { column-gap:6px;font-size:12px; } #app #page-content { padding:12px; } #app main > header { padding:0 12px; } #app #store-selector { min-width:100px;max-width:145px; } #app #page-title { display:none; } }
/* Status indicators remain readable in both workbench themes. */
.nav-disabled-badge { margin-left:auto; padding:2px 7px; border-radius:5px; background:#f1f5f9; color:#64748b; font-size:11px; font-weight:600; }
.inbox-unread-badge { display:inline-flex; align-items:center; justify-content:center; min-width:21px; height:21px; padding:0 6px; border-radius:999px; background:#e11d48; color:#fff; font-size:12px; font-weight:700; line-height:1; vertical-align:middle; }
.inbox-unread-unknown { color:var(--erp-text-muted,#64748b); font-size:12px; }
.inbox-conversation { display:flex; flex-direction:column; gap:7px; width:100%; padding:16px 12px; text-align:left; border:0; border-bottom:1px solid var(--erp-border,#e2e8f0); background:transparent; color:inherit; cursor:pointer; }
.inbox-conversation:hover, .inbox-conversation:focus-visible { background:var(--erp-bg-soft,#eff6ff); }
.inbox-conversation-heading { display:flex; gap:12px; align-items:center; }
.inbox-conversation-heading .inbox-unread-badge { margin-left:auto; }
.inbox-conversation time, .inbox-conversation-orders { font-size:12px; color:var(--erp-text-muted,#64748b); overflow-wrap:anywhere; }
.finance-ledger { display:grid; gap:20px; max-width:1600px; margin:auto; color:var(--erp-text,#0f172a); }
.finance-ledger h2 { font-size:27px; font-weight:750; margin:0 0 10px; }
.finance-ledger header p,.finance-note { font-size:12px; color:var(--erp-text-muted,#64748b); }
.finance-tabs { border-bottom:1px solid var(--erp-border,#e2e8f0); display:flex; }
.finance-tabs span { padding:8px 0 13px; border-bottom:2px solid #2563eb; font-weight:600; font-size:14px; }
.finance-filters { display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px; }
.finance-filters label { display:grid; gap:7px; font-size:12px; }
.finance-filters .finance-search { flex:1; min-width:230px; }
.finance-filters select { max-width:240px; }
.finance-store { margin-bottom:28px; }
.finance-store h3 { font-size:16px; font-weight:700; margin-bottom:8px; }
.finance-overview { display:grid; grid-template-columns:1fr 1.5fr 1fr; border:1px solid var(--erp-border,#cbd5e1); border-radius:20px; padding:26px 0; background:var(--erp-card-bg,#fff); margin:18px 0 24px; }
.finance-overview section { padding:0 25px; border-right:1px solid var(--erp-border,#e2e8f0); min-width:0; }
.finance-overview section:last-child { border:0; }
.finance-overview h4 { font-size:15px; font-weight:700; }
.finance-amount { font-size:25px; font-weight:750; margin:15px 0; overflow-wrap:anywhere; }
.finance-summary-line { height:5px; border-radius:8px; background:#00a8a8; margin:16px 0; }
.finance-overview section:nth-child(2) .finance-summary-line { background:#aaa1f5; }
.finance-overview section:last-child .finance-summary-line { background:#2563eb; }
.finance-overview p { font-size:12px; line-height:1.7; color:var(--erp-text-muted,#64748b); }
.finance-table-scroll { overflow:auto; }
.finance-table { width:100%; border-collapse:collapse; min-width:950px; font-size:13px; }
.finance-table th { padding:12px 15px; background:var(--erp-bg-soft,#f5f7fb); font-size:12px; color:var(--erp-text-muted,#64748b); text-align:left; white-space:nowrap; }
.finance-table td { padding:17px 15px; border-bottom:1px solid var(--erp-border,#e2e8f0); vertical-align:top; }
.finance-table th:last-child,.finance-cell-amount { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.finance-table small,.finance-product span { display:block; margin-top:5px; }
.finance-table small { color:var(--erp-text-muted,#64748b); font-size:11px; }
.finance-product { max-width:240px; overflow-wrap:anywhere; }
.finance-table details { margin-top:7px; font-size:11px; color:var(--erp-text-muted,#64748b); }
.finance-table details pre { max-width:380px; max-height:300px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; }
@media(max-width:720px){ .finance-overview{grid-template-columns:1fr;padding:0 18px}.finance-overview section{padding:18px 0;border-right:0;border-bottom:1px solid var(--erp-border,#e2e8f0)}.finance-ledger h2{font-size:23px}.finance-filters label{flex:1;min-width:140px} }
.product-image-studio-dialog { width:min(1500px,96vw); max-width:96vw; max-height:94vh; overflow:auto; padding:22px; border:1px solid var(--erp-border,#dbe4ef); border-radius:18px; background:var(--erp-bg,#f8fafc); color:var(--erp-text,#0f172a); }
.product-image-studio-dialog::backdrop { background:rgba(15,23,42,.55); }
.product-image-studio-header { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; margin-bottom:18px; }
.product-image-studio-header h2 { font-size:20px; font-weight:700; }.product-image-studio-header p { font-size:12px; margin-top:8px; }
.product-image-studio-publish { display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding:18px 0; position:sticky; bottom:-22px; background:var(--erp-card-bg,#fff); border-top:1px solid var(--erp-border,#dbe4ef); z-index:20; }
.product-image-studio-publish select { flex:1; min-width:200px; }