@font-face{font-family:'Cairo';src:url('fonts/Cairo-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Cairo';src:url('fonts/Cairo-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Cairo';src:url('fonts/Cairo-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Cairo';src:url('fonts/Cairo-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Cairo';src:url('fonts/Cairo-800.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
:root{--navy:#081a35;--navy-2:#0d274c;--blue:#1d6fd6;--gold:#f6a623;--bg:#f5f7fb;--card:#fff;--text:#15233b;--muted:#77839a;--line:#e7ebf2;--ok:#16835d;--warn:#b46d00;--danger:#b93232;--shadow:0 10px 28px rgba(15,35,70,.07)}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text);font-weight:500;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button{font-family:'Cairo','Segoe UI',sans-serif}
[hidden]{display:none!important}
.topbar{height:76px;background:linear-gradient(135deg,var(--navy),#0a2143);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:20;box-shadow:0 6px 22px rgba(7,21,45,.15)}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.logo{width:46px;height:46px;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.18);flex:0 0 46px}
.logo img{display:block!important;width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;object-fit:contain!important;margin:0!important}
.brand strong{display:block;font-size:17px;font-weight:800;letter-spacing:.2px}
.brand small{display:block;color:#aebbd1;font-size:10.5px;margin-top:1px;white-space:nowrap}
.top-actions{display:flex;align-items:center;gap:9px}
.top-actions select{min-width:180px;padding:9px 12px;border-radius:10px;border:1px solid #30466a;background:#0f2b52;color:#fff;outline:0}
.badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:700}
.badge.ok{background:#153f34;color:#d8fff0}.badge.warn{background:#5d4218;color:#ffe7ba}.badge.local{background:#18365f;color:#dce9ff}
.layout{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:calc(100vh - 76px)}
.sidebar{background:#fff;border-left:1px solid var(--line);padding:18px 12px;position:sticky;top:76px;height:calc(100vh - 76px);overflow:auto}
.sidebar-title{padding:4px 12px 12px;color:#9aa5b7;font-size:10px;font-weight:700;letter-spacing:.3px}
.nav{width:100%;min-height:46px;border:0;background:transparent;display:flex;align-items:center;gap:11px;text-align:right;padding:10px 12px;border-radius:11px;margin-bottom:5px;cursor:pointer;color:#44516a;font-size:13px;font-weight:700;transition:.18s ease}
.nav svg{width:20px;height:20px;flex:0 0 20px;color:#8d98aa;transition:.18s ease}
.nav:hover{background:#f2f5fa;color:var(--navy)}
.nav.active{background:linear-gradient(135deg,#edf4ff,#f5f8fd);color:#0d4d9d;box-shadow:inset -3px 0 0 var(--blue)}
.nav.active svg{color:var(--blue)}
.content{padding:28px;min-width:0}
.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.page-head h1{margin:0;font-size:25px;line-height:1.35;font-weight:800;color:#12213a}
.page-head p{margin:6px 0 0;color:var(--muted);font-size:12px;font-weight:500}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.metric{position:relative;overflow:hidden;min-height:118px}
.metric:after{content:'';position:absolute;inset:auto auto -34px -34px;width:92px;height:92px;border-radius:50%;background:#f2f6fc}
.metric span{display:block;color:var(--muted);font-size:11.5px;font-weight:600}
.metric strong{display:block;font-size:24px;line-height:1.2;margin-top:11px;font-weight:800;color:#14243d;position:relative;z-index:1}
.grid2{display:grid;grid-template-columns:1.35fr .65fr;gap:15px;margin-top:15px}
.section-title{font-size:15px;font-weight:800;margin:0 0 13px;color:#20304b}
.table-wrap{overflow:auto;border-radius:10px}
.table{width:100%;border-collapse:separate;border-spacing:0}
.table th,.table td{padding:12px 11px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;vertical-align:middle}
.table th{font-size:10.5px;color:#8b96a8;font-weight:700;background:#fafbfd}
.table td{font-size:12px}
.table tbody tr:hover{background:#fbfcfe}
.pill{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;padding:4px 9px;border-radius:999px;background:#eef2f7;color:#5a6679}
.pill.green{background:#e9f7f1;color:#147353}.pill.orange{background:#fff3df;color:#9c6200}
.actions{display:flex;gap:8px;align-items:center}.actions.wrap{flex-wrap:wrap}
.btn{border:0;border-radius:10px;padding:9px 14px;cursor:pointer;font-size:12px;font-weight:800;transition:.16s ease}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:linear-gradient(135deg,#f6a623,#ffb838);color:#1b273d;box-shadow:0 6px 14px rgba(246,166,35,.2)}
.btn.secondary{background:#eef3f9;color:#33425c}.btn.ghost{background:#ffffff12;color:#fff;border:1px solid #ffffff30}.btn.danger{background:#fff0f0;color:var(--danger)}
.note{padding:12px 13px;border-radius:11px;background:#fff9ed;border:1px solid #f5dfb5;color:#7a5209;font-size:12px}
.input{width:100%;border:1px solid #dfe5ee;border-radius:10px;padding:10px 11px;background:#fff;color:var(--text);font-size:12px;transition:.16s ease}
.input:focus{outline:0;border-color:#6ba4ea;box-shadow:0 0 0 3px rgba(29,111,214,.1)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.form-grid label,.block-label{display:flex;flex-direction:column;gap:6px;font-size:10.5px;font-weight:700;color:#7e899c}
.form-grid .span2{grid-column:1/-1}.textarea{min-height:82px;resize:vertical}
.master-grid{grid-template-columns:minmax(330px,.65fr) minmax(520px,1.35fr);margin-top:0}
.top-gap{margin-top:14px}.helper{min-height:20px;margin:8px 0 0;color:var(--ok);font-size:11px}
.table-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.table-head .section-title{margin:0}.search-input{max-width:260px}
.cell-sub{display:block;color:var(--muted);font-size:10px;margin-top:3px}
.invoice-workspace{display:grid;grid-template-columns:minmax(420px,.8fr) minmax(560px,1.2fr);gap:16px;align-items:start}
.invoice-editor{position:sticky;top:94px}.invoice-items .num{min-width:100px}.invoice-items .inv-desc{min-width:220px}.row-total{font-weight:800}
.invoice-paper{background:#e5e9f0;border-radius:16px;padding:18px;overflow:auto}
.invoice-sheet{background:#fff;min-height:297mm;width:210mm;max-width:100%;margin:auto;padding:var(--invoice-margin,14mm);box-shadow:0 12px 34px rgba(20,35,60,.12);display:flex;flex-direction:column;gap:18px}
.invoice-letterhead{display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--gold);padding-bottom:12px}
.invoice-brand{display:flex;align-items:center;gap:12px}.invoice-brand img{width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important;object-fit:contain!important}
.invoice-brand h2{margin:0;color:var(--navy);font-size:21px;font-weight:800}.invoice-brand span,.company-meta span{font-size:10px;color:var(--muted)}
.company-meta{display:flex;flex-direction:column;gap:3px;text-align:left;direction:ltr;max-width:300px;font-size:10px}
.invoice-title,.invoice-party{display:flex;justify-content:space-between;gap:20px}.invoice-title h1{margin:0 0 5px;font-size:20px;font-weight:800}
.invoice-title>div,.invoice-party>div{display:flex;flex-direction:column;gap:4px}
.invoice-party{background:#f7f9fc;border:1px solid var(--line);border-radius:10px;padding:12px}
.print-table{width:100%;border-collapse:collapse}.print-table th,.print-table td{border:1px solid #dfe3ea;padding:8px;text-align:right}
.print-table th{background:#0b1d38;color:#fff;font-size:10.5px;font-weight:700}.print-table td{font-size:11px}
.invoice-summary{margin-right:auto;width:min(360px,100%);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.invoice-summary>div{display:flex;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--line);font-size:11px}
.invoice-summary>div:last-child{border-bottom:0}.invoice-summary .grand{background:#fff4e3;font-size:13px;font-weight:800}
.invoice-notes{border-top:1px dashed #c9ced8;padding-top:10px;font-size:11px}
.invoice-footer{margin-top:auto;display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:10px;color:var(--muted);font-size:9px}
.invoice-sheet.preprinted .invoice-letterhead,.invoice-sheet.preprinted .invoice-footer{visibility:hidden}
@media(max-width:1350px){.invoice-workspace{grid-template-columns:1fr}.invoice-editor{position:static}.invoice-sheet{width:100%;min-height:auto}}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.grid2,.master-grid{grid-template-columns:1fr}.layout{grid-template-columns:228px minmax(0,1fr)}}
@media(max-width:760px){.topbar{height:68px;padding:0 12px}.layout{grid-template-columns:1fr;min-height:calc(100vh - 68px)}.sidebar{position:static;height:auto;display:flex;gap:6px;overflow:auto;padding:8px;border-left:0;border-bottom:1px solid var(--line)}.sidebar-title{display:none}.nav{min-width:128px;justify-content:center;margin:0;padding:9px}.nav span{font-size:11px}.content{padding:14px}.cards{grid-template-columns:1fr 1fr}.brand small{display:none}.top-actions select{min-width:130px;max-width:150px}.form-grid{grid-template-columns:1fr}.invoice-paper{padding:6px}.invoice-sheet{padding:8mm}.invoice-title,.invoice-party{flex-direction:column}.invoice-letterhead{align-items:flex-start}.company-meta{text-align:right;direction:rtl}}
@media print{@page{size:A4;margin:0}body{background:#fff}body>*{display:none!important}.layout,.content,#app,#invoicePaper{display:block!important}#invoicePaper{position:absolute!important;inset:0!important;width:210mm!important;padding:0!important;background:#fff!important;border-radius:0!important}.invoice-sheet{display:flex!important;width:210mm!important;min-height:297mm!important;margin:0!important;padding:var(--invoice-margin,14mm)!important;box-shadow:none!important;border-radius:0!important}.invoice-sheet.preprinted{padding-top:34mm!important;padding-bottom:24mm!important}.invoice-sheet.preprinted .invoice-letterhead,.invoice-sheet.preprinted .invoice-footer{display:none!important}.print-table thead{display:table-header-group}.print-table tr{break-inside:avoid}}

.metric-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:2}
.metric-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#eef5ff;color:var(--blue);box-shadow:inset 0 0 0 1px #dbe9fb}
.metric-icon svg{width:20px;height:20px}
.metric:nth-child(2) .metric-icon{background:#eef9f4;color:#16835d;box-shadow:inset 0 0 0 1px #d9efe5}
.metric:nth-child(3) .metric-icon{background:#fff6e8;color:#b46d00;box-shadow:inset 0 0 0 1px #f6e6c7}
.metric:nth-child(4) .metric-icon{background:#fff0f0;color:#b93232;box-shadow:inset 0 0 0 1px #f3dada}

.icon-sprite{position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important}

.compact-top{margin-top:7px}
.project-grid{align-items:start}
.inventory-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:15px}
.inventory-bottom{margin-top:0}
.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.card-head .section-title{margin:0}
.card-head small,.table-head small{display:block;color:var(--muted);font-size:9.5px;margin-top:2px}
.toggle-label{min-height:42px;display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#fafbfd;color:#45516a!important}
.toggle-label input{width:16px;height:16px;accent-color:var(--blue)}
.stock-low{color:var(--danger);font-weight:800}
@media(max-width:1050px){.inventory-layout{grid-template-columns:1fr}}

.multi-select{min-height:108px}
.rfq-line-editor{display:grid;grid-template-columns:1.2fr .45fr 1fr auto;gap:8px;align-items:end;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.mini-list{display:flex;flex-direction:column;gap:7px;margin-top:12px}
.mini-row{display:grid;grid-template-columns:1.2fr 1fr auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fafbfd}
.mini-row b{display:block;font-size:11px}.mini-row small{display:block;color:var(--muted);font-size:9.5px;margin-top:2px}.mini-row>span{font-size:10px;color:#61708a}
.icon-button{width:28px;height:28px;border:0;border-radius:8px;background:#fff0f0;color:var(--danger);cursor:pointer;font-weight:800}
.empty-state{padding:14px;border:1px dashed #d8deea;border-radius:10px;color:#929caf;text-align:center;font-size:11px}
.finance-grid{align-items:start}.expense-calc{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.expense-calc span,.finance-summary>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#fafbfd;font-size:10.5px}
.finance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.finance-summary b,.expense-calc b{font-size:11px;color:#1e2e49}
@media(max-width:900px){.rfq-line-editor{grid-template-columns:1fr 1fr}.rfq-line-editor .btn{grid-column:1/-1}.expense-calc,.finance-summary{grid-template-columns:1fr}}

.dashboard-date{font-size:11px;color:#8390a6;background:#fff;border:1px solid var(--line);padding:8px 11px;border-radius:10px;box-shadow:var(--shadow)}
.live-dot{display:inline-flex;align-items:center;gap:6px;font-size:9.5px;color:#16835d;font-weight:800}.live-dot:before{content:'';width:7px;height:7px;border-radius:50%;background:#21b37f;box-shadow:0 0 0 4px #21b37f18}
.review-stack{display:flex;flex-direction:column;gap:8px}
.review-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fafbfd;font-size:11px}
.review-row span{color:#6e7b91}.review-row b{color:#17263f;font-size:12px}

.subnav{display:flex;gap:8px;margin:-6px 0 16px}.subnav-btn{border:1px solid var(--line);background:#fff;color:#66738a;border-radius:10px;padding:9px 14px;font-weight:800;font-size:11px;cursor:pointer}.subnav-btn.active{background:#102847;color:#fff;border-color:#102847}
.contracts-grid,.claims-grid{display:grid;grid-template-columns:minmax(560px,1.15fr) minmax(440px,.85fr);gap:15px;align-items:start}
.boq-builder{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.boq-toolbar{display:grid;grid-template-columns:.75fr 1fr 1.2fr .5fr .7fr .85fr auto;gap:7px;align-items:end}
.boq-section{margin-top:10px;padding:7px 10px;border-radius:8px;background:#0d274c;color:#fff;font-size:10px;font-weight:800}
.boq-line{display:grid;grid-template-columns:1.8fr .8fr auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-top:0;background:#fff}.boq-line b{display:block;font-size:11px}.boq-line small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.boq-line>span{font-size:10px;color:#5f6c82}
.contract-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.contract-totals>div{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fafbfd;font-size:10px}.contract-totals .grand{background:#fff4e3;border-color:#f4dfb8}
.claim-info{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.claim-info>div{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fafbfd}.claim-info span{display:block;color:var(--muted);font-size:9px}.claim-info b{display:block;font-size:10.5px;margin-top:3px}
.claim-delivery-head{display:flex;justify-content:space-between;align-items:center;margin:14px 0 8px}.claim-delivery-head b{font-size:11px}.claim-delivery-head span{font-size:9px;color:var(--muted)}
.claim-delivery-table .input{min-width:100px;padding:7px 8px}
.claim-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:14px}.claim-metrics>div{padding:9px;border:1px solid var(--line);border-radius:9px;background:#fafbfd}.claim-metrics span{display:block;font-size:8.5px;color:var(--muted)}.claim-metrics b{display:block;font-size:10.5px;margin-top:3px}.claim-metrics .claim-current{background:#eaf7f1;border-color:#cce9dc}.claim-metrics .claim-current b{color:#116c4e}
.tax-split{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.tax-split span{padding:7px 9px;border-radius:8px;background:#f5f7fa;font-size:9.5px}
.claim-print-area{display:none}.claim-signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:auto;padding-top:36px}.claim-signatures>div{border-top:1px solid #aab3c2;padding-top:7px;text-align:center;font-size:10px}
@media(max-width:1350px){.contracts-grid,.claims-grid{grid-template-columns:1fr}.boq-toolbar{grid-template-columns:repeat(3,1fr)}.claim-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.boq-toolbar{grid-template-columns:1fr}.claim-info{grid-template-columns:1fr 1fr}.contract-totals{grid-template-columns:1fr}.claim-metrics{grid-template-columns:1fr}}
@media print{#claimPrintArea:not(:empty){display:block!important;position:absolute!important;inset:0!important;background:#fff!important;z-index:9999!important}#claimPrintArea:not(:empty) .claim-sheet{display:flex!important}}

.share-open{overflow:hidden}
.share-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:18px}
.share-modal[hidden]{display:none!important}
.share-backdrop{position:absolute;inset:0;background:rgba(5,16,35,.56);backdrop-filter:blur(4px)}
.share-panel{position:relative;width:min(720px,96vw);max-height:92vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 70px rgba(5,17,38,.28);padding:18px}
.share-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.share-panel-head h3{margin:0;font-size:16px;font-weight:800}.share-panel-head p{margin:4px 0 0;color:var(--muted);font-size:10px}
.share-close{width:34px;height:34px;border:0;border-radius:10px;background:#f2f5f9;color:#536178;font-size:22px;cursor:pointer}
.share-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.share-action{min-height:94px;border:1px solid var(--line);border-radius:14px;background:#fbfcfe;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;color:#24334e;transition:.16s}
.share-action:hover{transform:translateY(-2px);border-color:#c9d8ee;box-shadow:0 8px 22px rgba(20,40,80,.08);background:#fff}
.share-action>span{font-size:18px;font-weight:800;color:var(--blue)}.share-action>b{font-size:11px}.share-action>small{font-size:8.5px;color:var(--muted)}
.share-action:disabled{opacity:.58;cursor:wait;transform:none}
.share-status{margin-top:14px;padding:10px 12px;border-radius:10px;background:#f4f7fb;color:#67748a;font-size:10px;line-height:1.7}.share-status.error{background:#fff1f1;color:#a23333}
.share-pdf-preview{margin-top:14px;border:1px solid var(--line);padding:12px;border-radius:12px;background:#f5f8fc}.share-pdf-preview[hidden]{display:none!important}.share-pdf-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:10px;font-size:12px}.share-pdf-actions .actions{display:flex;gap:8px;flex-wrap:wrap}.share-pdf-preview iframe{display:block;width:100%;height:min(52vh,460px);min-height:230px;border:1px solid #d5dfec;background:#fff;border-radius:8px}.share-pdf-preview .helper{display:block;margin-top:8px}.share-pdf-stage{position:fixed;left:-12000px;top:0;width:210mm;background:#fff;z-index:-1}.share-pdf-stage .share-pdf-document{display:flex!important;width:210mm!important;min-height:297mm!important;max-width:none!important;box-shadow:none!important;margin:0!important}
.owner-total-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:15px}.owner-metric span{display:block;color:var(--muted);font-size:10px}.owner-metric b{display:block;font-size:16px;margin-top:7px}.owner-metric small{display:block;font-size:8.5px;color:var(--muted);margin-top:3px}.owner-lock{font-size:10px;font-weight:800;background:#111d32;color:#fff;padding:8px 11px;border-radius:999px}.positive-profit{color:#147353}.negative-profit{color:#b93232}.owner-note{margin-top:12px;padding:10px 12px;border-radius:10px;background:#fff7e9;border:1px solid #f4dfb8;color:#7b5719;font-size:9.5px}
.stock-availability{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px;align-items:center;margin-top:10px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fafbfd;font-size:9.5px}.stock-availability span{color:var(--muted)}.stock-availability b{font-size:10px}
@media(max-width:900px){.owner-total-cards{grid-template-columns:1fr 1fr}.share-actions-grid{grid-template-columns:1fr 1fr}}

.rfq-terms{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fafbfd;font-size:9.5px}.rfq-terms b{width:100%;font-size:10px}.rfq-terms span{padding:5px 8px;border-radius:8px;background:#fff;border:1px solid var(--line)}
.contract-payment-box{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;font-size:9.5px}.contract-payment-box b{width:100%}.contract-payment-box span{padding:5px 8px;border-radius:8px;background:#fff;border:1px solid var(--line)}
.print-section-row td{background:#eef3f9!important;color:#20304b!important;font-weight:800!important;text-align:right!important}
.approval-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:15px}.approval-metric span{display:block;color:var(--muted);font-size:10px}.approval-metric b{display:block;font-size:22px;margin-top:6px}.approval-history-card{margin-top:15px}
.audit-list{display:flex;flex-direction:column;gap:8px}.audit-row{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fafbfd}.audit-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);margin-top:5px;flex:0 0 8px}.audit-row b{display:block;font-size:10.5px}.audit-row small{display:block;color:var(--muted);font-size:8.5px;margin-top:2px}
@media(max-width:760px){.approval-summary{grid-template-columns:1fr}.share-panel{padding:14px}.share-actions-grid{grid-template-columns:1fr 1fr}}

.po-grid{margin-top:15px;align-items:start}.po-lines{margin-top:14px}.po-lines .table .input{min-width:110px;padding:7px 8px}
.po-sheet .invoice-summary{margin-top:6px}

.documents-grid{display:grid;grid-template-columns:minmax(560px,1.1fr) minmax(440px,.9fr);gap:15px;align-items:start}
.doc-line-editor{display:grid;grid-template-columns:1fr 1.25fr .45fr 1fr auto;gap:8px;align-items:end;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.document-clause{margin-top:12px;padding:11px 12px;border-radius:10px;background:#fff8eb;border:1px solid #f0dfbf;color:#6f531f;font-size:9.5px;line-height:1.8}
.document-clause b{display:block;font-size:10px;margin-bottom:2px}.document-clause p{margin:0}
.retained-title-print{padding:11px 12px;border:1px solid #e7d7ad;border-radius:9px;background:#fff9ec;font-size:10px;line-height:1.8}
.recipient-box{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fafbfd}
.recipient-box span{display:block;color:var(--muted);font-size:9px}.recipient-box b{display:block;font-size:10.5px;margin-top:3px}
@media(max-width:1200px){.documents-grid{grid-template-columns:1fr}.doc-line-editor{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.doc-line-editor{grid-template-columns:1fr}.recipient-box{grid-template-columns:1fr}}

.finance-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}
.finance-transactions{margin-top:15px}.finance-ledger-card{margin-top:15px}
.finance-doc-amount{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border-radius:12px;background:#0d274c;color:#fff}
.finance-doc-amount span{font-size:12px}.finance-doc-amount b{font-size:22px}
@media(max-width:1050px){.finance-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.finance-kpis{grid-template-columns:1fr}}

.settings-grid{display:grid;grid-template-columns:minmax(560px,1.1fr) minmax(380px,.9fr);gap:15px;align-items:start}
.settings-logo-preview{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fafbfd;margin-bottom:14px}
.settings-logo-preview img{width:58px;height:58px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid var(--line)}
.settings-logo-preview b{display:block;font-size:12px}.settings-logo-preview small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.color-input{height:42px;padding:5px}
.white-label-info{display:flex;flex-direction:column;gap:9px;margin-bottom:14px}.white-label-info>div{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fafbfd}.white-label-info b{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#0d274c;color:#fff;font-size:10px;flex:0 0 24px}.white-label-info span{font-size:10px;line-height:1.7;color:#5f6c82}
.settings-sample{margin-top:15px;padding:12px;border:1px dashed #ccd5e4;border-radius:12px}.settings-sample>span{display:block;color:var(--muted);font-size:9px;margin-bottom:10px}.settings-sample-head{display:flex;align-items:center;gap:10px}.settings-sample-head img{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:10px}.settings-sample-head b{display:block;font-size:12px}.settings-sample-head small{display:block;font-size:9px;color:var(--muted)}
@media(max-width:1100px){.settings-grid{grid-template-columns:1fr}}

.settings-backup{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.settings-backup h3{margin:0 0 4px;font-size:12px}.settings-backup p{margin:0 0 10px;color:var(--muted);font-size:9.5px;line-height:1.7}
.file-button{display:inline-flex;align-items:center;justify-content:center}

.auth-overlay{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:18px;background:linear-gradient(135deg,#07182f,#0d2b54)}
.auth-overlay[hidden]{display:none!important}.auth-card{width:min(420px,94vw);background:#fff;border-radius:20px;padding:24px;box-shadow:0 28px 80px rgba(0,0,0,.32)}
.auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:22px}.auth-brand img{width:54px;height:54px;object-fit:contain;border-radius:11px;border:1px solid var(--line)}.auth-brand b{display:block;font-size:15px}.auth-brand small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.auth-card h2{margin:0;font-size:20px}.auth-card>p{margin:5px 0 16px;color:var(--muted);font-size:10px}.auth-card label{display:flex;flex-direction:column;gap:6px;margin-bottom:11px;font-size:10px;font-weight:700;color:#69768d}.auth-login{width:100%;margin-top:4px}.auth-message{min-height:20px;margin-top:9px;color:#a23333;font-size:10px;text-align:center}.auth-offline{margin-top:7px;color:#7c8799;font-size:9px;text-align:center}
.user-chip{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#ffffff12;border:1px solid #ffffff20;color:#e9f0fa;font-size:10px;font-weight:700}

.share-action .share-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eef5ff;color:var(--blue);font-size:10px;font-weight:800}
.share-action .share-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.share-action .pdf-badge{letter-spacing:.4px;font-size:9px}

.contract-wizard-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:15px}
.contract-wizard-card{padding:20px}
.wizard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.wizard-head .section-title{margin:0}.wizard-head small{display:block;color:var(--muted);font-size:9.5px;margin-top:3px}
.wizard-step-label{padding:7px 10px;border-radius:999px;background:#eef4fb;color:#52627a;font-size:9.5px;font-weight:800;white-space:nowrap}
.wizard-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}
.wizard-step{position:relative;border:1px solid var(--line);background:#fafbfd;border-radius:12px;padding:10px 8px;display:flex;align-items:center;justify-content:center;gap:7px;color:#7c8798;font-size:10px;font-weight:800;cursor:pointer}
.wizard-step b{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#e9eef5;color:#637189;font-size:9px}
.wizard-step.active{background:#eef5ff;border-color:#bdd4f1;color:#145ba8}.wizard-step.active b{background:var(--blue);color:#fff}
.wizard-step.done{background:#edf8f3;border-color:#d4eadf;color:#26745a}.wizard-step.done b{background:#19845f;color:#fff}
.wizard-panel{min-height:310px}.wizard-panel[hidden]{display:none!important}
.contract-textarea{min-height:150px}.contract-terms{min-height:220px;line-height:1.9}
.wizard-tip{margin-top:12px;padding:10px 12px;border-radius:10px;background:#f4f7fb;color:#68758a;font-size:9.5px;line-height:1.7}
.wizard-boq{margin-top:0;padding-top:0;border-top:0}
.wizard-footer{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border-top:1px solid var(--line);margin-top:18px;padding-top:14px}
.wizard-footer-center{text-align:center;min-height:22px}.wizard-footer-center .helper{margin:0;color:#a04c27}
.financial-preview{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.financial-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.financial-summary-grid>div{padding:11px;border:1px solid var(--line);border-radius:10px;background:#fafbfd}.financial-summary-grid span{display:block;color:var(--muted);font-size:9px}.financial-summary-grid b{display:block;margin-top:4px;font-size:12px}.financial-summary-grid .grand{background:#fff4e3;border-color:#efdcbb}
.payment-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.payment-timeline>div{padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff}.payment-timeline b{display:inline-grid;place-items:center;min-width:38px;height:28px;padding:0 8px;border-radius:999px;background:#0d274c;color:#fff;font-size:10px}.payment-timeline span{display:block;font-size:9.5px;color:#657188;margin-top:8px}.payment-timeline strong{display:block;font-size:12px;margin-top:5px}.payment-timeline small{display:block;color:var(--muted);font-size:8.5px;margin-top:3px}
.contract-review{display:flex;flex-direction:column;gap:11px}.review-title{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.review-title>div{padding:10px;border-radius:10px;background:#f7f9fc;border:1px solid var(--line)}.review-title span{display:block;color:var(--muted);font-size:8.5px}.review-title b{display:block;font-size:10.5px;margin-top:3px}
.review-block{padding:13px;border:1px solid var(--line);border-radius:11px;background:#fff}.review-block h3{margin:0 0 8px;font-size:11px;color:#233552}.review-block p{margin:0;font-size:10px;line-height:1.9;color:#4f5d74}.review-section td{background:#eef3f9!important;font-weight:800!important}
.review-meta,.review-finance{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.review-meta span,.review-finance span{padding:6px 8px;border-radius:8px;background:#f6f8fb;font-size:9px}.review-finance b{margin-right:4px}
.contract-registry{margin-top:0}
.contract-subject{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fafbfd;font-size:10px}.contract-subject b{color:#1a2d4b}.contract-subject span{color:#526078}
.contract-print-section{display:flex;flex-direction:column;gap:8px}.contract-print-section h3{margin:0;font-size:12px;color:#14243d;border-right:3px solid var(--gold);padding-right:7px}.contract-print-section p{margin:0;font-size:10px;line-height:1.9;color:#3f4c62}
.contract-periods{display:flex;flex-wrap:wrap;gap:7px}.contract-periods span{padding:6px 8px;border-radius:7px;background:#f6f8fb;border:1px solid var(--line);font-size:9px}
@media(max-width:900px){.wizard-progress{grid-template-columns:1fr 1fr}.wizard-step:last-child{grid-column:1/-1}.financial-summary-grid,.payment-timeline,.review-title{grid-template-columns:1fr}}

.auth-card-wide{width:min(720px,96vw)}
.auth-setup-grid{margin:12px 0 14px}
.setup-steps-mini{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.setup-steps-mini span{padding:5px 8px;border-radius:999px;background:#f1f4f8;color:#7a8799;font-size:8.5px;font-weight:700}.setup-steps-mini span.active{background:#eaf3ff;color:#155da8}
.users-settings-card{margin-top:15px}.user-create-grid{display:grid;grid-template-columns:1fr 1fr .9fr 1fr auto;gap:8px;align-items:end;margin:12px 0}
.users-settings-card .table-head small{color:var(--muted);font-size:9px}
@media(max-width:1050px){.user-create-grid{grid-template-columns:1fr 1fr}.user-create-grid .btn{grid-column:1/-1}}
@media(max-width:650px){.auth-card-wide{width:96vw}.user-create-grid{grid-template-columns:1fr}}

/* Contract section builder */
.contract-builder-shell{display:grid;grid-template-columns:1fr;gap:14px}
.contract-meta-card{padding:18px}.builder-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.builder-title-row .section-title{margin:0}.builder-title-row small{display:block;color:var(--muted);font-size:9.5px;margin-top:3px}
.contract-meta-grid{margin-top:14px}
.section-picker{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.section-picker-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.section-picker-title b{font-size:11px}.section-picker-title span{font-size:9px;color:var(--muted)}
.section-picker-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.section-toggle{border:1px solid var(--line);background:#fafbfd;border-radius:12px;padding:10px;text-align:right;cursor:pointer;display:grid;grid-template-columns:34px 1fr;column-gap:8px;align-items:center;transition:.15s ease}
.section-toggle>span{grid-row:1/3;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#e9eef5;color:#6d7b91;font-size:9px;font-weight:800}
.section-toggle b{font-size:10px;color:#253653}.section-toggle small{font-size:8px;color:#8994a6;margin-top:2px}
.section-toggle.active{background:#eef5ff;border-color:#bdd4f1;box-shadow:0 4px 14px rgba(30,93,157,.06)}
.section-toggle.active>span{background:var(--blue);color:#fff}.section-toggle.active b{color:#155ca8}
.contract-part{padding:18px}.contract-part[hidden]{display:none!important}
.contract-part-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.contract-part-head>div:first-child{display:flex;align-items:center;gap:10px}.part-no{width:34px;height:34px;border-radius:10px;background:#0d274c;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:800}
.contract-part-head h3{margin:0;font-size:12px;color:#1d2e4a}.contract-part-head small{display:block;color:var(--muted);font-size:8.5px;margin-top:2px}
.part-hide{border:1px solid var(--line);background:#fff;color:#718096;border-radius:8px;padding:6px 9px;font-size:8.5px;cursor:pointer}
.contract-review-card{border-color:#cddbeb;background:#fbfdff}
@media(max-width:1050px){.section-picker-buttons{grid-template-columns:repeat(2,1fr)}.section-toggle:last-child{grid-column:1/-1}}
@media(max-width:650px){.builder-title-row,.section-picker-title{flex-direction:column;align-items:stretch}.section-picker-buttons{grid-template-columns:1fr}}

/* AY branded contract document */
.ay-contract-paper{position:relative;gap:13px}
.ay-contract-header{display:flex;align-items:center;justify-content:center;gap:11px;padding:2px 0 10px;text-align:left;direction:ltr}
.ay-contract-header img{width:64px;height:64px;object-fit:contain}.ay-contract-header b{display:block;font-size:16px;color:#0a1c39;letter-spacing:.2px}.ay-contract-header span{display:block;font-size:8.5px;color:#7d8899;margin-top:2px}
.ay-contract-gold-rule{height:3px;background:#f3a51d;border-radius:3px}
.contract-document-title{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:8px 0}.contract-document-title>div:first-child span{display:block;font-size:16px;font-weight:800;color:#111f36}.contract-document-title>div:first-child b{display:block;margin-top:3px;font-size:10.5px;color:#526078}
.contract-date-box{text-align:right}.contract-date-box span{display:block;font-size:10px;font-weight:800;color:#1c2e4b}.contract-date-box b{display:block;font-size:10px;margin-top:4px;color:#53617a}
.contract-party-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;border:1px solid #e3e8ef;border-radius:10px;background:#f8f9fc}.contract-party-strip span{display:block;font-size:8.5px;color:#7d8798}.contract-party-strip b{display:block;font-size:10.5px;color:#20324e;margin-top:3px}
.contract-print-section{break-inside:avoid-page;page-break-inside:avoid}.contract-boq-print{break-inside:auto;page-break-inside:auto}.contract-boq-print tr{break-inside:avoid;page-break-inside:avoid}
.contract-financial-block{break-inside:avoid;page-break-inside:avoid}
.contract-signatures{margin-bottom:4px}
.ay-contract-footer{margin-top:auto;background:#071844;color:#fff;min-height:64px;padding:9px 12px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;border-radius:0}
.footer-contact{display:flex;flex-direction:column;gap:2px;font-size:8px;line-height:1.45}.footer-contact b{color:#f7b326;font-size:8.5px}.footer-contact span,.footer-contact small{color:#fff}.footer-digital{text-align:right;align-items:flex-end}.footer-qr img{width:52px;height:52px;object-fit:contain;background:#fff;padding:2px}
@media(max-width:760px){.contract-party-strip{grid-template-columns:1fr}.ay-contract-footer{grid-template-columns:1fr}.footer-digital{align-items:flex-start;text-align:left}.footer-qr{display:none}}

@media print{
  .ay-contract-paper{padding-top:78px!important;padding-bottom:84px!important;position:static!important}
  .ay-contract-header{position:fixed;top:8px;left:0;right:0;z-index:5;background:#fff}
  .ay-contract-gold-rule{position:fixed;top:74px;left:0;right:0;z-index:5}
  .ay-contract-footer{position:fixed;left:0;right:0;bottom:0;z-index:5;border-radius:0!important}
  .contract-print-section h3{color:#172a48!important}
}

/* Unified invoice layout — same AY paper identity as contracts */
.invoice-kind-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#f6f8fb}
.invoice-kind{border:0;border-radius:9px;padding:10px 12px;background:transparent;color:#6c788c;font-size:10px;font-weight:800;cursor:pointer}
.invoice-kind.active{background:#0d274c;color:#fff;box-shadow:0 4px 12px rgba(13,39,76,.14)}
.optional{font-size:8px;color:var(--muted);font-weight:500}
.invoice-entry-wrap{margin-top:14px}.invoice-editor-item{min-width:260px}.invoice-editor-item .inv-serial{font-size:8.5px;direction:ltr;text-align:left}
.invoice-items .inv-unit{min-width:90px}.invoice-items .inv-note{min-width:130px}.invoice-items .num{min-width:90px}
.service-invoice-editor{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fafbfd}.service-invoice-editor[hidden]{display:none!important}
.invoice-customer-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;padding:10px;border:1px solid #e3e8ef;border-radius:10px;background:#f8f9fc}
.invoice-customer-strip span{display:block;color:#7d8798;font-size:8.5px}.invoice-customer-strip b{display:block;color:#20324e;font-size:10.5px;margin-top:3px}
.invoice-line-sub{display:block;margin-top:4px;color:#68758a;font-size:8px;direction:ltr;text-align:left;word-break:break-word}.invoice-line-sub b{font-size:8px}
.invoice-product-table td{vertical-align:top}
.service-print-block{display:flex;flex-direction:column;gap:10px}.service-work-card{padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.service-work-card>span{display:block;font-size:9px;color:#6e7b90;font-weight:800;margin-bottom:5px}.service-work-card p{margin:0;font-size:10.5px;line-height:1.9;color:#263752}
.service-serial-line{padding:9px 11px;border:1px dashed #cbd5e4;border-radius:9px;font-size:9.5px;background:#fafbfd}.service-price-line{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:10px;background:#0d274c;color:#fff}.service-price-line span{font-size:10px}.service-price-line b{font-size:15px}
.ay-invoice-paper.preprinted .ay-contract-header,.ay-invoice-paper.preprinted .ay-contract-gold-rule,.ay-invoice-paper.preprinted .ay-contract-footer{display:none!important}
.ay-invoice-paper.preprinted{padding-top:34mm!important;padding-bottom:24mm!important}
@media(max-width:850px){.invoice-kind-switch{grid-template-columns:1fr}.invoice-items{min-width:900px}}
@media print{
  .ay-invoice-paper.preprinted{padding-top:34mm!important;padding-bottom:24mm!important}
  .ay-invoice-paper.preprinted .ay-contract-header,.ay-invoice-paper.preprinted .ay-contract-gold-rule,.ay-invoice-paper.preprinted .ay-contract-footer{display:none!important}
}

/* v28 print/PDF fixes */
.invoice-sheet{box-sizing:border-box!important}
.share-pdf-stage{position:absolute!important;left:0!important;top:0!important;width:210mm!important;background:#fff!important;z-index:-9999!important;overflow:visible!important}
.share-pdf-stage .share-pdf-document{box-sizing:border-box!important;width:210mm!important;min-height:297mm!important;max-width:210mm!important;margin:0!important;box-shadow:none!important}
.contract-screen-preview{display:none}
.claim-print-area.screen-preview-active{display:block!important;position:fixed!important;inset:0!important;z-index:1600!important;overflow:auto!important;background:#e8edf4!important;padding:18px!important}
.claim-print-area.screen-preview-active .invoice-sheet{display:flex!important;margin:46px auto 30px!important;box-shadow:0 20px 60px rgba(7,24,68,.20)!important}
.screen-preview-toolbar{position:fixed;top:10px;left:50%;transform:translateX(-50%);z-index:1602;display:flex;gap:8px;align-items:center;padding:7px 9px;border-radius:12px;background:#0b2345;color:#fff;box-shadow:0 8px 30px rgba(0,0,0,.18)}
.screen-preview-toolbar button{border:1px solid rgba(255,255,255,.22);background:#fff;color:#0b2345;border-radius:8px;padding:7px 11px;font:700 10px Cairo,sans-serif;cursor:pointer}
.screen-preview-toolbar span{font-size:10px;font-weight:700;padding:0 4px}
.erp-toast{position:fixed;left:24px;bottom:24px;z-index:1900;max-width:min(420px,88vw);padding:11px 14px;border-radius:12px;background:#0d274c;color:#fff;box-shadow:0 12px 35px rgba(7,24,68,.25);font-size:10.5px;font-weight:700;line-height:1.7}
.erp-toast.success{background:#146b4f}.erp-toast.error{background:#9d3434}
@media print{
  body>*{display:none!important}
  #contractPrintArea:not(:empty),#claimPrintArea:not(:empty),#projectDocPrintArea:not(:empty),#poPrintArea:not(:empty),#rfqPrintArea:not(:empty),#financePrintArea:not(:empty),#invoicePaper:not(:empty){display:block!important;position:absolute!important;inset:0!important;width:210mm!important;padding:0!important;margin:0!important;background:#fff!important;z-index:9999!important}
  #contractPrintArea .screen-preview-toolbar,#claimPrintArea .screen-preview-toolbar{display:none!important}
  #contractPrintArea .invoice-sheet,#claimPrintArea .invoice-sheet,#projectDocPrintArea .invoice-sheet,#poPrintArea .invoice-sheet,#rfqPrintArea .invoice-sheet,#financePrintArea .invoice-sheet,#invoicePaper .invoice-sheet{display:flex!important;width:210mm!important;min-height:297mm!important;max-width:210mm!important;box-sizing:border-box!important;margin:0!important;box-shadow:none!important}
}

/* v28 Unified Document Center + AY AI */
.document-center-grid{display:grid;grid-template-columns:minmax(560px,1.05fr) minmax(480px,.95fr);gap:16px;align-items:start}
.dc-editor{position:sticky;top:84px}.dc-items{min-width:900px}.dc-items .input{min-width:90px}.dc-items td:first-child .input:first-child{min-width:260px}
.aydoc-sheet{box-sizing:border-box!important}.aydoc-table small{display:block;margin-top:4px;color:#6f7b8d;font-size:8px;direction:ltr;text-align:left}
.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.ai-prompt{min-height:150px}.ai-answer,.ai-offer-result{margin-top:14px;min-height:110px;border:1px solid var(--line);border-radius:12px;background:#fafbfd;padding:13px;line-height:1.85;font-size:10px}
.ai-answer>span{color:var(--muted)}.ai-response-text{white-space:normal}.ai-upload-zone{display:grid;place-items:center;min-height:110px;border:1px dashed #bdc9da;border-radius:12px;background:#f8fafc;color:#315276;font-size:11px;font-weight:800;cursor:pointer}
.ai-extract-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ai-extract-grid>div{padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:#fff}.ai-extract-grid span{display:block;color:var(--muted);font-size:8px}.ai-extract-grid b{display:block;margin-top:3px;font-size:9.5px}
.ai-extract-summary{margin:10px 0;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff}.ai-extract-summary p{margin:4px 0 0}.ai-warning{margin-top:10px;padding:10px;border-radius:9px;background:#fff5e8;border:1px solid #f1d39b;color:#7a5416}.success-note{background:#edf8f3!important;border-color:#cfeadb!important;color:#176848!important}
@media(max-width:1200px){.document-center-grid,.ai-grid{grid-template-columns:1fr}.dc-editor{position:static}}
@media print{#dcPaper:not(:empty){display:block!important;position:absolute!important;inset:0!important;width:210mm!important;padding:0!important;margin:0!important;background:#fff!important;z-index:9999!important}#dcPaper .invoice-sheet{display:flex!important;width:210mm!important;min-height:297mm!important;max-width:210mm!important;margin:0!important;box-shadow:none!important}}

/* v29 — Exact AY letterhead identity from approved company document */
.ay-contract-paper:not(.preprinted) .ay-contract-header,
.project-doc-sheet .invoice-letterhead,
.finance-doc-sheet .invoice-letterhead,
.rfq-sheet .invoice-letterhead,
.po-sheet .invoice-letterhead{
  min-height:32mm!important;height:32mm!important;flex:0 0 32mm!important;
  margin:-14mm -14mm 0!important;width:calc(100% + 28mm)!important;
  padding:0!important;border:0!important;
  background:#fff url('ay-letterhead-logo.png?v=29') center center/auto 32mm no-repeat!important;
}
.ay-contract-paper:not(.preprinted) .ay-contract-header>*,
.project-doc-sheet .invoice-letterhead>*,
.finance-doc-sheet .invoice-letterhead>*,
.rfq-sheet .invoice-letterhead>*,
.po-sheet .invoice-letterhead>*{display:none!important}
.ay-contract-paper:not(.preprinted) .ay-contract-gold-rule{display:none!important}
.ay-contract-paper:not(.preprinted) .ay-contract-footer,
.project-doc-sheet .invoice-footer,
.finance-doc-sheet .invoice-footer,
.rfq-sheet .invoice-footer,
.po-sheet .invoice-footer{
  min-height:32.8mm!important;height:32.8mm!important;flex:0 0 32.8mm!important;
  margin:auto -14mm -14mm!important;width:calc(100% + 28mm)!important;
  padding:0!important;border:0!important;border-radius:0!important;
  background:#00043f url('ay-letterhead-footer.png?v=29') center center/100% 100% no-repeat!important;
}
.ay-contract-paper:not(.preprinted) .ay-contract-footer>*,
.project-doc-sheet .invoice-footer>*,
.finance-doc-sheet .invoice-footer>*,
.rfq-sheet .invoice-footer>*,
.po-sheet .invoice-footer>*{display:none!important}
.ay-contract-paper:not(.preprinted),.project-doc-sheet,.finance-doc-sheet,.rfq-sheet,.po-sheet{
  background:#fff!important;box-sizing:border-box!important;
}
@media(max-width:760px){
  .ay-contract-paper:not(.preprinted) .ay-contract-header,
  .project-doc-sheet .invoice-letterhead,.finance-doc-sheet .invoice-letterhead,
  .rfq-sheet .invoice-letterhead,.po-sheet .invoice-letterhead{
    display:block!important;background-size:auto 32mm!important;
  }
  .ay-contract-paper:not(.preprinted) .ay-contract-footer,
  .project-doc-sheet .invoice-footer,.finance-doc-sheet .invoice-footer,
  .rfq-sheet .invoice-footer,.po-sheet .invoice-footer{
    display:block!important;background-size:100% 100%!important;
  }
}
@media print{
  .ay-contract-paper:not(.preprinted),.project-doc-sheet,.finance-doc-sheet,.rfq-sheet,.po-sheet{
    padding-top:38mm!important;padding-bottom:38mm!important;
  }
  .ay-contract-paper:not(.preprinted) .ay-contract-header,
  .project-doc-sheet .invoice-letterhead,.finance-doc-sheet .invoice-letterhead,
  .rfq-sheet .invoice-letterhead,.po-sheet .invoice-letterhead{
    position:fixed!important;top:0!important;left:0!important;right:0!important;
    width:210mm!important;height:32mm!important;min-height:32mm!important;margin:0!important;
    background:#fff url('ay-letterhead-logo.png?v=29') center center/auto 32mm no-repeat!important;
  }
  .ay-contract-paper:not(.preprinted) .ay-contract-footer,
  .project-doc-sheet .invoice-footer,.finance-doc-sheet .invoice-footer,
  .rfq-sheet .invoice-footer,.po-sheet .invoice-footer{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;
    width:210mm!important;height:32.8mm!important;min-height:32.8mm!important;margin:0!important;
    background:#00043f url('ay-letterhead-footer.png?v=29') center center/100% 100% no-repeat!important;
  }
}
/* v29 Premium navigation + icon system */
.sidebar{padding:16px 11px;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)}
.sidebar-title{padding:4px 11px 10px;font-size:9.5px;letter-spacing:.45px;text-transform:uppercase}
.nav{min-height:50px;padding:7px 9px;border:1px solid transparent;border-radius:13px;gap:10px;margin-bottom:6px;position:relative;overflow:hidden}
.nav>svg{width:34px;height:34px;flex:0 0 34px;padding:7px;border-radius:10px;background:#f2f5fa;color:#66758c;box-shadow:inset 0 0 0 1px #e8edf5}
.nav>span{flex:1;white-space:nowrap}
.nav:hover{background:#f8faff;border-color:#e8edf5;box-shadow:0 6px 18px rgba(18,39,75,.045)}
.nav:hover>svg{background:#fff;color:#1d6fd6;box-shadow:inset 0 0 0 1px #dce9f9,0 4px 12px rgba(29,111,214,.08)}
.nav.active{background:linear-gradient(135deg,#0d274c,#123967);color:#fff;border-color:#173d68;box-shadow:0 10px 22px rgba(13,39,76,.18);transform:translateY(-1px)}
.nav.active:after{content:'';position:absolute;left:-18px;top:-28px;width:82px;height:82px;border-radius:50%;background:rgba(246,166,35,.10);pointer-events:none}
.nav.active>svg{background:linear-gradient(135deg,#f6a623,#ffbd4a);color:#13233d;box-shadow:0 5px 13px rgba(246,166,35,.28)}
.nav.active>span{font-weight:800}
.nav.ai-nav em{font-style:normal;font-size:7.5px;font-weight:900;letter-spacing:.5px;padding:3px 5px;border-radius:6px;background:linear-gradient(135deg,#fff3d6,#ffe0a0);color:#8c5700;border:1px solid #f3d291}
.nav.ai-nav.active em{background:#ffffff20;color:#fff;border-color:#ffffff22}
.topbar{box-shadow:0 8px 28px rgba(5,19,43,.18);border-bottom:1px solid rgba(255,255,255,.04)}
.logo{border-radius:13px;box-shadow:0 5px 16px rgba(0,0,0,.20),inset 0 0 0 1px #e9edf4}
.card{border-color:#e5eaf2;box-shadow:0 12px 32px rgba(15,35,70,.065)}
.btn.primary{box-shadow:0 7px 18px rgba(246,166,35,.24);border:1px solid #ef9d16}
.btn.secondary{border:1px solid #e1e8f1;background:linear-gradient(180deg,#f7f9fc,#edf2f8)}
.ai-grid>.card:first-child{background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)}
.ai-upload-zone{transition:.18s ease;border-width:1.5px}
.ai-upload-zone:hover{border-color:#8eb6e8;background:#f3f8ff;color:#174f91;box-shadow:0 8px 22px rgba(29,111,214,.07)}
.ai-answer{background:linear-gradient(180deg,#fbfdff,#f7faff)}
@media(max-width:760px){.nav>svg{width:30px;height:30px;flex-basis:30px;padding:6px}.nav{min-width:140px}.nav.ai-nav em{display:none}}/* v29 exact horizontal AY logo in app chrome */
.topbar .logo{width:184px;height:48px;flex:0 0 184px;border-radius:12px;padding:4px 8px;background:#fff}
.topbar .logo img{width:168px!important;height:38px!important;max-width:168px!important;max-height:38px!important;object-fit:contain!important}
.brand{gap:13px}.brand strong{font-size:16px}
@media(max-width:760px){
  .topbar .logo{width:126px;height:42px;flex-basis:126px;padding:4px 6px}
  .topbar .logo img{width:114px!important;height:32px!important;max-width:114px!important;max-height:32px!important}
  .brand>div:last-child{display:none}
}/* v29 premium document type picker */
.doc-type-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:9px;margin:-4px 0 16px}
.doc-type-card{border:1px solid #e2e8f1;background:linear-gradient(180deg,#fff,#f8faff);border-radius:14px;padding:10px;display:flex;align-items:center;gap:9px;text-align:right;color:#31405a;cursor:pointer;transition:.18s ease;min-height:64px}
.doc-type-card:hover{transform:translateY(-2px);border-color:#c9d8ed;box-shadow:0 9px 24px rgba(17,45,85,.08)}
.doc-type-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:11px;background:#edf4fd;color:#1d6fd6;box-shadow:inset 0 0 0 1px #dbe8f8}
.doc-type-icon svg{width:20px;height:20px}
.doc-type-card b{display:block;font-size:10.5px}.doc-type-card small{display:block;margin-top:2px;font-size:7.5px;color:#8a96a8;direction:ltr;text-align:right}
.doc-type-card.active{background:linear-gradient(135deg,#102b50,#164577);border-color:#214f7e;color:#fff;box-shadow:0 10px 24px rgba(13,39,76,.18)}
.doc-type-card.active .doc-type-icon{background:linear-gradient(135deg,#f6a623,#ffbd4a);color:#13233d;box-shadow:0 5px 13px rgba(246,166,35,.23)}
.doc-type-card.active small{color:#bed0e5}
@media(max-width:1500px){.doc-type-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.doc-type-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.doc-type-grid{grid-template-columns:1fr}}/* v29 exact AY letterhead — preserve supplied paper identity */
.ay-contract-header{display:flex!important;justify-content:center!important;align-items:center!important;padding:0 0 5mm!important;margin:0!important;min-height:0!important;border:0!important;background:#fff!important}
.ay-contract-header>div{display:none!important}
.ay-contract-header .letterhead-logo-image{display:block!important;width:102mm!important;height:auto!important;max-width:102mm!important;max-height:31mm!important;object-fit:contain!important;margin:0 auto!important}
.ay-contract-gold-rule{display:none!important}
.ay-contract-footer{display:block!important;margin-top:auto!important;padding:5mm 0 0!important;min-height:0!important;background:transparent!important;color:inherit!important;border:0!important}
.ay-contract-footer>*:not(.letterhead-footer-image){display:none!important}
.ay-contract-footer .letterhead-footer-image{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:30mm!important;object-fit:fill!important;margin:0!important}
.preprinted .ay-contract-header,.preprinted .ay-contract-footer{display:none!important}
@media print{
 .ay-contract-header .letterhead-logo-image{width:102mm!important;max-width:102mm!important;max-height:31mm!important}
 .ay-contract-footer{padding-top:4mm!important}
 .ay-contract-footer .letterhead-footer-image{width:100%!important;max-height:30mm!important}
}/* v30 Cairo premium readability + non-colliding document text */
body,button,input,select,textarea,.invoice-sheet{font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif!important}
body{line-height:1.65}
.input{line-height:1.65;font-weight:600}
.invoice-sheet{font-weight:500;line-height:1.7;letter-spacing:0}
.invoice-customer-strip,.contract-party-strip,.aydoc-party{gap:10px!important}
.invoice-customer-strip>div,.contract-party-strip>div,.aydoc-party>div{display:grid!important;grid-template-columns:minmax(92px,max-content) minmax(0,1fr);align-items:start;column-gap:12px;row-gap:2px;padding:5px 7px;border-radius:7px}
.invoice-customer-strip span,.contract-party-strip span,.aydoc-party span{margin:0!important;line-height:1.7!important;white-space:normal!important}
.invoice-customer-strip b,.contract-party-strip b,.aydoc-party b{margin:0!important;line-height:1.75!important;white-space:normal!important;overflow-wrap:anywhere}
.contract-document-title span,.contract-document-title b,.invoice-title span,.invoice-title b{line-height:1.75!important}
.invoice-notes,.contract-print-section p,.service-work-card p{line-height:1.9!important}
.print-table th,.print-table td{line-height:1.65!important;vertical-align:top}
.invoice-entry-wrap{overflow-x:auto!important;overscroll-behavior-inline:contain}
.invoice-items{min-width:940px!important}
.project-files-card{margin-top:15px}
.project-files-toolbar{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(260px,1.2fr) minmax(220px,1fr) auto;gap:10px;align-items:center}
@media(max-width:1100px){.project-files-toolbar{grid-template-columns:1fr 1fr}.project-files-toolbar .btn{min-height:44px}}
@media(max-width:650px){.project-files-toolbar{grid-template-columns:1fr}.invoice-customer-strip>div,.contract-party-strip>div,.aydoc-party>div{grid-template-columns:1fr;row-gap:3px}}
/* v30 File Library + premium Cairo document spacing */
.file-library-grid{grid-template-columns:minmax(360px,.72fr) minmax(640px,1.28fr);align-items:start}
.file-upload-card{position:sticky;top:94px}
.file-shield{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#eef5ff,#e8f8f1);color:#1768c5;font-size:17px;border:1px solid #dce8f6}
.file-drop-zone{min-height:112px!important;border:1.5px dashed #b9cae0!important;border-radius:13px!important;background:#f8fbff!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#57708f!important;cursor:pointer!important;padding:18px!important;transition:.18s ease}
.file-drop-zone:hover{background:#f0f7ff!important;border-color:#6fa5e4!important;color:#174f91!important}
.file-drop-zone input{margin-top:9px;width:100%;font-size:10px;color:#62718a}
.file-storage-note{display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;border-radius:10px;background:#f1faf6;border:1px solid #d6eee3;font-size:10px;color:#46675a}
.file-storage-note b{color:#15704f;font-size:10.5px}.file-table td:first-child b{max-width:330px;display:block;white-space:normal;overflow-wrap:anywhere}
.user-chip{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#ffffff12;border:1px solid #ffffff20;color:#fff;font-size:10.5px;font-weight:800}
.invoice-customer-strip>div,.contract-party-strip>div,.aydoc-party>div{background:#fff;border:1px solid #edf0f5}
.invoice-customer-strip span,.contract-party-strip span,.aydoc-party span{font-weight:700;color:#6d7b91!important;padding-inline-end:2px}
.invoice-customer-strip b,.contract-party-strip b,.aydoc-party b{font-weight:700;color:#172942!important}
.invoice-customer-strip,.contract-party-strip{padding:9px!important}
.invoice-sheet .contract-document-title{margin-bottom:2px}
.invoice-sheet .contract-document-title>div:first-child span{font-size:15px!important}
.invoice-sheet .contract-document-title>div:first-child b{margin-top:5px!important}
@media(max-width:1150px){.file-library-grid{grid-template-columns:1fr}.file-upload-card{position:static}}

/* v32 — file upload progress + Arabic filename UX */
.file-drop-zone{display:flex!important;flex-direction:column!important;gap:5px}
.file-drop-zone b{font-size:11px;color:inherit}
.file-drop-zone small{font-size:9px;color:#7f90a7}
.file-drop-zone.dragging{background:#eaf4ff!important;border-color:#2e7ed1!important;box-shadow:0 0 0 3px rgba(46,126,209,.08)}
.file-selected-summary{display:flex;flex-wrap:wrap;gap:7px;min-height:30px}
.file-selected-chip{display:flex;align-items:center;gap:7px;max-width:100%;padding:6px 9px;border:1px solid #dce5f0;border-radius:9px;background:#fff}
.file-selected-chip b{font-size:9.5px;overflow-wrap:anywhere;unicode-bidi:plaintext}
.file-selected-chip small{font-size:8px;color:#718097;white-space:nowrap}
.file-upload-progress{margin-top:12px;padding:10px 12px;border:1px solid #dce7f3;border-radius:11px;background:#f8fbff}
.file-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
.file-progress-head b{font-size:10px;overflow-wrap:anywhere;unicode-bidi:plaintext}
.file-progress-head span{font-size:10px;font-weight:900;color:#155fa9}
.file-progress-track{height:9px;border-radius:999px;background:#e2eaf4;overflow:hidden}
.file-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1e67b3,#17a36b);transition:width .16s ease}
.file-name{unicode-bidi:plaintext}
.pill.red{background:#fff0f0!important;color:#a73030!important;border-color:#f0caca!important}

/* v34 boot + resilient layout */
.boot-loader{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;background:linear-gradient(135deg,#07182f,#0d2b54);padding:18px}.boot-loader[hidden]{display:none!important}.boot-loader-card{width:min(360px,92vw);background:#fff;border-radius:20px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 28px 80px rgba(0,0,0,.32);text-align:center}.boot-loader-card img{width:70px;height:70px;object-fit:contain;border-radius:14px}.boot-loader-card b{font-size:16px;color:#12213a}.boot-loader-card span{font-size:10px;color:#7d899b;line-height:1.7}.boot-spinner{width:30px;height:30px;border:3px solid #e7edf5;border-top-color:var(--gold);border-radius:50%;animation:ay-spin .8s linear infinite}@keyframes ay-spin{to{transform:rotate(360deg)}}
.card,.page-head,.invoice-workspace>*{min-width:0}.table th,.table td,.note,.helper{overflow-wrap:anywhere}.invoice-sheet{overflow:hidden}.invoice-customer-strip{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))!important}.file-selected-chip{max-width:100%;overflow:hidden}.file-selected-chip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}

.invoice-layout-settings{margin:14px 0;border:1px solid var(--line);border-radius:12px;background:#fafbfd;padding:12px}.invoice-layout-settings summary{cursor:pointer;font-size:11px;font-weight:800;color:#263752}.invoice-layout-settings[open] summary{margin-bottom:4px}.invoice-signatures{margin-top:auto;padding-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.invoice-signatures>div{border-top:1px solid #aeb8c8;padding-top:7px;text-align:center}.invoice-signatures span{font-size:calc(10px * var(--invoice-scale,1));color:#657188}
.ay-invoice-paper .contract-document-title span,.ay-invoice-paper .invoice-customer-strip span{font-size:calc(9px * var(--invoice-scale,1))}.ay-invoice-paper .contract-document-title b,.ay-invoice-paper .invoice-customer-strip b{font-size:calc(10.5px * var(--invoice-scale,1))}.ay-invoice-paper .print-table th{font-size:calc(10.5px * var(--invoice-scale,1))}.ay-invoice-paper .print-table td{font-size:calc(11px * var(--invoice-scale,1))}.ay-invoice-paper .invoice-summary>div,.ay-invoice-paper .invoice-notes,.ay-invoice-paper .service-work-card p{font-size:calc(11px * var(--invoice-scale,1))}.ay-invoice-paper .invoice-summary .grand{font-size:calc(13px * var(--invoice-scale,1))}
@media(max-width:760px){.invoice-signatures{gap:10px}.invoice-layout-settings .form-grid{grid-template-columns:1fr}}

/* v37 ERP staff-account separation + employee administration */
.auth-account-separation{display:flex;flex-direction:column;gap:3px;margin:10px 0 14px;padding:10px 12px;border:1px solid #dbe6f4;border-radius:12px;background:#f6f9fd;color:#425a78}.auth-account-separation b{font-size:10px;color:#163f70}.auth-account-separation span{font-size:8.5px;line-height:1.7}
.staff-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.staff-admin-head small{display:block;color:var(--muted);font-size:9px;line-height:1.75;margin-top:4px}.staff-scope-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf5ff;color:#155da8;font-size:8.5px;font-weight:800;margin-bottom:7px}.staff-security-note{display:flex;flex-direction:column;gap:3px;min-width:210px;padding:10px 12px;border:1px solid #d9eadf;border-radius:12px;background:#f4fbf6}.staff-security-note b{font-size:10px;color:#16623b}.staff-security-note span{font-size:8.5px;color:#52705f}
.staff-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.staff-stats>div{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe;display:flex;align-items:center;justify-content:space-between;gap:8px}.staff-stats span{font-size:9px;color:var(--muted)}.staff-stats b{font-size:17px;color:var(--navy)}
.staff-create-box{margin:12px 0 14px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fafbfd}.staff-create-title{display:flex;flex-direction:column;gap:2px}.staff-create-title b{font-size:11px}.staff-create-title span{font-size:8.5px;color:var(--muted)}
.staff-table-wrap{margin-top:12px}.staff-table{min-width:1180px}.staff-account-type,.staff-protected{display:block;margin-top:3px;font-size:8px;color:#6b7b92}.staff-protected{color:#8b6a18;font-weight:700}.staff-role-select{min-width:175px;padding:7px 9px;font-size:9px}.staff-row-actions{display:flex;gap:6px;flex-wrap:wrap}.staff-mini-btn{min-height:30px;padding:6px 9px!important;font-size:8.5px!important}.btn.danger{background:#fff4f2;border-color:#f0c5bf;color:#a0392d}.pill.staff-off{background:#f3f4f6;color:#6b7280}
.staff-device-panel{margin-top:14px;padding:14px;border:1px solid #dce5f1;border-radius:14px;background:#f9fbfe}.staff-device-panel[hidden]{display:none!important}.staff-device-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.staff-device-head>div{display:flex;flex-direction:column;gap:2px}.staff-device-head b{font-size:11px}.staff-device-head span{font-size:8.5px;color:var(--muted)}.staff-device-list{display:grid;gap:8px;margin-top:10px}.staff-device-item{display:flex;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:#fff}.staff-device-item>div{display:flex;flex-direction:column;gap:3px}.staff-device-item b{font-size:9.5px}.staff-device-item span,.staff-device-item small{font-size:8px;color:var(--muted)}
@media(max-width:760px){.staff-admin-head{flex-direction:column}.staff-security-note{width:100%}.staff-stats{grid-template-columns:1fr}.staff-device-item{flex-direction:column}}

/* v38 staff profile + forced password change */
.user-create-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px}.user-create-grid .btn{min-height:42px}
.staff-table{min-width:1380px}.staff-profile-fields{display:grid;gap:5px;min-width:170px}.staff-inline-input{padding:6px 8px!important;min-height:32px!important;font-size:8.5px!important}
.staff-password-required{display:block;margin-top:5px;padding:4px 6px;border-radius:7px;background:#fff5df;color:#8a5a00;font-size:7.5px;font-weight:700;white-space:nowrap}
@media(max-width:1050px){.user-create-grid{grid-template-columns:1fr 1fr}.user-create-grid .btn{grid-column:1/-1}}
@media(max-width:650px){.user-create-grid{grid-template-columns:1fr}}

/* v40 server-validated offline transactions */
.stock-pending-note{display:block;margin-top:4px;color:#9a6700;font-size:8px;font-weight:700;line-height:1.5}
.stock-availability .stock-pending-note{grid-column:1/-1;padding:7px 9px;border-radius:9px;background:#fff7e8;border:1px solid #f3dfb5}

/* v42 deep field/service audit */
.item-master-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:9px}
.invoice-entry-wrap .invoice-items{min-width:max-content}
.invoice-entry-wrap .invoice-items th,.invoice-entry-wrap .invoice-items td{min-width:105px}
.invoice-entry-wrap .invoice-items th:first-child,.invoice-entry-wrap .invoice-items td:first-child{min-width:250px}
.invoice-layout-settings .toggle-label{min-height:38px}
.invoice-registry{margin-top:16px}
@media(max-width:1100px){.item-master-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.item-master-grid{grid-template-columns:1fr}}

/* v42 invoice item audit */
.invoice-serial-warning{display:block;margin-top:5px;padding:5px 7px;border-radius:8px;background:#fff7e8;color:#8a5a00;font-size:7.5px;line-height:1.45}

/* v43 usability fixes */
.invoice-manual-hint{display:block;margin:4px 2px 0;color:#6c7891;font-size:7.5px;line-height:1.5}
.user-create-grid [hidden]{display:none!important}

/* v45 saved documents */
.dc-saved-card{margin-bottom:14px}.dc-saved-card>summary{cursor:pointer;padding:4px 2px}.dc-saved-card>summary small{font-weight:400;color:#6c7891}.dc-saved-card .table-wrap{max-height:280px;overflow:auto}

/* v46 bilingual vector invoice */
.invoice-doc-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14mm;padding:0 0 5mm!important;margin:0 0 5mm!important;border-bottom:1px solid #e4e9f0;background:#fff;direction:inherit}
.invoice-doc-logo{display:flex;align-items:center;flex:0 0 auto}.invoice-doc-logo img{display:block;width:58mm;height:auto;max-height:18mm;object-fit:contain}
.invoice-doc-meta{display:flex;flex-direction:column;gap:1.2mm;min-width:48mm;text-align:end}.invoice-doc-meta span{font-size:15px;font-weight:900;color:#102b50}.invoice-doc-meta b{font-size:11px;color:#263752}.invoice-doc-meta small{font-size:9px;color:#6d7b91;font-weight:700}
.doc-lang-en .invoice-customer-strip{text-align:left}.doc-lang-en .print-table{text-align:left}.doc-lang-ar .print-table{text-align:right}
.ay-invoice-paper:not(.preprinted) .ay-contract-footer{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:0!important;height:auto!important;flex:0 0 auto!important;width:100%!important;margin:auto 0 0!important;padding:6mm 0 0!important;border:0!important;background:none!important}
.ay-invoice-paper:not(.preprinted) .ay-contract-footer .letterhead-footer-image{display:block!important;width:135mm!important;max-width:78%!important;height:auto!important;max-height:27mm!important;object-fit:contain!important;margin:0 auto!important}
@media print{.invoice-doc-header{break-inside:avoid!important}.ay-invoice-paper:not(.preprinted) .ay-contract-footer{position:static!important;padding-top:5mm!important}.ay-invoice-paper:not(.preprinted) .ay-contract-footer .letterhead-footer-image{width:135mm!important;max-height:27mm!important}}
/* v46 document-center bilingual header/footer */
.doc-lang-en .aydoc-party{text-align:left}
.aydoc-sheet:not(.preprinted) .invoice-doc-footer{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:0!important;height:auto!important;flex:0 0 auto!important;width:100%!important;margin:auto 0 0!important;padding:6mm 0 0!important;border:0!important;background:none!important}
.aydoc-sheet:not(.preprinted) .invoice-doc-footer .letterhead-footer-image{display:block!important;width:135mm!important;max-width:78%!important;height:auto!important;max-height:27mm!important;object-fit:contain!important;margin:0 auto!important}
@media print{.aydoc-sheet:not(.preprinted) .invoice-doc-footer{position:static!important;padding-top:5mm!important}.aydoc-sheet:not(.preprinted) .invoice-doc-footer .letterhead-footer-image{width:135mm!important;max-height:27mm!important}}

/* v47 procurement traceability + QR/barcode scanner */
.purchase-invoice-layout{align-items:start}.purchase-invoice-table{min-width:980px}.pi-manual-line{display:grid;grid-template-columns:2fr .7fr 1fr auto;gap:8px;margin:14px 0}.compact-summary{margin:12px 0}.serial-scan-actions{display:flex;align-items:center;gap:10px;margin-top:7px}.serial-scan-actions small{color:var(--muted);font-size:8px}
.scan-open{overflow:hidden}.scan-modal[hidden]{display:none!important}.scan-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:18px}.scan-backdrop{position:absolute;inset:0;background:rgba(3,13,28,.72);backdrop-filter:blur(8px)}.scan-panel{position:relative;width:min(620px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,.28);padding:16px}.scan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.scan-head h3{margin:0;color:var(--navy);font-size:17px}.scan-head p{margin:4px 0 0;color:var(--muted);font-size:9px}.scan-close{border:0;background:#f0f3f8;border-radius:10px;width:34px;height:34px;font-size:22px;cursor:pointer}.scan-camera-wrap{position:relative;margin-top:14px;background:#06172d;border-radius:16px;overflow:hidden;aspect-ratio:4/3}.scan-camera-wrap video{width:100%;height:100%;object-fit:cover}.scan-frame{position:absolute;left:12%;right:12%;top:28%;bottom:28%;border:2px solid rgba(255,255,255,.95);border-radius:14px;box-shadow:0 0 0 999px rgba(0,0,0,.18)}.scan-camera-state{position:absolute;left:12px;right:12px;bottom:10px;padding:7px 10px;border-radius:9px;background:rgba(0,0,0,.55);color:#fff;font-size:9px;text-align:center}.scan-manual{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin-top:12px}.scan-manual label{font-size:9px;font-weight:700}.scan-last{display:flex;justify-content:space-between;gap:10px;margin-top:10px;padding:9px 11px;background:#f6f8fb;border-radius:10px;font-size:9px}.scan-last b{font-family:monospace;direction:ltr}
@media(max-width:760px){.pi-manual-line{grid-template-columns:1fr 1fr}.pi-manual-line select{grid-column:1/-1}.scan-modal{padding:8px}.scan-panel{border-radius:16px}.scan-manual{grid-template-columns:1fr}.serial-scan-actions{align-items:flex-start;flex-direction:column}}

/* v48 accounting workspace */
.accounting-filter-card{margin-bottom:14px}.accounting-filter-grid{grid-template-columns:180px 180px minmax(140px,1fr);align-items:end}.accounting-filter-action{display:flex;align-items:end}.accounting-main-grid{align-items:start}.accounting-table{min-width:760px}.accounting-manual-table{min-width:760px}.accounting-manual-table select{min-width:260px}.accounting-manual-totals{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.accounting-manual-totals span{padding:8px 10px;border-radius:9px;background:#f5f7fa;font-size:9px}.accounting-manual-totals .ok{background:#edf9f1;color:#17663a}.accounting-manual-totals .warn{background:#fff5df;color:#8a5a00}.accounting-summary-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.accounting-summary-strip span{padding:8px 10px;border-radius:9px;background:#f7f9fc;font-size:9px}.accounting-summary-strip b{margin-inline-start:5px}.accounting-main-grid>.card{min-width:0}@media(max-width:900px){.accounting-filter-grid{grid-template-columns:1fr 1fr}.accounting-filter-action{grid-column:1/-1}.accounting-main-grid{grid-template-columns:1fr}}

/* v48 technical report */
.technical-report-fields{margin-top:4px}.technical-report-fields .textarea{min-height:86px}
.technical-attachments-box{margin-top:12px;padding:12px;border:1px dashed #cdd6e3;border-radius:12px;background:#f8fafc}
.technical-attachments-box>b{display:block;margin-bottom:6px;color:#102b50}
.technical-file-chip{display:inline-flex;align-items:center;margin:3px;padding:5px 8px;border-radius:999px;background:#eef3f8;font-size:9px;color:#34445b}
.technical-report-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px}
.technical-report-summary>div{padding:8px 10px;border:1px solid #e2e8f0;border-radius:9px;background:#fafbfd;display:flex;flex-direction:column;gap:3px}
.technical-report-summary>div.span2{grid-column:1/-1}.technical-report-summary span{font-size:8px;color:#75839a;font-weight:700}.technical-report-summary b{font-size:10px;color:#172b4d}
.technical-print-section{margin:8px 0;padding:9px 11px;border:1px solid #e2e8f0;border-radius:9px;break-inside:avoid}
.technical-print-section h3{margin:0 0 5px;font-size:10px;color:#102b50}.technical-print-section p{margin:0;font-size:9px;line-height:1.8;color:#28384f;white-space:normal}
.technical-print-section ul{margin:4px 0;padding-inline-start:18px;font-size:9px}
.technical-followup{display:flex;justify-content:space-between;gap:10px;padding:9px 11px;margin:8px 0;border-radius:9px;background:#fff7e7;border:1px solid #f3d99e;font-size:9px}
.technical-signatures{margin-top:14px}.technical-signatures small{display:block;margin-top:8px;font-size:8px;color:#65748a}
@media(max-width:700px){.technical-report-summary{grid-template-columns:1fr}.technical-report-summary>div.span2{grid-column:auto}}
@media print{.technical-print-section,.technical-report-summary,.technical-followup,.technical-signatures{break-inside:avoid!important}.technical-attachments-box{display:none!important}}

/* v49 — Apple-inspired AY ERP interface layer
   Content-first, restrained translucency, softer depth, clear focus.
   Print documents intentionally excluded. */
:root{
  --apple-surface:rgba(255,255,255,.78);
  --apple-surface-strong:rgba(255,255,255,.94);
  --apple-line:rgba(26,42,68,.10);
  --apple-shadow:0 1px 2px rgba(12,28,52,.04),0 10px 32px rgba(12,28,52,.07);
  --apple-shadow-hover:0 2px 4px rgba(12,28,52,.05),0 16px 40px rgba(12,28,52,.10);
  --apple-radius:18px;
  --apple-radius-sm:12px;
  --apple-focus:0 0 0 4px rgba(29,111,214,.14);
}
body{
  background:
    radial-gradient(900px 520px at 88% -12%,rgba(29,111,214,.085),transparent 62%),
    radial-gradient(760px 480px at -8% 18%,rgba(246,166,35,.055),transparent 58%),
    #f5f7fb;
}
.topbar{
  height:72px;
  padding:0 20px;
  background:rgba(8,26,53,.90);
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:0 8px 30px rgba(7,21,45,.10);
  backdrop-filter:saturate(145%) blur(18px);
  -webkit-backdrop-filter:saturate(145%) blur(18px);
}
.logo{border-radius:14px;box-shadow:0 1px 1px rgba(0,0,0,.08),0 8px 22px rgba(0,0,0,.14)}
.top-actions select{
  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.user-chip,.btn.ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);backdrop-filter:blur(12px)}
.layout{grid-template-columns:252px minmax(0,1fr);min-height:calc(100vh - 72px)}
.sidebar{
  top:72px;height:calc(100vh - 72px);
  padding:15px 10px;
  background:rgba(255,255,255,.72);
  border-left:1px solid rgba(31,48,76,.08);
  box-shadow:-1px 0 0 rgba(255,255,255,.5);
  backdrop-filter:saturate(135%) blur(20px);
  -webkit-backdrop-filter:saturate(135%) blur(20px);
}
.sidebar-title{padding:5px 12px 10px;color:#8793a7;font-weight:600}
.nav{
  min-height:44px;margin-bottom:4px;padding:9px 11px;border-radius:12px;
  color:#4d5a70;font-weight:650;
  transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.nav:hover{background:rgba(255,255,255,.76);box-shadow:0 1px 8px rgba(22,39,67,.05);transform:translateY(-1px)}
.nav.active{
  color:#0e4f99;
  background:rgba(232,242,255,.88);
  box-shadow:inset 0 0 0 1px rgba(29,111,214,.10),0 5px 16px rgba(25,74,132,.07);
}
.nav.active:before{
  content:'';width:3px;height:18px;border-radius:999px;background:var(--blue);flex:0 0 3px;
}
.nav.active{box-shadow:0 5px 16px rgba(25,74,132,.07)}
.content{padding:26px 28px 34px}
.page-head{margin-bottom:18px}
.page-head h1{font-size:24px;letter-spacing:-.2px}
.page-head p{font-size:11.5px;line-height:1.7}
.card{
  background:var(--apple-surface);
  border:1px solid var(--apple-line);
  border-radius:var(--apple-radius);
  box-shadow:var(--apple-shadow);
  backdrop-filter:saturate(120%) blur(14px);
  -webkit-backdrop-filter:saturate(120%) blur(14px);
}
.card:hover{border-color:rgba(26,42,68,.13)}
.metric{min-height:112px}
.metric:after{opacity:.62}
.metric strong{letter-spacing:-.35px}
.table-wrap{
  border-radius:13px;
  border:1px solid rgba(34,51,78,.07);
  background:rgba(255,255,255,.48);
}
.table th{
  background:rgba(247,249,252,.88);
  color:#7f8a9c;font-weight:650;
  border-bottom-color:rgba(37,52,76,.09);
}
.table td{border-bottom-color:rgba(37,52,76,.075)}
.table tbody tr{transition:background .14s ease}
.table tbody tr:hover{background:rgba(239,245,252,.72)}
.btn{
  border-radius:11px;
  min-height:36px;
  padding:8px 14px;
  font-weight:750;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,background .15s ease;
}
.btn:hover{transform:translateY(-1px);filter:saturate(1.03)}
.btn:active{transform:translateY(0) scale(.985)}
.btn:focus-visible,.nav:focus-visible,.share-action:focus-visible,.subnav-btn:focus-visible,.wizard-step:focus-visible,.section-toggle:focus-visible{
  outline:0;box-shadow:var(--apple-focus);
}
.btn.primary{
  background:linear-gradient(180deg,#ffb52d,#f6a623);
  box-shadow:0 6px 16px rgba(246,166,35,.18),inset 0 1px 0 rgba(255,255,255,.32);
}
.btn.secondary{background:rgba(235,240,247,.88);color:#33425c;border:1px solid rgba(43,60,87,.06)}
.btn.danger{background:rgba(255,239,239,.90)}
.input{
  min-height:41px;
  border:1px solid rgba(39,56,84,.13);
  border-radius:11px;
  background:rgba(255,255,255,.84);
  box-shadow:inset 0 1px 2px rgba(21,38,64,.025);
}
.input:hover{border-color:rgba(39,56,84,.20)}
.input:focus{border-color:rgba(29,111,214,.52);box-shadow:var(--apple-focus);background:#fff}
textarea.input{line-height:1.75}
/* v71.0.1 - Arabic/BiDi document text hardening */
.aydoc-bidi-input{white-space:pre-wrap!important;unicode-bidi:plaintext!important;text-align:start!important}
.aydoc-bidi-input[dir="rtl"]{direction:rtl!important;text-align:right!important}
.aydoc-bidi-input[dir="ltr"]{direction:ltr!important;text-align:left!important}
.aydoc-bidi-block{unicode-bidi:isolate!important}
.aydoc-bidi-lines{display:block!important;margin-top:4px!important}
.aydoc-bidi-line{display:block!important;unicode-bidi:plaintext!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:normal!important;text-align:start!important}
.aydoc-ltr-run{direction:ltr!important;unicode-bidi:isolate!important;display:inline!important}.aydoc-ltr-nowrap{white-space:nowrap!important}
.doc-lang-ar .invoice-notes,.doc-lang-ar .aydoc-visual-terms{direction:rtl!important;text-align:right!important}
.doc-lang-en .invoice-notes,.doc-lang-en .aydoc-visual-terms{direction:ltr!important;text-align:left!important}
.doc-lang-ar .aydoc-visual-terms li{direction:rtl!important;text-align:right!important}
.doc-lang-en .aydoc-visual-terms li{direction:ltr!important;text-align:left!important}
@media print{.aydoc-bidi-line{unicode-bidi:plaintext!important;white-space:pre-wrap!important}.aydoc-sheet{font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif!important}}

.toggle-label{border-color:rgba(39,56,84,.10);background:rgba(248,250,253,.72);border-radius:12px}
.note,.wizard-tip,.file-storage-note{border-radius:13px}
.pill,.badge{font-weight:700}
.subnav{gap:7px}
.subnav-btn{
  border-color:rgba(34,51,78,.09);
  background:rgba(255,255,255,.72);
  border-radius:999px;
  box-shadow:0 1px 3px rgba(12,28,52,.035);
}
.subnav-btn.active{background:var(--navy);border-color:transparent;box-shadow:0 6px 16px rgba(8,26,53,.15)}
.share-backdrop{
  background:rgba(5,16,35,.42);
  backdrop-filter:blur(10px) saturate(120%);
  -webkit-backdrop-filter:blur(10px) saturate(120%);
}
.share-panel,.auth-card{
  background:rgba(255,255,255,.90);
  border:1px solid rgba(255,255,255,.68);
  border-radius:24px;
  box-shadow:0 28px 80px rgba(5,17,38,.20);
  backdrop-filter:saturate(140%) blur(26px);
  -webkit-backdrop-filter:saturate(140%) blur(26px);
}
.share-action{
  border-color:rgba(35,52,80,.08);
  background:rgba(250,252,255,.74);
  border-radius:16px;
}
.share-action:hover{background:#fff;border-color:rgba(29,111,214,.18);box-shadow:var(--apple-shadow-hover)}
.auth-overlay{
  background:
    radial-gradient(700px 460px at 75% 20%,rgba(29,111,214,.24),transparent 62%),
    radial-gradient(650px 430px at 20% 85%,rgba(246,166,35,.12),transparent 58%),
    linear-gradient(145deg,#07172c,#0c294f);
}
.auth-brand img{border-radius:14px}
.doc-type-card,.section-toggle,.wizard-step,.mini-row,.review-row,.review-block,.contract-subject{
  border-color:rgba(36,53,81,.09)!important;
  border-radius:14px!important;
}
.doc-type-card,.section-toggle,.wizard-step{background:rgba(250,252,255,.72)}
.doc-type-card:hover,.section-toggle:hover,.wizard-step:hover{box-shadow:0 8px 22px rgba(20,40,80,.06)}
.invoice-paper{background:rgba(226,232,240,.72);border-radius:18px}
.invoice-sheet,.aydoc-sheet{
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.boot-loader{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.boot-loader-card{
  border-radius:24px!important;
  box-shadow:0 28px 70px rgba(7,22,45,.18)!important;
}
.scrollbar-thin,.sidebar,.table-wrap{scrollbar-width:thin;scrollbar-color:rgba(94,108,129,.28) transparent}
.sidebar::-webkit-scrollbar,.table-wrap::-webkit-scrollbar{width:8px;height:8px}
.sidebar::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb{background:rgba(94,108,129,.24);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
.sidebar::-webkit-scrollbar-track,.table-wrap::-webkit-scrollbar-track{background:transparent}
@media(max-width:1100px){
  .layout{grid-template-columns:220px minmax(0,1fr)}
  .content{padding:22px}
}
@media(max-width:760px){
  .topbar{height:64px;padding:0 10px;background:rgba(8,26,53,.94)}
  .layout{min-height:calc(100vh - 64px)}
  .sidebar{
    position:sticky;top:64px;z-index:15;height:auto;
    padding:8px 10px;background:rgba(250,252,255,.88);
    border-bottom:1px solid rgba(32,49,76,.08);
    backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  }
  .nav{min-width:116px;border-radius:12px}
  .nav.active:before{display:none}
  .content{padding:14px 12px 26px}
  .page-head{align-items:flex-start}
  .card{border-radius:16px;padding:15px}
  .top-actions{gap:6px}.top-actions select{min-width:118px;max-width:132px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
@media print{
  body{background:#fff!important}
  .invoice-sheet,.aydoc-sheet{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}

/* v49 BOQ smart section field */
.boq-section-field{min-width:0}
.boq-section-field .input{width:100%;min-width:0}

/* v58 — Document Center visual product templates */
.dc-image-cell{width:92px;min-width:92px}.dc-image-editor{display:grid;grid-template-columns:1fr auto;gap:5px;align-items:center;justify-items:center}.dc-image-editor img{grid-column:1/-1;width:64px;height:54px;object-fit:contain;border:1px solid #e3e8ef;border-radius:8px;background:#fff}.dc-image-editor span{grid-column:1/-1;font-size:8px;color:var(--muted)}.dc-image-btn{padding:5px 8px!important;font-size:8px!important}.dc-image-clear{padding:4px 7px!important;min-width:28px!important}
.aydoc-sheet.template-visual .aydoc-table{margin-top:5mm;border:1px solid #dce5ef;border-radius:10px;overflow:hidden}.aydoc-sheet.template-visual .aydoc-table th{background:#06345f!important;color:#fff!important;font-size:8.2px!important;padding:7px 5px!important}.aydoc-sheet.template-visual .aydoc-table td{padding:6px 5px!important;font-size:8.2px!important;vertical-align:middle!important}.aydoc-sheet.template-visual .aydoc-table tbody tr:nth-child(odd){background:#f7fafe}.aydoc-sheet.template-visual .aydoc-product-image{width:20mm;min-width:20mm;text-align:center}.aydoc-sheet.template-visual .aydoc-product-image img{width:18mm;height:18mm;object-fit:contain;border-radius:5px;background:#fff}
.aydoc-visual-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:7mm;margin-top:5mm;align-items:stretch}.aydoc-visual-bottom .invoice-summary{width:100%!important;margin:0!important;border-radius:10px!important;overflow:hidden}.aydoc-visual-bottom .invoice-summary .grand{background:linear-gradient(90deg,#ffd66b,#f6a623)!important;color:#0b1733!important}.aydoc-visual-terms{border:1px solid #d8e2ee;border-radius:10px;overflow:hidden;background:#fff}.aydoc-visual-terms h3{margin:0;background:#06345f;color:#fff;padding:8px 11px;font-size:9px}.aydoc-visual-terms>div{padding:10px 12px;font-size:8.5px;line-height:1.9;color:#28384f}
.aydoc-dynamic-footer{margin:auto -14mm -14mm!important;width:calc(100% + 28mm)!important;min-height:23mm;padding:5mm 13mm;background:#002e57;color:#fff;display:grid;grid-template-columns:1fr auto 1fr;gap:10mm;align-items:center;border-bottom:5px solid #f6a623}.aydoc-dynamic-footer>div{display:flex;flex-direction:column;gap:2px;font-size:8px}.aydoc-dynamic-footer>div:last-child{text-align:end}.aydoc-dynamic-footer b{font-size:8.5px}.aydoc-footer-qr{width:18mm;height:18mm;object-fit:contain;background:#fff;padding:1mm}.aydoc-sheet.template-compact .print-table th,.aydoc-sheet.template-compact .print-table td{font-size:8px!important;padding:4px 5px!important}.aydoc-sheet.template-compact .aydoc-party>div{padding:5px 7px!important}
@media(max-width:700px){.aydoc-visual-bottom{grid-template-columns:1fr}.aydoc-dynamic-footer{grid-template-columns:1fr;text-align:center;gap:4px}.aydoc-dynamic-footer>div:last-child{text-align:center}}
@media print{.aydoc-sheet.template-visual .aydoc-table tr,.aydoc-visual-bottom,.aydoc-dynamic-footer{break-inside:avoid!important}.aydoc-dynamic-footer{margin-top:auto!important}}

/* v59 — Approved visual quotation lower section */
.aydoc-sheet.template-visual{padding-bottom:14mm!important}
.aydoc-sheet.template-visual .invoice-doc-header{margin-bottom:4mm!important;padding-bottom:4mm!important}
.aydoc-sheet.template-visual .aydoc-party{margin-bottom:4mm!important}
.aydoc-sheet.template-visual .aydoc-table{width:100%!important;margin:3mm 0 0!important;border:1px solid #dbe5f0!important;border-collapse:separate!important;border-spacing:0!important;border-radius:9px!important;overflow:hidden!important;table-layout:fixed}
.aydoc-sheet.template-visual .aydoc-table th{background:#05345f!important;color:#fff!important;font-size:8.4px!important;padding:2.7mm 1.5mm!important;border-color:#2b577e!important;text-align:center!important;vertical-align:middle!important}
.aydoc-sheet.template-visual .aydoc-table td{padding:2.3mm 1.5mm!important;font-size:8.3px!important;line-height:1.45!important;border-color:#dfe7f1!important;vertical-align:middle!important}
.aydoc-sheet.template-visual .aydoc-table tbody tr:nth-child(odd){background:#f6f9fd!important}
.aydoc-sheet.template-visual .aydoc-table tbody tr:nth-child(even){background:#fff!important}
.aydoc-sheet.template-visual .aydoc-table th:nth-child(1){width:7mm}
.aydoc-sheet.template-visual .aydoc-table th:nth-child(2){width:23mm}
.aydoc-sheet.template-visual .aydoc-table th:nth-child(3){width:auto}
.aydoc-sheet.template-visual .aydoc-table th:nth-child(4){width:15mm}
.aydoc-sheet.template-visual .aydoc-table th:nth-child(5){width:13mm}
.aydoc-sheet.template-visual .aydoc-table th:nth-child(6){width:24mm}
.aydoc-sheet.template-visual .aydoc-table th:nth-child(7){width:24mm}
.aydoc-sheet.template-visual .aydoc-table th:nth-child(8){width:18mm}
.aydoc-sheet.template-visual .aydoc-product-image{width:23mm!important;min-width:23mm!important;text-align:center!important;background:#fff!important}
.aydoc-sheet.template-visual .aydoc-product-image img{display:block;width:20mm!important;height:20mm!important;max-width:100%!important;object-fit:contain!important;margin:auto!important;border:0!important;border-radius:4px!important;background:#fff!important}
.aydoc-sheet.template-visual .aydoc-table td:nth-child(3){font-size:8.6px!important;color:#16375e!important}
.aydoc-sheet.template-visual .aydoc-table td:nth-child(3)>b{display:block;font-weight:800!important;line-height:1.5!important}
.aydoc-visual-bottom{direction:ltr!important;display:grid!important;grid-template-columns:42% 58%!important;gap:5mm!important;margin-top:4mm!important;align-items:stretch!important}
.doc-lang-ar .aydoc-visual-bottom>*{direction:rtl!important}
.doc-lang-en .aydoc-visual-bottom>*{direction:ltr!important}
.aydoc-visual-bottom .invoice-summary{width:100%!important;margin:0!important;border:1px solid #d8e1ec!important;border-radius:9px!important;overflow:hidden!important;background:#fff!important;align-self:stretch!important}
.aydoc-visual-bottom .invoice-summary>div{padding:3.1mm 3.4mm!important;font-size:9.2px!important;border-bottom:1px solid #e1e7ef!important}
.aydoc-visual-bottom .invoice-summary>div span{font-weight:800!important;color:#213a5a!important}
.aydoc-visual-bottom .invoice-summary>div b{font-size:10.2px!important;color:#0d2441!important}
.aydoc-visual-bottom .invoice-summary .grand{background:linear-gradient(90deg,#ffd66f 0%,#f6a623 100%)!important;color:#0b1733!important;border-bottom:0!important}
.aydoc-visual-bottom .invoice-summary .grand span,.aydoc-visual-bottom .invoice-summary .grand b{color:#0b1733!important;font-size:10.6px!important;font-weight:900!important}
.aydoc-visual-terms{border:1px solid #d7e2ee!important;border-radius:9px!important;overflow:hidden!important;background:#fff!important;min-height:100%!important}
.aydoc-visual-terms h3{display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;background:#05345f!important;color:#fff!important;padding:3mm 3.5mm!important;font-size:9.2px!important;font-weight:900!important}
.aydoc-visual-terms h3 span{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:4px;background:rgba(255,255,255,.12);font-size:8px}
.aydoc-visual-terms ul{margin:0!important;padding:3.2mm 6mm 3.2mm 4mm!important;list-style:none!important}
.doc-lang-en .aydoc-visual-terms ul{padding:3.2mm 4mm 3.2mm 6mm!important}
.aydoc-visual-terms li{position:relative;margin:0 0 2mm!important;padding-inline-start:4mm!important;font-size:8.5px!important;line-height:1.7!important;color:#263a55!important}
.aydoc-visual-terms li:last-child{margin-bottom:0!important}
.aydoc-visual-terms li:before{content:"";position:absolute;inset-inline-start:0;top:.65em;width:5px;height:5px;border-radius:50%;background:#f6a623}
.aydoc-terms-empty{padding:4mm!important;font-size:8.5px!important;line-height:1.7!important;color:#738198!important}
.aydoc-dynamic-footer{direction:ltr!important;margin:auto -14mm -14mm!important;width:calc(100% + 28mm)!important;min-height:21mm!important;padding:4.2mm 12mm 3.8mm!important;box-sizing:border-box!important;background:linear-gradient(135deg,#05345f 0%,#00294b 100%)!important;color:#fff!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;gap:7mm!important;align-items:center!important;border-bottom:4px solid #f6a623!important;position:relative!important}
.aydoc-dynamic-footer:before,.aydoc-dynamic-footer:after{content:"";position:absolute;bottom:0;width:20mm;height:8mm;background:#f6a623}
.aydoc-dynamic-footer:before{left:0;clip-path:polygon(0 0,100% 100%,0 100%)}
.aydoc-dynamic-footer:after{right:0;clip-path:polygon(100% 0,100% 100%,0 100%)}
.aydoc-footer-col{display:flex!important;align-items:center!important;gap:2.5mm!important;min-width:0!important}
.aydoc-footer-col>div{display:flex!important;flex-direction:column!important;gap:1.2mm!important;min-width:0!important}
.aydoc-footer-col b,.aydoc-footer-col span{display:block!important;color:#fff!important;font-size:8.1px!important;line-height:1.25!important;white-space:normal!important}
.aydoc-footer-address{justify-content:flex-start!important;text-align:left!important}
.aydoc-footer-contact{justify-content:flex-end!important;text-align:left!important}
.aydoc-footer-icon{display:grid!important;place-items:center!important;width:7mm;height:7mm;border-radius:50%;color:#f6a623!important;border:1px solid rgba(246,166,35,.55)!important;font-size:7px!important;flex:0 0 auto!important}
.aydoc-footer-mark{display:flex!important;align-items:center!important;justify-content:center!important;width:22mm!important;height:15mm!important;padding:1.2mm!important;border-radius:4px!important;background:#fff!important;border:1px solid rgba(255,255,255,.35)!important}
.aydoc-footer-mark img{display:block!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.aydoc-footer-qr{width:16mm!important;height:16mm!important;object-fit:contain!important;background:#fff!important;padding:1mm!important;border-radius:3px!important}
@media(max-width:700px){.aydoc-visual-bottom{grid-template-columns:1fr!important}.aydoc-dynamic-footer{grid-template-columns:1fr!important;text-align:center!important}.aydoc-footer-address,.aydoc-footer-contact{justify-content:center!important;text-align:center!important}.aydoc-footer-mark,.aydoc-footer-qr{margin:auto!important}}
@media print{.aydoc-sheet.template-visual .aydoc-table tr,.aydoc-visual-bottom,.aydoc-dynamic-footer{break-inside:avoid!important}.aydoc-dynamic-footer{margin-top:auto!important}}

/* RC47 — structured Arabic/English offer terms; avoids Markdown literals in PDF. */
.aydoc-notes-formatted{display:block!important;padding:3mm 4mm!important;line-height:1.75!important;min-width:0!important;overflow-wrap:anywhere!important;word-break:normal!important;white-space:normal!important}
.aydoc-notes-formatted p,.aydoc-notes-formatted li{margin:0 0 2.5mm!important;font-size:9.2px!important;line-height:1.85!important;overflow-wrap:anywhere!important;white-space:normal!important;text-align:start!important}
.aydoc-notes-formatted h4{font-weight:900!important;font-size:10.5px!important;line-height:1.75!important;color:#12395e!important;margin:4mm 0 1.8mm!important;white-space:normal!important;text-align:start!important}
.aydoc-notes-formatted strong{font-weight:900!important;color:#0b2c50!important}
.aydoc-notes-list{margin:0 0 1.2mm!important;padding:0!important;list-style:none!important}
.aydoc-notes-item{padding-inline-start:5mm!important;position:relative!important;list-style:none!important}
.aydoc-notes-item:before{display:block!important;content:'•'!important;position:absolute!important;inset-inline-start:0!important;inset-inline-end:auto!important;top:0!important;width:auto!important;height:auto!important;border-radius:0!important;background:none!important;color:#f6a623!important;font-size:12px!important}
.aydoc-notes-divider{height:1px!important;border:0!important;background:#cbd5e1!important;margin:3mm 0!important}
.aydoc-notes-formatted .aydoc-ltr-run{white-space:normal!important}
.aydoc-sheet .aydoc-visual-terms .aydoc-notes-formatted{overflow:visible!important}
.aydoc-pdf-long-notes .aydoc-visual-bottom{display:block!important;grid-template-columns:none!important;direction:inherit!important;overflow:visible!important;break-inside:auto!important;page-break-inside:auto!important}
.aydoc-pdf-long-notes .aydoc-visual-bottom>.invoice-summary{display:block!important;width:min(90mm,100%)!important;max-width:100%!important;margin:0 0 5mm auto!important;min-height:0!important}
.aydoc-pdf-long-notes .aydoc-visual-terms{display:block!important;width:100%!important;min-height:0!important;overflow:visible!important;break-inside:auto!important;page-break-inside:auto!important}
.aydoc-pdf-long-notes .aydoc-notes-formatted{overflow:visible!important}
.aydoc-pdf-long-notes .aydoc-notes-formatted h4,.aydoc-pdf-long-notes .aydoc-notes-formatted li,.aydoc-pdf-long-notes .aydoc-notes-formatted p{break-inside:avoid!important;page-break-inside:avoid!important}
.aydoc-pdf-long-notes .aydoc-dynamic-footer{break-inside:avoid!important;page-break-inside:avoid!important}
/* v60 — Approved AY contact footer */
.aydoc-dynamic-footer.aydoc-footer-approved{
  direction:ltr!important;
  margin:auto -14mm -14mm!important;
  width:calc(100% + 28mm)!important;
  min-height:20mm!important;
  padding:3.8mm 10mm!important;
  box-sizing:border-box!important;
  background:#032f55!important;
  color:#fff!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.65fr) 1px auto 1px minmax(0,1.15fr)!important;
  gap:5mm!important;
  align-items:center!important;
  border-bottom:2.2mm solid #f6a623!important;
  position:relative!important;
}
.aydoc-dynamic-footer.aydoc-footer-approved:before,
.aydoc-dynamic-footer.aydoc-footer-approved:after{display:none!important;content:none!important}
.aydoc-footer-left,.aydoc-footer-right{display:flex!important;flex-direction:column!important;gap:2mm!important;min-width:0!important}
.aydoc-footer-line{display:flex!important;align-items:center!important;gap:2.3mm!important;min-width:0!important;color:#fff!important;font-size:8.7px!important;line-height:1.25!important;white-space:nowrap!important}
.aydoc-footer-line b,.aydoc-footer-line span{color:#fff!important;font-size:8.7px!important;line-height:1.25!important}
.aydoc-footer-right .aydoc-footer-line{justify-content:flex-start!important}
.aydoc-ci-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:6.5mm!important;height:6.5mm!important;color:#f6a623!important;flex:0 0 auto!important}
.aydoc-ci-icon svg,.aydoc-wa-icon svg{display:block!important;width:100%!important;height:100%!important}
.aydoc-wa-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:6.2mm!important;height:6.2mm!important;flex:0 0 auto!important}
.aydoc-number{font-family:Arial,Helvetica,sans-serif!important;font-variant-numeric:tabular-nums!important;letter-spacing:.05px!important;direction:ltr!important;unicode-bidi:isolate!important;white-space:nowrap!important}
.aydoc-sep{opacity:.8!important;font-family:Arial,Helvetica,sans-serif!important}
.aydoc-footer-divider{width:1px!important;height:14mm!important;background:rgba(255,255,255,.28)!important;justify-self:center!important}
.aydoc-footer-qr{width:17mm!important;height:17mm!important;object-fit:contain!important;background:#fff!important;padding:1mm!important;border:0!important;border-radius:0!important;box-shadow:none!important}
@media(max-width:700px){
 .aydoc-dynamic-footer.aydoc-footer-approved{grid-template-columns:1fr!important;text-align:center!important;gap:2.5mm!important}
 .aydoc-footer-divider{display:none!important}
 .aydoc-footer-line{justify-content:center!important;white-space:normal!important}
 .aydoc-footer-qr{margin:auto!important}
}
@media print{
 .aydoc-dynamic-footer.aydoc-footer-approved{break-inside:avoid!important}
}

/* v61 — Footer without center block */
.aydoc-dynamic-footer.aydoc-footer-approved{
  grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)!important;
  gap:12mm!important;
  padding-left:11mm!important;
  padding-right:11mm!important;
}
.aydoc-footer-left{justify-self:start!important}
.aydoc-footer-right{justify-self:end!important;align-items:flex-start!important}
.aydoc-footer-divider,.aydoc-footer-qr,.aydoc-footer-mark{display:none!important}

/* v64 — print isolation + SVG footer background */
.aydoc-dynamic-footer.aydoc-footer-approved{overflow:hidden!important}
.aydoc-footer-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important;display:block!important}
.aydoc-dynamic-footer.aydoc-footer-approved>*:not(.aydoc-footer-bg){position:relative!important;z-index:1!important}
@media print{
  @page{size:A4;margin:0!important}
  html,body{margin:0!important;padding:0!important;background:#fff!important}
  body{overflow:visible!important}
  .aydoc-footer-bg{display:block!important}
  .aydoc-dynamic-footer.aydoc-footer-approved{background:transparent!important;border-bottom:0!important}
}

/* v72 document-center ergonomics: isolated from other modules */
.dc-filter-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin-top:12px}
.dc-filter-toolbar label{display:flex;flex-direction:column;gap:4px;min-width:205px;font-size:11px;color:#61718b;font-weight:700}
.dc-filter-toolbar #dcSavedSearch{min-width:260px}
#dcSavedCount{padding:8px;color:#53637c;font-size:11px}
.dc-items .dc-multiline{display:block;width:100%;min-width:255px;min-height:74px;max-height:420px;resize:vertical;overflow-y:auto;white-space:pre-wrap;line-height:1.55}
.dc-items td:has(.dc-multiline){min-width:275px;white-space:normal;vertical-align:top}
.dc-client-status{font-size:10px;color:#376a9b;line-height:1.5}
.dc-customer-save{align-self:flex-start;white-space:normal}
@media(max-width:760px){.dc-filter-toolbar label,.dc-filter-toolbar #dcSavedSearch{min-width:0;width:100%}.dc-filter-toolbar{align-items:stretch}}

/* v71.2.0 colored model tags: visual labels only, never accounting categorization */
.ay-item-badge{display:inline-flex;align-items:center;max-width:100%;border:1px solid transparent;border-radius:7px;padding:3px 9px;font-size:11px;font-weight:800;line-height:1.45;margin:4px 5px 2px 0;white-space:normal;overflow-wrap:anywhere;vertical-align:middle}
.ay-color-selector{display:flex;align-items:center;gap:9px;min-height:42px;font-size:11px;color:#44516a;border:1px solid #dfe5ee;background:#fff;border-radius:10px;padding:6px 10px}
.ay-color-selector input[type="color"]{width:37px;height:31px;border:0;background:transparent;cursor:pointer;padding:0}
.ay-color-selector input[type="checkbox"]{width:17px;height:17px;flex:none}
.invoice-editor-item>.ay-item-badge{margin-top:6px}

/* Manual selection highlights: same markup for editor preview, printed page and Word export. */
.ay-highlight-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:7px 0 9px;white-space:normal}
.ay-highlight-toolbar>label{display:flex;align-items:center;gap:5px;color:#54657a;font-size:11px;font-weight:700}
.ay-highlight-toolbar input[type=color]{width:40px;height:31px;border:1px solid #d9e2ef;border-radius:7px;padding:2px;background:#fff;cursor:pointer}
.ay-highlight-toolbar .btn{padding:5px 8px;font-size:10px;white-space:normal}
.ay-highlight-inline-preview{width:100%;flex-basis:100%;min-height:26px;background:#f8fafc;border:1px dashed #d9e2ef;border-radius:7px;padding:5px 8px;line-height:1.6;white-space:normal;overflow-wrap:anywhere;text-align:start;font-size:12px}
.ay-highlight-inline-preview:before{content:'معاينة اللون: ';font-size:10px;color:#8290a3}
.ay-manual-highlight{border-radius:2px;padding:0 1px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.invoice-editor-item textarea.inv-desc{min-width:210px;min-height:74px;resize:vertical;max-height:350px;overflow:auto}
@media print{.ay-manual-highlight{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}

/* AY ERP item color picker: selected highlight applies to the entire stock row. */
.ay-item-color-field{border:1px solid #dfe5ef;background:#f8fafd;border-radius:14px;padding:14px;min-width:0}
.ay-item-color-heading{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}
.ay-item-color-heading b{font-size:14px;color:#24354c}
.ay-item-color-heading small{font-size:11px;color:#637185}
.ay-item-color-actions,.ay-item-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ay-item-color-toggle,.ay-item-custom-color{display:inline-flex;gap:7px;align-items:center;font-size:12px;font-weight:700;color:#43526b}
.ay-item-color-toggle input{width:18px;height:18px;accent-color:#d8962a}
.ay-item-color-swatches{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.item-form-color,.item-color-choice{width:29px;height:29px;border-radius:8px;border:1px solid rgba(36,53,76,.18);cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.09);transition:transform .12s ease,box-shadow .12s ease}
.item-form-color:hover,.item-color-choice:hover{transform:translateY(-2px)}
.item-form-color.is-selected{outline:2px solid #21354f;outline-offset:2px}
.item-form-color:focus-visible,.item-color-choice:focus-visible{outline:3px solid #335dff;outline-offset:2px}
.ay-item-custom-color input[type=color]{width:38px;height:32px;padding:2px;background:#fff;border:1px solid #cbd4df;border-radius:7px;cursor:pointer}
.ay-item-color-preview{min-height:45px;margin-top:12px;padding:9px 12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-inline-start:5px solid #d2dae7;border-radius:9px;background:#fff}
.ay-item-color-preview b{font-size:12px}
.ay-item-color-preview small{font-size:10px;color:#667587;flex-basis:100%}
#stockRows tr.ay-item-highlight-row td{background-color:var(--ay-item-tint)!important}
#stockRows tr.ay-item-highlight-row td:first-child{box-shadow:inset -5px 0 0 var(--ay-item-highlight)}
.ay-item-row-actions{min-width:160px}
.ay-item-row-palette{margin-top:8px;padding:10px;border:1px solid #dbe4f0;border-radius:10px;background:var(--surface,#fff);min-width:200px}
.ay-item-row-palette[hidden]{display:none!important}
.ay-item-row-palette small{display:block;color:#64748b;margin-bottom:7px}
.ay-item-buttons .btn{font-size:11px;padding:6px 9px}
@media(max-width:700px){.ay-item-color-field{padding:10px}.ay-item-color-actions{align-items:flex-start}.ay-item-row-palette{min-width:170px}}