/* Shared customer/admin typography and appearance tokens. Keep the standalone HTML fallback aligned. Font licenses: src/assets/fonts/*-OFL.txt. */
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/Manrope-400.woff') format('woff')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/Manrope-500.woff') format('woff')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/Manrope-600.woff') format('woff')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/Manrope-700.woff') format('woff')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/Manrope-800.woff') format('woff')}
@font-face{font-family:'OrderLensBrand';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/OrderLensBrand-700.woff') format('woff')}
:root{--bg:#f3f5f7;--surface:#fff;--surface2:#f7f9fa;--ink:#182b3a;--muted:#647482;--line:#e3e9ed;--accent:#0b765f;--accent-hover:#075c4a;--tint:#e8f5ee;--amber:#9b6317;--amber-bg:#fff5e5;--red:#b24149;--red-bg:#ffeff0;--blue:#436dba;--blue-bg:#edf2ff;--shadow:0 8px 32px #10253408;--radius:16px;--nav:#122330;--nav-muted:#a0b0bb;--font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:light}
[data-theme=dark]{--bg:#111c25;--surface:#182731;--surface2:#1d2e39;--ink:#e5edf1;--muted:#a0b2be;--line:#2d3e49;--accent:#70d8b2;--accent-hover:#90e5c5;--tint:#1b3e35;--amber:#edbf79;--amber-bg:#3b3020;--red:#f19b9e;--red-bg:#40292f;--blue:#a1baf0;--blue-bg:#26354d;--shadow:0 8px 32px #00000018;--nav:#0c1720;color-scheme:dark}
:root{--font:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--accent:#6d3df5;--accent-hover:#5830d4;--tint:#f0ebff;--bg:#f5f5f9;--ink:#1c2136;--muted:#71758b;--line:#e8e7f0;--surface2:#f8f8fb;--nav:#fff;--nav-muted:#85899b;--radius:17px;--success:#16815c;--success-bg:#e8f6ed}
[data-theme=dark]{--accent:#b9a1ff;--accent-hover:#c7b5ff;--tint:#32274f;--bg:#141522;--surface:#1d2030;--surface2:#24273b;--ink:#eeeefa;--muted:#a4a9c1;--line:#34364c;--nav:#191b2a;--nav-muted:#a6a6be;--success:#8ce0b7;--success-bg:#203c34}
:root{--accent-ink:#fff;--health:#252144;--health-muted:#cec5e7;--health-link:#e0d3ff}
[data-theme=dark]{--accent-ink:#211334;--health:#29243d;--health-muted:#cec5e7;--health-link:#e0d3ff}
[data-palette=saffron]{--accent:#866200;--accent-hover:#6e5000;--accent-ink:#fff;--tint:#f5edcf;--bg:#f5f4f0;--surface:#fffefa;--surface2:#f7f6f1;--ink:#282a2b;--muted:#696b69;--line:#e4e3da;--nav:#fffefa;--nav-muted:#71746d;--health:#343426;--health-muted:#d0ccb6;--health-link:#f3d46d}
[data-palette=saffron][data-theme=dark]{--accent:#e6c660;--accent-hover:#efd688;--accent-ink:#29250e;--tint:#3b3520;--bg:#191a18;--surface:#232520;--surface2:#2b2e27;--ink:#f2f0e6;--muted:#b4b6a9;--line:#3d4036;--nav:#1e201b;--nav-muted:#b4b6a9;--health:#303022;--health-muted:#d0ccb6;--health-link:#f3d46d}
[data-palette=grove]{--accent:#176749;--accent-hover:#105338;--accent-ink:#fff;--tint:#e4f0e8;--bg:#f2f6f3;--surface:#fff;--surface2:#f4f8f5;--ink:#1e3029;--muted:#63736a;--line:#dce7df;--nav:#fbfdfb;--nav-muted:#64756b;--health:#203e32;--health-muted:#bad4c5;--health-link:#b4ebc8}
[data-palette=grove][data-theme=dark]{--accent:#8ed5ae;--accent-hover:#afe8c8;--accent-ink:#142d20;--tint:#233f32;--bg:#131e19;--surface:#1c2b23;--surface2:#24352b;--ink:#edf5ef;--muted:#abc0b2;--line:#354a3c;--nav:#17241d;--nav-muted:#abc0b2;--health:#253c2e;--health-muted:#bad4c5;--health-link:#b4ebc8}
[data-palette=graphite]{--accent:#424a55;--accent-hover:#303741;--accent-ink:#fff;--tint:#e8ebef;--bg:#f3f4f5;--surface:#fff;--surface2:#f7f8f9;--ink:#20252c;--muted:#65707d;--line:#e0e3e7;--nav:#fff;--nav-muted:#65707d;--health:#292f38;--health-muted:#c8ced7;--health-link:#e0e6f0}
[data-palette=graphite][data-theme=dark]{--accent:#c1c8d2;--accent-hover:#e0e4eb;--accent-ink:#20252c;--tint:#353b46;--bg:#15171b;--surface:#202329;--surface2:#292d35;--ink:#eff1f5;--muted:#adb6c3;--line:#353b45;--nav:#1a1d22;--nav-muted:#adb6c3;--health:#282d35;--health-muted:#c8ced7;--health-link:#e0e6f0}
[data-palette=midnight]{--accent:#244f91;--accent-hover:#173c74;--accent-ink:#fff;--tint:#e5edf9;--bg:#f1f5fa;--surface:#fff;--surface2:#f5f8fc;--ink:#1e2b42;--muted:#64738a;--line:#dce4ef;--nav:#fcfdff;--nav-muted:#64738a;--health:#1a3050;--health-muted:#b8cbe6;--health-link:#cee1ff}
[data-palette=midnight][data-theme=dark]{--accent:#a5c4ff;--accent-hover:#c7dbff;--accent-ink:#152744;--tint:#2b405f;--bg:#111b2b;--surface:#19273c;--surface2:#22324a;--ink:#edf3ff;--muted:#a6b9d5;--line:#30425d;--nav:#152136;--nav-muted:#a6b9d5;--health:#203653;--health-muted:#b8cbe6;--health-link:#cee1ff}

.company-logo-section{padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid var(--line)}
.company-logo-section h3{margin-bottom:6px}.company-logo-controls{display:flex;align-items:center;gap:24px;margin:22px 0}
.company-logo-preview{width:190px;height:116px;flex-shrink:0;border:1px dashed var(--line);border-radius:12px;background:#fff;display:grid;place-items:center;padding:16px}
.company-logo-preview img{max-width:100%;max-height:82px;object-fit:contain}.company-logo-preview>span{display:flex;flex-direction:column;align-items:center;gap:8px;color:#727780;font-size:12px}.company-logo-preview svg{width:26px;height:26px}
.company-logo-preference{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);cursor:pointer}.company-logo-preference input{margin-top:3px;flex-shrink:0;width:18px;height:18px;accent-color:var(--accent)}.company-logo-preference strong{font-weight:550;font-size:14px}.company-logo-preference small{display:block;color:var(--muted);margin-top:5px;line-height:1.65}.company-logo-note{margin-top:12px;line-height:1.7}.company-logo-feedback{margin-top:12px;color:var(--accent);line-height:1.6}.company-logo-feedback:empty{display:none}
@media(max-width:650px){.company-logo-controls{align-items:flex-start;flex-direction:column;gap:16px}}
/* Non-destructive company logo studio. */
.logo-checker{background-color:#fff;background-image:linear-gradient(45deg,#e9ecef 25%,transparent 25%),linear-gradient(-45deg,#e9ecef 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9ecef 75%),linear-gradient(-45deg,transparent 75%,#e9ecef 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}
.dialog.logo-dialog{width:min(1060px,calc(100vw - 32px));max-width:1060px}.logo-dialog .dialog-body{padding:24px 30px}.logo-studio-intro{color:var(--muted);font-size:14px;line-height:1.7;max-width:760px;margin-bottom:24px}.logo-studio-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:28px}.logo-comparison{display:grid;grid-template-columns:1fr 1fr;gap:14px}.logo-comparison figure{margin:0;min-width:0}.logo-comparison figcaption,.logo-invoice-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:10px;font-weight:600}.logo-comparison figcaption span,.logo-invoice-caption span{font-size:10px;color:var(--muted);font-weight:400}.logo-image-stage{height:170px;border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-image-stage img{max-height:100%;max-width:100%;object-fit:contain}.logo-studio-options{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}.logo-option{display:flex;align-items:flex-start;gap:10px;margin:18px 0;cursor:pointer}.logo-option input{width:16px;height:16px;margin-top:3px;accent-color:var(--accent);flex-shrink:0}.logo-option strong{font-size:13px;font-weight:600}.logo-option small{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin-top:4px}.logo-range{display:block;font-size:12px;font-weight:550;margin:20px 0}.logo-range output{float:right;font-weight:400;color:var(--muted)}.logo-range input{display:block;width:100%;padding:0;height:20px;margin-top:8px;accent-color:var(--accent)}.logo-studio-options>p{font-size:11px;line-height:1.65}.logo-studio-options .text-btn{font-size:12px;margin-top:16px}.logo-use{border-top:1px solid var(--line);padding-top:18px;margin-bottom:0}.logo-invoice-caption{margin-top:24px}.logo-invoice-preview{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;position:relative;min-height:110px}.logo-invoice-paper{position:relative;width:595px;height:842px;transform-origin:top left;color:#253c32;font-family:var(--font)}.logo-invoice-paper .invoice-layer{cursor:default}.logo-studio-status{font-size:12px;color:var(--muted);line-height:1.6;margin-top:20px;min-height:20px}.invoice-logo-warning{position:absolute;bottom:18px;left:40px;right:40px;color:#ab5800;font-size:11px;background:#fff2d5;padding:8px;z-index:5}
@media(max-width:760px){.logo-studio-grid{grid-template-columns:1fr}.logo-dialog .dialog-body{padding:18px}.logo-image-stage{height:130px}.logo-comparison figcaption{align-items:flex-start;flex-direction:column}.logo-studio-options{padding:16px}.logo-studio-intro{font-size:13px}}

.dialog.logo-dialog{display:flex;flex-direction:column;max-height:calc(100dvh - 40px);overflow:hidden}.logo-dialog .dialog-head,.logo-dialog .dialog-actions{flex-shrink:0}.logo-dialog .dialog-body{min-height:0;overflow-y:auto}.logo-dialog .dialog-actions{padding:16px 30px}.logo-invoice-paper .invoice-layer{white-space:pre-line}