@font-face{font-family:Cairo;src:url('../assets/Cairo.ttf');font-weight:200 1000;font-display:swap}@font-face{font-family:Barlow;src:url('../assets/Barlow-Regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url('../assets/Barlow-SemiBold.ttf');font-weight:600 800;font-display:swap}
:root{--green:#123F35;--ink:#18352D;--paper:#F5F3EA;--sage:#B8CCBD;--line:#d7e0d9;--muted:#516b61;--red:#a22c31;--radius:12px;--focus:#1f765f}
*{box-sizing:border-box}body{margin:0;background:#f7f8f5;color:var(--ink);font-family:Cairo,sans-serif;font-size:14px;line-height:1.7}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;background:white;color:var(--green);min-height:42px;padding:8px 17px;font-weight:650;line-height:1.6}button:hover{background:var(--paper);border-color:#8fa89a}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.primary{background:var(--green);border-color:var(--green);color:white}.primary:hover{background:#1b5545;color:white}.danger{color:var(--red)}input,select,textarea{width:100%;border:1px solid #b8c8bf;background:#fff;border-radius:7px;min-height:43px;padding:8px 11px;color:var(--ink);caret-color:var(--green)}input::placeholder,textarea::placeholder{color:#65796f;opacity:1}input:disabled,select:disabled,textarea:disabled{background:#f4f6f3;opacity:.8}textarea{resize:vertical;min-height:85px}input.ltr,textarea.ltr,.en{direction:ltr;text-align:left;font-family:Barlow,sans-serif;font-size:16px}input[type=number],input[type=date],.numeric{font-family:Barlow,sans-serif;direction:ltr;font-variant-numeric:tabular-nums}label{display:block;font-weight:650;font-size:13px;margin-bottom:6px}::selection{background:var(--sage);color:var(--green)}*{scrollbar-color:#9bb1a4 #f0f3ee;scrollbar-width:thin}a{color:var(--green);text-underline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:29px;line-height:1.5;font-weight:750}h2{font-size:20px;font-weight:750}h3{font-size:16px;font-weight:700}.muted{color:var(--muted)}.small{min-height:34px;padding:4px 12px;font-size:12px}.workspace{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.rail{background:var(--green);color:#fff;padding:31px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{width:100%;height:72px;object-fit:contain;margin-bottom:42px}.rail nav{display:flex;flex-direction:column;gap:7px}.nav{text-align:right;border-color:transparent;background:transparent;color:#d7e6dd;min-height:47px;padding:11px 14px;border-radius:8px;font-size:14px}.nav:hover{background:#235144;border-color:transparent;color:#fff}.nav.active{background:var(--paper);color:var(--green)}.rail-bottom{margin-top:auto;padding-top:30px;font-size:12px;color:#c5dacf}.rail-bottom p{font-size:13px;color:#f5f3ea}.rail-bottom span{display:block;margin:3px 0 15px}.rail-link{border-color:#557b6b;background:transparent;color:#fff;font-size:12px;min-height:34px;padding:7px 10px}.rail-link:hover{background:#235144;color:#fff}.main-shell{min-width:0}.connection-bar{padding:13px 35px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:65px}.connection-copy{display:flex;align-items:center;gap:10px;font-size:12px}.connection-copy strong{font-weight:650}.connection-copy #save-state{color:var(--muted);padding-inline-start:12px;border-inline-start:1px solid var(--line)}.dot{width:8px;height:8px;border-radius:50%;background:#7b8c80;flex:none}.dot.connected{background:#258b67}main{padding:32px 35px 50px;max-width:1700px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:27px}.heading p{margin-top:4px;color:var(--muted)}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:18px}.toolbar input{max-width:430px}.toolbar select{width:160px}.surface{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:right;background:#eff3ee;color:#456357;font-size:12px;font-weight:700;white-space:nowrap;padding:13px 17px;border-bottom:1px solid var(--line)}td{padding:16px 17px;border-bottom:1px solid #e7ece6;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbf8}.table-title{font-weight:650}.table-title.en{font-size:15px;line-height:1.5}.tag{display:inline-block;font-size:11px;border-radius:5px;background:#e8eee7;color:#325344;padding:2px 9px;white-space:nowrap}.tag.draft{background:#faf1db;color:#6c5219}.num{font-family:Barlow,sans-serif;font-size:16px;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;white-space:nowrap}.total-col{font-weight:600}.row-actions{display:flex;gap:6px;justify-content:flex-end;white-space:nowrap}.row-actions button{font-size:12px;padding:4px 10px;min-height:34px}.empty{text-align:center;padding:55px 20px}.empty h2{margin-bottom:7px}.empty p{color:var(--muted);max-width:570px;margin:0 auto 22px}.welcome{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:50px;align-items:center;min-height:430px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:50px}.welcome h1{font-size:34px;margin-bottom:15px}.welcome p{font-size:15px;max-width:570px;margin-bottom:22px;color:#456357}.welcome ol{margin:0;padding-right:22px;line-height:2.5;font-weight:650}.welcome-note{border-top:1px solid #c8d5ca;padding-top:17px;margin-top:24px!important;font-size:12px!important}.setup-steps{border-right:1px solid #c0cfc1;padding-right:35px}.banner{margin:20px 35px 0;background:#fff0ee;border:1px solid #dfb9b5;border-radius:8px;padding:15px 20px;color:#7e282e;font-size:13px}.banner .actions{margin-top:10px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:start}.editor-head .form-grid{gap:12px}.editor-head{padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:20px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.form-grid .span2{grid-column:span 2}.form-grid .span3{grid-column:span 3}.field-hint{font-size:11px;font-weight:400;color:var(--muted);margin-top:4px}.editor-items th,.editor-items td{padding:11px 12px}.editor-items input{min-height:35px;padding:5px 7px;font-size:15px}.editor-items .qty{width:70px}.editor-items .price{width:90px}.line-product{min-width:210px}.line-product small{display:block;color:var(--muted);font-family:Barlow,sans-serif;font-size:14px}.add-line{padding:17px 22px;background:#f9faf6;display:flex;justify-content:space-between;align-items:center;gap:10px}.add-line span{color:var(--muted);font-size:12px}.summary{background:var(--paper);border:1px solid #ccd8cc;border-radius:var(--radius);padding:25px 23px;position:sticky;top:20px}.summary h2{font-size:17px}.summary-total{font-family:Barlow,sans-serif;font-size:34px;direction:ltr;line-height:1.4;font-weight:600;margin:17px 0 5px}.summary-total span{font-size:15px;font-weight:400;margin-inline-end:8px}.summary p{font-size:12px;color:#4e685a}.summary hr{border:0;border-top:1px solid #c4d2c3;margin:20px 0}.summary button{width:100%;margin-top:10px}.note-field{margin-top:20px}.issued-note{font-size:13px;padding:13px 17px;background:#eaf2eb;border:1px solid #bdd0bd;border-radius:8px;margin-bottom:18px}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:26px;align-items:start}.section-form{padding:26px}.section-form h2{margin-bottom:20px}.section-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-form .actions{margin-top:24px}.section-form .terms-input{min-height:190px}.backup-panel{padding:26px;border:1px solid var(--line);background:#fff;border-radius:var(--radius)}.backup-panel h2{margin-bottom:8px}.backup-panel p{font-size:13px;color:var(--muted);margin-bottom:18px}.backup-panel button{width:100%;margin-bottom:12px}.backup-panel .file-path{font-size:14px;background:var(--paper);padding:10px;direction:ltr;font-family:Barlow,sans-serif;word-break:break-all}.toast{position:fixed;bottom:22px;left:30px;background:var(--green);color:white;padding:12px 22px;border-radius:8px;font-size:13px;z-index:100;max-width:500px;box-shadow:0 6px 25px #18352d20}dialog{border:0;border-radius:14px;padding:0;max-width:720px;width:calc(100% - 40px);color:var(--ink);box-shadow:0 16px 70px #18352d38}dialog::backdrop{background:#18352d55}.dialog-head{padding:22px 25px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.dialog-head button{min-height:32px;padding:3px 12px}.dialog-body{padding:25px}.dialog-body .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog-body .actions{margin-top:24px}.dialog-error{color:var(--red);margin-top:15px;font-size:13px}.product-picker{max-height:380px;overflow:auto;margin-top:15px}.product-option{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:right;display:flex;justify-content:space-between;align-items:center;padding:13px 10px;gap:15px}.product-option .en{font-size:15px}.product-option small{display:block;font-size:13px;color:var(--muted)}.product-option .num{font-size:15px;font-weight:600}.picker-empty{padding:30px 0;text-align:center;color:var(--muted)}.helper-link{padding:0;min-height:auto;border:0;font-size:12px;text-decoration:underline;text-underline-offset:3px;background:none}.preview{background:#e5ebe4;min-height:100vh;padding-bottom:30px}.preview-toolbar{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 30px;z-index:5}.preview-toolbar span{font-size:13px}.print-help{max-width:900px;margin:18px auto;padding:0 18px;text-align:center;font-size:13px;color:#3e5b4d}#print-root{direction:ltr}.print-page{margin:18px auto;box-shadow:0 8px 35px #18352d12}.reference-frame{width:100%;height:82vh;border:0;background:#fff}[hidden]{display:none!important}
@media(max-width:1200px){.workspace{grid-template-columns:190px minmax(0,1fr)}main{padding:25px}.connection-bar{padding:13px 25px}.editor-layout{grid-template-columns:minmax(0,1fr) 220px}.summary{padding:20px 17px}.summary-total{font-size:29px}.welcome{grid-template-columns:1fr;padding:32px;gap:25px}.setup-steps{border:0;padding:0}.settings-layout{grid-template-columns:1fr}.form-grid{gap:14px}.heading{flex-wrap:wrap}}
@media(max-width:850px){.workspace{display:block}.rail{height:auto;position:static;padding:17px 20px}.brand{height:48px;width:220px;margin-bottom:18px}.rail nav{flex-direction:row;flex-wrap:wrap;gap:5px}.nav{font-size:12px;min-height:36px;padding:8px 12px}.rail-bottom{display:none}.connection-bar{flex-wrap:wrap;padding:12px 20px}.connection-copy{flex-wrap:wrap;gap:7px}.connection-copy #save-state{border:0;padding:0}.editor-layout{display:block}.summary{position:static;margin-top:18px}.form-grid{grid-template-columns:1fr 1fr}.form-grid .span3{grid-column:span 2}.welcome h1{font-size:27px}.heading h1{font-size:25px}.toolbar{flex-wrap:wrap}main{padding:23px 18px}.banner{margin:15px 18px 0}.preview-toolbar{padding:12px;flex-wrap:wrap}.preview-toolbar span{display:none}#print-root{overflow:auto}.print-page{margin:15px 0}.dialog-body .form-grid,.section-form .form-grid{grid-template-columns:1fr}.dialog-body .span2,.section-form .span2{grid-column:auto}}
@media(prefers-reduced-motion:no-preference){dialog[open]{animation:appear .16s ease-out}@keyframes appear{from{clip-path:inset(0 0 8% 0);opacity:.8}to{clip-path:inset(0);opacity:1}}}

.check-control{display:flex;align-items:center;gap:9px;margin:0;cursor:pointer}.check-control input,.product-option input{width:18px;height:18px;min-height:18px;padding:0;flex:0 0 18px;accent-color:var(--green)}.picker-controls,.picker-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}.picker-controls{margin-top:20px}.picker-actions{padding-top:18px;border-top:1px solid var(--line);margin-top:15px}.picker-actions span{font-size:13px;color:var(--muted)}.product-option{cursor:pointer;min-height:66px;margin:0;color:var(--ink);font-weight:400}.product-option:hover,.product-option:has(input:checked){background:var(--paper)}.product-option .en{flex:1}.product-option input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.footer-language{border:0;margin:8px 0 0;padding:0}.footer-language legend{font-size:13px;font-weight:650;margin-bottom:10px}.footer-language-options{display:flex;gap:28px}.footer-language .field-hint{margin-top:10px}

.picker-dialog .product-picker{max-height:clamp(100px,calc(100dvh - 355px),380px)}.picker-dialog .dialog-error:empty{display:none}

.picker-dialog{max-height:calc(100dvh - 32px);overflow:hidden}.picker-dialog .dialog-body{display:flex;flex-direction:column;max-height:calc(100dvh - 130px);box-sizing:border-box;overflow:hidden}.picker-dialog .dialog-body>:not(.product-picker){flex-shrink:0}.picker-dialog .product-picker{flex:1 1 auto;min-height:0;max-height:320px}

.auth-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--paper)}.auth-card{width:100%;max-width:530px;padding:32px;background:#fff;border:1px solid var(--line);border-radius:14px}.auth-card>img{width:100%;height:auto;margin-bottom:24px}.auth-card h1{font-size:26px;margin:0 0 12px}.auth-card p{margin-bottom:20px}.auth-card label{margin-top:16px}.auth-card button{width:100%;margin-top:8px}.auth-error{color:var(--red);font-size:13px;margin-top:12px}.auth-error:empty{display:none}.session-locked #workspace,.session-locked #preview{filter:blur(12px);pointer-events:none;user-select:none}@media(max-width:600px){.auth-page{padding:16px}.auth-card{padding:24px 20px}.connection-bar #logout-mobile{display:block}.editor-head .form-grid{grid-template-columns:1fr}.editor-head .form-grid .span2{grid-column:auto}.preview-toolbar{padding-top:max(12px,env(safe-area-inset-top))}.rail nav{overflow:auto;flex-wrap:nowrap}.rail .nav{white-space:nowrap}.auth-card h1{font-size:24px}.rail-bottom{display:flex;flex-direction:row;gap:12px;padding-top:14px}.rail-bottom p,.rail-bottom span{display:none}.rail-bottom button{font-size:12px}}

/* Quiet branded login: no stationery or exposed account options. */
.auth-card{max-width:440px;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:14px}.auth-brand{display:flex;align-items:center;justify-content:center;background:var(--green);padding:30px 32px}.auth-brand img{display:block;width:242px;max-width:100%;height:auto}.auth-body{padding:30px 32px 24px}.auth-body h1{font-size:26px;line-height:1.55;margin:0 0 6px}.auth-body .auth-description{color:var(--muted);font-size:14px;margin:0 0 26px}.auth-body label{font-size:14px;margin:18px 0 7px}.auth-body input{min-height:48px;font-size:16px}.auth-submit{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;gap:8px;min-height:48px!important;margin-top:24px!important;transition:background-color 140ms ease,color 140ms ease}.auth-submit:disabled{opacity:1;cursor:wait}.auth-check{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;display:none}.auth-check path{stroke-dasharray:24;stroke-dashoffset:24}.is-success .auth-check{display:block}.is-success .auth-check path{stroke-dashoffset:0;transition:stroke-dashoffset 160ms ease-out}.auth-progress{display:none;position:absolute;inset-block-end:0;inset-inline-start:0;block-size:3px;inline-size:35%;background:var(--sage)}.is-loading .auth-progress{display:block;animation:auth-progress 800ms ease-in-out infinite}.auth-status{margin:0!important;position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}.auth-body .auth-footnote{font-size:12px;margin:24px 0 0;text-align:center;color:var(--muted)}@keyframes auth-progress{from{transform:translateX(110%)}to{transform:translateX(-310%)}}@media(max-width:600px){.auth-card{padding:0}.auth-body{padding:26px 24px 22px}.auth-brand{padding:27px 24px}.auth-brand img{width:230px}.auth-body h1{font-size:24px}}@media(prefers-reduced-motion:reduce){.auth-submit{transition:none}.is-loading .auth-progress{animation:none;inline-size:100%;opacity:.7}.is-success .auth-check path{transition:none}}

.preview-toolbar #pdf-status{color:var(--muted);font-size:12px}.preview-toolbar .actions{margin-inline-start:auto}.preview-toolbar button{min-height:44px}
@media(max-width:600px){.preview-toolbar #pdf-status:not(:empty){display:block;flex-basis:100%;order:3}.preview-toolbar .actions{gap:8px}.preview-toolbar button{padding:8px 12px}.preview-toolbar #pdf-status{font-size:12px}}