:root{--ink:#14181f;--muted:#6b7280;--line:#dce0e6;--paper:#fff;--canvas:#e8eaef;--panel:#f7f8fa;--navy:#232d3c;--accent:#2860a8;--hosting:#fff8eb;--hosting-border:#e6c88c;--hosting-badge:#a06414;--danger:#b33b3b;color:var(--ink);background:var(--canvas);font-family:IBM Plex Sans,Segoe UI,sans-serif;line-height:1.45}html[dir=rtl]{font-family:Noto Sans Arabic,IBM Plex Sans Arabic,IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0);margin:0}button,input,textarea,select{font:inherit;touch-action:manipulation}.app{min-height:100dvh;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);flex-direction:column;display:flex}.app-bar{padding:14px 24px;padding-top:calc(14px + env(safe-area-inset-top,0));background:var(--ink);color:#f4f6f8;z-index:20;grid-template-columns:minmax(140px,auto) 1fr;align-items:center;gap:10px 20px;display:grid;position:sticky;top:0}.app-bar-top{grid-area:1/1/span 2;justify-content:space-between;align-self:center;align-items:center;gap:12px;display:flex}.app-brand{min-width:0}.app-bar-toolbar{flex-shrink:0;align-items:center;gap:8px;display:none}.app-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#9aa3ad;margin:0;font-size:12px}.app-title{margin:2px 0 0;font-size:20px;font-weight:600}.app-meta{flex-wrap:wrap;grid-column:2;justify-content:flex-end;align-items:center;gap:8px;display:flex}.app-actions{flex-wrap:wrap;grid-column:2;justify-content:flex-end;align-items:center;gap:10px;display:flex}.app-actions-group{display:contents}.app-actions-label{display:none}.app-actions-pdf{display:inline-flex}.menu-toggle,.mobile-pane-tabs{display:none}.chip{color:#c5ccd4;border:1px solid #3a4450;border-radius:999px;padding:6px 10px;font-size:12px}.workspace{flex:1;grid-template-columns:minmax(320px,420px) 1fr;gap:0;min-height:0;display:grid}.editor-pane{background:var(--panel);border-inline-end:1px solid var(--line);max-height:calc(100vh - 72px);padding:20px;overflow:auto}.preview-pane{max-height:calc(100vh - 72px);padding:28px;overflow:auto}.preview-shell{max-width:820px;margin:0 auto}.form section{border-bottom:1px solid var(--line);margin-bottom:28px;padding-bottom:20px}.form h2{margin:0 0 12px;font-size:15px;font-weight:650}.form h3{margin:0;font-size:13px;font-weight:600}.section-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.field-label{color:var(--muted);font-size:12px;font-weight:500}.field-hint{color:var(--muted);font-size:11px;line-height:1.45}.field input,.field textarea,.row-edit input,.row-edit textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:9px 11px}.field textarea,.row-edit textarea{resize:vertical}.grid-2{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:0 12px;display:grid}.row-edit{align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.row-edit.stack{flex-direction:column}.row-edit .grow{flex:1}.row-edit .narrow{flex:0 0 110px;width:110px}.row-edit .grow{flex:auto;min-width:0}.scope-row{border-bottom:1px solid var(--line);margin-bottom:10px;padding-bottom:8px}.scope-row:last-of-type{border-bottom:none}.scope-row-main{align-items:center;margin-bottom:0}.scope-status{width:118px;font:inherit;border:1px solid var(--line);background:#fff;border-radius:8px;flex:0 0 118px;padding:8px 10px}.scope-row-optional{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:8px 0 0 52px;padding:8px 10px;display:flex}.scope-price{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.scope-price input{width:96px;font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;padding:6px 8px}.scope-include{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.scope-optional-summary{color:var(--muted);margin:8px 0 0;font-size:13px}.optional-stat-note{color:var(--muted);margin:-4px 0 16px;font-size:12px}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;min-height:40px;padding:8px 14px;font-weight:560}.btn.primary{background:var(--accent);color:#fff}.btn.primary:disabled{opacity:.65;cursor:wait}.btn.ghost{color:#e8edf2;background:0 0;border-color:#4a5562}.editor-pane .btn.ghost{border-color:var(--line);color:var(--ink);background:#fff}.btn.danger{color:var(--danger);background:#fff;border-color:#f0c8c8;padding:8px 10px;line-height:1}.quote-doc{background:var(--paper);color:#1c1c1c;border:1px solid var(--line);padding:36px 40px 48px;font-family:Helvetica Neue,Helvetica,Arial,Noto Sans Arabic,IBM Plex Sans Arabic,sans-serif;font-size:13.5px}.quote-doc[lang=ar],[lang=ar] .quote-doc{font-family:Noto Sans Arabic,IBM Plex Sans Arabic,IBM Plex Sans,sans-serif}.quote-header{justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}.eyebrow{color:#666;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:11px}.quote-doc h1{margin:4px 0 8px;font-size:24px;font-weight:700;line-height:1.2}.prepared{margin:0 0 4px;font-size:12.5px;font-weight:650}.meta{color:#777;margin:0;font-size:11.5px}.client{margin:4px 0 0;font-size:12.5px;font-weight:650}.quote-ref{color:#2860a8;white-space:nowrap;font-size:14px;font-weight:700}.stat-row{grid-template-columns:1fr 1fr 1fr;gap:10px;margin:18px 0 22px;display:grid}.stat-box{background:#f5f7fa;border:1px solid #dce0e6;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.stat-label{color:#777;text-transform:uppercase;letter-spacing:.04em;font-size:10px}.stat-value{font-size:18px;font-weight:700}.quote-doc section{margin-bottom:20px}.quote-doc h2{margin:0 0 8px;font-size:15px;font-weight:700}.quote-doc p{color:#333;margin:0 0 8px;line-height:1.5}.quote-doc .muted{color:#555;font-size:12.5px}.quote-doc table{border-collapse:collapse;width:100%;font-size:12.5px}.quote-doc thead th{color:#fff;text-align:start;background:#232d3c;padding:8px 10px;font-weight:650}.quote-doc tbody td{background:#fff;border-bottom:1px solid #eef0f3;padding:7px 10px}.quote-doc tbody tr:nth-child(2n) td{background:#f8f9fb}.quote-doc .center{text-align:center}.quote-doc .right,.quote-doc .end{text-align:end}.quote-doc .total-row td{font-weight:700;background:#e6ecf5!important}.hosting-box{background:var(--hosting);border:1px solid var(--hosting-border);margin:8px 0 22px;padding:14px 16px}.hosting-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.hosting-box h2{margin:0;font-size:14px}.optional-badge{color:var(--hosting-badge);letter-spacing:.04em;font-size:11px;font-weight:700}.hosting-fee{font-weight:700;margin-bottom:6px!important}.terms{margin:0;padding-inline-start:18px}.terms li{color:#444;margin-bottom:8px;font-size:12px;line-height:1.45}.acceptance{border-top:1px solid var(--line);padding-top:16px}.signatures{grid-template-columns:1fr 1fr;gap:28px;margin-top:28px;display:grid}.sig-label{color:#888!important;margin:0 0 28px!important;font-size:11px!important}.sig-line{border-bottom:1px solid #999;height:1px}.inline-actions.wrap{flex-wrap:wrap;margin-bottom:10px}.client-select{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:180px;padding:8px 11px}.client-chips{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.client-chips li{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:2px;padding:2px 2px 2px 10px;font-size:12px;display:flex}.client-chips li>button:first-child{cursor:pointer;color:var(--ink);background:0 0;border:none;padding:4px 6px}.btn.danger.reset-local{width:100%;margin-top:16px}.reorder-btns{flex-direction:column;gap:2px;display:flex}.btn.reorder{min-width:28px;min-height:28px;padding:2px 6px;line-height:1}.btn.reorder:disabled{opacity:.35;cursor:default}.header-main{align-items:flex-start;gap:14px;display:flex}.quote-logo{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:8px;width:56px;height:56px}.logo-preview-row{align-items:center;gap:10px;margin-top:8px;display:flex}.logo-thumb{object-fit:contain;border:1px solid var(--line);border-radius:6px;width:48px;height:48px}.profile-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.iban-banner{border-bottom:1px solid var(--line);color:#445;background:#f3f6fa;padding:8px 24px;font-size:12.5px}.template-row{align-items:stretch;gap:8px;display:flex}.template-row .template-card{flex:1}.contact{font-style:italic;color:#888!important;margin-top:22px!important;font-size:11px!important}.pagebreak-list{flex-direction:column;gap:2px;display:flex}.page-break-marker{border-top:1.5px dashed #d4b56a;justify-content:center;align-items:center;margin:20px 0 12px;padding-top:8px;display:flex}.page-break-marker:after{content:"New page";letter-spacing:.06em;text-transform:uppercase;color:#9a7b3c;background:#fff8eb;border:1px solid #e6c88c;border-radius:999px;padding:2px 10px;font-size:10px;font-weight:650}.quote-break-unit>.quote-section>h2{break-after:avoid;page-break-after:avoid}.hint code{background:#eee;border-radius:4px;padding:1px 4px;font-size:11px}.inline-actions{align-items:stretch;gap:8px;display:flex}.inline-actions input{flex:1}.check-row{align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.print-footer{display:none}.chip.status-draft{border-color:#555}.chip.status-sent{color:#9ec5ff;border-color:#3a5a8a}.chip.status-accepted{color:#9ddeb0;border-color:#3a6a48}.chip.status-rejected{color:#f0a8a8;border-color:#8a3a3a}.library-overlay{z-index:50;background:#14181f8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.library-panel{color:var(--ink);background:#fff;border-radius:12px;width:min(820px,100%);max-height:min(80vh,720px);padding:20px 22px;overflow:auto}.library-panel.narrow{width:min(520px,100%)}.library-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.library-head h2{margin:0;font-size:18px}.library-sub{color:var(--muted);margin:4px 0 0;font-size:12.5px}.library-empty{color:var(--muted)}.library-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.library-list li{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.library-list li.active{border-color:var(--accent);background:#f3f7fc}.library-main{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:2px;padding:0;display:flex}.library-ref{color:var(--accent);font-size:13px;font-weight:700}.library-title{font-size:14px;font-weight:600}.library-meta{color:var(--muted);font-size:12px}.library-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.library-actions select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 10px}.library-toolbar{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.library-search{border:1px solid var(--line);width:100%;font:inherit;border-radius:8px;padding:9px 12px}.library-status-chips{flex-wrap:wrap;gap:6px;display:flex}.library-status-chips button{border:1px solid var(--line);cursor:pointer;color:var(--ink);background:#fff;border-radius:999px;padding:5px 10px;font-size:12px}.library-status-chips button.active{border-color:var(--accent);color:var(--accent);background:#eef4fb}.library-status-chips button.expiry.active{color:#9a3412;background:#fff7ed;border-color:#b45309}.library-ref-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip.expiry-soon{color:#9a3412;border-color:#f59e0b}.chip.expiry-expired{color:#991b1b;border-color:#ef4444}.library-panel.wide{width:min(960px,100%)}.clients-book-layout{grid-template-columns:minmax(200px,280px) 1fr;gap:16px;min-height:360px;display:grid}.clients-side-list{flex-direction:column;gap:4px;max-height:50vh;margin:10px 0 0;padding:0;list-style:none;display:flex;overflow:auto}.clients-side-list button{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:#f7f8fa;border:1px solid #0000;border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.clients-side-list button span{color:var(--muted);font-size:12px}.clients-side-list button.active{border-color:var(--accent);background:#eef4fb}.clients-detail-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.clients-detail-head h3{margin:0}.clients-detail-head p{color:var(--muted);margin:4px 0 0;font-size:13px}.verify-banner,.expiry-banner{flex-wrap:wrap;align-items:center;gap:12px;padding:10px 24px;font-size:13.5px;display:flex}.verify-banner{background:#fff8e8;border-bottom:1px solid #efd9a0}.expiry-banner.expiry-soon{color:#9a3412;background:#fff7ed;border-bottom:1px solid #fdba74}.expiry-banner.expiry-expired{color:#991b1b;background:#fef2f2;border-bottom:1px solid #fecaca}.auth-info{color:#166534;margin:0;font-size:14px}.public-quote-page{background:var(--canvas);min-height:100vh}.public-quote-bar{background:var(--paper);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 24px;display:flex}.public-quote-bar h1{margin:4px 0 0;font-size:22px}.public-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 0;display:flex}.public-actions{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.public-note{min-width:200px}.public-locked{color:var(--muted);margin:0}.public-quote-banner{padding:16px 24px}.public-quote-banner.error{color:var(--danger)}.public-quote-banner.success{color:#166534;background:#ecfdf5;border-bottom:1px solid #a7f3d0}.public-preview{justify-content:center;padding:24px;display:flex}@media (width<=720px){.clients-book-layout{grid-template-columns:1fr}}.btn.ghost.dark{border-color:var(--line);color:var(--ink);background:#fff}.template-grid{gap:10px;display:grid}.template-card{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;display:flex}.template-card:hover{border-color:var(--accent);background:#f5f8fc}.template-card span{color:var(--muted);font-size:12.5px}@media (width<=980px){.workspace{grid-template-columns:1fr}.editor-pane,.preview-pane{max-height:none}.grid-2,.grid-3{grid-template-columns:1fr}.app-bar{padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0));flex-direction:column;align-items:stretch;gap:10px;display:flex}.app-bar.menu-open{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:100svh;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));overflow:hidden auto}.app-bar-top{grid-area:auto;width:100%;display:flex}.app-title{font-size:17px}.app-bar-toolbar{display:flex}.app-primary-cta{white-space:nowrap;min-height:44px;display:inline-flex}.menu-toggle{justify-content:center;align-items:center;min-width:72px;min-height:44px;display:inline-flex}.app-meta{grid-column:auto;justify-content:flex-start;gap:6px}.app-meta .chip{padding:5px 8px;font-size:11px}.app-actions{flex-direction:column;grid-column:auto;justify-content:flex-start;align-items:stretch;gap:8px;width:100%;padding-top:4px;display:none}.app-actions.open{flex:none;padding-bottom:8px;display:flex}.app-actions-group{border-top:1px solid #3a4450;flex-direction:column;gap:8px;padding:10px 0;display:flex}.app-actions-group:first-child{border-top:none;padding-top:0}.app-actions-label{letter-spacing:.06em;text-transform:uppercase;color:#9aa3ad;margin:0 0 2px;font-size:11px;display:block}.app-actions .btn{text-align:center;justify-content:center;width:100%;min-height:44px}.app-actions-pdf{display:none}.mobile-pane-tabs{top:var(--app-bar-height,0px);z-index:19;background:#1a1f27;border-bottom:1px solid #2e3640;grid-template-columns:1fr 1fr;gap:0;display:grid;position:sticky}.mobile-pane-tabs button{color:#9aa3ad;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;min-height:44px;padding:12px 10px;font-weight:600}.mobile-pane-tabs button.active{color:#f4f6f8;border-bottom-color:var(--accent);background:#232a34}.workspace.pane-edit .preview-pane,.workspace.pane-preview .editor-pane{display:none}.editor-pane,.preview-pane{padding:16px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0))}.field input,.field textarea,.row-edit input,.row-edit textarea,.client-select,.scope-status{min-height:44px;font-size:16px}.inline-actions{flex-wrap:wrap}.inline-actions .btn{min-height:44px}.row-edit{flex-wrap:wrap}.row-edit .narrow,.scope-status{flex:100%;width:100%}.scope-row-optional{margin-left:0}.quote-doc{padding:20px 16px 28px}.quote-header{flex-direction:column}.stat-row,.signatures{grid-template-columns:1fr}.library-overlay{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));align-items:flex-end}.library-panel{border-radius:12px 12px 0 0;width:100%;max-height:min(92dvh,920px);padding:16px}.verify-banner,.expiry-banner,.iban-banner,.import-banner,.smtp-banner{padding-left:16px;padding-right:16px}.public-quote-bar,.public-preview{padding:16px}.public-actions{width:100%}.public-actions .btn{flex:auto;min-height:44px}}@media print{.no-print,.app-bar,.editor-pane,.library-overlay,.mobile-pane-tabs{display:none!important}body{background:#fff}.app,.workspace,.preview-pane,.preview-shell{width:100%;max-height:none;margin:0;padding:0;display:block;overflow:visible}.quote-doc{width:100%;box-shadow:none;border:none;padding:12mm 14mm}.avoid-break{break-inside:avoid;page-break-inside:avoid}.page-break-before,.quote-break-unit.page-break-before{break-before:page;page-break-before:always}.quote-break-unit>.quote-section>h2,.quote-break-unit .hosting-top{break-after:avoid;page-break-after:avoid}.page-break-marker{display:none!important}.print-footer{color:#888;border-top:1px solid #ddd;margin-top:18px;padding-top:8px;font-size:10px;display:block}@page{size:A4;margin:12mm}}.auth-screen{background:radial-gradient(ellipse at top, #dfe6f0 0%, transparent 55%), var(--canvas);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--paper);border:1px solid var(--line);width:min(420px,100%);padding:28px 24px}.auth-card h1{margin:8px 0 0;font-size:28px}.auth-lead{color:var(--muted);margin:10px 0 20px}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-error{color:var(--danger);margin:0;font-size:14px}.auth-google{width:100%;margin-top:12px}.auth-switch{color:var(--muted);margin:18px 0 0;font-size:14px}.linkish{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.import-banner,.smtp-banner{background:#eef4fb;border-bottom:1px solid #c9d7ea;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex}.import-banner p,.smtp-banner{color:var(--muted);margin:4px 0 0;font-size:14px}.import-banner-actions{flex-wrap:wrap;gap:8px;display:flex}.smtp-note{color:var(--muted);background:var(--panel);border:1px solid var(--line);margin:0 0 14px;padding:10px 12px;font-size:13px}