.app-mode{padding:0;background:#f5f7fc;color:#172641;font-family:Segoe UI,Arial,sans-serif}.app-mode>header,.app-mode>footer{display:none}.app-shell{max-width:none;width:100%;padding:0;border:0;border-radius:0;margin:0;box-shadow:none;background:transparent;display:grid;grid-template-columns:254px minmax(0,1fr);min-height:100vh}.app-shell svg{width:21px;height:21px;flex-shrink:0}.sidebar{background:white;border-right:1px solid #e5eaf3;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:27px 15px 18px;overflow-y:auto}.app-brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#172641;padding:0 12px 35px;font-size:17px}.app-brand strong{display:block;font-size:14px;font-weight:500;color:#7b8ba5;margin-top:4px}.nav-label{font-size:11px;letter-spacing:1.6px;font-weight:700;color:#98a5ba;padding:12px 14px 16px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{border:0;background:transparent;color:#6a7b96;display:flex;align-items:center;gap:14px;border-radius:11px;padding:16px 15px;cursor:pointer;font-size:14px;text-align:left;min-height:50px;font-weight:600}.sidebar nav button:hover{background:#f5f7fc;color:#3163e8}.sidebar nav button.active{background:#edf2ff;color:#3465f3}.sidebar-bottom{border-top:1px solid #edf0f6;padding:20px 5px 0;display:flex;gap:10px;align-items:center;margin-top:auto}.sidebar-bottom>div{min-width:0;flex:1}.sidebar-bottom strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:14px}.sidebar-bottom small{font-size:12px;display:block;color:#8a97ae;margin-top:4px}.sidebar-bottom button{border:0;background:none;color:#8795ad;padding:5px;cursor:pointer}.avatar{background:#e6edff;color:#3465f3;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:700;flex-shrink:0}.app-main{min-width:0}.app-topbar{height:76px;border-bottom:1px solid #e2e8f2;background:#ffffffeb;display:flex;align-items:center;justify-content:space-between;padding:0 36px;color:#7d8da8;font-size:14px;gap:20px}.business-name{color:#3b557e;background:#f1f5fe;border:1px solid #e5ebf6;padding:8px 15px;border-radius:8px;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-container{padding:30px 34px 50px;max-width:1800px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#92a0b8;display:block;margin-bottom:11px}.page-heading h1{font-size:27px;color:#172641;letter-spacing:-.7px;margin:0 0 9px;font-weight:650}.page-heading p{font-size:14px;line-height:1.6;color:#7a8ca9;margin:0}.app-shell .primary{background:#3e6beb;border-radius:9px;font-size:14px;box-shadow:0 5px 12px #3860bd19;justify-content:center;gap:8px}.app-shell .primary:hover{background:#2b55d4}.compact{width:auto;flex-shrink:0;min-height:42px;padding:11px 17px}.secondary{background:#fff;border:1px solid #dce4f2;color:#4a6489;cursor:pointer;border-radius:8px;padding:10px 14px;font-size:14px;min-height:40px}.secondary:hover{background:#f3f6fd;border-color:#b6c8ed}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}.stats article{background:white;border:1px solid #e3e9f4;border-radius:15px;padding:22px;display:flex;flex-direction:column;min-width:0;box-shadow:0 4px 10px #16264402}.stat-icon{width:42px;height:42px;border-radius:11px;background:#eaf0ff;color:#3e70fc;display:grid;place-items:center;margin-bottom:18px}.stats article:nth-child(2) .stat-icon{background:#e5f7f0;color:#00a57c}.stats article:nth-child(3) .stat-icon{background:#f0eaff;color:#8560df}.stats article:nth-child(4) .stat-icon{background:#fff3e3;color:#ee9a25}.stats article>span:not(.stat-icon){font-size:13px;color:#7e90ad}.stats article>strong{font-size:30px;font-weight:700;letter-spacing:-1px;color:#152440;margin:12px 0}.stats article>small{font-size:12px;color:#98a5ba;line-height:1.6}.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.surface{background:white;border:1px solid #e2e8f2;border-radius:15px;overflow:hidden;box-shadow:0 5px 14px #1a315003}.home-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:20px}.section-heading{padding:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.section-heading h2,.quick h2{font-size:17px;font-weight:600;margin:0 0 9px;letter-spacing:-.3px}.section-heading p,.quick p{font-size:13px;color:#92a0b5;margin:0;line-height:1.6}.section-heading button{font-size:12px;white-space:nowrap}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}th{font-size:12px;font-weight:600;color:#8c9ab0;background:#fafbfe;white-space:nowrap;padding:15px 21px;border-bottom:1px solid #e9edf5}td{padding:17px 21px;border-bottom:1px solid #eef1f7;color:#526581;line-height:1.5;max-width:320px;overflow-wrap:anywhere}td strong{font-weight:600;color:#2b405f}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdff}.numeric{font-variant-numeric:tabular-nums;white-space:nowrap}.nowrap{white-space:nowrap}.table-link{border:0;background:none;color:#4169d9;font-weight:600;font-size:14px;padding:0;cursor:pointer;white-space:nowrap}.app-shell .text-button{text-decoration:none;font-size:13px;color:#4670e8;white-space:nowrap}.pill{display:inline-block;font-size:11px;font-weight:600;padding:5px 9px;border-radius:20px;background:#edf2ff;color:#5e7bc5;white-space:nowrap}.pill.issued{background:#eaf8f1;color:#269c71}.pill.converted{background:#eeedfe;color:#7c67c6}.pill.cancelled{background:#fff0ef;color:#e56b66}.pill.warning{background:#fff3e4;color:#dc901e}.cell-note{display:block;font-size:12px;color:#96a4b8;margin-top:4px}.sku{font-size:12px;color:#728cb2;background:#f4f7fc;padding:5px 7px;border-radius:5px;font-family:Consolas,monospace}.empty{padding:46px 25px;text-align:center}.empty-icon{color:#b3c1dc;background:#f4f7fd;display:inline-grid;place-items:center;width:48px;height:48px;border-radius:12px;margin-bottom:10px}.empty h3{font-size:15px;font-weight:600;margin:10px 0;color:#627896}.empty p{font-size:13px;color:#a0acc0;line-height:1.7;margin:0}.empty.small{padding-top:35px}.stock-alerts{padding:0 24px 20px}.stock-alerts button{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;background:none;border:0;border-bottom:1px solid #eef1f7;padding:18px 0;text-align:left;cursor:pointer}.stock-alerts strong{display:block;font-size:13px;color:#405676}.stock-alerts small{display:block;font-size:11px;color:#99a7bc;margin-top:5px}.quick{display:flex;justify-content:space-between;align-items:center;padding:24px;margin-top:22px;gap:20px}.actions{display:flex;gap:10px;flex-wrap:wrap}.table-toolbar{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #edf1f7}.searchbox{display:flex;align-items:center;gap:10px;max-width:440px;flex:1;color:#91a2bd}.searchbox input{border:0;background:none;height:36px;padding:5px;font-size:14px;min-width:0}.searchbox input:focus{outline:0}.searchbox:focus-within{outline:2px solid #c0d0fc;border-radius:6px}.muted{font-size:12px;color:#99a6bb;line-height:1.7}.spaced{margin-top:22px}.positive{color:#28a37e}.negative{color:#df7972}.surface-note{border-top:1px solid #edf1f7;padding:18px 24px;color:#8c9ab1;font-size:13px;line-height:1.8}.settings-form{max-width:760px;padding:28px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.form-grid .wide{grid-column:1/-1}.app-shell .field label{font-size:13px;color:#576c8a}.app-shell input,.app-shell select,.app-shell textarea{font:inherit;font-size:14px;color:#415875;background:#fcfdff;border:1px solid #dce3ef;border-radius:7px;width:100%;padding:11px 12px}.app-shell select{height:46px}.app-shell textarea{resize:vertical;line-height:1.6}.app-shell input[type=file]{height:auto}.app-shell input:focus,.app-shell select:focus,.app-shell textarea:focus{outline:3px solid #e0e9ff;border-color:#8aa8ee}.app-shell .hint{font-size:12px;color:#91a0b7;line-height:1.7}.app-shell dialog{border:1px solid #dbe3f2;background:#fff;color:#203553;padding:27px;border-radius:17px;width:620px;max-width:calc(100vw - 32px);max-height:90vh;box-shadow:0 25px 80px #1a305933;overflow:auto}.app-shell dialog::backdrop{background:#132c5666;backdrop-filter:blur(3px)}.app-shell dialog.wide-dialog{width:980px}.dialog-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.dialog-title h2{font-size:22px;margin:0;font-weight:650;letter-spacing:-.5px}.close-button{font-size:28px;width:36px;height:36px;border:0;background:#f3f6fc;color:#8a9bb5;border-radius:8px;cursor:pointer;flex-shrink:0}.dialog-actions{border-top:1px solid #eef1f7;padding-top:20px;margin-top:15px;display:flex;justify-content:flex-end;gap:12px}.document-line{display:grid;grid-template-columns:minmax(180px,2.2fr) 1fr 1fr 1fr 26px;gap:12px;align-items:center;margin-bottom:17px}.document-line label{font-size:12px;font-weight:500;color:#8a9bb3;margin-bottom:7px}.document-line output{font-size:14px;display:block;margin-top:16px}.remove-line{background:transparent;border:0;color:#db8585;font-size:24px;cursor:pointer;margin-top:22px}.line-heading{display:flex;align-items:center;justify-content:space-between;margin:6px 0 20px}.line-heading h3{font-size:16px;font-weight:600}.totals-preview{display:flex;flex-direction:column;gap:10px;background:#f8faff;padding:19px;border-radius:10px;margin-bottom:10px}.totals-preview>span{display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#788ba8}.totals-preview strong{color:#405a80;font-weight:600}.totals-preview .grand-total{border-top:1px solid #dfe6f3;padding-top:13px;font-size:18px;color:#223e67}.totals-preview .grand-total strong{color:#335bba}.document-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.danger-button{background:#fff6f5;color:#c2645a;border:1px solid #f2d9d4;padding:10px 14px;border-radius:8px;cursor:pointer;font-size:14px}.document-top{display:flex;justify-content:space-between;gap:25px;padding-bottom:22px;border-bottom:2px solid #416fe4}.document-top h2{font-size:23px;font-weight:650;margin:0 0 12px}.print-document p{font-size:13px;color:#8393ac;line-height:1.8;margin:5px 0;overflow-wrap:anywhere}.document-number{text-align:right;min-width:150px}.document-number strong{color:#4c71cc}.document-client{display:flex;justify-content:space-between;gap:25px;padding:24px 0}.document-client h3{font-size:17px;margin:0 0 8px}.print-document td,.print-document th{padding:13px 10px}.document-summary{display:grid;grid-template-columns:1fr 310px;gap:30px;margin-top:25px}.notes{padding:15px 0;font-size:14px}.signature{display:flex;justify-content:space-around;gap:35px;margin:60px 0 25px;font-size:13px;color:#8b99af}.signature span{padding:10px 30px;border-top:1px solid #c7d1e2}.document-footnote{text-align:center;border-top:1px solid #eef1f7;padding-top:17px}.app-shell #toast:empty{display:none}.app-shell #toast{margin-top:0;margin-bottom:18px}.chart{padding:0 24px 20px}.chart svg{width:100%;height:200px}.chart text{font-size:11px;fill:#8e9db4}.chart .chart-grid{stroke:#edf1f8}.chart .quote-bar{fill:#977fea}.chart .delivery-bar{fill:#527beb}.chart-legend{display:flex;gap:20px;font-size:12px;color:#8495b0;padding:0 24px 14px}.chart-legend span:first-child{color:#527beb}.chart-legend span:last-child{color:#977fea}@media(min-width:1600px){.app-shell{grid-template-columns:290px minmax(0,1fr)}.page-container{padding:38px 44px}.sidebar{padding:27px 20px}}@media(max-width:1150px){.app-shell{grid-template-columns:215px minmax(0,1fr)}.page-container{padding:25px 22px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.home-grid{grid-template-columns:1fr}.quick{align-items:flex-start;flex-direction:column}.sidebar nav button{padding:14px 10px;gap:10px}.app-brand{padding-left:5px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.app-topbar{padding:0 23px}.document-line{gap:8px}}@media(max-width:760px){.app-shell{display:block}.sidebar{height:auto;position:static;padding:16px;border-right:0;border-bottom:1px solid #e4eaf3}.app-brand{padding-bottom:16px}.nav-label{display:none}.sidebar nav{flex-direction:row;overflow-x:auto;padding-bottom:4px}.sidebar nav button{white-space:nowrap;min-height:42px;padding:10px 12px;font-size:13px}.sidebar nav svg{width:17px;height:17px}.sidebar-bottom{margin-top:10px;padding-top:12px}.sidebar-bottom .avatar{width:28px;height:28px}.sidebar-bottom small{display:none}.app-topbar{height:54px;padding:0 20px}.page-container{padding:23px 16px}.page-heading{flex-direction:column;gap:17px}.stats,.admin-stats{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.stats article{padding:18px}.stats article>strong{font-size:26px}.table-toolbar{padding:15px}.table-toolbar>.muted{display:none}.section-heading{padding:20px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.app-shell dialog{padding:20px}.document-line{grid-template-columns:repeat(3,minmax(0,1fr))}.document-line>div:first-child{grid-column:1/-1}.document-line>div:nth-child(4){grid-column:1/3}.remove-line{margin:0}.document-top,.document-client{flex-direction:column;gap:12px}.document-number{text-align:left}.document-summary{grid-template-columns:1fr;gap:12px}.signature{font-size:11px;gap:15px}.signature span{padding:10px}.document-actions .compact{width:100%}.settings-form{padding:21px}}@media print{@page{size:A4;margin:13mm}body.app-mode{background:white!important}.app-shell{display:block!important}.app-shell>.sidebar,.app-shell>.app-main{display:none!important}.app-shell dialog{display:block!important;position:static!important;width:100%!important;max-width:none!important;max-height:none!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important;margin:0!important}.app-shell dialog:not([open]){display:none!important}.app-shell dialog::backdrop{display:none}.dialog-title,.no-print,#document-error{display:none!important}.print-document{color:#172641}.print-document table{font-size:11px}.print-document thead{display:table-header-group}.print-document tr{break-inside:avoid}.print-document .table-scroll{overflow:visible}.document-summary,.signature{break-inside:avoid}.document-top,.document-client{flex-direction:row}.document-summary{grid-template-columns:1fr 260px}.document-number{text-align:right}.print-document .pill{border:1px solid #b5c1d4}.document-footnote{margin-top:20px!important}}
.workspace-context{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#edf3ff;border:1px solid #ccdaf8;border-left:4px solid #4c73d9;border-radius:12px;padding:19px 22px;margin-bottom:16px}.workspace-context .eyebrow{color:#627faf;margin-bottom:8px}.workspace-context strong{font-size:19px;color:#294b85}.workspace-context p{font-size:13px;line-height:1.7;color:#7188ac;margin:8px 0 0}.workspace-login{font-size:13px;color:#738bb1;margin:0 12px}.account-tabs{display:flex;gap:5px;overflow-x:auto;border-bottom:1px solid #dce4f2;margin-bottom:25px;padding-bottom:9px}.account-tabs button{border:0;border-radius:6px;background:transparent;color:#788eac;white-space:nowrap;font-size:13px;padding:10px 13px;cursor:pointer}.account-tabs button.selected{background:#e5edff;color:#3a65cd;font-weight:600}.record-counts{display:flex;gap:5px;flex-wrap:wrap;min-width:170px;max-width:270px}.record-counts span{background:#f2f5fb;border-radius:5px;font-size:11px;color:#7890b0;padding:4px 6px}.account-row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.revision{border:1px solid #dfe6f2;border-radius:8px;margin:12px 0;padding:16px}.revision summary{cursor:pointer;font-size:14px;color:#526d97}.revision p{font-size:14px;color:#7086a3;line-height:1.6}@media(max-width:900px){.workspace-context{align-items:flex-start;flex-direction:column}.workspace-context .actions{width:100%}.account-row-actions{min-width:120px}.record-counts{min-width:130px}}
.backup-path{overflow-wrap:anywhere}.stats article>.backup-state{font-size:23px;letter-spacing:-.3px}

/* Graphite / platinum theme. Screen only: printed documents keep their white layout. */
@media screen {
  :root {
    --surface-page: #f3f4f5;
    --surface-card: #ffffff;
    --ink: #202326;
    --ink-secondary: #62686f;
    --line: #e2e4e7;
    --graphite: #16191d;
    --signal: #d64b4b;
  }
  body { background: radial-gradient(ellipse at 50% 0, #e5e8eb, transparent 65%), #f4f5f6; color: var(--ink); font-family: 'Segoe UI', Arial, sans-serif; }
  .brand { color: var(--ink); letter-spacing: -.5px; }
  .logo { background: linear-gradient(145deg, #393e45, #181b20); color: #f7f8fa; border: 1px solid #555a61; border-radius: 10px; font-size: 25px; font-weight: 500; box-shadow: inset 0 1px 0 #ffffff26, 0 4px 12px #15191e18; }
  body:not(.app-mode) main { border-color: var(--line); border-radius: 16px; box-shadow: 0 24px 65px #17202b0b; }
  .lock { background: #f0f1f3; color: #444b54; border: 1px solid #e6e8eb; }
  .primary { background: #25292e; border-radius: 7px; font-weight: 600; }
  .primary:hover { background: #424850; }
  .text-button { color: #4b535e; }
  .sub, .help, .hint, footer { color: #666e77; }
  input:focus { outline-color: #d5dade; border-color: #777f87; }
  button:focus-visible, a:focus-visible { outline: 2px solid #9da5ae; outline-offset: 4px; }
  .app-mode { background: var(--surface-page); color: var(--ink); }
  .sidebar {
    background: linear-gradient(165deg, #252a30 0%, #191c21 37%, #13161a 100%);
    border-right: 1px solid #30353b;
    color: #eef0f3;
    box-shadow: 8px 0 30px #14191f07;
    scrollbar-width: thin;
    scrollbar-color: #4f555d #1a1e23;
  }
  .app-brand { color: #f4f5f7; font-weight: 550; letter-spacing: .2px; padding-top: 7px; padding-bottom: 37px; }
  .app-brand .logo { background: linear-gradient(145deg, #f8f9fa, #aeb5be); color: #262c33; border: 1px solid #dde1e7; box-shadow: inset 0 1px 0 #fff, 0 5px 18px #0003; }
  .app-brand strong { color: #adb5c1; font-size: 12px; font-weight: 400; letter-spacing: 2.4px; text-transform: uppercase; margin-top: 6px; }
  .nav-label { color: #949eac; font-size: 10px; letter-spacing: 2px; font-weight: 500; }
  .sidebar nav { gap: 7px; }
  .sidebar nav button {
    position: relative;
    color: #bac2cd;
    border: 1px solid transparent;
    border-radius: 8px;
    font-weight: 450;
    font-size: 14px;
    letter-spacing: .1px;
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease;
  }
  .sidebar nav button svg { color: #8f9aa9; stroke-width: 1.5; }
  .sidebar nav button:hover { color: #fff; background: #ffffff09; border-color: #ffffff12; }
  .sidebar nav button:hover svg { color: #dce2ea; }
  .sidebar nav button.active {
    background: linear-gradient(105deg, #f4f5f7, #cfd5dc);
    color: #20262d;
    border-color: #eff2f5;
    box-shadow: inset 0 1px 0 #fff, 0 5px 18px #0002;
    font-weight: 600;
  }
  .sidebar nav button.active svg { color: #333f4d; }
  .sidebar nav button.active::after { content: ''; position: absolute; right: 9px; top: calc(50% - 8px); width: 2px; height: 16px; border-radius: 2px; background: var(--signal); }
  .sidebar nav button:focus-visible { outline-color: #d7dfe9; }
  .sidebar-bottom { border-top-color: #ffffff16; padding-top: 22px; }
  .sidebar-bottom strong { color: #e5e8ed; font-weight: 500; }
  .sidebar-bottom small { color: #a5aebb; }
  .sidebar-bottom button { color: #aab3c0; }
  .sidebar-bottom button:hover { color: #fff; }
  .avatar { background: #2c323b; border: 1px solid #4a535f; color: #e6ebf2; font-weight: 500; }
  .app-topbar { border-bottom-color: var(--line); background: #ffffffed; color: #5c646e; }
  .business-name { background: #f7f8f9; border-color: #e1e4e8; color: #505964; border-radius: 6px; font-size: 12px; letter-spacing: .5px; }
  .eyebrow { color: #747d89; font-weight: 500; letter-spacing: 2.2px; }
  .page-heading h1 { color: #23272d; font-weight: 500; letter-spacing: -1px; font-size: 30px; }
  .page-heading p { color: #6b737e; }
  .app-shell .primary { background: #262b31; color: #f7f9fb; border-radius: 7px; box-shadow: 0 4px 9px #222a3510; font-weight: 500; letter-spacing: .2px; transition: background-color 160ms ease; }
  .app-shell .primary:hover { background: #464f59; }
  .secondary { background: #fff; border-color: #d9dde2; color: #49535f; border-radius: 7px; }
  .secondary:hover { background: #f0f2f4; border-color: #aab1ba; }
  .stats article, .surface { border-color: var(--line); border-radius: 12px; box-shadow: 0 4px 18px #29324103; }
  .stats article { background: linear-gradient(145deg, #fff 65%, #f9fafb); }
  .stats article .stat-icon { background: #eef0f3; color: #5b687a; border: 1px solid #e4e8ed; border-radius: 9px; }
  .stats article:nth-child(2) .stat-icon { background: #edf3f1; color: #496c62; }
  .stats article:nth-child(3) .stat-icon { background: #efeff4; color: #676582; }
  .stats article:nth-child(4) .stat-icon { background: #f8f1e9; color: #8c693e; }
  .stats article>strong { color: #272c32; font-weight: 500; letter-spacing: -1.2px; }
  .stats article>span:not(.stat-icon), .stats article>small { color: #6f7884; }
  .section-heading h2, .quick h2 { color: #343b43; font-weight: 500; }
  .section-heading p, .quick p, .surface-note, .muted, .cell-note { color: #707984; }
  .surface-note, .table-toolbar { border-color: #e8ebee; }
  th { background: #f7f8fa; color: #68727f; border-bottom-color: #e5e8ed; font-weight: 500; }
  td { color: #56616f; border-bottom-color: #eceef1; }
  td strong { color: #303944; font-weight: 500; }
  tbody tr:hover { background: #f8f9fa; }
  .table-link, .app-shell .text-button { color: #425d76; }
  .table-link:hover, .app-shell .text-button:hover { color: #1e2d3b; text-decoration: underline; text-underline-offset: 4px; }
  .sku, .record-counts span { background: #f0f2f5; color: #606c7a; border: 1px solid #e8ebef; }
  .pill { background: #edf0f4; color: #546578; }
  .pill.issued { background: #eaf3ef; color: #326751; }
  .pill.converted { background: #efedf4; color: #695787; }
  .pill.cancelled { background: #f9ecea; color: #a6433b; }
  .pill.warning { background: #faf1e4; color: #8b5e1d; }
  .positive { color: #327b60; }
  .negative { color: #b6534b; }
  .empty-icon { background: #f0f2f5; color: #778595; }
  .empty h3 { color: #566474; }
  .empty p, .stock-alerts small { color: #747f8b; }
  .stock-alerts strong { color: #374657; }
  .searchbox { color: #748090; }
  .searchbox:focus-within { outline-color: #a3b1c1; }
  .app-shell input, .app-shell select, .app-shell textarea { background: #fdfefe; border-color: #d9dee4; color: #35414e; border-radius: 6px; }
  .app-shell input:focus, .app-shell select:focus, .app-shell textarea:focus { outline-color: #e0e5eb; border-color: #8391a2; }
  .app-shell .field label, .document-line label { color: #5e6b7b; }
  .app-shell .hint { color: #748090; }
  .app-shell dialog { border-color: #dfe4ea; color: #333e4b; border-radius: 12px; box-shadow: 0 25px 90px #10172040; }
  .app-shell dialog::backdrop { background: #11172080; backdrop-filter: blur(6px); }
  .dialog-title h2 { font-weight: 500; }
  .close-button { background: #f0f2f5; color: #707e8f; border-radius: 6px; }
  .workspace-context { background: #eceff3; border-color: #dce1e8; border-left-color: #667687; border-radius: 8px; }
  .workspace-context .eyebrow { color: #647487; }
  .workspace-context strong { color: #3b4b5e; font-weight: 500; }
  .workspace-context p, .workspace-login { color: #66798c; }
  .account-tabs { border-color: #dce1e7; }
  .account-tabs button { color: #647385; }
  .account-tabs button:hover { background: #e8ecf1; }
  .account-tabs button.selected { background: #dfe5ec; color: #334659; }
  .totals-preview { background: #f2f5f8; }
  .totals-preview>span { color: #657587; }
  .totals-preview strong, .totals-preview .grand-total, .totals-preview .grand-total strong { color: #35495e; }
  .chart .delivery-bar { fill: #536b83; }
  .chart .quote-bar { fill: #a9b4c4; }
  .chart-legend span:first-child { color: #536b83; }
  .chart-legend span:last-child { color: #707f94; }
  .chart text { fill: #687789; }
  .chart .chart-grid { stroke: #edf0f4; }
  @media (max-width: 760px) {
    .sidebar { border-bottom-color: #363e48; }
    .app-brand { padding-top: 0; padding-bottom: 19px; }
    .sidebar nav { gap: 8px; }
    .sidebar nav button { font-size: 13px; padding-right: 18px; }
    .sidebar nav button.active::after { right: 7px; height: 12px; top: calc(50% - 6px); }
    .page-heading h1 { font-size: 27px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .sidebar nav button, .app-shell .primary { transition: none; }
  }
}
@media screen {
  .preview-banner { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 24px; margin-bottom:24px; background:#202329; color:#f5f6f7; border:1px solid #444a52; border-left:3px solid #e25560; border-radius:16px; box-shadow:0 8px 24px #11182712; }
  .preview-banner .eyebrow { display:block; color:#c5cbd4; font-size:10px; letter-spacing:.15em; margin-bottom:8px; }
  .preview-banner strong { display:block; font-size:18px; }
  .preview-banner strong small { font-size:13px; font-weight:400; color:#c5cbd4; }
  .preview-banner p { margin:8px 0 0; color:#d5d9df; font-size:13px; line-height:1.6; }
  .preview-banner button.secondary { flex-shrink:0; background:#f5f6f7; color:#202329; border-color:#f5f6f7; }
  @media(max-width:650px) { .preview-banner { align-items:stretch; flex-direction:column; padding:18px; gap:16px; } }
}
@media print { .preview-banner { display:none; } }

@media screen {
  .email-options { border:1px solid #dce0e5; border-radius:12px; padding:18px; background:#f7f8fa; }
  .email-options .field { margin-top:14px; }
  .email-clients { max-height:180px; overflow:auto; display:grid; gap:10px; }
  .email-clients label { display:flex; align-items:center; gap:9px; font-size:13px; }
  .email-clients input, #send-email { width:auto; accent-color:#343a43; }
  .email-clients small { display:block; color:#62686f; }
  #quotation-email-fields[hidden] { display:none; }
}