@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root {
  color-scheme: light;
  --pine: #0f2c4f;
  --pine-dark: #0a2039;
  --green: #0f2c4f;
  --mint: #edf2f7;
  --muted: #6b6b6b;
  --line: #e5e0d6;
  --paper: #fff;
  --gold: #c1272d;
  --brand-navy: #0f2c4f;
  --brand-blue: #1b4570;
  --brand-red: #c1272d;
  --brand-red-dark: #9c1f24;
  --brand-cream: #f2ede4;
  --brand-carbon: #2b2b2b;
}

body { color: var(--brand-carbon); background: var(--brand-cream); }
.sidebar { background: var(--brand-navy); }
.nav-caption { color: #c7d7e7; }
.nav-link { color: #e1e8ef; gap: 10px; font-size: .86rem; }
.nav-link span:last-child { white-space: nowrap; }
.nav-link:hover,.nav-link.active { background: #ffffff1c; color: #fff; }
.nav-link.active { box-shadow: inset 4px 0 var(--brand-red); }
.nav-icon { color: #fff; }
.brand,.login-brand { display: flex; flex-direction: column; align-items: flex-start; gap: 0; color: #fff; font-size: initial; letter-spacing: normal; white-space: normal; }
.brand .brand-logo-frame,.login-brand .brand-logo-frame { display: block; position: relative; width: 174px; height: auto; margin: 0; overflow: visible; color: transparent; font-size: initial; letter-spacing: normal; }
.brand-logo-frame img { position: static; display: block; width: 174px; max-width: 100%; height: auto; filter: brightness(0) invert(1); }
.login-brand .brand-logo-frame img { filter: none; }
.sidebar>.brand { width: 100%; align-items: center; }
.login-screen { background: radial-gradient(ellipse at 16% 83%,#e7d6d2 0,transparent 34%),linear-gradient(135deg,var(--brand-cream),#e9eef4); }
.login-brand { align-items: center; margin-bottom: 22px; }
.login-brand .brand-logo-frame { width: 238px; }
.login-brand .brand-logo-frame img { width: 238px; }
.login-card { border-color: #e2d8c8; box-shadow: 0 22px 60px #0f2c4f18; }
.login-card h1,.view-title h1,.welcome-row h1,.section-heading h2,.team-invite-card h2 { color: var(--brand-navy); }
.eyebrow { color: var(--brand-red); }
.login-card input:focus,.inline-form input:focus,.sale-form input:focus,.sale-form select:focus,.team-invite-form input:focus,.team-invite-form select:focus,.product-dialog input:focus,.product-dialog textarea:focus { border-color: var(--brand-blue); box-shadow: 0 0 0 3px #1b45701a; outline: none; }
.primary-button,.refresh-button { background: var(--brand-navy); }
.primary-button:hover,.refresh-button:hover { background: var(--brand-blue); }
.text-link,.text-button { color: var(--brand-red); }
.text-button:hover { color: var(--brand-red-dark); }
.metric-card::before,.metric-card:nth-child(2)::before,.metric-card:nth-child(4)::before { background: var(--brand-navy); }
.metric-card:nth-child(3)::before,.metric-card:nth-child(5)::before { background: var(--brand-red); }
.metric-card strong,.sale-total strong { color: var(--brand-navy); }
.empty-state { border-color: var(--line); border-left-color: var(--brand-red); }
.empty-state-icon { background: #f8e8e6; color: var(--brand-red); }
.table-card,.shift-panel,.sale-entry,.team-invite-card { border-color: var(--line); }
th { background: #f7f3ec; color: #6b6b6b; }
tbody tr:hover { background: #f9f6f0; }
.pill { background: #edf2f7; color: var(--brand-navy); }
.shift-badge.open { background: #e9f2eb; color: #326a48; }
.shift-email-result { background: #eef4ef; color: #326a48; }
.shift-email-result.pending { background: #fff7e8; color: #855b12; }
.shift-email-result.failed { background: #fbefeb; color: var(--brand-red-dark); }
.team-role-form .secondary { background: #edf2f7; color: var(--brand-navy); }
.team-role-form .secondary:hover { background: #dfe8f1; }
.form-message.success { color: #326a48; }
.remove-line,.remove-product-variant { color: var(--brand-red); }
.suggested-price { border-color: #d9e2ea; background: #f3f6f8; }
.suggested-price strong { color: var(--brand-navy); }
.product-dialog-heading h2,.operation-dialog h2 { color: var(--brand-navy); }
.product-dialog,.operation-dialog { border-color: var(--line); }
.operation-dialog::backdrop,.product-dialog::backdrop { background: #0a2039a3; }
.product-photo img,.product-photos-preview img { border-color: var(--line); }
.product-variant-row select:focus,.variant-editor-wrap input:focus { border-color: var(--brand-blue); outline: 2px solid #1b45701a; }
.page-footer { color: #6b6b6b; }
.page-footer span,.welcome-mark span { color: var(--brand-red); }
.welcome-mark { display: none; }
.connection-dot { background: #79ad89; box-shadow: 0 0 0 3px #79ad8920; }
.avatar { background: var(--brand-cream); color: var(--brand-navy); }
.logout-button { color: #fff; border-color: #ffffff55; }
.logout-button:hover { background: #ffffff20; }
.overview-shortcuts,.report-widget,.report-kpi,.customer-dialog { background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 7px 22px #102a4010; }
.overview-shortcuts { padding:24px;max-width:760px;margin-top:22px; }
.overview-shortcuts h2 { margin:0 0 8px;color:var(--brand-navy);font-size:1.1rem; }
.overview-shortcuts p { margin:0 0 16px;color:#6b6b6b;line-height:1.6; }
.overview-shortcuts .primary-button { margin:0 9px 0 0; }
.report-controls { display:flex;align-items:end;gap:14px;flex-wrap:wrap; }
.report-controls label,.customer-search-label { display:grid;gap:6px;color:#6b6b6b;font-size:.74rem;font-weight:650; }
.report-controls label[hidden],.dashboard-dialog [hidden] { display:none!important; }
.report-controls input,.report-controls select,.customer-search-label input { height:40px;min-width:145px;padding:0 10px;border:1px solid #d9e1e9;border-radius:7px;background:#fff;color:var(--brand-navy);font:inherit; }
.report-kpi-grid { display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:13px;margin:15px 0 20px; }
.report-kpi { display:grid;gap:7px;padding:16px 18px; }
.report-kpi span { color:#70777e;font-size:.75rem; }
.report-kpi strong { color:var(--brand-navy);font-size:1.25rem;letter-spacing:-.02em; }
.report-kpi small { color:#899098;font-size:.7rem; }
.report-kpi b { color:#386e50;font-size:.7rem;font-weight:650; }
.report-widget-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-items:start; }
.report-dashboard { display:grid;gap:26px; }
.report-tabs{margin:0 0 22px;overflow-x:auto}.report-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:0 0 24px}.report-summary-card{display:grid;gap:8px;align-content:start;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);font-size:.78rem}.report-summary-card strong{color:var(--pine);font-size:1.35rem}.report-summary-card small{font-size:.72rem}.report-summary-wide{grid-column:1/-1}.shift-history-panel{margin-top:24px}.shift-history-panel .table-wrap{max-height:520px;overflow:auto}
.report-group { margin:12px 0 20px; }
.report-group-heading { margin:0 0 12px; }
.report-group-heading h2 { margin:0;color:var(--brand-navy);font-size:1.02rem; }
.report-group-heading p { margin:5px 0 0;color:#737d84;font-size:.73rem; }
.inventory-report-summary { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.inventory-report-summary span { display:grid;gap:6px;padding:12px;border-radius:8px;background:#f6f8f6;color:#727c82;font-size:.68rem; }
.inventory-report-summary strong { color:var(--brand-navy);font-size:1.05rem; }
.report-widget { min-width:0;padding:18px 20px; }
.report-widget--wide,.report-widget--full { grid-column:1/-1; }
.report-widget header { display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 15px; }
.report-widget header h2 { margin:0;color:var(--brand-navy);font-size:.92rem; }
.report-widget header span { color:#8b9298;font-size:.68rem;white-space:nowrap; }
.report-widget svg { width:100%;height:auto;min-height:165px;overflow:visible; }
.chart-axis { stroke:#e4e8eb;stroke-width:1; }
.chart-gridline{stroke:#e9edf0;stroke-width:1}.chart-axis-title{fill:#58636c;font-size:10px;font-weight:650}.chart-tick-label{fill:#707980;font-size:8px}.chart-data-label{font-size:7px;font-weight:700;paint-order:stroke;stroke:#fff;stroke-width:2px;stroke-linejoin:round}.chart-data-label--previous{opacity:.9}.chart-axis-caption{margin:0 0 8px;color:#68717a;font-size:.68rem}
.chart-legend { display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:#68717a;font-size:.7rem;margin-top:7px; }
.chart-legend span { display:flex;align-items:center;gap:7px; }
.chart-legend i { width:9px;height:9px;border-radius:50%;background:var(--legend);display:inline-block; }
.chart-legend--stacked { display:grid;gap:9px; }
.chart-empty { display:grid;place-items:center;min-height:170px;color:#899098;font-size:.76rem;text-align:center; }
.payment-pie-layout { display:flex;align-items:center;gap:22px;min-height:205px; }
.payment-pie { width:160px;height:160px;flex:0 0 160px;border-radius:50%;position:relative; }
.payment-pie::after { content:"";position:absolute;inset:36px;border-radius:50%;background:#fff; }
.report-gauge-wrap { display:grid;place-items:center;padding:8px 0; }
.report-gauge { width:178px;height:178px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--brand-navy) var(--gauge-value),#e9edf1 0);position:relative; }
.report-gauge::before { content:"";position:absolute;inset:15px;border-radius:50%;background:#fff; }
.report-gauge>div { position:relative;display:grid;gap:5px;text-align:center; }
.report-gauge strong { color:var(--brand-navy);font-size:1.7rem; }
.report-gauge small { max-width:100px;color:#747c83;font-size:.66rem; }
.report-widget--half>p { margin:0;text-align:center;color:#59636b;font-size:.74rem; }
.horizontal-chart { display:grid;gap:12px; }
.horizontal-chart-row>div { display:flex;justify-content:space-between;gap:12px;margin-bottom:5px;color:#59636b;font-size:.71rem; }
.horizontal-chart-row strong { white-space:nowrap;color:var(--brand-navy);font-weight:650; }
.horizontal-chart-row i,.comparison-bars i { height:8px;display:block;overflow:hidden;border-radius:8px;background:#e9edf1; }
.horizontal-chart-row i b,.comparison-bars i b { display:block;height:100%;border-radius:8px;background:var(--brand-navy); }
.horizontal-chart-row i b.previous { background:var(--brand-red); }
.comparison-bars { display:grid;gap:17px;margin:20px 0; }
.comparison-bars>div { display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:12px;color:#66717a;font-size:.74rem; }
.comparison-bars strong { color:var(--brand-navy);white-space:nowrap; }
.comparison-bars i b.previous { background:var(--brand-red); }
.report-widget .table-wrap { max-height:410px;overflow:auto; }
.report-widget table { width:100%; }
.customer-search-label input { min-width:240px; }
.consent-status { display:inline-flex;border-radius:20px;padding:5px 9px;background:#f0f1f2;color:#737b82;font-size:.65rem;font-weight:650;white-space:nowrap; }
.consent-status.is-consented { background:#eaf3ee;color:#326a48; }
.sale-byline { margin:8px 0 12px;color:#69747c;font-size:.76rem; }
.sale-byline strong { color:var(--brand-navy); }
.customer-dialog { max-width:680px;width:min(680px,calc(100% - 28px));max-height:90vh;overflow:auto; }
.customer-dialog h2,.customer-dialog h3 { color:var(--brand-navy); }
.customer-dialog h3 { margin:20px 0 10px;font-size:.88rem; }
.consent-toggle { display:flex;align-items:center;gap:10px;padding:13px;border-radius:8px;background:#f4f7f9;color:#354654;font-size:.76rem; }
.consent-toggle input { width:18px;height:18px;accent-color:var(--brand-navy); }
.customer-followup-list { display:grid;gap:8px;max-height:220px;overflow:auto; }
.customer-followup-list article { padding:11px 12px;border:1px solid #e9edf1;border-radius:8px; }
.customer-followup-list article div { display:flex;justify-content:space-between;gap:10px;color:var(--brand-navy);font-size:.72rem; }
.customer-followup-list article span { color:#7b858d; }
.customer-followup-list article p { margin:7px 0 0;color:#4e5a63;font-size:.74rem;white-space:pre-wrap; }
.customer-purchase-list { display:grid;gap:8px;max-height:260px;overflow:auto; }.customer-purchase-list article { padding:11px 12px;border:1px solid #e9edf1;border-radius:8px; }.customer-purchase-list article div { display:flex;justify-content:space-between;gap:10px;color:var(--brand-navy);font-size:.72rem; }.customer-purchase-list article span { color:#7b858d;text-align:right; }.customer-purchase-list ul { margin:8px 0 0;padding-left:20px;color:#4e5a63;font-size:.74rem;line-height:1.5; }
.sale-line .sale-discount-control { display:grid;gap:5px;min-width:0; }
.sale-line .sale-custom-discount { display:block;margin:0;color:#64717a;font-size:.66rem;font-weight:650; }
.sale-line .sale-custom-discount[hidden] { display:none!important; }
.sale-line .sale-custom-discount input { margin-top:4px; }
.sale-line .line-summary { grid-column:1/-1;white-space:normal;line-height:1.45;color:#526270; }
.sale-simulation-breakdown { display:grid;gap:6px;margin-bottom:12px; }
.sale-simulation-breakdown span { display:flex;justify-content:space-between;gap:18px;color:#687580;font-size:.74rem; }
.sale-simulation-breakdown strong { color:#36495a;font-size:.74rem; }
#sale-total { margin-top:5px; }
#sale-total,.sale-simulation-breakdown,#sale-simulation { max-width:100%; }
.sale-total { min-width:min(360px,100%);flex:1; }
#sale-simulation { display:block;margin-top:8px;color:#6b7780;font-size:.69rem; }
@media(max-width:980px){.report-kpi-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.report-widget-grid{grid-template-columns:1fr}.report-widget--wide,.report-widget--full{grid-column:auto}}
@media(max-width:600px){.report-kpi-grid{grid-template-columns:1fr 1fr}.report-controls{align-items:stretch}.customer-search-label input{min-width:100%;width:100%}.payment-pie-layout{flex-direction:column}.report-widget{padding:15px}.comparison-bars>div{grid-template-columns:82px 1fr}.comparison-bars strong{grid-column:2}}
.home-banner-editor { border-color: var(--line); }
.home-banner-editor h2 { color: var(--brand-navy); }
.home-banner-editor input:focus,.home-banner-editor textarea:focus { border-color: var(--brand-blue); outline: 2px solid #1b45701a; }
.report-kpi--medium { grid-column:span 2; }
.report-kpi--large { grid-column:1/-1; }
.report-goal { display:grid;gap:5px;margin-top:3px; }
.report-goal>div { display:flex;justify-content:space-between;gap:8px;color:#65727c;font-size:.67rem; }
.report-goal>div strong { color:var(--brand-navy); }
.report-goal>i { height:6px;overflow:hidden;border-radius:6px;background:#e8edf0; }
.report-goal>i>b { display:block;height:100%;border-radius:inherit;background:#4a8c6b; }
.dashboard-dialog h3 { margin:4px 0 0;color:var(--brand-navy);font-size:.88rem; }
.dashboard-dialog { max-height:90vh;overflow-y:auto; }
.report-kpi-editor-list { display:grid;gap:8px;max-height:270px;overflow:auto; }
.report-kpi-option { display:grid;grid-template-columns:minmax(140px,1.4fr) repeat(3,minmax(85px,.8fr)) auto;align-items:end;gap:8px;padding:10px;border:1px solid #e3e8e5;border-radius:8px;background:#fbfcfb; }
.report-kpi-option label { display:grid;gap:4px;color:#69757c;font-size:.65rem;font-weight:650; }
.report-kpi-option select,.report-kpi-option input,.report-widget-option>select,#report-kpi-add { min-width:0;min-height:34px;padding:6px 8px;border:1px solid #d7dfe3;border-radius:6px;background:#fff;color:#2b4050;font:inherit;font-size:.7rem; }
.report-widget-option { grid-template-columns:minmax(0,1fr) auto auto; }
.report-widget-option label span { font-size:.71rem; }
.report-widget-option>select { min-width:100px; }
.report-kpi-editor-list~#report-kpi-add { width:100%; }
.report-kpi-option .dashboard-order-buttons { align-self:center; }
@media(max-width:700px){.report-kpi--medium,.report-kpi--large{grid-column:auto}.report-kpi-option{grid-template-columns:1fr 1fr}.report-kpi-option>[data-kpi-metric]{grid-column:1/-1}.report-kpi-option .dashboard-order-buttons{grid-column:1/-1;justify-content:flex-end}}
.report-kpi-add-area { display:flex;justify-content:flex-end;align-items:center;gap:9px;margin:-7px 0 18px; }
.report-kpi-add-area select { min-width:210px;min-height:36px;padding:7px;border:1px solid #d7dfe3;border-radius:6px;background:#fff;color:#2b4050;font:inherit;font-size:.73rem; }
.report-kpi-add-area[hidden] { display:none!important; }
.report-kpi-grid .report-kpi,.report-widget-grid .report-widget { position:relative; }
.report-item-tools { display:none;justify-content:flex-end;align-items:center;gap:6px;margin:-7px -7px 10px; }
.report-editing [data-report-item-id] { outline:2px dashed #9aafbf;outline-offset:2px;cursor:grab; }
.report-editing [data-report-item-id].is-dragging { opacity:.38; }
.report-editing .report-item-tools { display:flex; }
.report-item-tools button { min-height:27px;padding:4px 8px;border:1px solid #d9e0e4;border-radius:5px;background:#fff;color:var(--brand-navy);font:inherit;font-size:.67rem;font-weight:650;cursor:pointer; }
.report-item-tools button:hover { background:#edf3f7; }
.report-drag-handle { color:#72818b;font-size:1.1rem;cursor:grab; }
.report-widget-value { color:var(--brand-navy);font-size:2rem; }
.report-editing .report-drag-handle { display:inline-block; }
@media(max-width:600px){.report-kpi-add-area{justify-content:stretch;flex-wrap:wrap}.report-kpi-add-area select{flex:1;min-width:150px}.report-item-tools{margin-inline:-3px}}

.inventory-view-actions { display:flex;align-items:center;gap:16px;flex-wrap:wrap; }
.inventory-subtabs { display:flex;gap:5px;padding:4px;border:1px solid #e4e8e5;border-radius:10px;background:#f5f7f5; }
.inventory-subtab { border:0;border-radius:7px;padding:9px 13px;background:transparent;color:#65727a;font:inherit;font-size:.76rem;font-weight:650;cursor:pointer; }
.inventory-subtab.active { background:#fff;color:var(--brand-navy);box-shadow:0 1px 4px #102b4a1c; }
.inventory-subtab:focus-visible { outline:2px solid var(--brand-blue);outline-offset:2px; }
.movement-filters { display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:0 0 16px;padding:15px 17px;border:1px solid #e6e9e6;border-radius:10px;background:#fff; }
.movement-filters label { display:grid;gap:6px;min-width:190px;color:#56636d;font-size:.72rem;font-weight:650; }
.movement-filters select { min-height:40px;padding:8px 11px;border:1px solid #d7dfe3;border-radius:7px;background:#fff;color:#283b4a;font:inherit;font-size:.76rem; }
.movement-filters #movement-count { margin:0 0 10px auto;font-size:.73rem; }
.inventory-movements-panel[hidden],#inventory-stock-panel[hidden] { display:none!important; }
@media(max-width:700px){.inventory-view-actions{align-items:stretch;width:100%}.inventory-subtabs{flex:1}.inventory-subtab{flex:1;padding-inline:8px}.movement-filters label{flex:1;min-width:145px}.movement-filters #movement-count{width:100%;margin:0}}

.supplier-overview-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px; }
.supplier-overview-grid .report-kpi { min-width:0; }
.supplier-invoice-card { margin-bottom:24px; }
.supplier-invoice-form { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:13px; }
.supplier-invoice-form label,.supplier-payment-dialog label { display:grid;gap:6px;color:#394a58;font-size:.74rem;font-weight:650; }
.supplier-invoice-form input,.supplier-invoice-form select,.supplier-payment-dialog input { min-width:0;min-height:40px;padding:8px 10px;border:1px solid #d7dfe3;border-radius:7px;background:#fff;color:#283b4a;font:inherit;font-size:.77rem; }
.supplier-invoice-form input:focus,.supplier-invoice-form select:focus,.supplier-payment-dialog input:focus { border-color:var(--brand-blue);outline:2px solid #1b45701a; }
.supplier-invoice-form small { color:#77818a;font-size:.66rem;font-weight:450; }
.supplier-invoice-form button { min-height:42px; }
.supplier-invoice-form .form-message { grid-column:1/-1;margin:0; }
.supplier-list-heading { margin-top:26px; }
.supplier-list { display:grid;gap:16px; }
.supplier-card { overflow:hidden;border:1px solid #e4e0d8;border-radius:12px;background:#fff; }
.supplier-card>header { display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;background:#f7f8f6;border-bottom:1px solid #e9ece9; }
.supplier-card h3 { margin:0;color:var(--brand-navy);font-size:1rem; }
.supplier-card header p { margin:5px 0 0;color:#69757c;font-size:.73rem; }
.supplier-balance { display:grid;gap:4px;text-align:right; }
.supplier-balance small,.supplier-invoice-numbers small { color:#748089;font-size:.68rem; }
.supplier-balance strong { color:var(--brand-navy);font-size:1.04rem; }
.supplier-invoices { display:grid;gap:11px;padding:14px; }
.supplier-invoice { padding:14px;border:1px solid #e8ece9;border-radius:9px;background:#fff; }
.supplier-invoice-heading { display:flex;justify-content:space-between;align-items:flex-start;gap:12px; }
.supplier-invoice-heading>div { display:grid;gap:4px; }
.supplier-invoice-heading strong { color:var(--brand-navy);font-size:.82rem; }
.supplier-invoice-heading span { color:#727d84;font-size:.69rem; }
.supplier-payment-badge { border-radius:20px;padding:5px 9px;background:#e8f1eb;color:#326a48;font-size:.64rem!important;font-weight:700;white-space:nowrap; }
.supplier-payment-badge.is-pending { background:#fff4df;color:#856119; }
.supplier-invoice-numbers { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 12px; }
.supplier-invoice-numbers>div { display:grid;gap:4px; }
.supplier-invoice-numbers strong { color:#263e51;font-size:.78rem; }
.supplier-progress-label { display:flex;justify-content:space-between;gap:10px;color:#66747d;font-size:.68rem; }
.supplier-progress-label strong { color:var(--brand-navy); }
.supplier-progress { display:block;width:100%;height:9px;margin:6px 0 12px;overflow:hidden;border:0;border-radius:10px;background:#e9edf0;accent-color:#4a8c6b; }
.supplier-progress::-webkit-progress-bar { border-radius:10px;background:#e9edf0; }
.supplier-progress::-webkit-progress-value { border-radius:10px;background:#4a8c6b; }
.supplier-progress::-moz-progress-bar { border-radius:10px;background:#4a8c6b; }
.supplier-invoice-footer { display:flex;justify-content:space-between;align-items:center;gap:12px; }
.supplier-payment-history summary { color:var(--brand-red);font-size:.7rem;font-weight:650;cursor:pointer; }
.supplier-payment-history ul { display:grid;gap:5px;margin:8px 0 0;padding:0;list-style:none; }
.supplier-payment-history li { display:flex;justify-content:space-between;gap:14px;color:#65727b;font-size:.68rem; }
.supplier-payment-history li strong { color:var(--brand-navy); }
.supplier-pay-button { min-height:34px;padding:7px 13px; }
.supplier-payment-dialog { max-width:460px; }
.supplier-payment-dialog form { display:grid;gap:14px; }
@media(max-width:760px){.supplier-overview-grid{grid-template-columns:1fr}.supplier-invoice-form{grid-template-columns:1fr 1fr}.supplier-invoice-numbers{grid-template-columns:1fr 1fr}.supplier-card>header{align-items:flex-start;flex-direction:column}.supplier-balance{text-align:left}}
@media(max-width:480px){.supplier-invoice-form{grid-template-columns:1fr}.supplier-invoice-form .form-message{grid-column:auto}.supplier-invoice-footer{align-items:flex-start;flex-direction:column}}

@media (max-width: 760px) {
  .sidebar>.brand .brand-logo-frame { width: 145px; }
  .brand-logo-frame img { width: 145px; }
  .login-brand .brand-logo-frame { width: 220px; }
  .login-brand .brand-logo-frame img { width: 220px; }
}

.overview-alerts-panel,.overview-exports { margin-top:20px;padding:22px;border:1px solid #e4e0d8;border-radius:14px;background:#fff; }
.overview-alerts-heading { display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:15px; }
.overview-alerts-heading h2,.overview-exports h2 { margin:0 0 5px;color:var(--brand-navy);font-size:1.05rem; }
.overview-alerts-heading p,.overview-exports p { margin-top:5px; }
.overview-alert-list { display:grid;gap:9px; }
.overview-alert { display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;border:1px solid #e9ece9;border-radius:9px;background:#fafbf9; }
.overview-alert-mark { display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf3f7;color:var(--brand-navy);font-weight:750; }
.overview-alert--warning { border-color:#f0e0bd;background:#fffaf0; }
.overview-alert--warning .overview-alert-mark { background:#f9eccd;color:#805c15; }
.overview-alert--success { border-color:#dce9df;background:#f7fbf8; }
.overview-alert--success .overview-alert-mark { background:#e4f0e8;color:#326a48; }
.overview-alert strong { color:var(--brand-navy);font-size:.8rem; }
.overview-alert p { margin:4px 0 0;color:#68737b;font-size:.74rem;line-height:1.45; }
.overview-alert .text-button { white-space:nowrap; }
.overview-exports { display:grid;grid-template-columns:minmax(180px,.75fr) minmax(0,1.6fr);align-items:center;gap:12px 24px; }
.overview-export-actions { display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap; }
.overview-exports .form-message { grid-column:1/-1;margin:0; }
.view-title .secondary { flex:0 0 auto; }
.customer-view-actions { display:flex;align-items:end;gap:12px;flex-wrap:wrap; }
.customer-view-actions .secondary { min-height:42px; }
.report-supplier-panel { display:grid;gap:16px;margin-top:22px;padding:20px;border:1px solid #e4e0d8;border-radius:14px;background:#fff; }
.report-group-heading h2 { margin:0;color:var(--brand-navy);font-size:1.1rem; }
.report-group-heading p { margin:6px 0 0;color:#69757c;font-size:.8rem; }
.report-settlement-cards { display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:11px; }
.report-settlement-cards article { display:grid;gap:7px;padding:15px;border-radius:9px;background:#f5f7f5; }
.report-settlement-cards article span,.report-settlement-cards article small { color:#68747b;font-size:.72rem; }
.report-settlement-cards article strong { color:var(--brand-navy);font-size:1.05rem; }
.supplier-overdue-kpi { background:#fff3e9!important; }
.supplier-overdue-row { background:#fffaf1; }
.payment-terms-preview { display:grid;gap:5px;margin:0;padding:12px 14px;border:1px solid #dce6ec;border-radius:8px;background:#f5f8fa;color:#66747d;font-size:.77rem; }
.payment-terms-preview strong { color:var(--brand-navy); }
.sale-adjustment-panel { display:grid;gap:15px;margin-top:24px;padding:20px;border:1px solid #e4e0d8;border-radius:14px;background:#fff; }
.sale-adjustment-form { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px; }
.sale-adjustment-form>label,.adjustment-replacement-fields>label { display:grid;gap:6px;color:#445767;font-size:.75rem;font-weight:650; }
.sale-adjustment-form input,.sale-adjustment-form select,.sale-adjustment-form textarea { width:100%;min-width:0;min-height:40px;padding:8px 10px;border:1px solid #d7dfe3;border-radius:7px;background:#fff;color:#283b4a;font:inherit;font-size:.77rem; }
.adjustment-replacement-fields { display:grid;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
.adjustment-value-preview { grid-column:1/-1;margin:0;padding:12px;border-radius:8px;background:#f5f7f5;color:#304b5e;font-size:.78rem; }
.sale-adjustment-form>.primary-button,.sale-adjustment-form~.form-message { justify-self:start; }
.receivables-section { display:grid;gap:15px;margin-top:28px;padding:20px;border:1px solid #e4e0d8;border-radius:14px;background:#fff; }
.platform-terms-list { display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:11px; }
.platform-term-card { border:1px solid #e5e9e7;border-radius:9px;padding:13px;background:#fafbf9; }
.platform-term-card summary { display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;color:var(--brand-navy);font-size:.78rem; }
.platform-term-card summary span { color:#6d7880;font-size:.67rem;text-align:right; }
.platform-term-form { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px; }
.platform-term-form label,.settlement-entry-form label { display:grid;gap:5px;color:#445767;font-size:.68rem;font-weight:650; }
.platform-term-form input,.settlement-entry-form input { width:100%;min-width:0;min-height:36px;padding:7px 8px;border:1px solid #d7dfe3;border-radius:6px;background:#fff;color:#283b4a;font:inherit;font-size:.72rem; }
.platform-term-form button { grid-column:1/-1;justify-self:start; }
.settlement-entry summary { min-width:190px;color:var(--brand-red);font-size:.7rem;font-weight:650;cursor:pointer; }
.settlement-history { display:grid;gap:5px;max-width:320px;max-height:150px;overflow:auto;padding-left:16px;color:#63717a;font-size:.66rem; }
.settlement-entry-form { display:grid;gap:7px;min-width:205px;margin:10px 0; }
.settlement-entry-form button { justify-self:start;white-space:nowrap; }
.search-results { display:grid;grid-column:1/-1;gap:5px;max-height:210px;overflow:auto; }
.search-result { display:grid;gap:3px;padding:9px 11px;border:1px solid #e4e9e9;border-radius:7px;background:#fff;text-align:left;cursor:pointer; }
.search-result:hover { border-color:var(--brand-blue);background:#f5f8fa; }
.search-result strong { color:var(--brand-navy);font-size:.75rem; }
.search-result span,.selected-search-result { color:#68757e;font-size:.69rem; }
.selected-search-result { grid-column:1/-1;margin:0;padding:9px;border-radius:7px;background:#f3f7f5; }
.sale-line .searchable-field { position:relative;min-width:0; }
.sale-line .sale-product-search,.sale-line .sale-variant-search { width:100%;min-width:0;height:40px;padding:0 10px;border:1px solid #d8e0d8;border-radius:6px;background:#fcfdfb;color:#25392e;font:inherit;font-size:.78rem; }
.sale-search-results { position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;display:grid;max-height:260px;overflow:auto;border:1px solid #dfe6e6;border-radius:8px;background:#fff;box-shadow:0 9px 24px #162d3a1a; }
.sale-search-results[hidden] { display:none; }
.sale-search-option { display:grid;gap:3px;padding:9px 10px;border:0;border-bottom:1px solid #edf0ef;background:#fff;text-align:left;cursor:pointer; }
.sale-search-option:hover { background:#f2f7f8; }
.sale-search-option strong { color:var(--brand-navy);font-size:.7rem; }
.sale-search-option span,.sale-search-empty { color:#73808a;font-size:.67rem; }
.sale-search-empty { margin:0;padding:10px; }
.horizontal-tabs { display:flex;gap:5px;margin:0 0 20px;padding:5px;overflow-x:auto;border:1px solid #e2e7e5;border-radius:9px;background:#f4f6f4; }
.horizontal-tab { flex:0 0 auto;min-height:38px;padding:8px 16px;border:0;border-radius:7px;background:transparent;color:#66747d;font:inherit;font-size:.76rem;font-weight:650;cursor:pointer; }
.horizontal-tab.active { background:#fff;color:var(--brand-navy);box-shadow:0 2px 8px #18324612; }
.inner-tab-panel[hidden] { display:none!important; }
.sales-activity-content { margin-top:26px; }
.expense-entry-panel,.expense-list-panel,.expense-audit-panel { display:grid;gap:12px;margin:0 0 22px;padding:20px;border:1px solid #e5e9e7;border-radius:11px;background:#fff; }
.expense-form { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px; }
.expense-form label,.expense-edit-dialog label { display:grid;gap:6px;color:#394a58;font-size:.74rem;font-weight:650; }
.expense-form input,.expense-form select,.expense-form textarea,.expense-edit-dialog input,.expense-edit-dialog select,.expense-edit-dialog textarea { min-width:0;min-height:40px;padding:8px 10px;border:1px solid #d7dfe3;border-radius:7px;background:#fff;color:#283b4a;font:inherit;font-size:.77rem; }
.expense-form textarea,.expense-edit-dialog textarea { resize:vertical; }
.expense-form-help { grid-column:1/4;align-self:center; }
.expense-day-total { color:var(--brand-navy);font-size:.9rem;white-space:nowrap; }
.expense-deleted-row { opacity:.62;text-decoration:line-through; }
.expense-delete-button { color:#a02b26; }
.expense-edit-dialog { max-width:560px; }
.expense-edit-dialog form { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.expense-edit-dialog h2,.expense-edit-dialog>p,.expense-edit-dialog input[type=hidden],.expense-edit-dialog form>h2,.expense-edit-dialog form>p,.expense-edit-dialog form>.dialog-actions { grid-column:1/-1; }
.expense-edit-dialog .dialog-actions { display:flex;justify-content:flex-end;gap:8px; }
.expense-edit-dialog label.wide-field { grid-column:1/-1; }
@media(max-width:760px){.expense-entry-panel,.expense-list-panel,.expense-audit-panel{padding:14px}.expense-form{grid-template-columns:1fr 1fr}.expense-form-help{grid-column:1/-1}.expense-edit-dialog form{grid-template-columns:1fr}.expense-edit-dialog form>*{grid-column:1!important}}
@media(max-width:480px){.expense-form{grid-template-columns:1fr}.expense-day-total{white-space:normal}.expense-list-panel .section-heading{align-items:flex-start;flex-direction:column}}
.layaway-management { display:grid;gap:12px;margin-top:24px;padding:18px;border:1px solid #e5e9e7;border-radius:11px;background:#fff; }
.layaway-actions summary { min-width:125px;color:var(--brand-red);font-size:.7rem;font-weight:650;cursor:pointer; }
.layaway-payment-form,.layaway-price-list { display:grid;gap:8px;min-width:240px;margin:10px 0;padding:10px;border-radius:8px;background:#f7f9f7; }
.layaway-payment-form label,.layaway-price-form label { display:grid;gap:4px;color:#52616c;font-size:.67rem;font-weight:650; }
.layaway-payment-form input,.layaway-payment-form select,.layaway-price-form input { width:100%;min-height:34px;padding:6px 8px;border:1px solid #d7dfe3;border-radius:6px;background:#fff;color:#283b4a;font:inherit;font-size:.71rem; }
.layaway-payment-form button { justify-self:start; }
.layaway-price-list>strong { color:var(--brand-navy);font-size:.72rem; }
.layaway-price-form { display:grid;grid-template-columns:minmax(130px,1fr) 120px auto;align-items:end;gap:7px;padding-top:8px;border-top:1px solid #e7ebe8; }
.layaway-price-form>span { color:#556570;font-size:.67rem; }
.layaway-price-form .text-button { white-space:nowrap; }
@media(max-width:760px){.sale-adjustment-form,.adjustment-replacement-fields{grid-template-columns:1fr}.adjustment-replacement-fields{grid-column:auto}.adjustment-value-preview{grid-column:auto}.sale-adjustment-panel{padding:15px}.report-supplier-panel{padding:15px}}
@media(max-width:760px){.receivables-section{padding:14px}.platform-term-form{grid-template-columns:1fr}.platform-term-form button{grid-column:auto}.platform-term-card summary{align-items:flex-start;flex-direction:column}.platform-term-card summary span{text-align:left}.search-results,.selected-search-result{grid-column:auto}}
@media(max-width:760px){.horizontal-tabs{margin-bottom:15px}.layaway-price-form{grid-template-columns:1fr}.layaway-management{padding:13px}.sales-activity-content{margin-top:20px}}
@media(max-width:760px){.overview-alerts-panel,.overview-exports{padding:16px}.overview-alert{grid-template-columns:28px minmax(0,1fr)}.overview-alert .text-button{grid-column:2;justify-self:start}.overview-exports{grid-template-columns:1fr}.overview-export-actions{justify-content:flex-start}.customer-view-actions{width:100%;align-items:stretch}.customer-view-actions .customer-search-label{flex:1}.view-title:has(>[data-export]){align-items:flex-start;flex-wrap:wrap}}