:root{--gold:#a98231;--gold-dark:#76591e;--ink:#201c15;--muted:#756f65;--paper:#f6f3ed;--side:#15140f;--line:rgba(32,28,21,.1)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Tahoma,Arial,sans-serif;color:var(--ink);background:var(--paper)}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 15%,rgba(197,158,81,.25),transparent 32%),linear-gradient(135deg,#11100c,#292318)}
.login-card{width:min(440px,100%);padding:38px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:rgba(255,255,255,.97);box-shadow:0 30px 90px rgba(0,0,0,.35)}
.login-brand{text-align:center;margin-bottom:28px}
.login-brand img{width:120px;height:90px;object-fit:contain}
.login-brand h1{margin:5px 0;color:var(--gold-dark);font-size:28px}
.login-brand p{margin:0;color:var(--muted);font-size:13px}
.field{display:block;margin-bottom:15px;color:#665f55;font-size:12px;font-weight:800}
.field input,.field select,.field textarea{width:100%;margin-top:7px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:white;outline:none;transition:.2s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(169,130,49,.12)}
.field textarea{min-height:85px;resize:vertical}
.error{min-height:20px;color:#bb3030;font-size:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:0;border-radius:11px;background:var(--gold);color:white;font-weight:800}
.btn:hover{background:#8f6c27}
.btn-dark{background:#1d1b16}
.btn-light{border:1px solid var(--line);background:white;color:var(--ink)}
.btn-danger{background:#fff0ef;color:#c23d35}
.btn-full{width:100%;min-height:48px}
.app-shell{min-height:100vh}
.sidebar{position:fixed;inset:0 0 0 auto;z-index:40;width:286px;display:flex;flex-direction:column;background:var(--side);color:white}
.brand{height:104px;display:flex;align-items:center;gap:13px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.1)}
.brand img{width:60px;height:60px;border-radius:18px;background:#f3ead5;object-fit:contain}
.brand strong{display:block;color:#d7b86a;font-size:22px}
.brand small{color:rgba(255,255,255,.5);letter-spacing:.12em}
.nav{flex:1;padding:25px 16px;overflow:auto}
.nav-label{margin:0 12px 12px;color:rgba(255,255,255,.35);font-size:11px;font-weight:800}
.nav button{width:100%;display:flex;align-items:center;gap:12px;margin:3px 0;padding:13px 15px;border:0;border-radius:13px;background:transparent;color:rgba(255,255,255,.7);text-align:right}
.nav button:hover,.nav button.active{background:var(--gold);color:white}
.nav .divider{margin:18px 0;border-top:1px solid rgba(255,255,255,.1)}
.user-card{margin:16px;padding:15px;border:1px solid rgba(169,130,49,.3);border-radius:18px;background:rgba(169,130,49,.1)}
.user-card strong,.user-card small{display:block}
.user-card small{margin:4px 0 12px;color:rgba(255,255,255,.45)}
.main{min-height:100vh;margin-right:286px}
.topbar{position:sticky;top:0;z-index:20;height:78px;display:flex;align-items:center;gap:14px;padding:0 34px;border-bottom:1px solid var(--line);background:rgba(249,247,242,.94);backdrop-filter:blur(14px)}
.topbar input{width:min(430px,45vw);padding:12px 15px;border:1px solid var(--line);border-radius:13px;background:white}
.topbar .spacer{flex:1}
.menu-toggle{display:none}
.content{max-width:1500px;margin:auto;padding:30px 38px}
.eyebrow{margin:0;color:#8f7130;font-size:13px;font-weight:700}
.page-title{margin:5px 0 25px;font-size:32px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{border:1px solid var(--line);border-radius:20px;background:white;box-shadow:0 5px 18px rgba(40,31,14,.04)}
.stat{padding:22px}
.stat small{color:var(--muted)}
.stat span{display:block;margin-top:7px;color:var(--muted);font-size:11px;line-height:1.5}
.stat strong{display:block;margin-top:12px;font-size:30px}
.panel{margin-top:22px;overflow:hidden}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;border-bottom:1px solid var(--line)}
.panel-head h2{margin:0;font-size:19px}
.search{padding:9px 12px;border:1px solid var(--line);border-radius:11px}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;min-width:720px}
th,td{padding:14px 18px;border-bottom:1px solid var(--line);text-align:right;font-size:13px}
th{background:#faf8f3;color:#746e64}
.empty{text-align:center;color:#8b857c;padding:50px}
.actions{display:flex;gap:7px}
.icon-btn{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:white}
.settings-grid{display:grid;grid-template-columns:1fr 330px;gap:22px}
.settings-form{padding:25px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.logo-box{padding:24px}
.logo-box img{width:100%;height:190px;object-fit:contain;border:1px dashed var(--line);border-radius:18px;background:#faf8f3}
.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(10,9,7,.62);backdrop-filter:blur(4px)}
.modal{width:min(720px,100%);max-height:92vh;overflow:auto;border-radius:24px;background:white;box-shadow:0 30px 100px rgba(0,0,0,.35)}
.modal-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line);background:white}
.modal-head h2{margin:0}
.modal-close{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:white;font-size:22px}
.modal-body{padding:24px}
.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--line);background:#faf8f4}
.doc-editor{position:fixed;inset:0 286px 0 0;z-index:80;overflow:hidden;background:#e9e5dd}
.editor-toolbar{height:66px;display:flex;align-items:center;gap:10px;padding:10px 18px;border-bottom:1px solid var(--line);background:white}
.editor-toolbar h2{margin:0;font-size:19px}
.editor-toolbar .spacer{flex:1}
.editor-menu{display:none}
.editor-workspace{height:calc(100vh - 66px);display:grid;grid-template-columns:minmax(0,1fr) clamp(360px,28vw,470px);direction:ltr}
.editor-panel{direction:rtl;overflow:auto;padding:20px;background:white;border-left:1px solid var(--line)}
.editor-preview{overflow:auto;overflow-anchor:none;padding:18px;background:#e4e1da}
.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:20px;padding:5px;border-radius:14px;background:#eef0f2}
.tabs button{padding:10px;border:0;text-align:center;border-radius:10px;background:transparent;color:#736d64;font-size:12px;font-weight:800}
.tabs button:hover{background:rgba(255,255,255,.65)}
.tabs .active{background:#1c1e20;color:white;box-shadow:0 5px 14px rgba(0,0,0,.14)}
.section-title{margin:20px 0 12px;padding-top:15px;border-top:1px solid var(--line);font-size:17px}
.inline-editor-section{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.inline-editor-section>h3,.inline-editor-section>div>h3{margin:0 0 14px}
.service-row{position:relative;margin-bottom:12px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#fbfaf7}
.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.service-row .wide{grid-column:1/-1}
.service-row .delete-row{position:absolute;top:9px;left:9px}
.package-editor .metric-note{margin:-5px 0 14px}
.package-row{position:relative;margin-bottom:10px;padding:11px 12px 4px;border:1px solid var(--line);border-radius:14px;background:#fbfaf7}
.package-row .delete-row{position:absolute;top:8px;left:8px}
.package-row .field{margin-bottom:7px;padding-left:38px}
.package-heading-field input{color:#4b4013;font-size:15px;font-weight:900}
.package-title-field input{color:#211d1a;font-size:14px;font-weight:900}
.package-description-field textarea{min-height:76px;color:#6b421f;font-size:14px;font-weight:700;line-height:1.65;resize:vertical}
.empty-package{margin:0;padding:18px;border:1px dashed var(--gold);border-radius:12px;color:var(--muted);text-align:center;line-height:1.7}
.service-picker{display:grid;grid-template-columns:1fr auto;gap:9px;margin-bottom:12px;padding:12px;border:1px dashed var(--gold);border-radius:14px;background:#faf7ef}
.service-picker select{min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:white}
.template-page{position:relative;container-type:inline-size;width:min(210mm,100%);aspect-ratio:595/842;margin:0 auto 20px;overflow:hidden;background:white;box-shadow:0 20px 55px rgba(35,28,18,.18);direction:rtl}
.invoice-sheet{width:min(210mm,100%);margin:0 auto 20px}
.invoice-sheet .template-page{width:100%;margin:0}
.invoice-print-flow{display:none}
.template-page>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill}
.pdf-overlay{position:absolute;font-size:1.45cqw;line-height:1.45;color:#4f421f}
.invoice-number{top:16.35%;left:58%;width:34.4%;height:4.8%;display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:1fr 1fr;background:#9d7441;color:white;border:1px solid rgba(255,255,255,.6);font-weight:800}
.invoice-number div{display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.55)}
.invoice-client{top:23.25%;left:7.15%;width:85.3%;height:8.45%;padding:1.1cqw 2cqw;background:#fffefb;border:1px solid #9c7440;display:grid;grid-template-columns:1fr 1fr;gap:.2cqw 3cqw}
.invoice-client b{display:block;margin-bottom:.35cqw}
.invoice-table{top:33.05%;left:7.15%;width:85.3%;height:41.15%;background:#f7f4ed}
.invoice-page{isolation:isolate}
.invoice-page-counter{top:31.5%;left:7.15%;width:85.3%;text-align:left;color:#6b5a3b;font-size:1.05cqw;font-weight:700}
.invoice-page .invoice-table{height:auto;min-height:41.15%;overflow:visible}
.invoice-summary-mask{top:74%;left:7%;width:85.7%;height:8.3%;z-index:1;background:#fffefb}
.invoice-table table{min-width:0;height:auto;table-layout:fixed}
.invoice-table th,.invoice-table td{padding:.65cqw .45cqw;border:1px solid #74654e;text-align:center;font-size:1.35cqw}
.invoice-table th{background:#9c7440;color:white}
.invoice-table tbody tr:nth-child(even){background:#ded5c7}
.invoice-table tbody tr:nth-child(odd){background:#f6f2eb}
.invoice-notes{top:74.1%;left:7.15%;width:42.55%;height:7.5%;padding:.8cqw 1cqw;background:#fffefb;border-top:1px solid #9c7440;font-size:1.1cqw;overflow:hidden}
.invoice-notes b{display:block;margin-bottom:.25cqw}
.invoice-notes p{margin:.2cqw 0;white-space:pre-wrap}
.invoice-totals{top:74.1%;left:49.7%;width:42.7%;height:7.5%;background:#fffefb}
.invoice-totals div{height:33.333%;display:grid;grid-template-columns:1.5fr 1fr;align-items:center;border-bottom:1px solid #876d48}
.invoice-totals span,.invoice-totals b{padding:0 .8cqw}
.invoice-totals .grand{background:#9c7440;color:#211a0c}
.quote-data{top:34.7%;width:65%;min-height:25%;box-sizing:border-box;padding:1.8cqw 2.3cqw;background:transparent;font-size:2.1cqw;font-weight:700;line-height:1.75}
.quote-data.ar{right:4.5%;text-align:right}
.quote-data.en{left:6.7%;direction:ltr;text-align:left}
.manual-value{color:#4f421f!important}
.quote-cost .grand .manual-value{color:#f4d98a!important}
.quote-package{top:9.5%;left:6.5%;width:87%;height:82.5%;z-index:2;box-sizing:border-box;padding:3.8cqw 4.5cqw;background:transparent;font-size:1.72cqw;line-height:1.5;overflow:hidden}
.quote-package.en{direction:ltr;text-align:left}.quote-package.ar{direction:rtl;text-align:right}
.quote-package h3{display:none}.quote-package ul{margin:0;padding-inline-start:2.8cqw}.quote-package li{margin-bottom:.8cqw}.quote-package li:first-child{list-style:none;margin-bottom:.35cqw;font-size:2.05cqw;font-weight:900}.quote-package li:nth-child(2){list-style:none;margin-bottom:1.35cqw;font-size:1.75cqw;font-weight:700}
.quote-package-cover{top:63%;left:7.5%;width:85%;height:29%;z-index:2;box-sizing:border-box;overflow:hidden}
.quote-package-layout{top:8.5%;left:7.5%;width:85%;height:83%;z-index:2;box-sizing:border-box;overflow:hidden}
.quote-package-cover.en,.quote-package-layout.en{direction:ltr;text-align:left}
.quote-package-cover.ar,.quote-package-layout.ar{direction:rtl;text-align:right}
.quote-package-cover h3,.quote-package-layout h3{margin:0;padding:1.25cqw 2.2cqw;background:#4b4013;color:#fff;font-size:2.65cqw;font-weight:900;line-height:1.25}
.quote-package-layout h3 small{font-size:1.5cqw;font-weight:700}
.quote-package-items{padding:1.15cqw 2.1cqw}
.quote-package-item{margin:0 0 1.05cqw;break-inside:avoid;page-break-inside:avoid}
.quote-package-item h4{margin:0 0 .3cqw;color:#211d1a;font-size:2.45cqw;font-weight:900;line-height:1.35}
.quote-package-item .package-bullet{display:inline-block;margin-inline-end:.65cqw;color:#211d1a}
.quote-package-item p{margin:0;padding-inline-start:2.05cqw;color:#6b421f;font-size:2.15cqw;font-weight:700;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.quote-page-clean{top:9.5%;left:6.5%;width:87%;height:84.5%;z-index:1;background:#fbfaf6}
.quote-cost{top:17.35%;left:7.25%;width:85.5%;min-height:40%;z-index:2;background:#fbfaf6;box-shadow:0 0 0 .5cqw #fbfaf6}
.quote-cost h3{margin:0;padding:1.4cqw 2cqw;background:#4b4013;color:white;font-size:2.8cqw}
.quote-cost table{min-width:0;table-layout:fixed}
.quote-cost th,.quote-cost td{padding:1.2cqw;border:1px solid #382f1b;font-size:1.7cqw}
.quote-cost th,.quote-cost .grand{background:#4b4013;color:white;font-weight:900}
.quote-notes{top:58.3%;left:7.25%;width:85.5%;height:34.5%;z-index:2;padding:0 2.4cqw 2cqw;background:#fbfaf6;overflow:hidden;font-size:1.65cqw;line-height:1.55}
.quote-notes h3{margin:0 -2.4cqw 1.5cqw;padding:1.3cqw 2.4cqw;background:#4b4013;color:white;font-size:2.7cqw}
.quote-notes p{white-space:pre-wrap}
.quote-notes.en{direction:ltr;text-align:left}
.quote-notes.ar{direction:rtl;text-align:right}
.quote-payment-notice,.quote-payment-notice *{font-family:"Dubai",Tahoma,Arial,sans-serif!important}
.quote-payment-page{background:#fbfaf6}
.quote-payment-notice{inset:9.5% 7% 7.5%;width:auto;height:auto;z-index:2;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:2.8cqw 3.2cqw;background:transparent;border:0;color:#17130f;font-size:2.15cqw;font-weight:700;line-height:1.5;text-align:right;box-shadow:none}
.quote-payment-notice p{margin:0;white-space:normal}
.quote-payment-notice .payment-notice-section p+p{margin-top:1.25cqw}
.quote-payment-notice h3{margin:0 0 .7cqw;padding:.65cqw 1.1cqw;background:#4b4013;color:#fff;font-size:2.35cqw;font-weight:800;line-height:1.3}
.quote-payment-notice strong{font-family:inherit!important;font-weight:700}
.quote-payment-notice .prepared-by{line-height:1.55}
.quote-payment-notice .bank-details{margin:.15cqw 0 0;padding:0 2.4cqw 0 0;line-height:1.55}
.quote-payment-notice .bank-details li{margin:.3cqw 0;padding-right:.25cqw}
.quote-payment-notice .bank-details span[dir="ltr"]{display:inline-block;font-family:"Dubai",Tahoma,Arial,sans-serif!important}
.quote-payment-notice .payment-warning{font-weight:700;text-align:center;line-height:1.55}
.signature-sheet{padding:10%;background:linear-gradient(145deg,#fff 0 75%,#efe4cf 75%);border:1.2cqw solid #a98231}
.signature-sheet.en{direction:ltr;text-align:left}.signature-brand{text-align:center}.signature-brand img{width:22%;height:12cqw;object-fit:contain}.signature-brand h2{margin:3cqw 0 1cqw;color:#4b4013;font-size:4cqw}.signature-brand p{font-size:2cqw}
.quote-signatures{position:absolute;left:9%;top:42%;width:82%;display:grid;grid-template-columns:1fr 1fr;gap:8cqw;padding:3cqw;background:rgba(255,255,255,.94);border:1px solid rgba(75,64,19,.35);font-size:2cqw}
.quote-signatures.en{direction:ltr}.quote-signatures>div{display:grid;gap:1.2cqw}.quote-signatures b{color:#4b4013}.quote-signatures span{height:5cqw;border-bottom:1px solid #4b4013}.quote-signatures small{color:#6e685e}
.activity-panel .panel-head small{color:var(--muted)}
.activity-dot{display:inline-block;width:9px;height:9px;margin-left:9px;border-radius:50%;background:#4d82a0}.activity-dot.create{background:#2f8a51}.activity-dot.delete{background:#b84a42}
.overdue-text{color:#b23535;font-weight:800}
.toast{position:fixed;bottom:22px;left:22px;z-index:200;padding:13px 18px;border-radius:12px;background:#171610;color:white;font-size:13px;font-weight:800;box-shadow:0 15px 40px rgba(0,0,0,.3)}
.error-toast{background:#a52a2a}
.quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.subnav{display:flex;gap:6px;max-width:720px;margin-bottom:20px;padding:6px;border:1px solid var(--line);border-radius:15px;background:#ebe8e1;overflow:auto}
.subnav button{flex:1;min-width:125px;padding:11px 15px;border:0;border-radius:11px;background:transparent;color:#6f685e;font-weight:800;white-space:nowrap}
.subnav button.active{background:#1d1e1e;color:white;box-shadow:0 8px 20px #0002}
.cell-sub{display:block;margin-top:5px;color:var(--muted);font-size:11px}
.stage-select{min-width:135px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#fff}
.bar-list{display:grid;gap:14px;padding:25px}
.bar-row{display:grid;grid-template-columns:130px 1fr 35px;align-items:center;gap:12px;font-size:13px}
.bar-row>div{height:12px;overflow:hidden;border-radius:999px;background:#eeeae1}
.bar-row i{display:block;height:100%;min-width:2px;border-radius:999px;background:linear-gradient(90deg,var(--gold-dark),#cfaa55)}
.metric-note{color:var(--muted);font-size:12px}
.faq-list{display:grid;gap:10px;padding:20px}
.faq-list details{padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fbfaf7}
.faq-list summary{cursor:pointer;font-weight:800}
.faq-list p{line-height:1.8;color:#5f594f;white-space:pre-wrap}
.knowledge-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:16px;padding:24px}
.knowledge-hero h2{margin:0 0 7px}
.knowledge-hero p{margin:0;color:var(--muted);line-height:1.7}
.knowledge-search{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:0 18px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(41,32,17,.04)}
.knowledge-search span{font-size:25px;color:var(--gold-dark)}
.knowledge-search input{width:100%;height:56px;border:0;outline:0;background:transparent;font:inherit}
.search-result-count{margin:8px 4px 15px;color:var(--muted);font-size:12px;font-weight:800}
.keyword-line{display:block;margin-top:12px;color:var(--gold-dark);line-height:1.7}
.services-list{display:grid;gap:16px}
.service-card{padding:24px}
.service-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.service-head h2{margin:0 0 7px;font-size:21px}
.service-head p{margin:0;color:var(--muted);line-height:1.75}
.service-prices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}
.service-prices span{padding:14px 16px;border-radius:13px;background:#f5f1e8}
.service-prices small,.service-prices b{display:block}
.service-prices small{margin-bottom:6px;color:var(--muted)}
.service-prices b{color:var(--gold-dark);font-size:17px}
.service-details{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.service-details>div{padding:16px;border:1px solid var(--line);border-radius:13px}
.service-details b{color:#3f382d}
.service-details p{margin:8px 0 0;line-height:1.8;white-space:pre-wrap;color:#665f55}
.service-details .wide-detail{grid-column:1/-1}
.knowledge-empty{padding:30px;text-align:center}
.secretary-filters{display:flex;gap:10px;margin-bottom:16px}
.secretary-filters select{min-width:180px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit}
.account-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
.treasury-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.treasury-card,.add-card{min-height:180px;padding:22px}
.treasury-card small{color:var(--muted)}
.treasury-card h3{margin:8px 0}
.treasury-card strong{display:block;margin:22px 0;font-size:26px;color:var(--gold-dark)}
.treasury-card .icon-btn{width:auto;padding:0 12px}
.add-card{border:1px dashed var(--gold);color:var(--gold-dark);font-weight:800}
.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}
.badge.in{background:#e7f7ec;color:#247441}.badge.out{background:#fdebea;color:#ad3832}.badge.transfer{background:#e9effc;color:#345fa7}
.permissions{margin-top:22px;padding:24px;line-height:1.8}
.permission-field{padding:13px;border:1px dashed var(--gold);border-radius:12px}.permission-field span{display:block;margin-top:7px;color:var(--muted);font-weight:400}
.checkbox-field{display:flex;align-items:center;gap:8px;padding-top:22px}.checkbox-field input{width:auto;margin:0}
.inline-editor-section .section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px;padding:0;border:0}
.inline-editor-section .section-title h3{margin:0}
@media(max-width:1250px){.stats{grid-template-columns:repeat(2,1fr)}
.account-stats{grid-template-columns:repeat(2,1fr)}
.treasury-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1000px){
.editor-workspace{display:flex;flex-direction:column}
.editor-panel{order:1;max-height:48vh;flex:0 0 auto}
.editor-preview{order:2;flex:1;min-height:52vh}
.settings-grid{grid-template-columns:1fr}
.doc-editor{inset:0 286px 0 0}
.template-page{width:min(210mm,100%)}
}
@media(max-width:780px){.sidebar{transform:translateX(100%);transition:.25s}
.sidebar.open{transform:none}
.sidebar.open{z-index:120}
.main{margin-right:0}
.menu-toggle{display:inline-flex}
.editor-menu{display:inline-flex}
.doc-editor{inset:0}
.topbar{padding:0 14px}
.topbar input{display:none}
.content{padding:22px 15px}
.stats{grid-template-columns:1fr 1fr}
.page-title{font-size:26px}
.form-grid{grid-template-columns:1fr}
.editor-toolbar{height:auto;min-height:66px;flex-wrap:wrap}
.editor-toolbar h2{font-size:15px}
.editor-workspace{height:calc(100vh - 66px)}
.service-grid{grid-template-columns:1fr}
.service-picker{grid-template-columns:1fr}
.service-row .wide{grid-column:auto}
.modal-body{padding:18px}
.quote-data{font-size:2.2cqw}
.treasury-grid{grid-template-columns:1fr}
.bar-row{grid-template-columns:100px 1fr 28px}
.knowledge-hero,.service-head{align-items:stretch;flex-direction:column}
.service-prices,.service-details{grid-template-columns:1fr}
.service-details .wide-detail{grid-column:auto}
.secretary-filters{flex-direction:column}
.secretary-filters select{width:100%;min-width:0}
}
@media(max-width:480px){.stats{grid-template-columns:1fr}
.panel-head{align-items:flex-start;flex-direction:column}
.search{width:100%}
.editor-preview{padding:8px}
.editor-panel{padding:14px}
.btn{padding:0 11px;font-size:12px}
}
@page{size:A4;margin:0}
@media print{html,body,.doc-editor,.editor-preview,.template-page{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
body:not(.printing-doc) .sidebar,body:not(.printing-doc) .topbar{display:none!important}
body:not(.printing-doc) .main{margin:0}.content{max-width:none;padding:12mm}
body.printing-doc>*{visibility:hidden}
body.printing-doc>*:not(.doc-editor){display:none!important}
body.printing-doc>.doc-editor,body.printing-doc>.doc-editor *{visibility:visible}
body.printing-doc .editor-toolbar,body.printing-doc .editor-panel,body.printing-doc .sidebar{display:none!important}
body.printing-doc>.doc-editor{display:block!important;position:static;inset:auto;overflow:visible;background:white}
body.printing-doc .editor-workspace{display:block;height:auto}
body.printing-doc .editor-preview{overflow:visible;padding:0;background:white}
body.printing-doc .invoice-screen-pages{display:none!important}
body.printing-doc .invoice-print-flow{display:block!important}
body.printing-doc .invoice-print-sheet{box-sizing:border-box;width:210mm;height:auto;padding:12mm 13mm;display:block;direction:rtl;background:white;color:#352b1c;border-top:5mm solid #a67d42;break-before:auto;page-break-before:auto;break-after:auto;page-break-after:auto;break-inside:avoid;page-break-inside:avoid}
body.printing-doc .invoice-print-sheet+.invoice-print-sheet{position:relative;top:0;break-before:page;page-break-before:always}
body.printing-doc .invoice-print-sheet+.invoice-print-sheet .invoice-print-client{display:none!important}
body.printing-doc .invoice-print-header{display:grid;grid-template-columns:26mm 1fr 65mm;align-items:center;gap:7mm;margin-bottom:5mm;padding-bottom:5mm;border-bottom:1px solid #a67d42}
body.printing-doc .invoice-print-header img{position:static;width:25mm;height:20mm;object-fit:contain}
body.printing-doc .invoice-print-header h1{margin:0;color:#2a2318;font-size:8mm;line-height:1}
body.printing-doc .invoice-print-header h1 span{display:block;margin-top:2mm;font-size:4mm;letter-spacing:.8mm}
body.printing-doc .invoice-print-header p{margin:3mm 0 0;font-size:3.2mm;font-weight:700}
body.printing-doc .invoice-print-header dl{margin:0;display:grid;border:1px solid #a67d42;font-size:3mm}
body.printing-doc .invoice-print-header dl div{display:grid;grid-template-columns:1fr 1.1fr}
body.printing-doc .invoice-print-header dt,body.printing-doc .invoice-print-header dd{margin:0;padding:1.8mm;border:1px solid #a67d42;text-align:center}
body.printing-doc .invoice-print-header dt{background:#a67d42;color:#fff;font-weight:700}
body.printing-doc .invoice-print-client{display:grid;grid-template-columns:1fr 1fr;gap:8mm;margin-bottom:5mm;padding:4mm;border:1px solid #a67d42;font-size:3.1mm}
body.printing-doc .invoice-print-client>div{display:grid;gap:1mm}
body.printing-doc .invoice-print-client b{font-size:3.6mm;color:#6f5228}
body.printing-doc .invoice-print-table{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed;font-size:2.9mm}
body.printing-doc .invoice-print-table thead{display:table-header-group}
body.printing-doc .invoice-print-table th,body.printing-doc .invoice-print-table td{height:8.2mm;box-sizing:border-box;padding:1.4mm 1mm;border:1px solid #75654f;text-align:center;overflow-wrap:anywhere}
body.printing-doc .invoice-print-table th{background:#a67d42;color:#fff;font-weight:700}
body.printing-doc .invoice-print-table tbody tr:nth-child(odd){background:#faf7f1}
body.printing-doc .invoice-print-table tbody tr:nth-child(even){background:#e6ded1}
body.printing-doc .invoice-print-continued{margin:8mm 0 0;color:#70552e;font-size:3mm;text-align:left}
body.printing-doc .invoice-print-footer{margin-top:8mm;display:grid;grid-template-columns:1fr 1.2fr;gap:0;border-top:1px solid #a67d42;font-size:3.1mm}
body.printing-doc .invoice-print-notes{padding:3mm;border-left:1px solid #a67d42}
body.printing-doc .invoice-print-notes p{margin:1mm 0;white-space:pre-wrap}
body.printing-doc .invoice-print-totals div{display:grid;grid-template-columns:1.5fr 1fr;border-bottom:1px solid #a67d42}
body.printing-doc .invoice-print-totals span,body.printing-doc .invoice-print-totals b{padding:2mm}
body.printing-doc .invoice-print-totals .grand{background:#a67d42;color:#fff}
body.printing-doc .invoice-print-brand-footer{position:relative;height:42mm;margin-top:6mm;overflow:hidden;border-top:1px solid #a67d42}
body.printing-doc .invoice-print-brand-footer img{position:absolute;top:-214mm;left:0;width:100%;height:auto;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
body.printing-doc .template-page{container-type:normal;width:210mm;height:296mm;margin:0;box-shadow:none;break-before:page;page-break-before:always;break-after:auto;page-break-after:auto}
body.printing-doc .invoice-sheet{width:210mm;height:296mm;margin:0;overflow:hidden;break-before:page;page-break-before:always;break-inside:avoid;page-break-inside:avoid}
body.printing-doc .invoice-sheet:first-child{break-before:auto;page-break-before:auto}
body.printing-doc .invoice-sheet .template-page{break-before:auto;page-break-before:auto;break-after:auto;page-break-after:auto}
body.printing-doc .invoice-page{overflow:hidden}
body.printing-doc .pdf-overlay,body.printing-doc .manual-value{opacity:1!important;visibility:visible!important}
body.printing-doc .invoice-table th,body.printing-doc .invoice-table td{font-size:1.35cqw}
body.printing-doc .invoice-table thead{display:table-header-group}
body.printing-doc .invoice-table tr{break-inside:avoid;page-break-inside:avoid}
}

/* v6.9.1 — deterministic browser PDF export (Chrome, Edge and Safari) */
@media print{
html,body{width:210mm!important;min-width:210mm!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important}
body.printing-doc{display:block!important}
body.printing-doc>*{visibility:visible!important}
body.printing-doc>:not(.doc-editor){display:none!important}
body.printing-doc>.doc-editor{position:static!important;inset:auto!important;width:210mm!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important}
body.printing-doc .editor-workspace,body.printing-doc .editor-preview{display:block!important;width:210mm!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important}

/* A page finishes the current sheet; no sheet forces a break before itself. */
body.printing-doc .template-page{box-sizing:border-box!important;container-type:normal!important;width:210mm!important;height:296mm!important;min-height:296mm!important;max-height:296mm!important;margin:0!important;overflow:hidden!important;box-shadow:none!important;break-before:auto!important;page-break-before:auto!important;break-after:page!important;page-break-after:always!important;break-inside:avoid!important;page-break-inside:avoid!important}
body.printing-doc .template-page:last-child{break-after:auto!important;page-break-after:auto!important}

body.printing-doc .invoice-print-flow{display:block!important;width:210mm!important;margin:0!important;padding:0!important}
body.printing-doc .invoice-print-sheet{box-sizing:border-box!important;width:210mm!important;height:296mm!important;min-height:296mm!important;max-height:296mm!important;margin:0!important;padding:7mm 11mm!important;overflow:hidden!important;border-top-width:4mm!important;break-before:auto!important;page-break-before:auto!important;break-after:page!important;page-break-after:always!important;break-inside:avoid!important;page-break-inside:avoid!important}
body.printing-doc .invoice-print-sheet:last-child{break-after:auto!important;page-break-after:auto!important}
body.printing-doc .invoice-print-header{gap:5mm!important;margin-bottom:3mm!important;padding-bottom:3mm!important}
body.printing-doc .invoice-print-client{margin-bottom:3mm!important;padding:3mm!important}
body.printing-doc .invoice-print-table th,body.printing-doc .invoice-print-table td{height:7.2mm!important;padding:1mm .8mm!important}
body.printing-doc .invoice-print-footer{margin-top:4mm!important}
body.printing-doc .invoice-print-totals span,body.printing-doc .invoice-print-totals b{padding:1.35mm 2mm!important}
body.printing-doc .invoice-print-brand-footer{height:35mm!important;margin-top:4mm!important}
body.printing-doc .invoice-print-brand-footer img{top:-220mm!important}
}




/* v6.9 granular employee permissions */
.permission-checklist{grid-column:1/-1;border:1px solid #d6c4a7;border-radius:16px;padding:16px;background:#fffaf2}
.permission-head{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}
.permission-head span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.permission-actions{display:flex;gap:8px;flex-wrap:wrap}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.permission-option{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #e5d7c1;border-radius:11px;background:white;cursor:pointer}.permission-option input{width:18px;height:18px;accent-color:#9c7440}.permission-option span{font-weight:650}.field-wide{grid-column:1/-1}
.invoice-client-mask{top:23.1%;left:7%;width:85.5%;height:8.7%;background:#fffefb;z-index:2}
.invoice-totals-expanded{height:11.5%;top:74.1%}.invoice-totals-expanded div{height:20%}.invoice-final .invoice-notes{top:74.1%;height:11.5%}
@media(max-width:720px){.permission-grid{grid-template-columns:1fr}.permission-head{align-items:flex-start;flex-direction:column}}

/* v6.13.1 UX fixes */
.field input[readonly],.field input:disabled{background:#f3f1ec;color:#756f66;cursor:not-allowed}
.field input[data-number="1"]{direction:ltr;text-align:right;font-variant-numeric:tabular-nums}
.report-client-controls{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:12px;align-items:end;margin:14px 0 20px}
.report-client-controls .field{margin:0}
.client-report-preview{margin-top:12px;padding-top:8px;border-top:1px solid var(--line)}
.client-report-preview h3{margin:18px 0 10px}
@media(max-width:760px){.report-client-controls{grid-template-columns:1fr}.report-client-controls .btn{width:100%}}
.form-note{grid-column:1/-1;margin:2px 0 10px;padding:10px 12px;border:1px dashed var(--line);border-radius:10px;background:#faf8f3;color:var(--muted);font-size:12px;line-height:1.6}