/* v114: invoice reference, ice-blue / ink surfaces and electric-lime accents.
   Never filter product images, canvases, status semantics or authentication visibility. */
:root {
  color-scheme:light;
  --erp-shell-bg:#edf3fa; --erp-surface:#e5edf5; --erp-surface-solid:#ffffff;
  --erp-border:#bdcbd9; --erp-text:#17212d; --erp-muted:#47586b;
  --erp-accent:#3d5873; --erp-soft:#e3ebf3;
  --ui-link:#174fb3;
  --ui-success:#14723d; --ui-danger:#b4233c; --ui-warning:#8a5700;
  --ui-lime:#d5ff35; --ui-lime-ink:#223000; --ui-blue:#7c9aad;
  --ui-strong:#2c3035; --ui-on-strong:#ffffff; --ui-quiet:#edf1f5;
  --ui-nav:#2c3035; --ui-nav-ink:#edf1f5; --ui-chart:#728b00;
  --ui-shadow:0 8px 30px #23334b05; --ui-popup-shadow:0 20px 60px #13233625;
  --ui-radius:28px; --ui-control-radius:999px; --ui-focus:#597100;
  --erp-bg:var(--erp-shell-bg); --erp-card-bg:var(--erp-surface-solid);
  --erp-bg-soft:var(--ui-quiet); --erp-text-muted:var(--erp-muted);
  --landing-ink:var(--erp-text); --landing-muted:var(--erp-muted);
  --landing-line:var(--erp-border); --landing-blue:var(--erp-accent);
  --landing-cyan:#66823a; --landing-violet:var(--ui-blue);
}
:root[data-theme="dark"] {
  color-scheme:dark;
  --erp-shell-bg:#101620; --erp-surface:#1c232e; --erp-surface-solid:#242a34;
  --erp-border:#536173; --erp-text:#f3f5f7; --erp-muted:#c0cad7;
  --erp-accent:#c1d6e5; --erp-soft:#303a46;
  --ui-link:#9bc5ff;
  --ui-success:#8ee3b0; --ui-danger:#ffacbb; --ui-warning:#ffcf87;
  --ui-lime:#b7ff24; --ui-lime-ink:#1e2b00; --ui-blue:#6f8b9e;
  --ui-strong:#b7ff24; --ui-on-strong:#1e2b00; --ui-quiet:#1d242e;
  --ui-nav:#f3f5f7; --ui-nav-ink:#303844; --ui-chart:#b7ff24;
  --ui-shadow:0 4px 22px #00000012; --ui-popup-shadow:0 18px 60px #00000055;
  --ui-focus:#b7ff24;
}
html.octo-app-mode,html.octo-app-mode body,#app.erp-app-shell {
  background:var(--erp-shell-bg)!important;color:var(--erp-text);
}
#app.erp-app-shell { font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:14px;line-height:1.55; }
#app #sidebar,#app #sidebar.erp-unified-topbar {
  background:transparent!important;border-bottom:0;
  box-shadow:none;min-height:80px;padding-top:12px;padding-bottom:12px;
}
#app #sidebar-nav { gap:2px;scrollbar-width:thin;background:transparent;border-radius:999px;padding:5px;max-width:100%;width:max-content; }
#app #sidebar-nav > * { color:var(--erp-text); }
#app #sidebar-nav > *:hover { color:var(--erp-text);background:color-mix(in srgb,var(--erp-text) 10%,transparent); }
#app #member-menu > div:last-child { display:flex;flex-direction:column;align-items:flex-start;text-align:left; }
#app #member-points,#app #member-recharge { display:block;white-space:nowrap;text-align:left; }
#app #sidebar-nav > * { border-radius:var(--ui-control-radius);padding:6px 14px;min-height:32px;line-height:20px;font-size:14px;font-weight:550; }
#app #sidebar-nav .nav-item:hover { transform:none; }
#app #sidebar-nav :is(.nav-item.active,.nav-group-active) { background:var(--ui-lime)!important;color:var(--ui-lime-ink)!important;box-shadow:none; }
#app #sidebar-nav > *:focus-visible { outline:2px solid var(--ui-focus);outline-offset:2px; }
#app #page-content { background:linear-gradient(155deg,color-mix(in srgb,var(--ui-blue) 13%,var(--erp-shell-bg)),var(--erp-shell-bg) 55%);padding:32px;scrollbar-gutter:stable; }
#app #erp-header-tools button,#app #member-menu,#app #erp-store-tools #store-selector { box-shadow:none;border-color:var(--erp-border); }
#app #erp-header-tools>button,#app #erp-settings-btn { background:transparent;border:1px solid var(--erp-border);color:var(--erp-muted); }
#app #sync-btn { border-radius:var(--ui-control-radius);background:var(--ui-strong);color:var(--ui-on-strong);box-shadow:none; }
#app #store-selector { border-radius:var(--ui-control-radius);background:var(--erp-surface-solid);color:var(--erp-text); }
#app :is(.card,.stat-card,.overview-kpi,.overview-panel,.crm-box,.order-filter-panel,.ai-panel) {
  border:1px solid var(--erp-border);border-radius:var(--ui-radius)!important;background:var(--erp-surface-solid)!important;color:var(--erp-text);box-shadow:var(--ui-shadow)!important;
}
#app :is(.card,.stat-card):hover { box-shadow:var(--ui-shadow);transform:none; }
#app :is(.order-page-heading h2,.product-heading,.finance-ledger h2,.crm h2) { color:var(--erp-text);font-weight:650;letter-spacing:-.025em; }
#app :is(.btn,.crm button,.crm a.btn),.crm-dialog button {
  border-radius:var(--ui-control-radius);font-weight:550;box-shadow:none;
  transition:background-color .15s,border-color .15s,color .15s;
}
#app :is(.btn:not(.btn-primary):not(.btn-success):not(.btn-danger),.crm button:not(.primary):not(.danger)) {
  background:var(--erp-surface-solid);border-color:var(--erp-border);color:var(--erp-text);
}
#app :is(.btn-primary,.crm button.primary),.crm-dialog button.primary {
  background:var(--ui-strong)!important;border-color:var(--ui-strong)!important;color:var(--ui-on-strong)!important;box-shadow:none!important;
}
#app :is(.btn-primary,.btn-secondary,.btn-success,.btn-danger):hover { transform:none;filter:none;box-shadow:none; }
#app .btn-success { background:#177345;border-color:#177345;color:#fff;box-shadow:none; }
#app .btn-danger { background:#bd3045;border-color:#bd3045;color:#fff;box-shadow:none; }
#app :is(button,a.btn):disabled { opacity:.45;cursor:not-allowed; }
#app :is(.input,.select,.textarea),#app .crm :is(input:not([type=checkbox]),select,textarea),.crm-dialog :is(input:not([type=checkbox]),select,textarea) {
  border:1px solid var(--erp-border);border-radius:12px;background:var(--erp-surface-solid);color:var(--erp-text);box-shadow:none;min-height:40px;
}
#app :is(.input,.select,textarea):focus,#app .crm :is(input,select,textarea):focus { border-color:var(--ui-focus);outline:2px solid color-mix(in srgb,var(--ui-focus) 25%,transparent);outline-offset:1px;box-shadow:none; }
#app :is(input,textarea)::placeholder,.crm-dialog :is(input,textarea)::placeholder { color:var(--erp-muted);opacity:.85; }
#app input:is([type=checkbox],[type=radio]) { accent-color:var(--erp-accent); }
#app :is(.tabs,.product-status-tabs,.finance-tabs) { border-color:var(--erp-border);gap:6px; }
#app :is(.status-tab,.tab-item,.promotion-tabs button) { border-radius:var(--ui-control-radius)!important; }
#app :is(.status-tab.is-active,.tab-item.active,.promotion-tabs [aria-selected=true]) {
  background:var(--ui-strong)!important;color:var(--ui-on-strong)!important;border-color:transparent!important;box-shadow:none!important;
}
#app .status-tab.is-active .status-tab-count { background:#ffffff24;color:inherit; }
#app .product-page .status-tab.is-active > span { background:#22300018!important;color:var(--ui-lime-ink)!important; }
#app :is(.table-container,.table-wrapper,.crm-table,.finance-table-scroll) { border-radius:16px; }
#app :is(table,.crm table,.finance-table) { color:var(--erp-text); }
#app :is(thead,.crm th,.finance-table th,.table th) { background:var(--ui-quiet)!important;color:var(--erp-muted);font-weight:550; }
#app :is(td,th,.crm td,.crm th,.finance-table td) { border-color:var(--erp-border); }
#app :is(.table tbody tr:hover,.finance-table tbody tr:hover,.crm tbody tr:hover) { background:var(--ui-quiet); }
#app :is(.order-status-card,.finance-overview) { border-radius:18px;background:var(--erp-surface-solid);border-color:var(--erp-border);box-shadow:none; }
#app .order-status-card.is-active { background:var(--erp-soft)!important;border-color:var(--ui-strong);box-shadow:inset 0 3px var(--ui-strong); }
#app .order-status-card strong { font-weight:600;letter-spacing:-.035em; }
#app .finance-summary-line { background:var(--ui-lime); }
#app .finance-overview section:nth-child(2) .finance-summary-line { background:var(--ui-blue); }
#app .finance-overview section:last-child .finance-summary-line { background:var(--ui-strong); }
#app .finance-amount { font-weight:600; }
#app .inbox-conversation { padding:20px 18px; }
#app .inbox-conversation:hover,#app .inbox-conversation:focus-visible { background:var(--erp-soft); }
.sidebar-flyout-panel,.erp-settings-menu,.member-hover-card { background:var(--erp-surface-solid);border-color:var(--erp-border);border-radius:20px;box-shadow:var(--ui-popup-shadow); }
.sidebar-flyout-item,.sidebar-flyout-child { border-radius:12px;color:var(--erp-muted); }
.sidebar-flyout-item:hover,.sidebar-flyout-child:hover,.sidebar-flyout-item:focus-visible,.sidebar-flyout-child:focus-visible { background:var(--erp-soft);color:var(--erp-text);transform:none; }
.sidebar-flyout-item.active,.sidebar-flyout-child.active { background:var(--ui-strong);color:var(--ui-on-strong);box-shadow:none; }
.erp-theme-options button { border-radius:14px;border-color:var(--erp-border);background:var(--erp-surface-solid);color:var(--erp-muted); }
.erp-theme-options button.active { background:var(--ui-strong);color:var(--ui-on-strong);box-shadow:none;border-color:transparent; }
.system-theme-section { border-top:1px solid var(--erp-border);margin-top:8px;padding:14px 4px 4px; }
.system-theme-section .erp-settings-title { margin-bottom:10px;color:var(--erp-muted); }
.member-hover-actions { display:grid;gap:10px;border-top:1px solid var(--erp-border);margin-top:18px;padding-top:16px; }
.member-hover-actions .btn { border-radius:999px;border:1px solid var(--erp-border);background:var(--erp-surface-solid);color:var(--erp-text);box-shadow:none; }
.member-hover-actions .member-hover-logout { color:#bd3045;background:#fff3f3;border-color:#f2d8dd; }
:root[data-theme="dark"] .member-hover-actions .member-hover-logout { color:#ffbac4;background:#422930;border-color:#67424b; }
.modal-content,.crm-dialog,.erp-confirm-dialog,.product-image-studio-dialog { border-radius:24px!important;background:var(--erp-surface-solid)!important;color:var(--erp-text);border:1px solid var(--erp-border);box-shadow:var(--ui-popup-shadow); }
.modal-header,.modal-footer { background:var(--erp-surface-solid);border-color:var(--erp-border); }
.modal-title,.modal-body label { color:var(--erp-text); }
.modal-body .input { background:var(--erp-surface-solid);color:var(--erp-text);border-color:var(--erp-border);border-radius:12px; }
.modal-overlay,.crm-dialog::backdrop,.erp-confirm-dialog::backdrop,.product-image-studio-dialog::backdrop { background:#10181080;backdrop-filter:blur(5px); }
.modal-content .btn,.erp-confirm-dialog button,.product-image-studio-dialog>.product-image-studio-header button { border-radius:999px; }
.modal-content .btn-primary { background:var(--ui-strong);color:var(--ui-on-strong);box-shadow:none; }
.promotion-products-dialog { max-width:calc(100vw - 32px);max-height:90vh;padding:26px;overflow:auto; }
.promotion-table-scroll { max-height:65vh;overflow:auto;border:1px solid var(--erp-border);border-radius:16px;margin:18px 0; }
.promotion-product-table { width:100%;min-width:1050px;border-collapse:collapse;font-size:13px;color:var(--erp-text); }
.promotion-product-table th { position:sticky;top:0;z-index:1;background:var(--ui-quiet);text-align:left;font-size:12px;font-weight:550;color:var(--erp-muted);padding:15px;white-space:nowrap; }
.promotion-product-table td { padding:18px 15px;border-bottom:1px solid var(--erp-border);vertical-align:middle; }
.promotion-product-info { width:36%;min-width:330px; }
.promotion-product-identity { display:flex;align-items:center;gap:14px; }
.promotion-product-identity img,.promotion-image-placeholder { width:64px;height:80px;flex:none;object-fit:contain;border-radius:10px;background:#fff;border:1px solid var(--erp-border); }
.promotion-image-placeholder { display:grid;place-items:center;font-size:11px;color:#68705f; }
.promotion-product-identity strong { display:block;font-weight:550;max-width:380px;overflow-wrap:anywhere; }
.promotion-product-identity small { display:block;color:var(--erp-muted);font-size:11px;margin-top:4px;overflow-wrap:anywhere; }
.promotion-product-table .input { width:116px;min-height:38px;background:var(--erp-surface-solid);color:var(--erp-text);border-color:var(--erp-border); }
.promotion-input-label { display:grid;gap:5px;font-size:11px;color:var(--erp-muted); }
.promotion-row-actions { display:flex;gap:8px;flex-wrap:wrap;min-width:145px; }
.promotion-products-dialog .btn { border-radius:999px;background:var(--erp-surface-solid);color:var(--erp-text);border:1px solid var(--erp-border);box-shadow:none; }
.promotion-products-dialog .btn-primary { background:var(--ui-strong);color:var(--ui-on-strong); }
.promotion-product-table [role=status] { font-size:12px;max-width:230px;margin-top:8px; }
.product-archive-date { color:var(--erp-muted);font-size:12px; }
/* Homepage: emphasis is carried by real metric cards, never invented chart data. */
#app .overview-page { max-width:1600px;padding:16px 0 24px; }
#app .overview-header { margin-bottom:28px; }
#app .overview-header h2 { font-size:clamp(28px,2.6vw,38px);font-weight:600;letter-spacing:-.045em; }
#app .overview-eyebrow { color:var(--erp-muted);font-weight:500; }
#app .overview-kpi-grid { gap:18px; }
#app .overview-kpi { min-height:112px;padding:14px 24px; }
#app .overview-kpi-value { margin:4px 0 0;line-height:1.2; }
#app .overview-kpi-hint:empty { display:none; }
#app .ozon-activity-card { background:var(--ui-quiet)!important;border-color:transparent!important;padding:22px 24px; }
.promotion-card-top,.promotion-card-counts { display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap; }
.promotion-card-top { color:var(--erp-muted);font-size:12px; }
.promotion-card-top>div { display:flex;gap:8px; }
.promotion-auto-badge,.promotion-joined-badge { display:inline-block;padding:3px 9px;border-radius:7px;font-weight:650; }
.promotion-auto-badge { background:#ffc528;color:#302300; }
.promotion-joined-badge { background:#087b3c;color:#fff; }
.promotion-scheduled { display:block;color:var(--ui-warning);margin-top:6px; }
#app .overview-kpi .overview-icon { width:30px;height:30px; }
#app .overview-kpi-top { flex-direction:row;align-items:center; }
#app .overview-kpi::before { display:none; }
#app .overview-kpi-value { font-size:clamp(28px,2.9vw,42px);font-weight:550;letter-spacing:-.05em;color:inherit!important; }
#app .overview-money-line { display:block;font-size:clamp(23px,2.4vw,36px);overflow-wrap:anywhere; }
#app .order-currency-notice { padding:14px 18px;margin-bottom:18px;border-radius:14px;border:1px solid var(--erp-border);background:var(--erp-soft);color:var(--erp-text);line-height:1.7; }
#app .overview-kpi-top,#app .overview-kpi-hint,#app .overview-kpi-arrow { color:inherit; }
#app .overview-kpi-hint { opacity:.85;font-size:12px; }
#app .overview-kpi:nth-child(1) { background:#26384b!important;color:#ffffff!important;border-color:#415872!important; }
#app .overview-kpi:nth-child(2) { background:#c4d8e8!important;color:#172b40!important;border-color:#92afc7!important; }
:root[data-theme="dark"] #app .overview-kpi:nth-child(1) { background:#354e69!important;border-color:#6383a3!important; }
:root[data-theme="dark"] #app .overview-kpi:nth-child(2) { background:#cee0ee!important;color:#172b40!important;border-color:#cee0ee!important; }
#app .overview-kpi:nth-child(4) { background:var(--ui-lime)!important;color:var(--ui-lime-ink)!important;border-color:transparent!important; }
html[data-theme] #app .overview-kpi:nth-child(n)>div:nth-child(2) { color:inherit!important; }
#app .overview-kpi .overview-icon { border-radius:50%;background:#ffffff30;color:inherit; }
#app .overview-panels { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px; }
#app .overview-panel { padding:28px; }
#app .overview-panel-heading h3 { font-size:18px;font-weight:600; }
#app .overview-panel-heading>.overview-icon { background:var(--erp-soft);color:var(--erp-text);border-radius:50%; }
#app .overview-service-stats a { border-radius:16px;background:var(--ui-quiet); }
#app .overview-service-stats strong { font-weight:550;font-size:32px; }
#app .overview-shortcut { border-radius:16px;padding:20px 16px; }
#app .overview-shortcut>.overview-icon { background:var(--erp-soft);border-radius:50%;color:var(--erp-text); }
#app .overview-period-wrap,#app .overview-controls .btn { border-radius:999px; }
#app .overview-footer { border-top:1px solid var(--erp-border);padding-top:18px; }
/* Public homepage uses the same material palette; layout and auth hiding rules stay intact. */
html.octo-public-mode,html.octo-public-mode body,.octo-landing { background:var(--erp-shell-bg);color:var(--erp-text); }
.octo-landing .landing-header { background:color-mix(in srgb,var(--erp-shell-bg) 68%,transparent);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-color:color-mix(in srgb,var(--erp-border) 45%,transparent);box-shadow:none; }
.octo-landing .landing-hero { background:radial-gradient(ellipse at 15% 5%,color-mix(in srgb,var(--ui-lime) 28%,transparent),transparent 65%),var(--erp-shell-bg); }
.octo-landing :is(.landing-trust-strip,.landing-feature-section,.landing-workflow-section,.landing-scenario-section,.landing-faq-section,.landing-final-cta,.landing-footer) { background:var(--erp-shell-bg);color:var(--erp-text);border-color:var(--erp-border); }
.octo-landing :is(.landing-brand-copy strong,.landing-hero-line.is-ink,.landing-section-heading h2,.landing-scenario-grid h3,.landing-footer-grid>div>strong) { color:var(--erp-text); }
.octo-landing :is(.landing-nav a,.landing-link-button,.landing-hero-copy>p:not(.landing-hero-note),.landing-scenario-grid p,.landing-footer-brand p,.landing-footer-grid a,.landing-footer-grid button,.landing-footer-bottom) { color:var(--erp-muted); }
.octo-landing .landing-hero-line.is-gradient { background:linear-gradient(110deg,var(--erp-text),var(--erp-accent));background-clip:text;-webkit-background-clip:text; }
.octo-landing :is(.landing-button,.landing-link-button,.landing-nav a) { border-radius:999px;box-shadow:none; }
.octo-landing :is(.landing-button-primary,.landing-button-small) { background:var(--ui-strong);color:var(--ui-on-strong);border:1px solid transparent;box-shadow:none; }
.octo-landing .landing-button-secondary { background:var(--erp-surface-solid);color:var(--erp-text);border-color:var(--erp-border); }
.octo-landing :is(.landing-feature-card,.landing-scenario-grid article,.landing-faq-list details) { background:var(--erp-surface-solid);border-color:var(--erp-border);border-radius:24px;box-shadow:var(--ui-shadow); }
.octo-landing .landing-faq-list summary { color:var(--erp-text); }
.octo-landing .landing-faq-list details p { color:var(--erp-muted);border-color:var(--erp-border); }
.octo-landing .landing-cta-card { background:#343b31;box-shadow:none;border:1px solid var(--erp-border); }
.octo-landing .landing-kicker { background:var(--erp-soft);color:var(--erp-text);border-color:var(--erp-border); }
#octo-auth-overlay .octo-auth-card { background:var(--erp-surface-solid);color:var(--erp-text);border-color:var(--erp-border);box-shadow:var(--ui-popup-shadow); }
#octo-auth-overlay :is(.octo-auth-brand,.octo-auth-close) { color:var(--erp-text); }
#octo-auth-overlay :is(.octo-auth-sub,.octo-auth-note,.octo-auth-password-tip) { color:var(--erp-muted); }
#octo-auth-overlay .octo-auth-tabs { background:var(--ui-quiet);border-radius:999px; }
#octo-auth-overlay .octo-auth-tabs button { border-radius:999px;color:var(--erp-muted); }
#octo-auth-overlay .octo-auth-tabs button.active { background:var(--ui-strong);color:var(--ui-on-strong);box-shadow:none; }
#octo-auth-overlay .octo-auth-form input { background:var(--erp-surface-solid);color:var(--erp-text);border-color:var(--erp-border); }
#octo-auth-overlay .octo-auth-submit { border-radius:999px;background:var(--ui-strong);color:var(--ui-on-strong);box-shadow:none; }
#octo-auth-overlay .octo-auth-close { border-radius:50%;background:var(--ui-quiet);border-color:var(--erp-border); }
/* Accessible feedback: preserve semantic red/green, strengthen muted text in dark mode. */
:root[data-theme="dark"] #app :is(.text-gray-800,.text-gray-900,.text-slate-800,.text-slate-900) { color:var(--erp-text)!important; }
:root[data-theme="dark"] #app :is(.text-gray-400,.text-gray-500,.text-gray-600,.text-slate-400,.text-slate-500,.text-slate-600) { color:var(--erp-muted)!important; }
:root[data-theme="dark"] #app :is(.bg-white,.bg-gray-50,.bg-slate-50) { background:var(--erp-surface-solid)!important; }
:root[data-theme="dark"] #app :is(.crm .error,[role=alert]) { color:#ffacb7; }
:root[data-theme="dark"] .crm-dialog .crm { color:var(--erp-text); }
:root[data-theme="dark"] .modal-content .text-gray-700 { color:var(--erp-text); }
#app :is(button,a,input,select,textarea):focus-visible,.modal-content :is(button,input,select,textarea):focus-visible { outline:2px solid var(--ui-focus);outline-offset:3px; }
@media(max-width:1100px) { #app .overview-panels { grid-template-columns:1fr; } #app #page-content { padding:24px; } }
@media(max-width:640px) { #app #page-content { padding:16px; } #app #sidebar-nav>* { padding:9px 13px; } #app .overview-kpi { padding:14px;min-height:112px; } #app .overview-panel { padding:20px; } #app .overview-header { gap:18px; } #app .overview-kpi-grid { gap:12px; } }
@media(prefers-reduced-motion:reduce) { #app :is(.btn,.card,.stat-card,.overview-kpi,.nav-item),.sidebar-flyout-panel,.octo-landing .landing-button { transition:none!important;transform:none!important; } }

/* Shared module anatomy: title / summary / controls / working surface. */
#app #page-content>:is(section,div):not(.dashboard-screen) { max-width:1760px;margin-left:auto;margin-right:auto; }
#app #page-content :is(.order-page-heading h2,.product-heading,.finance-ledger h2,.crm h2) { font-size:clamp(26px,2.5vw,38px);font-weight:550;line-height:1.3; }
#app :is(.product-heading-row,.order-page-heading) { gap:20px;margin-bottom:24px; }
#app :is(.product-heading-tools,.order-filter-panel,.finance-filters) { border:0!important;box-shadow:none!important;background:transparent!important;padding:8px 0;gap:12px; }
#app :is(.product-status-tabs,.finance-tabs,[role=tablist]) { gap:8px;padding:6px 0 12px; }
#app :is(.status-tab.is-active,.tab-item.active,.promotion-tabs [aria-selected=true],[role=tab][aria-selected=true]) { background:var(--ui-lime)!important;color:var(--ui-lime-ink)!important;border-color:transparent!important; }
#app :is(.input,.select,.finance-filters .input,.order-filter-panel .input) { border-radius:999px;background:var(--erp-surface-solid);min-height:44px;padding-left:16px;padding-right:16px; }
/* Multiline editors are rectangles, never pill controls. Match the input rule's specificity. */
#app :is(textarea,textarea.input,.textarea),#app .crm textarea,.modal-content textarea,.crm-dialog textarea { border-radius:6px!important;padding:12px 14px;line-height:1.65;resize:vertical; }
#app :is(.btn,.crm button) { min-height:38px;padding-left:18px;padding-right:18px; }
#app :is(.table-container,.table-wrapper,.finance-table-scroll,.crm-table) { background:var(--erp-surface-solid);border:1px solid var(--erp-border);border-radius:24px; }
#app :is(.table,.finance-table,.crm table) th { padding:17px 16px;font-size:12px;letter-spacing:.02em; }
#app :is(.table,.finance-table,.crm table) td { padding:18px 16px; }
#app :is(.table,.finance-table,.crm table) tbody tr:last-child td { border-bottom:0; }
#app :is(.table,.finance-table,.crm table) a { color:var(--erp-accent); }
#app .finance-overview { gap:10px;background:transparent;border:0;border-radius:0;padding:0;grid-template-columns:1fr 1.35fr 1fr; }
#app :is(.finance-ledger,.finance-ledger [data-results],.finance-store,.finance-table-scroll,.finance-trends) { min-width:0;max-width:100%; }
#app .finance-overview section { padding:26px;border:0;border-radius:28px;background:var(--erp-surface); }
#app .finance-overview section:last-child { background:var(--ui-lime);color:var(--ui-lime-ink); }
#app .finance-overview section:last-child p { color:inherit; }
#app .finance-overview h4 { font-weight:500; }
#app .finance-overview .finance-amount { font-size:clamp(24px,2.2vw,36px);font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere; }
#app .finance-summary-line { height:8px;border-radius:99px;background:repeating-linear-gradient(125deg,var(--ui-lime) 0 5px,color-mix(in srgb,var(--ui-lime) 70%,var(--ui-blue)) 5px 8px); }
#app .finance-overview section:last-child .finance-summary-line { background:#29340030; }
#app .order-status-grid { gap:10px; }
#app .order-status-card { padding:22px 16px;border:0;border-radius:24px;background:var(--erp-surface); }
#app .order-status-card.is-active { background:var(--ui-lime)!important;color:var(--ui-lime-ink);box-shadow:none; }
#app .order-status-card.is-active :is(strong,small,.order-status-label) { color:inherit; }
#app .order-status-card strong { margin:12px 0;font-size:32px;font-weight:500; }
#app .order-result-summary { border:0;border-radius:16px;background:var(--erp-surface);color:var(--erp-muted);padding:16px 20px; }
#app .order-result-summary strong { color:var(--erp-text); }
#app .inbox-conversation { border:1px solid var(--erp-border);border-radius:18px;margin:10px 0;background:var(--ui-quiet); }
#app .inbox-conversation-heading { font-weight:500; }
#app .ai-workbench { gap:24px; }
#app .ai-panel { padding:22px; }
#app :is(.ai-source-tabs,.ai-facts-editor,.ai-fact-chip,.ai-upload-zone) { border-color:var(--erp-border);background:var(--ui-quiet);color:var(--erp-text);border-radius:18px; }
#app .ai-source-tabs button { border-radius:999px;color:var(--erp-muted); }
#app .ai-source-tabs button.active,#app .ai-step { background:var(--ui-lime);color:var(--ui-lime-ink); }
#app .ai-panel-title { color:var(--erp-text);font-size:16px;font-weight:550; }
#app :is(.overview-kpi-value,.finance-amount,.order-status-card strong) { font-variant-numeric:tabular-nums; }
.sidebar-flyout-panel { padding:12px;border-radius:24px; }
.sidebar-flyout-item.active,.sidebar-flyout-child.active,.erp-theme-options button.active { background:var(--ui-lime);color:var(--ui-lime-ink); }
/* Real data charts share the same surfaces; canvas pixels are never CSS-filtered. */
.erp-trend { min-width:0;background:var(--erp-surface-solid);border:1px solid var(--erp-border);border-radius:28px;padding:26px;margin:24px 0;color:var(--erp-text); }
.erp-trend header { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px; }
.erp-trend h3 { font-size:18px;font-weight:550;margin:0 0 6px; }
.erp-trend p { color:var(--erp-muted);font-size:12px;line-height:1.7;margin:0; }
.erp-trend strong { display:block;font-size:30px;font-weight:500;font-variant-numeric:tabular-nums; }
.erp-trend svg { display:block;width:100%;height:200px;overflow:visible; }
.erp-trend .trend-grid { stroke:var(--erp-border);stroke-dasharray:3 6; }
.erp-trend .trend-bar { fill:var(--ui-chart); }
.erp-trend .trend-bar:nth-of-type(even) { opacity:.85; }
.erp-trend .trend-label { fill:var(--erp-muted);font-size:11px; }
.erp-trend .trend-note { margin-top:12px; }
.erp-trend-range { display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--erp-muted); }
.erp-trend-empty { padding:36px;text-align:center;background:var(--ui-quiet);border-radius:18px;color:var(--erp-muted); }
.erp-trend details table { width:100%;max-width:440px;margin-top:14px;border-collapse:collapse;font-variant-numeric:tabular-nums; }
.erp-trend details :is(th,td) { padding:8px 18px;text-align:center;border-bottom:1px solid var(--erp-border); }
.overview-analytics { display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:22px;align-items:stretch;margin:24px 0; }
#app .overview-analytics .overview-kpi-grid { grid-template-columns:1fr;gap:12px;margin:0;align-content:start; }
#app .overview-analytics .overview-kpi { min-height:108px;border-radius:20px; }
.overview-analytics > .erp-trend { margin:0;display:flex;flex-direction:column;background:linear-gradient(145deg,var(--erp-surface-solid),var(--ui-quiet));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--erp-text) 8%,transparent),0 12px 32px #0000000a; }
.overview-analytics .erp-trend svg { flex:1;min-height:240px;max-height:350px;margin:16px 0; }
.overview-analytics .erp-trend header > div:last-child { text-align:right;padding:10px 18px;border:1px solid var(--erp-border);border-radius:14px;background:var(--ui-quiet); }
.overview-analytics .trend-bar { stroke:color-mix(in srgb,var(--ui-chart) 65%,white);stroke-width:.5; }
#app .erp-store-picker { display:flex;align-items:center;gap:8px;padding:5px 10px 5px 6px;border:1px solid var(--erp-border);border-radius:12px;background:var(--erp-surface-solid);box-shadow:inset 0 1px 0 #ffffff0a; }
#app .erp-store-picker:focus-within { outline:2px solid var(--ui-focus);outline-offset:2px; }
#app .erp-store-picker-icon { display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--ui-quiet);color:var(--ui-link); }
#app #erp-store-tools .erp-store-picker #store-selector { appearance:none;min-width:96px;max-width:150px;background:transparent;border:0;border-radius:0;padding:0 20px 0 0;line-height:24px;font-size:12px;color:var(--erp-text); }
@media(max-width:900px) { .overview-analytics { grid-template-columns:1fr; } #app .overview-analytics .overview-kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) { #app #sidebar-nav > * { padding:6px 12px; }.overview-analytics { gap:16px; }.overview-analytics .erp-trend svg { min-height:180px; } }
.finance-trends { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:18px; }
.finance-trends .erp-trend { margin:0 0 24px; }
/* Dashboard: remove sci-fi chrome while retaining its data and controls. */
#app .dashboard-screen { background:var(--erp-shell-bg);color:var(--erp-text);animation:none;clip-path:none;--ds-cyan:var(--ui-chart);--ds-violet:var(--ui-blue);--ds-green:var(--ui-chart); }
#app .dashboard-screen::before,#app .dashboard-screen :is(.ds-scanline,.ds-ambient,.ds-stars,.ds-particle,.ds-corner,.ds-matrix-bg,.ds-kpi-wave) { display:none; }
#app .dashboard-screen :is(.ds-panel,.ds-kpi-card,.ds-card) { background:var(--erp-surface-solid)!important;border:1px solid var(--erp-border);border-radius:24px;box-shadow:none; }
#app .dashboard-screen :is(.ds-panel,.ds-kpi-card,.ds-card)::before,#app .dashboard-screen .ds-card::after { display:none; }
#app .dashboard-screen :is(.ds-main-title,.ds-kpi-value,.ds-panel-title,.ds-kpi-label,.ds-order-row) { color:var(--erp-text)!important;text-shadow:none;font-family:inherit; }
#app .dashboard-screen :is(.ds-range-label,.ds-empty,.ds-panel-code,.ds-kpi-label small,#ds-clock,#ds-sync-time) { color:var(--erp-muted)!important; }
#app .dashboard-screen :is(.ds-date-btn,.ds-tab,.ds-sync-btn,.ds-fullscreen-btn) { border-radius:999px;border-color:var(--erp-border);background:var(--ui-quiet);color:var(--erp-text);box-shadow:none; }
#app .dashboard-screen :is(.ds-date-btn.active,.ds-tab-active) { background:var(--ui-lime);color:var(--ui-lime-ink); }
#app .dashboard-screen :is(.ds-kpi-icon,.ds-panel-icon) { background:var(--erp-soft);color:var(--erp-text);border:0;border-radius:50%; }
#app .dashboard-screen :is(.ds-rank-value,.ds-rank-no.is-top) { color:var(--ui-chart);text-shadow:none; }
#app .dashboard-screen .ds-rank-item::before { background:var(--ui-chart); }
#app .dashboard-screen .ds-panel-head { border-color:var(--erp-border);padding:16px; }
#app .dashboard-screen .ds-header { margin-bottom:18px; }
#app .dashboard-screen .ds-rank-item>span:nth-child(2),#app .dashboard-screen .ds-order-row td { color:var(--erp-text)!important; }
#app .dashboard-screen .ds-order-row td:last-child { color:var(--erp-muted)!important; }
#app .dashboard-screen .ds-radar-stage { background:var(--ui-quiet);border-radius:20px; }
#app .dashboard-screen .ds-radar-stage::after { background:conic-gradient(from 0deg,color-mix(in srgb,var(--ui-chart) 18%,transparent),transparent 18%,transparent); }
#app .dashboard-screen .ds-radar-ring { border-color:var(--erp-border);box-shadow:none; }
#app .dashboard-screen .ds-radar-core { color:var(--ui-chart);text-shadow:none; }
#app .dashboard-screen .ds-radar-core i { background:var(--erp-soft);border-color:var(--erp-border); }
#app .dashboard-screen .ds-radar-stage svg :is(path,circle) { stroke:var(--ui-chart); }
#app .dashboard-screen .ds-radar-stage svg circle { fill:var(--ui-chart); }
#app .finance-tabs span[aria-current=page] { padding:10px 18px;border:0;border-radius:999px;background:var(--ui-lime);color:var(--ui-lime-ink); }
#app .crm,.crm-dialog .crm { color:var(--erp-text); }
#app .crm :is(small,.translation,.empty),.crm-dialog .crm :is(small,.translation,.empty) { color:var(--erp-muted); }
#app .crm .badge { background:var(--erp-soft);color:var(--erp-text);border-radius:999px; }
:is(#app,.product-image-studio-dialog) .ai-workbench-main { background:var(--erp-surface-solid);border-color:var(--erp-border);box-shadow:none;border-radius:28px; }
:is(#app,.product-image-studio-dialog) .ai-panel { background:var(--erp-surface-solid);color:var(--erp-text);border:1px solid var(--erp-border);border-radius:24px;padding:22px;box-shadow:none; }
:is(#app,.product-image-studio-dialog) :is(.ai-panel-title,.ai-task-head) { color:var(--erp-text);background:var(--erp-surface-solid);border-color:var(--erp-border); }
:is(#app,.product-image-studio-dialog) :is(.ai-source-tabs,.ai-task-tabs,.ai-facts-editor,.ai-fact-chip,.ai-upload-zone) { border-color:var(--erp-border);background:var(--ui-quiet);color:var(--erp-text);border-radius:18px; }
:is(#app,.product-image-studio-dialog) :is(.ai-source-tabs,.ai-task-tabs) button { border-radius:999px;color:var(--erp-muted); }
:is(#app,.product-image-studio-dialog) :is(.ai-source-tabs,.ai-task-tabs) button.active { background:var(--ui-lime);color:var(--ui-lime-ink);box-shadow:none; }
.product-image-studio-dialog :is(.input,textarea,select) { border-color:var(--erp-border);background:var(--erp-surface-solid);color:var(--erp-text);border-radius:16px; }
.product-image-studio-dialog .btn { border-radius:999px;box-shadow:none; }
.product-image-studio-dialog .btn-primary { background:var(--ui-strong);color:var(--ui-on-strong); }
:is(#app,.product-image-studio-dialog) :is(.ai-task-record,.ai-task-card,.ai-task-delete,.ai-library-item,.ai-market-grid .input) { background:var(--erp-surface-solid);border-color:var(--erp-border);color:var(--erp-text);box-shadow:none; }
:is(#app,.product-image-studio-dialog) :is(.ai-task-detail,.ai-plan,.ai-reference-compact,.ai-task-thumb) { background:var(--ui-quiet);border-color:var(--erp-border);color:var(--erp-muted);border-radius:16px; }
:is(#app,.product-image-studio-dialog) :is(.ai-fact-chip b,.ai-task-meta b) { color:var(--erp-text); }
:is(#app,.product-image-studio-dialog) :is(.ai-fact-chip span,.ai-task-meta small,.ai-market-grid label,.ai-facts-editor summary) { color:var(--erp-muted); }
:is(#app,.product-image-studio-dialog) .ai-primary-action { background:var(--ui-lime);color:var(--ui-lime-ink);box-shadow:none;border-radius:999px; }
@media(max-width:720px) {
 #app .finance-overview { grid-template-columns:1fr; }
 #app .finance-overview section { padding:22px; }
 #app :is(.table,.finance-table,.crm table) td { padding:14px 12px; }
 .erp-trend { padding:20px 16px; }.erp-trend header { align-items:flex-start; }
 .erp-trend svg { height:150px; }.erp-trend svg .trend-label { font-size:18px; }
 #app #sidebar-nav { width:100%; }
}

/* Legacy business templates: pair surfaces and text, including cells rather than only thead. */
#app :is(thead,thead tr,thead th) { background:var(--ui-quiet)!important;color:var(--erp-muted)!important;border-color:var(--erp-border)!important; }
#app :is(tbody td,tfoot td) { border-color:var(--erp-border)!important; }
#app :is(.text-gray-400,.text-gray-500,.text-gray-600,.text-slate-400,.text-slate-500,.text-slate-600),
.modal-content :is(.text-gray-400,.text-gray-500,.text-gray-600) { color:var(--erp-muted)!important; }
html[data-theme="dark"] :is(#app,.modal-content,.crm-dialog) :is(.text-gray-700,.text-gray-800,.text-gray-900,.text-slate-700,.text-slate-800,.text-slate-900) { color:var(--erp-text)!important; }
#app :is(a.text-blue-500,a.text-blue-600,.text-blue-500,.text-blue-600):not(.btn) { color:var(--ui-link)!important; }
html[data-theme="dark"] :is(#app,.modal-content,.crm-dialog) :is([style*="color:#1f2937"],[style*="color: #1f2937"],[style*="color:#374151"],[style*="color: #374151"],[style*="color:#334155"],[style*="color: #334155"]) { color:var(--erp-text)!important; }
:is(#app,.modal-content,.crm-dialog) :is([style*="color:#6b7280"],[style*="color: #6b7280"],[style*="color:#9ca3af"],[style*="color: #9ca3af"],[style*="color:#64748b"],[style*="color: #64748b"]) { color:var(--erp-muted)!important; }
html[data-theme="dark"] :is(#app,.modal-content,.crm-dialog) :is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-slate-50,.bg-slate-100,[style*="background:#fff;"],[style*="background: #fff;"],[style*="background:#ffffff"],[style*="background: #ffffff"],[style*="background:#f3f4f6"],[style*="background: #f3f4f6"]) { background:var(--erp-surface-solid)!important;border-color:var(--erp-border)!important; }
/* Semantic pastel panels retain their meaning, with paired dark-mode foregrounds. */
html[data-theme="dark"] #app :is(.bg-blue-50,.bg-blue-100) { background:#203753!important;color:#bedaff!important; }
html[data-theme="dark"] #app :is(.bg-green-50,.bg-green-100,.bg-emerald-50) { background:#153c2b!important;color:#a5edc4!important; }
html[data-theme="dark"] #app :is(.bg-red-50,.bg-red-100,.bg-rose-50) { background:#482630!important;color:#ffc2cd!important; }
html[data-theme="dark"] #app :is(.bg-yellow-50,.bg-amber-50,.bg-orange-50) { background:#42331c!important;color:#ffdda1!important; }
html[data-theme="dark"] #app :is(.bg-purple-50,.bg-purple-100,.bg-indigo-50) { background:#352c4d!important;color:#dfccff!important; }
html[data-theme="dark"] #app :is(.text-green-500,.text-green-600,.text-emerald-600) { color:#8ee3b0!important; }
html[data-theme="dark"] #app :is(.text-red-400,.text-red-500,.text-red-600) { color:#ffacbb!important; }
html[data-theme="dark"] #app :is(.text-yellow-600,.text-amber-600,.text-orange-600) { color:#ffcf87!important; }
html[data-theme="dark"] #app :is(.text-purple-600,.text-indigo-600) { color:#d9bcff!important; }
/* Monitoring input panels use theme surfaces, not a permanently light inline gradient. */
#app div:has(> #batch-sku-input),#app div:has(> #dedup-sku-input),#app div:has(> #delist-sku-input),#app div:has(> #whitelist-input) { background:var(--ui-quiet)!important;border:1px solid var(--erp-border)!important;box-shadow:none!important;color:var(--erp-text); }
/* Finance relief cards and monitoring surfaces: paired foreground/background colors. */
#app .finance-ledger > header { display:flex;align-items:baseline;gap:20px;flex-wrap:wrap; }
#app .finance-heading-store { font-size:18px;font-weight:600;color:var(--erp-muted); }
#app .finance-overview { gap:18px; }
#app .finance-overview section { border:1px solid #a9c3d6;border-radius:20px;background:linear-gradient(145deg,#edf7ff,#c7ddeb);color:#142c40;box-shadow:inset 0 1px 0 #ffffff,0 4px 0 #adc3d2,0 12px 22px #142c4015; }
#app .finance-overview section p { color:#304d64; }
#app .finance-overview section:nth-child(2) { background:linear-gradient(145deg,#304c65,#172c40);border-color:#49677f;color:#f3f8ff;box-shadow:inset 0 1px 0 #6a8398,0 4px 0 #0b1a28,0 12px 22px #142c4026; }
#app .finance-overview section:nth-child(2) p { color:#c7d9e9; }
#app .finance-overview section:last-child { background:linear-gradient(145deg,#e6ff78,#bbed2c);border-color:#a2c92e;color:#213000;box-shadow:inset 0 1px 0 #f5ffd1,0 4px 0 #91b728,0 12px 22px #51660020; }
#app .finance-overview section:last-child p { color:#344800; }
html[data-theme=dark] #app .finance-overview section:first-child { background:linear-gradient(145deg,#2b465a,#1d3244);color:#f1f7ff;border-color:#4a667e;box-shadow:inset 0 1px 0 #5a7489,0 4px 0 #102131,0 12px 22px #0003; }
html[data-theme=dark] #app .finance-overview section:first-child p { color:#c7d9e9; }
#app .promotion-tabs { padding:4px!important;border-radius:12px!important;min-height:40px; }
#app .promotion-tabs button,#app button[data-refresh]:has(+ .promotion-tabs) { border-radius:9px!important;min-height:36px;height:36px;padding:0 18px!important; }
html[data-theme=dark] #app :is(.comp-card,#batch-result-area,#batch-summary-cards > div,section:has(> #report-order-skus),#report-order-point-summary,[class~="bg-slate-50/70"]) { background:linear-gradient(145deg,#2b3949,#222d3b)!important;border-color:#53667b!important;box-shadow:inset 0 1px 0 #65768a33!important;color:#edf4ff!important; }
html[data-theme=dark] #app .comp-card :is(h3,p,span),html[data-theme=dark] #app #batch-summary-cards > div > div { color:#dceaff!important; }
html[data-theme=dark] #app #batch-result-area :is(tbody,tr,td) { background:#243142!important;color:#e5edf8; }
html[data-theme=dark] #app #batch-result-area a { color:#a9d1ff!important; }
/* Legacy inline pastel panels need paired dark surfaces and readable foregrounds. */
html[data-theme=dark] #app :is(#competition-content,.reconciliation-page) div[style*="linear-gradient(135deg"],
html[data-theme=dark] #app :is(#recon-dropzone,div:has(> #kj-prefix-list)) { background:linear-gradient(145deg,#2b3949,#222d3b)!important;border-color:#53667b!important;color:#edf4ff!important;box-shadow:inset 0 1px 0 #65768a33!important; }
html[data-theme=dark] #app :is(#competition-content,.reconciliation-page) :is(td,th) { color:#dce8f6!important; }
html[data-theme=dark] #app :is(#competition-content,.reconciliation-page) tbody :is(tr,td) { background:#243142!important; }
html[data-theme=dark] #app #competition-content div[style*="linear-gradient(135deg"] > div { color:#edf4ff!important; }
html[data-theme=dark] #app :is(.text-blue-700,.text-blue-800,.text-blue-900) { color:#bddaff!important; }
html[data-theme=dark] #app :is(#wl-tab-store,#wl-tab-reverse) { opacity:1!important; }
html[data-theme=dark] #app #competition-content :is(h3,h4) { color:#edf4ff!important; }
html[data-theme=dark] #app :is(#dedup-clean-tbody,#dedup-dup-tbody) td { color:#dce8f6!important; }
.report-record-dialog { width:min(1100px,calc(100vw - 32px));max-height:85vh;overflow:auto;background:var(--erp-surface-solid);color:var(--erp-text); }
.report-record-dialog > header { display:flex;align-items:center;justify-content:space-between; }
.promotion-dialog-header { display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px; }
.promotion-dialog-header :is(h2,h4) { flex:1;min-width:0;overflow-wrap:anywhere;margin:0; }
.promotion-dialog-close { flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--erp-border);background:var(--ui-quiet);color:var(--erp-text);font-size:24px;line-height:1;cursor:pointer; }
.promotion-dialog-close:focus-visible { outline:2px solid var(--ui-focus);outline-offset:3px; }
.promotion-dialog-pagination { display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:18px;flex-wrap:wrap; }
.report-copy-tools { display:flex;flex-wrap:wrap;gap:8px;margin:16px 0; }
.report-detail-table { overflow:auto;max-height:45vh; }
.report-detail-table table { width:100%;text-align:left;font-size:13px; }
.report-detail-table :is(td,th) { padding:10px;border-bottom:1px solid var(--erp-border); }
.inbox-message-dialog { background:var(--erp-surface-solid);color:var(--erp-text);padding:24px; }
.inbox-dialog-header { display:flex;align-items:center;justify-content:space-between;gap:16px; }
.inbox-dialog-header h2 { margin:0;font-size:22px; }
.inbox-icon-button { display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--erp-border);border-radius:50%;background:var(--ui-quiet);color:var(--erp-text);cursor:pointer; }
.inbox-message-dialog [data-state] { color:var(--erp-muted);font-size:13px;margin:12px 0 20px; }
.inbox-history { display:flex;flex-direction:column;gap:20px;max-height:50vh;overflow:auto;padding:2px 6px 12px 0; }
.inbox-message { max-width:94%; }
.inbox-message.is-seller { align-self:flex-end; }
.inbox-message-meta { display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 20px;margin:0 4px 8px; }
.inbox-message-meta strong { font-size:13px;color:var(--erp-text); }
.inbox-message-meta time { font-size:12px;color:var(--erp-muted);font-variant-numeric:tabular-nums; }
.inbox-message-receipt { display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:5px 10px;margin-top:10px;text-align:right;white-space:normal;font-size:12px;line-height:1.5;color:var(--erp-muted); }
.inbox-receipt-icon { color:var(--ui-link);font-weight:700;letter-spacing:-3px;padding-right:3px; }
.inbox-message-body { white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75;padding:16px 18px;background:var(--ui-quiet);color:var(--erp-text);border:1px solid var(--erp-border);border-radius:4px 18px 18px; }
.inbox-message.is-seller .inbox-message-body { background:var(--erp-soft);border-radius:18px 4px 18px 18px; }
.inbox-image-link { display:block;color:var(--ui-link);max-width:360px; }
.inbox-image-link img { display:block;max-width:100%;max-height:300px;object-fit:contain;border-radius:10px; }
.inbox-image-link img[hidden] { display:none; }
.inbox-message-dialog [hidden] { display:none!important; }
.inbox-composer { display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:20px;align-items:end; }
.inbox-composer textarea { grid-column:1/-1;width:100%;border:1px solid var(--erp-border);border-radius:6px;background:var(--erp-surface-solid);color:var(--erp-text);padding:12px; }
.inbox-composer .inbox-send { grid-column:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--ui-strong);color:var(--ui-on-strong); }
.inbox-message-dialog :is(button,a,textarea):focus-visible { outline:2px solid var(--ui-focus);outline-offset:3px; }
@media(max-width:600px) { .inbox-message-dialog { padding:18px; }.inbox-message { max-width:100%; }.inbox-message-meta { flex-direction:column; }.inbox-history { max-height:45vh; } }