:root{
--navy:#06264b;--navy2:#0b396b;--blue:#0878df;--blue2:#0c5da9;--light:#eaf4fd;--border:#cbdbea;
--text:#183a5d;--muted:#6b7d90;--green:#12b96f;--red:#ee4545;--orange:#f2a61a;--gray:#667789;
--shadow:0 5px 18px rgba(12,45,78,.13);
}
*{box-sizing:border-box} body{margin:0;background:#f1f5f9;color:var(--text);font-family:"Tahoma","Segoe UI",Arial,sans-serif;font-size:14px}
button,input,select,textarea{font:inherit} button{cursor:pointer}
.app-shell{min-height:100vh;display:flex;background:#f1f5f9}
.sidebar{width:220px;background:linear-gradient(180deg,#092e58,#041a35);color:#fff;position:fixed;right:0;top:0;bottom:0;z-index:30;box-shadow:0 0 20px #00142a55}
.brand{padding:22px 18px;border-bottom:1px solid #ffffff18;display:flex;gap:10px;align-items:center}.brand-icon{font-size:34px}.brand h1{font-size:18px;margin:0}.brand small{color:#b9d4ed}
.nav{padding:14px 10px}.nav a{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;padding:12px 14px;border-radius:8px;margin:5px 0}.nav a:hover,.nav a.active{background:#117de2}.nav .ico{width:22px;text-align:center;font-size:20px}.logout{position:absolute;bottom:20px;right:10px;left:10px}
.main{width:calc(100% - 220px);margin-right:220px;padding:18px;min-width:0}.topbar{background:linear-gradient(90deg,#0b477f,#0a2d54);color:#fff;border-radius:9px;padding:11px 16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.topbar b{font-size:13px}.topbar small{opacity:.8}
.card{background:#fff;border:1px solid #d7e2ee;border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.page-title{padding:10px 14px;background:linear-gradient(90deg,#0b78dc,#1763a2);color:#fff;font-size:18px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.section-title{background:linear-gradient(90deg,#e6f2fc,#f6fbff);border-top:1px solid #c9dfef;border-bottom:1px solid #c9dfef;padding:7px 12px;font-weight:700;color:#0d4d80;display:flex;justify-content:space-between}
.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px}.field label{display:block;font-size:12px;margin-bottom:5px;color:#294c6d}.field input,.field select,.field textarea{width:100%;height:34px;border:1px solid var(--border);border-radius:5px;padding:5px 9px;background:#fff;color:#183a5d;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#4296df;box-shadow:0 0 0 2px #4296df22}.field textarea{height:70px;resize:vertical}
.inspection-columns{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 10px 8px}.items-table{width:100%;border-collapse:separate;border-spacing:0 3px}.items-table th{font-size:11px;color:#48637b;text-align:right;padding:3px 6px}.items-table td{padding:0 4px;vertical-align:middle}.items-table td.name{font-size:12px;font-weight:600;width:36%}.items-table input.note{height:27px;width:100%;border:1px solid #d4e0ea;border-radius:4px;padding:3px 6px}.status{width:100%;height:27px;border-radius:4px;border:1px solid #d7e2ea;font-size:11px;font-weight:700;padding:2px 5px}.s-good{background:#dff8e9;color:#0a8b52}.s-ok{background:#fff3bf;color:#9b7100}.s-fix{background:#ffe1aa;color:#a45d00}.s-bad{background:#ffd5d5;color:#b62424}.s-na{background:#e7edf3;color:#586b7e}
.notes{padding:8px 10px}.notes textarea{width:100%;height:65px;border:1px solid var(--border);border-radius:6px;padding:8px}
.actions{display:flex;gap:7px;padding:10px;border-top:1px solid #dce7f0;justify-content:flex-start;direction:rtl}.btn{border:0;border-radius:7px;padding:9px 18px;color:#fff;font-weight:700;min-width:95px}.btn-primary{background:#0a73dc}.btn-success{background:#10b96d}.btn-warning{background:#f0a21b}.btn-danger{background:#e94949}.btn-gray{background:#62778b}.btn-new{background:#197be0}.btn:active{transform:translateY(1px)}
.table-wrap{overflow:auto}.records{width:100%;border-collapse:collapse;min-width:820px}.records th{background:#e5f2fd;color:#245274;font-size:12px;padding:9px;border:1px solid #d3e3ef}.records td{padding:8px;border:1px solid #e2eaf1;text-align:center;font-size:12px}.records tr:nth-child(even){background:#fbfdff}.badge{display:inline-block;padding:3px 9px;border-radius:10px;background:#d8f8e8;color:#0b9a5b;font-size:11px;font-weight:700}.tool{border:0;background:transparent;font-size:16px;padding:3px}.toolbar{display:flex;gap:8px;align-items:center;padding:10px}.search{flex:1;position:relative}.search input{width:100%;height:38px;border:1px solid var(--border);border-radius:7px;padding:5px 35px 5px 10px}.search span{position:absolute;right:10px;top:9px}.pagination{display:flex;gap:5px;padding:12px}.pagination a{padding:6px 11px;border:1px solid #cbdbea;border-radius:5px;text-decoration:none;color:#1e5a8e}.pagination a.active{background:#0c77dc;color:#fff}
.alert{padding:10px 13px;border-radius:7px;margin-bottom:10px}.alert-success{background:#dff7ea;color:#087847}.alert-error{background:#ffe0e0;color:#a42323}
.report{max-width:1050px;margin:auto;background:#fff;padding:25px;border:1px solid #d7e2ee}.report-head{display:flex;justify-content:space-between;border-bottom:2px solid #0a68b7;padding-bottom:12px}.report-title{text-align:center;flex:1}.report-title h2{margin:4px}.report-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #ccdce9;margin:15px 0}.report-grid div{padding:7px;border-left:1px solid #ccdce9;border-bottom:1px solid #ccdce9;font-size:12px}.report-grid b{display:block;color:#52718b;font-size:10px}.report-sections{display:grid;grid-template-columns:1fr 1fr;gap:12px}.report-section{border:1px solid #cbddea}.report-section h3{font-size:13px;background:#e8f4fd;padding:7px;margin:0;color:#125a8d}.report-items{padding:8px}.report-item{display:flex;justify-content:space-between;border-bottom:1px dotted #cfdbe5;padding:4px;font-size:11px}.report-footer{margin-top:12px;border:1px solid #d5e1eb;padding:12px;font-size:12px}
.mobile-menu{display:none}
@media(max-width:1100px){.sidebar{width:190px}.main{width:calc(100% - 190px);margin-right:190px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){body{font-size:13px}.sidebar{transform:translateX(100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{width:100%;margin-right:0;padding:8px}.mobile-menu{display:inline-flex;border:0;background:#ffffff22;color:#fff;border-radius:6px;padding:6px 10px}.topbar{border-radius:7px}.inspection-columns,.report-sections{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}.actions{flex-wrap:wrap}.btn{flex:1;min-width:80px}.page-title{font-size:15px}}
@media(max-width:520px){.form-grid{grid-template-columns:1fr}.field input,.field select{height:38px}.items-table td.name{width:31%;font-size:11px}.actions .btn{min-width:calc(50% - 5px)}.page-title{padding:10px}.toolbar{flex-wrap:wrap}.search{min-width:100%}}
@media print{.sidebar,.topbar,.no-print{display:none!important}.main{width:100%;margin:0;padding:0}.report{border:0;box-shadow:none;max-width:none}.report-head{padding-top:0}body{background:#fff}}

/* ===== Professional printable vehicle inspection report ===== */
.report-page{padding:10px 8px 18px;background:#f1f5f8}
.report-actions{max-width:1000px;margin:0 auto 10px;display:flex;gap:8px;justify-content:flex-start;direction:rtl}
.report-actions .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.print-report{width:100%;max-width:1000px;margin:0 auto;background:#fff;border:1px solid #c9dbe9;box-shadow:0 8px 28px rgba(12,45,78,.14);padding:12px 13px 9px;direction:rtl;color:#183a5d;font-family:"Tahoma","Segoe UI",Arial,sans-serif}
.report-banner{height:94px;border-radius:8px;overflow:hidden;display:flex;align-items:stretch;justify-content:space-between;background:linear-gradient(100deg,#0b3f74 0%,#0a4d88 54%,#e9f3fb 54.1%,#eef6fc 100%);color:#fff;position:relative}
.banner-title{display:flex;align-items:center;gap:16px;padding:0 25px 0 34px;min-width:53%;justify-content:flex-start}
.banner-title h1{font-size:29px;line-height:1.1;margin:0 0 8px;font-weight:800;letter-spacing:-.5px}
.banner-title p{font-size:17px;margin:0;font-weight:600;opacity:.96}
.title-car{font-size:46px;line-height:1;filter:grayscale(1) brightness(0) invert(1)}
.banner-brand{min-width:42%;display:flex;align-items:center;gap:12px;padding:0 25px;color:#123f6e;justify-content:flex-start}
.brand-name{font-size:23px;font-weight:800;margin-bottom:5px}.brand-tag{font-size:15px}
.brand-mark{width:57px;height:57px;position:relative;color:#123f6e}.mark-wrench{font-size:44px;position:absolute;right:0;top:1px}.mark-car{font-size:30px;position:absolute;left:1px;bottom:0;filter:grayscale(1) brightness(.55)}
.meta-cards{display:grid;grid-template-columns:1.12fr 1.12fr .88fr;gap:11px;margin-top:14px;direction:ltr}
.meta-card{border:1px solid #9fc7e5;border-radius:7px;overflow:hidden;background:#fff;direction:rtl;min-height:110px}
.meta-heading{background:linear-gradient(90deg,#eaf5fd,#f7fbfe);height:38px;display:flex;align-items:center;justify-content:flex-start;gap:7px;padding:0 12px;color:#0c4d7d;font-size:18px;font-weight:800;border-bottom:1px solid #c8dfef}.meta-heading span{font-size:21px}
.meta-row{display:grid;grid-template-columns:38% 62%;min-height:26px;align-items:center;padding:0 11px;border-bottom:1px solid #e3edf4;font-size:12px}.meta-row:last-child{border-bottom:0}.meta-row b{font-size:12px;color:#254c70}.meta-row span{color:#183a5d}
.ref-card{padding-top:0}.ref-row{display:grid;grid-template-columns:39% 61%;align-items:center;min-height:35px;padding:0 12px;border-bottom:1px solid #dbe7f0;font-size:14px}.ref-row:last-child{border-bottom:0}.ref-row b{font-size:12px;color:#23496c}.ref-row span{font-weight:800;text-align:center}
.inspection-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;direction:rtl}.inspection-panel{border:1px solid #9fc7e5;border-radius:7px;overflow:hidden;direction:rtl;background:#fff}
.panel-title{height:40px;background:linear-gradient(90deg,#0b74bd,#0b548e);color:#fff;display:flex;align-items:center;justify-content:flex-start;gap:7px;padding:0 12px;font-size:16px;font-weight:800}.panel-title span{font-size:21px}
.report-table{width:100%;border-collapse:collapse;table-layout:fixed}.report-table th{height:34px;background:#eef6fb;color:#284d6c;border:1px solid #d6e5ef;font-size:10px;font-weight:800;padding:3px}.report-table td{border:1px solid #dbe6ee;height:31px;padding:2px 5px;font-size:10px;vertical-align:middle}.report-table .num{width:8%;text-align:center}.report-table th:nth-child(2){width:30%}.report-table .state{width:23%}.report-table .remarks{width:39%}.report-table td.item-name{font-weight:700;color:#173e61}.report-table td.item-note{color:#5d7182;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-pill{display:flex;align-items:center;justify-content:center;min-height:23px;border-radius:5px;font-size:9.5px;font-weight:800;padding:1px 4px;white-space:nowrap}.s-excellent{background:#18ad68;color:#fff;border:1px solid #0b9c59}.s-good{background:#cdecc3;color:#236f31;border:1px solid #b4dfaa}.s-repair{background:#ffe0a1;color:#946700;border:1px solid #f2c96d}.s-change{background:#f9c4c4;color:#9b2020;border:1px solid #ed9999}.s-unavailable{background:#9ea6b1;color:#fff;border:1px solid #858d98}.s-neutral{background:#eef2f5;color:#5b6875;border:1px solid #d9e0e6}
.bottom-grid{display:grid;grid-template-columns:1.62fr 1fr;gap:11px;margin-top:14px;direction:ltr}.summary-card,.notes-card{border:1px solid #a8cbe5;border-radius:7px;background:#fff;overflow:hidden;direction:rtl}.bottom-title{height:39px;background:linear-gradient(90deg,#eaf5fc,#f8fbfd);display:flex;align-items:center;gap:7px;padding:0 12px;color:#0c4d7d;font-size:17px;font-weight:800;border-bottom:1px solid #c7dfef}.bottom-title span{font-size:22px}
.summary-items{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;padding:10px 12px 6px}.summary-box{height:70px;border-radius:6px;border:1px solid;display:grid;grid-template-columns:1fr 25px;grid-template-rows:28px 35px;align-items:center;padding:0 8px}.summary-box b{grid-column:1/3;font-size:10px;text-align:center}.summary-box strong{font-size:21px;text-align:center}.summary-box span{font-size:18px;font-weight:900;text-align:center}.summary-box.excellent{background:#e9fff2;border-color:#18a967;color:#10844f}.summary-box.good{background:#effbe9;border-color:#b8dfa9;color:#31773b}.summary-box.repair{background:#fff8e7;border-color:#efca72;color:#9a7108}.summary-box.change{background:#fff0f0;border-color:#ee9c9c;color:#aa2a2a}.summary-box.unavailable{background:#eef1f5;border-color:#b7c0ca;color:#5f6b78}.summary-total{font-size:9px;color:#6a7c8b;padding:0 12px 8px;text-align:left}
.notes-card p{font-size:11px;line-height:1.9;padding:8px 13px;margin:0;min-height:83px;color:#284a67}
.signatures{display:grid;grid-template-columns:1fr .9fr 1fr;gap:11px;margin-top:13px;border:1px solid #bdd3e3;border-radius:7px;min-height:125px;background:linear-gradient(90deg,#fbfdff,#f4f9fd,#fbfdff);padding:9px 15px;direction:ltr}.signature-box,.seal-box{direction:rtl;text-align:center;display:flex;flex-direction:column;align-items:center}.signature-box h4,.seal-box h4{font-size:14px;margin:2px 0 9px;color:#173e61}.signature-box{justify-content:flex-start;padding-top:0}.signature-box>div:last-child{font-size:10px;margin-top:11px}.signature-line{width:85%;border-bottom:1px dotted #60798d;height:32px}.seal-box{border-left:1px solid #dbe6ee;border-right:1px solid #dbe6ee}.seal{width:82px;height:82px;border:2px solid #174d82;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#174d82;font-size:7px;line-height:1.1;position:relative}.seal:before{content:"";position:absolute;inset:5px;border:1px dashed #174d82;border-radius:50%}.seal strong{font-size:23px;line-height:1;filter:grayscale(1)}.seal small{font-size:8px;letter-spacing:1px}
.report-footer{height:40px;margin-top:12px;border-radius:6px;background:linear-gradient(90deg,#0b477f,#0a5b9d);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:10px}.report-footer strong{font-size:13px}
@media(max-width:900px){.meta-cards{grid-template-columns:1fr 1fr}.ref-card{grid-column:1/-1}.inspection-grid,.bottom-grid{grid-template-columns:1fr}.print-report{overflow:auto}.banner-title h1{font-size:23px}.banner-brand{min-width:44%}}
@media print{
 @page{size:A4 portrait;margin:3mm}
 html,body{background:#fff!important}
 body{font-size:10px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .report-page{padding:0!important;background:#fff!important}
 .print-report{max-width:none;width:100%;border:0;box-shadow:none;padding:0;margin:0}
 .report-actions{display:none!important}
 .report-banner{height:22mm}
 .meta-cards{margin-top:3mm;gap:2.5mm;grid-template-columns:1fr 1fr 1fr;align-items:stretch}.meta-card{height:34mm;min-height:34mm}.meta-heading{height:7.4mm;font-size:10.5px}.meta-row{height:5.1mm;min-height:5.1mm;font-size:8.2px;padding:0 2.8mm}.meta-row b{font-size:8.2px}.ref-row{height:8.2mm;min-height:8.2mm;font-size:9px;padding:0 3mm}.ref-row b{font-size:8.2px}
 .inspection-grid{margin-top:3mm;gap:2.5mm}.panel-title{height:7.2mm;font-size:12px}.report-table th{height:5.8mm;font-size:8px}.report-table td{height:5.45mm;font-size:7.7px}.status-pill{min-height:4.2mm;font-size:7.5px}.report-table .item-note{font-size:7.2px}
 .bottom-grid{margin-top:3mm;gap:2.5mm}.bottom-title{height:7mm;font-size:12px}.summary-items{gap:2mm;padding:2.5mm 3mm 1.5mm}.summary-box{height:13mm}.summary-box b{font-size:7.5px}.summary-box strong{font-size:16px}.summary-box span{font-size:13px}.notes-card p{font-size:7px;min-height:16mm;padding:2mm 3mm;line-height:1.7}
 .signatures{margin-top:2mm;min-height:24mm;padding:2mm 4mm}.signature-box h4,.seal-box h4{font-size:10px}.signature-line{height:5.5mm}.signature-box>div:last-child{font-size:7.5px;margin-top:2mm}.seal{width:17mm;height:17mm}.seal strong{font-size:16px}.seal-box{border-left:1px solid #dbe6ee;border-right:1px solid #dbe6ee}
 .report-footer{height:7mm;margin-top:2mm;font-size:7.5px}.report-footer strong{font-size:9.5px}
}
/* ===== Center branding settings ===== */
.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.branding-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px}
.upload-card{border:1px solid #d2e2ee;border-radius:9px;padding:14px;background:#fbfdff}.upload-card h3{margin:0 0 5px;color:#0c4d7d;font-size:16px}.upload-card p{margin:0 0 10px;color:#6b7d90;font-size:12px}.upload-card input[type=file]{width:100%;border:1px dashed #a9c8df;border-radius:7px;padding:9px;background:#fff}.brand-preview{height:135px;border:1px solid #d7e5ef;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:10px;color:#8393a1;font-size:12px;overflow:hidden}.brand-preview img{max-width:90%;max-height:115px;object-fit:contain}.seal-preview img{max-height:125px}.checkline{display:block;margin-top:9px;font-size:12px;color:#a42323}.settings-help{margin:0 14px 12px;padding:10px 12px;background:#eef7ff;border:1px solid #c8e1f4;border-radius:7px;color:#245274;font-size:12px}
@media(max-width:700px){.branding-grid,.settings-grid{grid-template-columns:1fr}.settings-grid [style*="grid-column"]{grid-column:auto!important}}
/* Printable logo/seal sizing */
.brand-mark img{max-width:57px;max-height:57px;object-fit:contain}.seal img{max-width:100%;max-height:100%;object-fit:contain;position:relative;z-index:2}.seal-image:before{display:none}
.icon{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}.meta-heading .icon,.panel-title .icon,.bottom-title .icon{width:1.25em;height:1.25em}.mark-wrench .icon{width:47px;height:47px;stroke-width:1.8}.mark-car .icon{width:33px;height:33px;stroke-width:1.8}.title-car .icon{width:54px;height:54px;stroke-width:1.65}.tiny-icon{width:14px;height:14px;display:inline-block;vertical-align:-3px;margin-left:5px}.ref-row b{display:flex;align-items:center;gap:3px}
/* ===== Professional A4 tax invoice ===== */
.invoice-tool{color:#0a73dc!important}
.invoice-form-card{max-width:1050px;margin:0 auto}.invoice-preview-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px}.invoice-preview-mini>div{border:1px solid #d3e2ee;background:#f7fbff;border-radius:7px;padding:10px;display:flex;justify-content:space-between;gap:8px}.invoice-preview-mini b{color:#55718b}.invoice-preview-mini span{font-weight:800}.invoice-form-grid{grid-template-columns:2fr 1fr 1fr 1fr}.invoice-paper{max-width:1000px;margin:0 auto;background:#fff;border:1px solid #c9dbe9;box-shadow:0 8px 28px rgba(12,45,78,.14);padding:14px;color:#183a5d;font-family:"Tahoma","Segoe UI",Arial,sans-serif}.invoice-header{min-height:105px;border-bottom:2px solid #0b78bd;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:8px 10px}.invoice-brand{display:flex;align-items:center;gap:13px}.invoice-logo{width:72px;height:72px;display:flex;align-items:center;justify-content:center;color:#0b4d88;font-size:54px}.invoice-logo img{max-width:72px;max-height:72px;object-fit:contain}.invoice-brand h1{margin:0 0 5px;font-size:24px;color:#0b477f}.invoice-brand p{margin:0 0 5px;font-size:15px;font-weight:700}.invoice-brand small{font-size:10px;color:#62778b}.invoice-title{text-align:center;background:linear-gradient(90deg,#0b477f,#0a5b9d);color:#fff;border-radius:8px;padding:12px 28px;min-width:250px}.invoice-title h2{margin:0 0 4px;font-size:21px}.invoice-title strong{display:block;font-size:28px;letter-spacing:.5px}.invoice-title span{font-size:10px;display:block;margin-top:4px}.invoice-ref{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.invoice-ref>div{background:#eef7fd;border:1px solid #c9dfef;border-radius:6px;padding:8px 10px;display:flex;justify-content:space-between;gap:10px}.invoice-ref b{font-size:10px;color:#52718b}.invoice-ref strong{font-size:12px}.invoice-two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.invoice-box{border:1px solid #9fc7e5;border-radius:7px;overflow:hidden}.invoice-box h3{margin:0;background:linear-gradient(90deg,#0b74bd,#0b548e);color:#fff;padding:9px 12px;font-size:15px}.invoice-box p{margin:0;padding:7px 12px;border-bottom:1px solid #e0ebf2;font-size:11px}.invoice-box p:last-child{border-bottom:0}.invoice-box b{color:#284d6c}.invoice-details{border:1px solid #9fc7e5;border-radius:7px;overflow:hidden;margin-top:12px}.invoice-section-title{background:#0b548e;color:#fff;font-weight:800;padding:10px 12px;font-size:15px}.invoice-details table{width:100%;border-collapse:collapse;table-layout:fixed}.invoice-details th{background:#eef6fb;color:#284d6c;border:1px solid #d6e5ef;padding:8px;font-size:10px}.invoice-details td{border:1px solid #dbe6ee;padding:9px 7px;font-size:11px;text-align:center}.invoice-details th:nth-child(1){width:8%}.invoice-details th:nth-child(2){width:46%;text-align:right}.invoice-details th:nth-child(3){width:12%}.invoice-details th:nth-child(4),.invoice-details th:nth-child(5){width:17%}.invoice-details td:nth-child(2){text-align:right;font-weight:700}.invoice-totals{display:grid;grid-template-columns:1fr 1.05fr;gap:10px;margin-top:12px;direction:ltr}.qr-box,.totals-box{border:1px solid #a8cbe5;border-radius:7px;background:#fff;min-height:210px}.qr-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;text-align:center;direction:rtl}.qr-box #zatca-qr{width:160px;height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:7px}.qr-box #zatca-qr img,.qr-box #zatca-qr canvas{max-width:150px;max-height:150px}.qr-box>b{font-size:11px;color:#174d82}.qr-box small{font-size:9px;color:#2f6d9b;margin-top:3px}.qr-box span{font-size:8px;color:#6a7c8b;margin-top:5px}.qr-fallback{width:150px;height:150px;border:2px dashed #0b548e;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;color:#0b548e}.totals-box{padding:0;direction:rtl;overflow:hidden}.totals-box>div{display:flex;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #dbe7f0;font-size:12px}.totals-box .grand{background:linear-gradient(90deg,#0b477f,#0a5b9d);color:#fff;font-size:16px;font-weight:800}.totals-box .grand strong{font-size:20px}.totals-box p{margin:0;padding:10px 15px;text-align:center;font-size:10px;color:#315878;font-weight:700}.invoice-note{margin-top:12px;border:1px solid #bdd3e3;border-radius:7px;background:#f8fbfd;padding:10px 14px}.invoice-note h3{margin:0 0 5px;color:#0c4d7d;font-size:14px}.invoice-note p{margin:4px 0;font-size:10px;line-height:1.7}.invoice-sign{display:grid;grid-template-columns:1fr .9fr 1fr;gap:10px;margin-top:12px;border:1px solid #bdd3e3;border-radius:7px;padding:10px;min-height:125px;align-items:center}.invoice-sign>div{text-align:center}.invoice-sign h4{margin:0 0 14px;font-size:13px;color:#173e61}.sign-line{height:42px;width:85%;border-bottom:1px dotted #60798d;margin:auto}.invoice-seal{border-left:1px solid #dbe6ee;border-right:1px solid #dbe6ee}.invoice-seal img{width:85px;height:85px;object-fit:contain}.seal-fallback{width:82px;height:82px;border:2px solid #174d82;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;font-size:8px;color:#174d82;gap:5px}.seal-fallback strong{font-size:25px}.invoice-footer{height:42px;margin-top:12px;border-radius:6px;background:linear-gradient(90deg,#0b477f,#0a5b9d);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:10px}.invoice-footer strong{font-size:13px}
@media(max-width:800px){.invoice-preview-mini,.invoice-two,.invoice-totals,.invoice-sign{grid-template-columns:1fr}.invoice-form-grid{grid-template-columns:1fr 1fr}.invoice-header{align-items:flex-start;flex-direction:column}.invoice-title{width:100%}.invoice-seal{border:0;border-top:1px solid #dbe6ee;border-bottom:1px solid #dbe6ee;padding:10px}.invoice-paper{overflow:auto}}
@media(max-width:520px){.invoice-form-grid{grid-template-columns:1fr}.invoice-ref{grid-template-columns:1fr}.invoice-brand h1{font-size:19px}.invoice-title strong{font-size:23px}}
@media print{
 @page{size:A4 portrait;margin:4mm}
 html,body{background:#fff!important}
 body{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .invoice-page{padding:0!important;background:#fff!important}
 .invoice-paper{max-width:none;width:100%;border:0;box-shadow:none;padding:0;margin:0}
 .invoice-header{min-height:27mm}.invoice-logo{width:18mm;height:18mm}.invoice-logo img{max-width:18mm;max-height:18mm}.invoice-brand h1{font-size:18px}.invoice-brand p{font-size:11px}.invoice-brand small{font-size:7px}.invoice-title{padding:7px 18px;min-width:48mm}.invoice-title h2{font-size:14px}.invoice-title strong{font-size:21px}.invoice-title span{font-size:7px}
 .invoice-ref{margin-top:2.5mm;gap:2mm}.invoice-ref>div{padding:5px 7px}.invoice-ref b{font-size:7px}.invoice-ref strong{font-size:8px}
 .invoice-two{margin-top:2.5mm;gap:2mm}.invoice-box h3{padding:5px 8px;font-size:10px}.invoice-box p{padding:4px 8px;font-size:8px}
 .invoice-details{margin-top:2.5mm}.invoice-section-title{padding:6px 8px;font-size:10px}.invoice-details th{padding:5px;font-size:7px}.invoice-details td{padding:5px;font-size:8px}
 .invoice-totals{margin-top:2.5mm;gap:2mm}.qr-box,.totals-box{min-height:45mm}.qr-box{padding:5px}.qr-box #zatca-qr{width:32mm;height:32mm;margin-bottom:2px}.qr-box #zatca-qr img,.qr-box #zatca-qr canvas{max-width:30mm;max-height:30mm}.qr-box>b{font-size:7px}.qr-box small{font-size:6px}.qr-box span{font-size:5.5px}.qr-fallback{width:30mm;height:30mm;font-size:20px}.totals-box>div{padding:6px 9px;font-size:8px}.totals-box .grand{font-size:11px}.totals-box .grand strong{font-size:14px}.totals-box p{padding:5px 8px;font-size:7px}
 .invoice-note{margin-top:2.5mm;padding:5px 8px}.invoice-note h3{font-size:9px}.invoice-note p{font-size:7px;margin:2px 0}
 .invoice-sign{margin-top:2.5mm;min-height:28mm;padding:5px}.invoice-sign h4{font-size:8px;margin-bottom:5px}.sign-line{height:10mm}.invoice-seal img{width:20mm;height:20mm}.seal-fallback{width:20mm;height:20mm;font-size:6px}.seal-fallback strong{font-size:15px}
 .invoice-footer{height:8mm;margin-top:2.5mm;font-size:6.5px}.invoice-footer strong{font-size:8px}
}

/* Invoice: QR removed by request */
/* Users & permissions */
.login-body{min-height:100vh;margin:0;display:grid;place-items:center;background:linear-gradient(135deg,#0b2442,#e8f0f7);font-family:Tahoma,Arial,sans-serif}.login-card{width:min(420px,92vw);background:#fff;border-radius:18px;padding:32px;box-shadow:0 24px 70px #001a3a33;text-align:center}.login-card h1{color:#123b68;margin:8px 0}.login-card p{color:#64748b}.login-icon{font-size:46px}.login-card .field{text-align:right;margin:14px 0}.login-card input{width:100%;box-sizing:border-box}.login-btn{width:100%;margin:8px 0 16px}.users-layout{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:18px}.users-layout .field{margin-bottom:12px}.users-layout select{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.checkline{display:flex;gap:8px;align-items:center;margin:10px 0;color:#334155}.tool{border:0;background:transparent;cursor:pointer}@media(max-width:850px){.users-layout{grid-template-columns:1fr}}
/* ===== Professional management dashboard ===== */
.dashboard-page{padding-bottom:30px}.dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#092f59,#0b74bd);color:#fff;border-radius:12px;padding:20px 22px;margin-bottom:14px;box-shadow:0 8px 24px rgba(7,48,86,.16)}.dashboard-hero h1{margin:5px 0 4px;font-size:25px}.dashboard-hero p{margin:0;color:#dcecf9}.dashboard-kicker{font-size:11px;color:#9fd0f4;font-weight:800}.dashboard-section{margin-bottom:14px}.dashboard-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;padding:0 3px}.dashboard-section-head h2,.panel-head h2{margin:0;color:#123f67;font-size:18px}.dashboard-section-head span,.panel-head span{font-size:11px;color:#71869a}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.kpi-card{min-height:112px;background:#fff;border:1px solid #d5e2ec;border-radius:11px;box-shadow:0 5px 18px rgba(12,45,78,.08);display:flex;align-items:center;gap:13px;padding:15px;position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:#0b78dc}.kpi-card span{display:block;color:#64798c;font-size:12px;margin-bottom:7px}.kpi-card strong{display:block;color:#123f67;font-size:25px;line-height:1.1}.kpi-card strong small{font-size:11px;color:#71869a}.kpi-icon{width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#eaf5fd;color:#0b73bd;font-weight:900;font-size:21px;flex:0 0 50px}.kpi-income:after{background:#10b96d}.kpi-inspections:after{background:#0b78dc}.kpi-invoices:after{background:#f0a21b}.kpi-amount:after{background:#7b61d9}.kpi-income .kpi-icon{background:#e7faef;color:#079357}.kpi-invoices .kpi-icon{background:#fff5df;color:#c17a00}.kpi-amount .kpi-icon{background:#f1edff;color:#694bd2}.dashboard-lower{display:grid;grid-template-columns:1.08fr .92fr;gap:14px}.dashboard-panel{background:#fff;border:1px solid #d5e2ec;border-radius:11px;box-shadow:0 5px 18px rgba(12,45,78,.08);overflow:hidden;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #e1eaf1}.panel-head a{font-size:11px;color:#0b73bd;text-decoration:none;font-weight:800}.bar-chart{height:280px;display:flex;align-items:end;gap:7px;padding:18px 13px 12px;direction:ltr}.bar-col{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:5px;min-width:0}.bar-col>b{font-size:9px;color:#667d91;white-space:nowrap;transform:rotate(-35deg);height:26px}.bar-value{font-size:8px;color:#7890a3;min-height:10px}.bar-track{height:190px;width:100%;max-width:32px;background:#edf3f7;border-radius:6px 6px 2px 2px;display:flex;align-items:end;overflow:hidden}.bar-fill{width:100%;background:linear-gradient(180deg,#0b8be5,#0b5ca3);border-radius:6px 6px 0 0;min-height:0}.recent-list{max-height:280px;overflow:auto}.recent-row{display:flex;align-items:center;gap:9px;padding:10px 13px;border-bottom:1px solid #edf2f6;text-decoration:none;color:#173e61}.recent-row:hover{background:#f7fbfe}.recent-car{width:36px;height:36px;border-radius:9px;background:#eef6fb;display:grid;place-items:center;flex:0 0 36px}.recent-main{min-width:0;flex:1}.recent-main b,.recent-main small,.recent-ref,.recent-ref small{display:block}.recent-main b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-main small{font-size:9px;color:#74889a;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-ref{text-align:left;font-size:10px;font-weight:800;color:#0b5d98;direction:ltr}.recent-ref small{font-size:8px;color:#8a9bab;font-weight:400;margin-top:3px}.empty-state{padding:35px 15px;text-align:center;color:#7b8d9d;font-size:12px}
@media(max-width:1050px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-lower{grid-template-columns:1fr}}@media(max-width:600px){.dashboard-hero{align-items:flex-start;flex-direction:column}.dashboard-hero h1{font-size:20px}.kpi-grid{grid-template-columns:1fr}.kpi-card{min-height:96px}.bar-chart{gap:4px;padding-left:7px;padding-right:7px}.bar-col>b{font-size:7px}.bar-track{max-width:22px}}
@media print{.dashboard-page{padding:0}.dashboard-hero{box-shadow:none}.dashboard-lower{grid-template-columns:1fr 1fr}}
@media print{
  @page{size:A4 portrait;margin:3mm}
  .print-report,.invoice-paper{page-break-inside:auto}
  .meta-card,.inspection-panel,.summary-card,.notes-card,.signatures,.invoice-box,.invoice-details,.invoice-totals,.invoice-note,.invoice-sign{break-inside:avoid;page-break-inside:avoid}
}

/* ===== Period daily report ===== */
.period-report-page{padding-bottom:30px}.report-filter-card{margin-bottom:14px}.report-filter-card .page-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.report-filter-card .page-title h2{margin:0 0 4px;font-size:20px}.report-filter-card .page-title span{font-size:12px;color:#6b8195}.period-filter{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;border-top:1px solid #e5edf4;padding-top:14px}.period-filter .field{min-width:180px;flex:0 0 220px}.period-filter .btn{height:42px}.period-report-paper{max-width:1100px;margin:0 auto;background:#fff;border:1px solid #d2e0eb;box-shadow:0 8px 28px rgba(15,52,82,.12);padding:18px;direction:rtl;color:#183b5a}.period-report-header{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #0a5a96;padding-bottom:14px}.period-brand{display:flex;align-items:center;gap:12px}.period-logo{width:58px;height:58px;border-radius:14px;background:#0a5a96;color:#fff;display:grid;place-items:center;font-size:30px}.period-brand h1{margin:0;font-size:20px}.period-brand p{margin:4px 0 0;color:#6b8195;font-size:11px}.period-title{text-align:left}.period-title h2{margin:0 0 4px;font-size:25px;color:#0a5a96}.period-title strong{font-size:12px;color:#58748a}.period-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0}.period-kpis>div{border:1px solid #d9e6ef;background:#f7fbfd;border-radius:8px;padding:10px;text-align:center}.period-kpis span{display:block;font-size:10px;color:#61788c;margin-bottom:5px}.period-kpis b{font-size:18px;color:#173f61}.period-kpis small{font-size:9px}.period-kpis .period-total{background:#0a5a96;color:#fff;border-color:#0a5a96}.period-kpis .period-total span,.period-kpis .period-total b{color:#fff}.period-section{margin-top:16px}.period-section-title{display:flex;align-items:center;gap:9px;margin-bottom:8px}.period-section-title>span{width:29px;height:29px;border-radius:7px;background:#e6f2fa;color:#0a5a96;display:grid;place-items:center;font-size:10px;font-weight:800}.period-section-title h3{margin:0;font-size:15px}.period-section-title p{margin:2px 0 0;font-size:10px;color:#72879a}.period-table{width:100%;border-collapse:collapse;table-layout:fixed}.period-table th{background:#eaf4fa;color:#264c69;font-size:9.5px;padding:7px 5px;border:1px solid #d3e1ea}.period-table td{font-size:9.5px;padding:7px 5px;border:1px solid #dbe5ec;text-align:center;vertical-align:middle}.period-table td:nth-child(2),.period-table td:nth-child(4){text-align:center}.period-table .strong-money{font-weight:800;color:#0a5a96}.period-table tfoot th{background:#dceef9;color:#0a4e80;font-size:10px;padding:8px;border:1px solid #c5dce9}.empty-report{text-align:center!important;color:#758a9b;padding:18px!important}.invoice-detail-table th:nth-child(1){width:9%}.invoice-detail-table th:nth-child(2){width:12%}.invoice-detail-table th:nth-child(3){width:10%}.invoice-detail-table th:nth-child(4){width:16%}.invoice-detail-table th:nth-child(5){width:17%}.invoice-detail-table th:nth-child(6){width:23%}.invoice-detail-table th:nth-child(7){width:13%}.period-footer{margin-top:18px;border-top:2px solid #0a5a96;padding-top:9px;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#62798c}.period-footer strong{font-size:10px;color:#0a5a96}
@media(max-width:900px){.period-kpis{grid-template-columns:repeat(2,1fr)}.period-report-paper{overflow:auto}.period-report-header{gap:10px}.period-title h2{font-size:19px}}
@media print{
 @page{size:A4 portrait;margin:4mm}
 body{background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .period-report-page{padding:0!important;margin:0!important}
 .report-filter-card{display:none!important}.period-report-paper{max-width:none;width:100%;border:0;box-shadow:none;padding:0;margin:0}
 .period-report-header{padding-bottom:3mm}.period-logo{width:15mm;height:15mm;font-size:8mm}.period-brand h1{font-size:14pt}.period-brand p{font-size:7pt}.period-title h2{font-size:17pt}.period-title strong{font-size:7pt}
 .period-kpis{gap:2mm;margin:3mm 0}.period-kpis>div{padding:2mm;border-radius:1.5mm}.period-kpis span{font-size:6.5pt}.period-kpis b{font-size:11pt}.period-section{margin-top:3mm}.period-section-title{margin-bottom:1.5mm}.period-section-title>span{width:7mm;height:7mm}.period-section-title h3{font-size:9pt}.period-section-title p{font-size:6pt}
 .period-table th{font-size:6.5pt;padding:1.5mm}.period-table td{font-size:6.5pt;padding:1.5mm}.period-table tfoot th{font-size:7pt;padding:1.7mm}.invoice-detail-section{page-break-before:auto}.period-footer{margin-top:3mm;padding-top:2mm;font-size:6pt}.period-footer strong{font-size:7pt}
}
/* ===== Accounting module ===== */
.accounting-page{padding-bottom:30px}.accounting-hero{display:flex;justify-content:space-between;align-items:center;gap:15px;background:linear-gradient(135deg,#07305a,#0b73bd);color:#fff;border-radius:12px;padding:20px;margin-bottom:14px}.accounting-hero h1{margin:0 0 5px;font-size:24px}.accounting-hero p{margin:0;color:#dbeefa}.accounting-actions{display:flex;gap:8px;flex-wrap:wrap}.accounting-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px}.accounting-stat{background:#fff;border:1px solid #d7e3ed;border-radius:11px;padding:15px;box-shadow:var(--shadow)}.accounting-stat span{display:block;color:#6b7f91;font-size:11px;margin-bottom:7px}.accounting-stat strong{font-size:22px;color:#123f67}.accounting-stat small{font-size:10px;color:#71879a}.accounting-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.accounting-card{background:#fff;border:1px solid #d7e3ed;border-radius:10px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:14px}.accounting-card .card-head{padding:13px 15px;border-bottom:1px solid #e0e9f0;display:flex;justify-content:space-between;align-items:center}.accounting-card .card-head h2{margin:0;font-size:16px;color:#123f67}.accounting-card .card-body{padding:14px}.accounting-table{width:100%;border-collapse:collapse}.accounting-table th{background:#e9f4fb;color:#254e6c;padding:9px 7px;border:1px solid #d5e3ec;font-size:11px}.accounting-table td{padding:8px 7px;border:1px solid #e2eaf0;font-size:11px;text-align:center}.accounting-table tr:nth-child(even){background:#fbfdff}.account-code{font-family:Tahoma,Arial;font-weight:800;color:#0a5a96;direction:ltr;display:inline-block}.account-name{text-align:right!important}.tree-row.level-1{font-weight:800;background:#edf6fb!important}.tree-row.level-2{font-weight:700}.tree-indent{display:inline-block}.account-form{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.account-form .full{grid-column:1/-1}.journal-lines{width:100%;border-collapse:collapse}.journal-lines th,.journal-lines td{border:1px solid #dce6ee;padding:6px}.journal-lines select,.journal-lines input{width:100%;height:34px;border:1px solid #cbd9e5;border-radius:5px;padding:4px 6px}.journal-total{font-weight:800;background:#edf7fb}.voucher-paper{max-width:900px;margin:0 auto;background:#fff;border:1px solid #cddce7;box-shadow:0 8px 25px rgba(12,45,78,.1);padding:22px}.voucher-head{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #0a5d98;padding-bottom:12px}.voucher-head h1{margin:0;font-size:24px;color:#0a5d98}.voucher-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.voucher-meta div{border:1px solid #d9e4eb;padding:8px;background:#f8fbfd}.voucher-meta b{display:block;font-size:10px;color:#6a8193;margin-bottom:4px}.voucher-total{font-size:20px;font-weight:800;color:#0a5d98}.sign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px;text-align:center}.sign-grid div{border-top:1px solid #8195a5;padding-top:7px;font-size:11px}.profit-positive{color:#079357}.profit-negative{color:#c22b2b}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-link{display:block;text-decoration:none;color:#123f67;background:#f6fbfe;border:1px solid #d7e7f0;border-radius:8px;padding:12px;font-weight:700}.quick-link:hover{background:#eaf5fc}.filter-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap;padding:12px;background:#f7fafc;border-bottom:1px solid #e2eaf0}.filter-row .field{min-width:160px}.balance-ok{color:#078b55;font-weight:800}.balance-bad{color:#c52e2e;font-weight:800}
@media(max-width:950px){.accounting-grid{grid-template-columns:repeat(2,1fr)}.accounting-layout{grid-template-columns:1fr}.account-form{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.accounting-grid{grid-template-columns:1fr}.accounting-hero{flex-direction:column;align-items:flex-start}.account-form{grid-template-columns:1fr}.quick-links{grid-template-columns:1fr}.voucher-meta{grid-template-columns:1fr}.sign-grid{grid-template-columns:1fr;gap:28px}}
@media print{.accounting-page{padding:0}.voucher-paper{box-shadow:none;border:0;max-width:none}.no-print{display:none!important}@page{size:A4 portrait;margin:5mm}}

/* ===== تحسين القائمة الجانبية العربية ===== */
.sidebar{
  width:300px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.sidebar .brand{padding:20px 18px;flex:0 0 auto}
.sidebar .brand h1{font-size:20px;line-height:1.5}
.sidebar .brand small{font-size:12px}
.sidebar .nav{
  flex:1 1 auto;
  overflow-y:auto;
  overflow-x:hidden;
  padding:12px 12px 16px;
  scrollbar-width:thin;
}
.sidebar .nav a{
  min-height:48px;
  padding:11px 14px;
  margin:4px 0;
  gap:12px;
  font-size:16px;
  font-weight:700;
  line-height:1.4;
  white-space:nowrap;
}
.sidebar .nav .ico{
  width:28px;
  min-width:28px;
  font-size:22px;
  line-height:1;
}
.sidebar .nav .logout{
  position:sticky;
  bottom:0;
  margin-top:10px;
  background:#092e58;
  border-top:1px solid #ffffff20;
}
.sidebar .nav .logout:hover{background:#b92d35}
.main{width:calc(100% - 300px);margin-right:300px}

/* إبقاء القائمة كاملة وواضحة على الشاشات الكبيرة */
@media(min-width:1101px){
  .sidebar .nav a{font-size:16px}
  .sidebar .nav{padding-bottom:20px}
}
@media(min-width:801px) and (max-width:1100px){
  .sidebar{width:270px}
  .main{width:calc(100% - 270px);margin-right:270px}
  .sidebar .nav a{font-size:15px;padding:10px 12px}
}
@media(max-width:800px){
  .sidebar{width:300px;max-width:88vw}
  .main{width:100%;margin-right:0}
  .sidebar .nav a{font-size:16px}
}

/* ===== Nexora unified branding ===== */
.sidebar .brand{min-height:86px;background:rgba(255,255,255,.035)}
.sidebar .brand-logo{width:76px;height:58px;object-fit:contain;object-position:center;background:#fff;border-radius:8px;flex:0 0 76px;padding:3px}
.sidebar .brand h1{color:#fff;letter-spacing:.2px}
.sidebar .brand small{font-size:9px;line-height:1.45;display:block;white-space:normal}
.login-logo{display:block;width:310px;max-width:90%;height:auto;max-height:230px;object-fit:contain;margin:0 auto 8px}
.login-card h1{color:#123f6e}
.brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:8px}
.period-logo{overflow:hidden;padding:3px;background:#fff!important}
.period-logo img{width:100%;height:100%;object-fit:contain}
.invoice-logo{overflow:hidden}
.invoice-logo img{width:100%;height:100%;object-fit:contain}
@media(max-width:520px){.login-logo{width:250px;max-height:190px}.sidebar .brand-logo{width:66px;height:52px;flex-basis:66px}}

/* ===== Nexora Arabic brand tagline ===== */
.login-tagline{font-size:22px;font-weight:900;color:#0b78dc;margin:2px 0 10px;letter-spacing:0;line-height:1.25;text-align:center;white-space:nowrap}
.sidebar .brand small{font-size:12px;font-weight:800}
.invoice-brand p,.period-brand p{font-size:14px;font-weight:700}
@media(max-width:700px){.login-tagline{font-size:20px}}
@media(max-width:520px){.login-tagline{font-size:18px}}

/* Optional invoice services */
.invoice-services-wrap{border:1px solid #c8dce9;border-radius:8px;background:#fbfdff;padding:10px;margin-top:8px}.services-title{margin-top:16px}.services-title small{font-size:11px;color:#6c8190;font-weight:700}.invoice-services-table{width:100%;border-collapse:collapse}.invoice-services-table th{background:#eef6fb;color:#284d6c;padding:9px;border:1px solid #d5e4ee;font-size:12px}.invoice-services-table td{border:1px solid #dbe7ef;padding:7px}.invoice-services-table td:first-child{width:65%}.invoice-services-table td:nth-child(2){width:25%}.invoice-services-table td:last-child{width:10%;text-align:center}.invoice-services-table input{width:100%;box-sizing:border-box;border:1px solid #c6d9e5;border-radius:6px;padding:9px;background:#fff}.service-remove{border:0;background:#fee8e8;color:#c0392b;border-radius:6px;padding:8px 11px;cursor:pointer;font-weight:800}.service-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.services-total{font-weight:800;color:#254e6c;background:#eef7fc;border:1px solid #cfe3ef;border-radius:7px;padding:9px 13px}.invoice-live-total{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px}.invoice-live-total>div{border:1px solid #d4e3ec;border-radius:7px;padding:9px;text-align:center;background:#fff}.invoice-live-total span{display:block;font-size:10px;color:#6a7f90;margin-bottom:4px}.invoice-live-total b{font-size:14px;color:#1e4e70}.invoice-live-total .grand{background:#0b548e;color:#fff}.invoice-live-total .grand span,.invoice-live-total .grand strong{color:#fff}.invoice-live-total .grand strong{font-size:17px}
.invoice-items-table .services-total-row td{background:#f3f8fb;font-weight:800;color:#31566f}
@media(max-width:800px){.invoice-live-total{grid-template-columns:1fr 1fr}.service-actions{flex-direction:column;align-items:stretch}.services-total{text-align:center}}
@media(max-width:520px){.invoice-services-table th,.invoice-services-table td{font-size:10px;padding:5px}.invoice-live-total{grid-template-columns:1fr}.invoice-services-table td:first-child{width:auto}.invoice-services-table td:nth-child(2){width:100px}.invoice-services-table td:last-child{width:48px}}

/* Super Admin controls */
.nav .superadmin-link{font-weight:900;border-right:4px solid #38bdf8;}
.nav .superadmin-link:hover{filter:brightness(1.08);}
/* Inspection checklist: three panels, no status field, note per item */
.inspection-columns-3,.inspection-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.inspection-columns-3 .section-title{font-size:12px}
.inspection-columns-3 .items-table th,.inspection-columns-3 .items-table td{padding:3px 4px}
.inspection-columns-3 .items-table td.name{width:48%;font-size:11px;white-space:nowrap}
.inspection-columns-3 .items-table input.note{height:30px;font-size:11px}
.report-table-notes th:nth-child(2){width:40%}.report-table-notes .remarks{width:52%}
.report-table-notes td.item-note{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}
@media(max-width:900px){.inspection-columns-3,.inspection-grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.inspection-columns-3,.inspection-grid-3{grid-template-columns:1fr}.inspection-columns-3 .items-table td.name{font-size:12px}}


/* ===== Compact professional inspection layout / single-screen ===== */
.inspection-columns-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 8px 7px;align-items:stretch}
.inspection-columns-3>section{min-width:0;border:1px solid #cfe0ec;border-radius:7px;background:#fff;overflow:hidden;box-shadow:0 2px 8px rgba(19,65,99,.05)}
.inspection-columns-3 .section-title{margin:0;border-radius:0;border-bottom:1px solid #c9dfed;background:linear-gradient(90deg,#f0f7fb,#fff);color:#0d4d79;font-size:12px;font-weight:800;padding:6px 8px;min-height:31px;display:flex;align-items:center}
.inspection-columns-3 .items-table{width:100%;border-collapse:collapse;table-layout:fixed;margin:0}
.inspection-columns-3 .items-table th{background:#0c5d96;color:#fff;font-size:10px;padding:4px 5px;height:24px;font-weight:800}
.inspection-columns-3 .items-table th:first-child{width:49%}
.inspection-columns-3 .items-table th:last-child{width:51%}
.inspection-columns-3 .items-table td{padding:2px 3px;border-bottom:1px solid #e4edf3;height:25px;vertical-align:middle}
.inspection-columns-3 .items-table tr:last-child td{border-bottom:0}
.inspection-columns-3 .items-table td.name{width:auto;font-size:10.5px;font-weight:700;color:#214764;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inspection-columns-3 .items-table input.note{height:23px;min-height:23px;width:100%;font-size:10px;border:1px solid #cbdce8;border-radius:4px;background:#fbfdff;padding:2px 5px;box-sizing:border-box}
.inspection-columns-3 .items-table input.note:focus{border-color:#2d88c7;box-shadow:0 0 0 2px rgba(45,136,199,.10);outline:0;background:#fff}
.inspection-columns-3 .items-table input.note::placeholder{color:#9aaab7}
.card:has(.inspection-columns-3) .page-title{padding:8px 12px;font-size:16px}
.card:has(.inspection-columns-3) .form-grid{gap:7px;padding:7px 8px}
.card:has(.inspection-columns-3) .field label{font-size:10px;margin-bottom:3px}
.card:has(.inspection-columns-3) .field input,.card:has(.inspection-columns-3) .field select{height:31px;font-size:11px}
.card:has(.inspection-columns-3)>.section-title{margin:0 8px 0;padding:6px 8px;font-size:12px}
.card:has(.inspection-columns-3) .notes{padding:5px 8px 2px}
.card:has(.inspection-columns-3) .notes textarea{min-height:44px;height:44px;font-size:11px}
.card:has(.inspection-columns-3) .actions{padding:6px 8px;margin-top:0;gap:6px}
.card:has(.inspection-columns-3) .actions .btn{min-height:34px;padding:6px 11px;font-size:11px}

/* Report: one-page A4 composition */
.print-report{max-width:1080px;padding:10px 11px 7px}
.report-banner{height:72px}
.banner-title{padding:0 18px 0 24px;min-width:53%;gap:11px}.banner-title h1{font-size:18px;margin-bottom:4px}.banner-title p{font-size:12px}.title-car{font-size:37px}
.banner-brand{padding:0 17px;min-width:42%;gap:9px}.brand-name{font-size:18px}.brand-tag{font-size:11px}.brand-mark{width:45px;height:45px}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-logo-placeholder{font-size:25px}
.meta-cards{grid-template-columns:1.05fr 1.15fr .8fr;gap:7px;margin-top:8px}.meta-card{min-height:0}.meta-heading{height:28px;font-size:13px;padding:0 8px}.meta-heading span{font-size:16px}.meta-row{min-height:20px;padding:0 8px;font-size:10px}.meta-row b{font-size:9.5px}.ref-row{min-height:23px;padding:0 8px;font-size:10px}.ref-row b{font-size:9px}
.inspection-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px}
.inspection-grid-3 .inspection-panel{min-width:0;border-radius:6px}
.inspection-grid-3 .panel-title{height:29px;padding:0 8px;font-size:12px}.inspection-grid-3 .panel-title span{font-size:15px}
.inspection-grid-3 .report-table th{height:24px;font-size:10px;padding:2px}.inspection-grid-3 .report-table td{height:23px;font-size:10px;padding:1px 3px}.inspection-grid-3 .report-table .num{width:8%}.inspection-grid-3 .report-table th:nth-child(2){width:43%}.inspection-grid-3 .report-table .remarks{width:49%}.inspection-grid-3 .report-table .item-name{font-size:10px;font-weight:800}.inspection-grid-3 .report-table .item-note{font-size:9.5px}
.bottom-grid{margin-top:7px;grid-template-columns:1fr;gap:7px}.notes-card{min-height:0}.bottom-title{height:27px;font-size:12px;padding:0 8px}.bottom-title span{font-size:15px}.notes-card p{font-size:8.5px;line-height:1.55;padding:4px 8px;margin:0;min-height:0}.notes-card p+p{padding-top:0}
.signatures{margin-top:7px;min-height:68px;padding:5px 9px;gap:8px}.signature-box h4,.seal-box h4{font-size:10px;margin:1px 0 4px}.signature-line{height:19px}.signature-box>div:last-child{font-size:7.5px;margin-top:4px}.seal{width:45px;height:45px}.seal strong{font-size:13px}.seal small{font-size:6px}.seal-box{border-left:1px solid #dbe6ee;border-right:1px solid #dbe6ee}
.report-footer{height:27px;margin-top:6px;padding:0 8px;font-size:8px}.report-footer strong{font-size:10px}

@media print{
 @page{size:A4 portrait;margin:4mm}
 html,body{width:210mm!important;min-height:297mm!important;background:#fff!important}
 body{font-size:8px!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
 .main{width:100%!important;margin:0!important;padding:0!important}
 .report-page{padding:0!important;margin:0!important;background:#fff!important}
 .print-report{width:100%!important;max-width:none!important;box-sizing:border-box!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;overflow:visible!important}
 .report-banner{height:18mm!important;border-radius:2mm!important}
 .banner-title{padding:0 5mm 0 6mm!important;gap:2.5mm!important}.banner-title h1{font-size:12.5pt!important;margin-bottom:0.8mm!important}.banner-title p{font-size:8pt!important}.title-car{font-size:25pt!important}
 .banner-brand{padding:0 4mm!important;gap:2mm!important}.brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important}.brand-name{font-size:10pt!important}.brand-tag{font-size:6.5pt!important}.brand-mark{width:12mm!important;height:12mm!important}
 .meta-cards{grid-template-columns:1.05fr 1.15fr .8fr!important;gap:2mm!important;margin-top:2.5mm!important}.meta-card{min-height:0!important}.meta-heading{height:6.5mm!important;font-size:9pt!important;padding:0 2mm!important}.meta-heading span{font-size:11pt!important}.meta-row{min-height:4.1mm!important;padding:0 2mm!important;font-size:7.5pt!important}.meta-row b{font-size:7pt!important}.ref-row{min-height:4.7mm!important;padding:0 2mm!important;font-size:7.5pt!important}.ref-row b{font-size:7pt!important}
 .inspection-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2mm!important;margin-top:2.5mm!important}
 .inspection-grid-3 .inspection-panel{break-inside:avoid!important;page-break-inside:avoid!important;border-radius:1.2mm!important}
 .inspection-grid-3 .panel-title{height:6.3mm!important;padding:0 2mm!important;font-size:8.5pt!important}.inspection-grid-3 .panel-title span{font-size:10pt!important}
 .inspection-grid-3 .report-table{table-layout:fixed!important}.inspection-grid-3 .report-table th{height:5.2mm!important;font-size:7.8pt!important;padding:1px!important}.inspection-grid-3 .report-table td{height:5.15mm!important;font-size:7.8pt!important;padding:1px 1.5mm!important;line-height:1.05!important}.inspection-grid-3 .report-table .item-name{font-size:8pt!important;font-weight:800!important}.inspection-grid-3 .report-table .item-note{font-size:7.4pt!important}.inspection-grid-3 .report-table .num{width:7%!important}.inspection-grid-3 .report-table th:nth-child(2){width:44%!important}.inspection-grid-3 .report-table .remarks{width:49%!important}
 .bottom-grid{margin-top:2.5mm!important;gap:2mm!important}.bottom-title{height:6.3mm!important;font-size:8.5pt!important;padding:0 2mm!important}.bottom-title span{font-size:10pt!important}.notes-card p{font-size:6.5pt!important;line-height:1.35!important;padding:1.3mm 2mm!important;min-height:0!important}.notes-card p+p{padding-top:0!important}
 .signatures{margin-top:2mm!important;min-height:16mm!important;padding:1.5mm 2.5mm!important;gap:2mm!important}.signature-box h4,.seal-box h4{font-size:7pt!important;margin:0 0 1mm!important}.signature-line{height:4.5mm!important}.signature-box>div:last-child{font-size:5.8pt!important;margin-top:1mm!important}.seal{width:12mm!important;height:12mm!important}.seal strong{font-size:9pt!important}.seal small{font-size:4.5pt!important}
 .report-footer{height:6.5mm!important;margin-top:1.5mm!important;padding:0 2mm!important;font-size:6pt!important}.report-footer strong{font-size:7.5pt!important}
}

@media(max-width:1100px) and (min-width:801px){
 .inspection-columns-3{gap:5px;padding:0 6px 6px}.inspection-columns-3 .items-table td.name{font-size:9.5px}.inspection-columns-3 .items-table td{height:24px}.inspection-columns-3 .items-table input.note{height:22px}
 .card:has(.inspection-columns-3) .form-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:800px){
 .inspection-columns-3{grid-template-columns:1fr 1fr;gap:6px}
 .inspection-columns-3>section:last-child{grid-column:1/-1}
 .inspection-columns-3 .items-table td.name{font-size:10.5px}
}
@media(max-width:600px){
 .inspection-columns-3{grid-template-columns:1fr}.inspection-columns-3>section:last-child{grid-column:auto}
 .card:has(.inspection-columns-3) .form-grid{grid-template-columns:1fr 1fr}
}

/* ===== v7: Large A4 professional inspection print ===== */
.report-page .print-report{direction:rtl}
.report-page .meta-cards{direction:ltr}
.report-page .ref-card{order:3}
.report-page .customer-card{order:2}
.report-page .car-card{order:1}

/* شاشة العرض */
.print-report .report-banner{height:88px}
.print-report .banner-brand{min-width:43%;padding:0 22px;gap:14px}
.print-report .brand-mark{width:58px;height:58px}
.print-report .brand-name{font-size:23px;font-weight:900}
.print-report .brand-tag{font-size:14px}
.print-report .banner-title{min-width:57%;padding:0 24px;gap:14px}
.print-report .banner-title h1{font-size:22px;font-weight:900}
.print-report .banner-title p{font-size:13px}
.print-report .title-car{font-size:43px}
.print-report .meta-heading{font-size:14px;height:31px}
.print-report .meta-row,.print-report .ref-row{font-size:11px;min-height:22px}
.print-report .meta-row b,.print-report .ref-row b{font-size:10.5px}
.print-report .inspection-grid-3 .panel-title{height:33px;font-size:14px;font-weight:900}
.print-report .inspection-grid-3 .report-table th{font-size:11px;height:27px}
.print-report .inspection-grid-3 .report-table td{font-size:11px;height:26px}
.print-report .inspection-grid-3 .report-table .item-name{font-size:11px}
.print-report .inspection-grid-3 .report-table .item-note{font-size:11px;color:#274e6b;font-weight:600}

@media print{
  @page{size:A4 portrait;margin:4mm}
  html,body{width:210mm!important;min-height:297mm!important;background:#fff!important}
  body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  .report-page,.main{width:100%!important;margin:0!important;padding:0!important}
  .print-report{width:100%!important;max-width:none!important;box-sizing:border-box!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;overflow:visible!important;direction:rtl!important}

  /* رأس التقرير: أكبر وبارز مع الحفاظ على صفحة A4 واحدة */
  .report-banner{height:21mm!important;min-height:21mm!important;border-radius:2mm!important}
  .banner-brand{min-width:44%!important;padding:0 4.5mm!important;gap:3mm!important}
  .brand-mark{width:15mm!important;height:15mm!important;flex:0 0 15mm!important}
  .brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important}
  .brand-name{font-size:13pt!important;font-weight:900!important;line-height:1.1!important}
  .brand-tag{font-size:8pt!important;line-height:1.1!important;margin-top:1mm!important}
  .banner-title{min-width:56%!important;padding:0 5mm 0 6mm!important;gap:3mm!important}
  .title-car{font-size:29pt!important}
  .banner-title h1{font-size:14pt!important;font-weight:900!important;line-height:1.1!important;margin-bottom:1mm!important}
  .banner-title p{font-size:8.5pt!important;line-height:1.1!important}

  /* بيانات الفحص يمين، العميل وسط، السيارة يسار */
  .meta-cards{direction:ltr!important;grid-template-columns:1fr 1fr 1fr!important;gap:2mm!important;margin-top:2.5mm!important}
  .ref-card{order:3!important}
  .customer-card{order:2!important}
  .car-card{order:1!important}
  .meta-card{min-height:0!important}
  .meta-heading{height:7mm!important;font-size:10pt!important;font-weight:900!important;padding:0 2mm!important}
  .meta-heading span{font-size:12pt!important}
  .meta-row{min-height:4.5mm!important;padding:0 2mm!important;font-size:8.5pt!important;line-height:1.05!important}
  .meta-row b{font-size:8pt!important}
  .ref-row{min-height:5.2mm!important;padding:0 2mm!important;font-size:8.5pt!important;line-height:1.05!important}
  .ref-row b{font-size:8pt!important}

  /* جداول الفحص: خط كبير ومريح مع بقاء كل الأقسام في صفحة واحدة */
  .inspection-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2mm!important;margin-top:2.5mm!important;align-items:start!important}
  .inspection-grid-3 .inspection-panel{break-inside:avoid!important;page-break-inside:avoid!important}
  .inspection-grid-3 .panel-title{height:7.2mm!important;padding:0 2mm!important;font-size:10.5pt!important;font-weight:900!important}
  .inspection-grid-3 .panel-title span{font-size:12pt!important}
  .inspection-grid-3 .report-table{table-layout:fixed!important;width:100%!important}
  .inspection-grid-3 .report-table th{height:6mm!important;font-size:9.2pt!important;font-weight:900!important;padding:1mm!important}
  .inspection-grid-3 .report-table td{height:5.7mm!important;font-size:9pt!important;font-weight:700!important;padding:1mm 1.5mm!important;line-height:1.05!important;vertical-align:middle!important}
  .inspection-grid-3 .report-table .item-name{font-size:9pt!important;font-weight:900!important;color:#173e61!important}
  .inspection-grid-3 .report-table .item-note{font-size:8.8pt!important;font-weight:700!important;color:#274e6b!important;white-space:normal!important;word-break:break-word!important}
  .inspection-grid-3 .report-table .num{width:7%!important}
  .inspection-grid-3 .report-table th:nth-child(2){width:43%!important}
  .inspection-grid-3 .report-table .remarks{width:50%!important}

  .bottom-grid{margin-top:2.5mm!important;gap:2mm!important}
  .bottom-title{height:7mm!important;font-size:10pt!important;font-weight:900!important}
  .notes-card p{font-size:8pt!important;line-height:1.35!important;padding:1.5mm 2mm!important}
  .signatures{margin-top:2mm!important;min-height:15mm!important;padding:1.5mm 2.5mm!important;gap:2mm!important}
  .signature-box h4,.seal-box h4{font-size:8pt!important;font-weight:900!important;margin:0 0 1mm!important}
  .signature-line{height:4.5mm!important}
  .signature-box>div:last-child{font-size:6.5pt!important;margin-top:1mm!important}
  .seal{width:12mm!important;height:12mm!important}
  .report-footer{height:6.5mm!important;margin-top:1.5mm!important;font-size:6.5pt!important}
  .report-footer strong{font-size:8pt!important}

  /* ضمان عدم خروج أي جزء إلى ورقة ثانية */
  .print-report,.report-banner,.meta-cards,.inspection-grid-3,.bottom-grid,.signatures,.report-footer{page-break-inside:avoid!important;break-inside:avoid!important}
}

/* ===== Top report identity cards: aligned to the supplied reference ===== */
.meta-cards{
  grid-template-columns:1fr 1fr 1fr;
  align-items:stretch;
  direction:ltr;
}
.meta-card{
  height:130px;
  min-height:130px;
  box-sizing:border-box;
}
.meta-heading{
  height:28px;
  min-height:28px;
  font-size:13px;
  padding:0 10px;
  box-sizing:border-box;
}
.meta-heading span{font-size:15px}
.meta-row{
  height:20px;
  min-height:20px;
  box-sizing:border-box;
  font-size:9.5px;
  padding:0 10px;
}
.meta-row b{font-size:9.5px}
.ref-row{
  height:32px;
  min-height:32px;
  box-sizing:border-box;
  font-size:10px;
  padding:0 10px;
}
.ref-row b{font-size:9.5px}
.ref-row span{font-size:10px}

/* Print: keep all three cards on exactly the same baseline and height. */
@media print{
  .meta-cards{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:column!important;
    align-items:stretch!important;
    direction:ltr!important;
  }
  .meta-cards .customer-card{order:1!important;grid-column:auto!important;grid-row:1!important}
  .meta-cards .car-card{order:2!important;grid-column:auto!important;grid-row:1!important}
  .meta-cards .ref-card{order:3!important;grid-column:auto!important;grid-row:1!important}
  .meta-card{
    height:34mm!important;
    min-height:34mm!important;
  }
  .meta-heading{
    height:7.4mm!important;
    min-height:7.4mm!important;
    font-size:10.5px!important;
  }
  .meta-row{
    height:5.1mm!important;
    min-height:5.1mm!important;
    font-size:8.2px!important;
  }
  .meta-row b{font-size:8.2px!important}
  .ref-row{
    height:8.2mm!important;
    min-height:8.2mm!important;
    font-size:9px!important;
  }
  .ref-row b{font-size:8.2px!important}
  .ref-row span{font-size:9px!important}
}


/* ===== Final print refinements ===== */
@media print{
  /* لا تجعل ارتفاع الصفحة نفسها يسبب ورقة ثانية مع هوامش A4 */
  html,body{min-height:0!important;height:auto!important;}

  /* خانة (م) تستوعب 1..20 بدون دخول الرقم في الخط */
  .inspection-grid-3 .report-table .num{width:11%!important;white-space:nowrap!important;text-align:center!important;}
  .inspection-grid-3 .report-table th:nth-child(2){width:40%!important;}
  .inspection-grid-3 .report-table .remarks{width:49%!important;}

  /* تصغير عنوان فحص الجسم الخارجي والسمكرة قليلاً */
  .inspection-grid-3 .body-panel .panel-title{font-size:9.2pt!important;white-space:nowrap!important;}

  /* تثبيت إطار القسم الثالث وإظهار الحد الأيمن بوضوح */
  .inspection-grid-3 .inspection-panel{
    width:100%!important;
    box-sizing:border-box!important;
    border:1px solid #9fc7e5!important;
    overflow:hidden!important;
  }

  /* منع أي تمدد أفقي للجدول داخل الإطار */
  .inspection-grid-3 .report-table{width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
  .inspection-grid-3 .report-table th,.inspection-grid-3 .report-table td{box-sizing:border-box!important;}

  /* ضغط بسيط ومدروس لضمان صفحة A4 واحدة */
  .inspection-grid-3 .report-table th{height:5.4mm!important;padding:.7mm!important;}
  .inspection-grid-3 .report-table td{height:5.05mm!important;padding:.7mm 1.2mm!important;}
}


/* ===== Final A4 print polish ===== */
@media print{
  @page{size:A4 portrait;margin:5mm!important}
  html,body{width:auto!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}
  .report-page,.main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
  .print-report{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important;overflow:visible!important}

  /* Keep the three identity cards fully inside the printable width. */
  .meta-cards{width:100%!important;box-sizing:border-box!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2mm!important}
  .meta-card{box-sizing:border-box!important;min-width:0!important}

  /* Wider serial-number column so 10..20 never touch the cell border. */
  .inspection-grid-3 .report-table .num{width:13%!important;min-width:13%!important;white-space:nowrap!important;text-align:center!important;padding-left:1mm!important;padding-right:1mm!important}
  .inspection-grid-3 .report-table th:nth-child(2){width:39%!important}
  .inspection-grid-3 .report-table .remarks{width:48%!important}

  /* Slightly smaller long body-section title. */
  .inspection-grid-3 .body-panel .panel-title{font-size:8.2pt!important;white-space:nowrap!important;letter-spacing:0!important}

  /* Make the right border and all table edges print cleanly. */
  .inspection-grid-3 .inspection-panel{width:100%!important;max-width:100%!important;box-sizing:border-box!important;border:1px solid #9fc7e5!important;overflow:hidden!important}
  .inspection-grid-3 .report-table{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .inspection-grid-3 .report-table th,.inspection-grid-3 .report-table td{box-sizing:border-box!important}

  /* Compact the table only enough to guarantee a single A4 page. */
  .inspection-grid-3 .report-table th{height:5.25mm!important;padding:.6mm!important}
  .inspection-grid-3 .report-table td{height:4.9mm!important;padding:.6mm 1mm!important;line-height:1.02!important}

  /* Footer: all print metadata visible, including time. */
  .report-footer{width:100%!important;max-width:100%!important;height:7mm!important;margin-top:1.5mm!important;padding:0 2mm!important;box-sizing:border-box!important;font-size:5.8pt!important;gap:2mm!important;overflow:hidden!important;white-space:nowrap!important}
  .report-footer strong{font-size:7.2pt!important;flex:1 1 auto!important;text-align:center!important;min-width:0!important;white-space:nowrap!important}
  .report-footer span{flex:0 0 auto!important}

  /* Keep the complete report on one physical page. */
  .print-report,.report-banner,.meta-cards,.inspection-grid-3,.bottom-grid,.notes-card,.signatures,.report-footer{page-break-inside:avoid!important;break-inside:avoid!important}
}


/* ===== FINAL v8: exact A4 print fit / full left margin / complete print time ===== */
@media print{
  @page{size:A4 portrait;margin:4mm!important}
  html,body{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  .report-page,.main,.print-report{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:0!important;
  }
  .print-report{overflow:visible!important}

  /* Three top cards must occupy one row and exactly the same height. */
  .meta-cards{
    width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:2mm!important;
    direction:ltr!important;
    align-items:stretch!important;
    box-sizing:border-box!important;
  }
  .meta-cards .car-card{order:1!important;grid-column:auto!important;grid-row:1!important}
  .meta-cards .customer-card{order:2!important;grid-column:auto!important;grid-row:1!important}
  .meta-cards .ref-card{order:3!important;grid-column:auto!important;grid-row:1!important}
  .meta-card{width:100%!important;min-width:0!important;height:34mm!important;min-height:34mm!important;box-sizing:border-box!important}

  /* Wider (م) column for 1..20; never allow two-digit numbers to touch borders. */
  .inspection-grid-3 .report-table{width:100%!important;max-width:100%!important;table-layout:fixed!important;box-sizing:border-box!important}
  .inspection-grid-3 .report-table .num{
    width:16%!important;
    min-width:16%!important;
    white-space:nowrap!important;
    text-align:center!important;
    padding-left:1.5mm!important;
    padding-right:1.5mm!important;
  }
  .inspection-grid-3 .report-table th:nth-child(2){width:37%!important}
  .inspection-grid-3 .report-table .remarks{width:47%!important}
  .inspection-grid-3 .report-table th,.inspection-grid-3 .report-table td{box-sizing:border-box!important}

  /* Smaller long title, as requested. */
  .inspection-grid-3 .body-panel .panel-title{
    font-size:7.6pt!important;
    white-space:nowrap!important;
    letter-spacing:0!important;
    padding-left:1.5mm!important;
    padding-right:1.5mm!important;
  }

  /* All panel borders, including the far-right edge, remain inside printable width. */
  .inspection-grid-3{width:100%!important;box-sizing:border-box!important}
  .inspection-grid-3 .inspection-panel{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    border:1px solid #9fc7e5!important;
    overflow:hidden!important;
  }

  /* Compact only the vertical spacing needed to guarantee one A4 page. */
  .inspection-grid-3 .report-table th{height:5.05mm!important;padding:.5mm!important}
  .inspection-grid-3 .report-table td{height:4.7mm!important;padding:.5mm .9mm!important;line-height:1.01!important}

  /* Footer is a four-cell fixed grid so date and full HH:MM:SS are never clipped. */
  .report-footer{
    width:100%!important;
    max-width:100%!important;
    height:7.2mm!important;
    margin-top:1.2mm!important;
    padding:0 1.5mm!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:19% 43% 20% 18%!important;
    align-items:center!important;
    gap:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    font-size:5.7pt!important;
  }
  .report-footer>*{min-width:0!important;overflow:hidden!important;text-overflow:clip!important;white-space:nowrap!important}
  .report-footer .footer-ref{text-align:right!important}
  .report-footer .footer-disclaimer{text-align:center!important;font-size:7pt!important;line-height:1!important}
  .report-footer .footer-date{text-align:center!important}
  .report-footer .footer-time{text-align:left!important;direction:rtl!important}
  .report-footer b{font-size:inherit!important}

  /* Prevent a second blank sheet. */
  .print-report,.report-banner,.meta-cards,.inspection-grid-3,.bottom-grid,.notes-card,.signatures,.report-footer{
    page-break-inside:avoid!important;
    break-inside:avoid!important;
  }
}

/* ===== FINAL INVOICE PRINT: clear, professional, single A4 page ===== */
@media print{
  @page{size:A4 portrait;margin:4mm}
  html,body{width:210mm!important;min-height:0!important;margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important}
  body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;color:#173b5c!important}
  .invoice-page{width:100%!important;min-height:0!important;height:auto!important;padding:0!important;margin:0!important;background:#fff!important}
  .invoice-paper{width:100%!important;max-width:none!important;box-sizing:border-box!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;overflow:visible!important}
  .invoice-header{min-height:19mm!important;height:19mm!important;padding:2mm 3mm!important;gap:5mm!important;border-bottom:1.2px solid #0b78bd!important}
  .invoice-logo{width:13mm!important;height:13mm!important;font-size:30px!important}
  .invoice-logo img{max-width:13mm!important;max-height:13mm!important}
  .invoice-brand{gap:5px!important}
  .invoice-brand h1{font-size:14px!important;margin:0 0 1px!important;font-weight:800!important}
  .invoice-brand p{font-size:8.5px!important;margin:0 0 1px!important;font-weight:700!important}
  .invoice-brand small{font-size:6.5px!important}
  .invoice-title{padding:3mm 8mm!important;min-width:43mm!important;border-radius:3px!important}
  .invoice-title h2{font-size:10.5px!important;margin:0 0 1px!important}
  .invoice-title strong{font-size:16px!important;line-height:1.15!important}
  .invoice-title span{font-size:6.5px!important;margin-top:1px!important}

  .invoice-ref{margin-top:1.5mm!important;gap:1.5mm!important}
  .invoice-ref>div{padding:2.5px 5px!important;border-radius:2px!important;min-height:6.5mm!important;box-sizing:border-box!important}
  .invoice-ref b{font-size:7px!important}.invoice-ref strong{font-size:8px!important}

  .invoice-two{margin-top:1.5mm!important;gap:1.5mm!important}
  .invoice-box{border-radius:2px!important}
  .invoice-box h3{padding:3px 6px!important;font-size:9px!important;line-height:1.2!important}
  .invoice-box p{padding:2.5px 6px!important;font-size:7.5px!important;line-height:1.25!important}

  .invoice-details{margin-top:1.5mm!important;border-radius:2px!important}
  .invoice-section-title{padding:3px 6px!important;font-size:9px!important;line-height:1.2!important}
  .invoice-details th{padding:3px 4px!important;font-size:7.5px!important;line-height:1.15!important}
  .invoice-details td{padding:3px 4px!important;font-size:8px!important;line-height:1.15!important}
  .invoice-details th:nth-child(1){width:8%!important}.invoice-details th:nth-child(2){width:46%!important}.invoice-details th:nth-child(3){width:12%!important}.invoice-details th:nth-child(4),.invoice-details th:nth-child(5){width:17%!important}

  .invoice-totals{margin-top:1.5mm!important;gap:1.5mm!important}
  .qr-box,.totals-box{min-height:27mm!important;height:27mm!important;box-sizing:border-box!important}
  .qr-box{padding:2px!important}
  .qr-box #zatca-qr{width:20mm!important;height:20mm!important;margin-bottom:1px!important}
  .qr-box #zatca-qr img,.qr-box #zatca-qr canvas{max-width:19mm!important;max-height:19mm!important}
  .qr-box>b{font-size:5.5px!important}.qr-box small{font-size:5px!important}.qr-box span{font-size:4.5px!important}
  .qr-fallback{width:19mm!important;height:19mm!important;font-size:13px!important}
  .totals-box>div{padding:3px 6px!important;font-size:7.5px!important;line-height:1.15!important}
  .totals-box .grand{font-size:9px!important}.totals-box .grand strong{font-size:12px!important}
  .totals-box p{padding:2.5px 5px!important;font-size:6.5px!important}

  .invoice-note{margin-top:1.5mm!important;padding:2.5px 6px!important;border-radius:2px!important}
  .invoice-note h3{font-size:8px!important;margin:0 0 1px!important}
  .invoice-note p{font-size:6.5px!important;line-height:1.25!important;margin:1px 0!important}

  .invoice-sign{margin-top:1.5mm!important;min-height:16mm!important;height:16mm!important;padding:2.5px!important;gap:5px!important;border-radius:2px!important;box-sizing:border-box!important}
  .invoice-sign h4{font-size:7.5px!important;margin:0 0 1.5px!important}
  .sign-line{height:5mm!important}
  .invoice-seal img{width:12mm!important;height:12mm!important}
  .seal-fallback{width:12mm!important;height:12mm!important;font-size:4px!important}
  .seal-fallback strong{font-size:10px!important}

  .invoice-footer{height:6mm!important;margin-top:1.5mm!important;padding:0 5px!important;font-size:6.5px!important;border-radius:2px!important;box-sizing:border-box!important}
  .invoice-footer strong{font-size:7.5px!important}

  /* Keep the invoice compact and prevent accidental second-page fragments. */
  .invoice-paper,.invoice-header,.invoice-ref,.invoice-two,.invoice-details,.invoice-totals,.invoice-note,.invoice-sign,.invoice-footer{break-inside:avoid!important;page-break-inside:avoid!important}
  .invoice-details tr{break-inside:avoid!important;page-break-inside:avoid!important}
}

/* ===== v14: A4 invoice layout matched to approved reference ===== */
@media print{
  @page{size:A4 portrait;margin:8mm 10mm 8mm 10mm!important}
  html,body{width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important}
  body{font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;color:#123f68!important;font-size:9px!important}
  .no-print,.report-actions{display:none!important}
  .invoice-page{width:190mm!important;max-width:190mm!important;min-height:0!important;height:auto!important;margin:0 auto!important;padding:0!important;background:#fff!important}
  .invoice-paper{width:190mm!important;max-width:190mm!important;min-height:0!important;height:auto!important;margin:0 auto!important;padding:0!important;border:0!important;box-shadow:none!important;background:#fff!important;box-sizing:border-box!important;overflow:visible!important}

  /* Header: logo/center on the right, tax invoice block on the left. */
  .invoice-header{height:25mm!important;min-height:25mm!important;box-sizing:border-box!important;padding:2.5mm 2.5mm!important;border:1px solid #9ec7e5!important;border-bottom:2px solid #0b72b4!important;border-radius:2mm 2mm 0 0!important;gap:4mm!important}
  .invoice-brand{gap:3mm!important;align-items:center!important}
  .invoice-logo{width:15mm!important;height:15mm!important;font-size:28px!important}
  .invoice-logo img{max-width:15mm!important;max-height:15mm!important}
  .invoice-brand h1{font-size:13px!important;line-height:1.2!important;margin:0 0 1mm!important;font-weight:800!important}
  .invoice-brand p{font-size:8px!important;line-height:1.2!important;margin:0 0 1mm!important;font-weight:700!important}
  .invoice-brand small{font-size:6.5px!important;line-height:1.2!important}
  .invoice-title{min-width:47mm!important;width:47mm!important;box-sizing:border-box!important;padding:2.5mm 3mm!important;border-radius:2mm!important;text-align:center!important}
  .invoice-title h2{font-size:9px!important;margin:0 0 1mm!important;line-height:1.15!important}
  .invoice-title strong{font-size:16px!important;line-height:1.1!important;display:block!important}
  .invoice-title span{font-size:6.5px!important;margin-top:1mm!important;line-height:1.1!important}

  /* Three reference fields across one row. */
  .invoice-ref{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.5mm!important;margin-top:2mm!important}
  .invoice-ref>div{min-height:8mm!important;height:8mm!important;padding:1.5mm 2mm!important;border:1px solid #9fc7e5!important;border-radius:1mm!important;background:#f2f8fc!important;box-sizing:border-box!important}
  .invoice-ref b{font-size:7px!important;line-height:1.1!important;color:#355d7d!important}
  .invoice-ref strong{font-size:8.5px!important;line-height:1.1!important}

  /* Customer and vehicle cards: equal height, side-by-side. */
  .invoice-two{display:grid!important;grid-template-columns:1fr 1fr!important;gap:2mm!important;margin-top:2mm!important}
  .invoice-box{border:1px solid #8fbfe1!important;border-radius:1.5mm!important;overflow:hidden!important;box-sizing:border-box!important;min-height:18mm!important}
  .invoice-box h3{padding:2mm 2.5mm!important;font-size:9px!important;line-height:1.1!important}
  .invoice-box p{padding:1.5mm 2.5mm!important;font-size:7.5px!important;line-height:1.15!important;min-height:5mm!important;box-sizing:border-box!important}

  /* Main detail table. */
  .invoice-details{margin-top:2mm!important;border:1px solid #8fbfe1!important;border-radius:1.5mm!important;overflow:hidden!important}
  .invoice-section-title{padding:2mm 2.5mm!important;font-size:9px!important;line-height:1.1!important}
  .invoice-details th{padding:1.7mm 1.5mm!important;font-size:7.5px!important;line-height:1.1!important;height:7mm!important;background:#edf6fb!important}
  .invoice-details td{padding:1.6mm 1.5mm!important;font-size:8px!important;line-height:1.15!important;height:7mm!important}
  .invoice-details th:nth-child(1){width:9%!important}
  .invoice-details th:nth-child(2){width:43%!important;text-align:right!important}
  .invoice-details th:nth-child(3){width:13%!important}
  .invoice-details th:nth-child(4){width:17.5%!important}
  .invoice-details th:nth-child(5){width:17.5%!important}

  /* QR and totals. */
  .invoice-totals{display:grid!important;grid-template-columns:1fr 1.15fr!important;gap:2mm!important;margin-top:2mm!important;direction:ltr!important}
  .qr-box,.totals-box{height:34mm!important;min-height:34mm!important;box-sizing:border-box!important;border:1px solid #8fbfe1!important;border-radius:1.5mm!important}
  .qr-box{padding:1.5mm!important;direction:rtl!important}
  .qr-box #zatca-qr{width:26mm!important;height:26mm!important;margin:0 auto 1mm!important}
  .qr-box #zatca-qr img,.qr-box #zatca-qr canvas{max-width:25mm!important;max-height:25mm!important}
  .qr-box>b{font-size:6px!important}.qr-box small{font-size:5px!important}.qr-box span{font-size:4.5px!important}
  .totals-box{direction:rtl!important;overflow:hidden!important}
  .totals-box>div{padding:2mm 2.5mm!important;font-size:8px!important;line-height:1.1!important}
  .totals-box .grand{font-size:10px!important}
  .totals-box .grand strong{font-size:13px!important}
  .totals-box p{padding:1.8mm 2.5mm!important;font-size:6.5px!important;line-height:1.15!important}

  /* Notes and signatures. */
  .invoice-note{margin-top:2mm!important;padding:2mm 2.5mm!important;border:1px solid #9fc7e5!important;border-radius:1.5mm!important;background:#f8fbfd!important}
  .invoice-note h3{font-size:8px!important;margin:0 0 1mm!important;line-height:1.1!important}
  .invoice-note p{font-size:6.5px!important;line-height:1.3!important;margin:1mm 0!important}
  .invoice-sign{display:grid!important;grid-template-columns:1fr .9fr 1fr!important;gap:0!important;margin-top:2mm!important;min-height:25mm!important;height:25mm!important;padding:2mm!important;border:1px solid #9fc7e5!important;border-radius:1.5mm!important;box-sizing:border-box!important}
  .invoice-sign h4{font-size:8px!important;margin:0 0 2mm!important}
  .sign-line{height:10mm!important;width:80%!important}
  .invoice-seal{border-left:1px solid #dbe6ee!important;border-right:1px solid #dbe6ee!important}
  .invoice-seal img{width:15mm!important;height:15mm!important}
  .seal-fallback{width:15mm!important;height:15mm!important;font-size:4.5px!important}
  .seal-fallback strong{font-size:11px!important}

  /* Footer fully inside the A4 printable width. */
  .invoice-footer{width:100%!important;height:7mm!important;min-height:7mm!important;margin-top:2mm!important;padding:0 2.5mm!important;border-radius:1.5mm!important;box-sizing:border-box!important;font-size:6.5px!important}
  .invoice-footer strong{font-size:7.5px!important}

  /* Never split the invoice into a second sheet. */
  .invoice-paper,.invoice-header,.invoice-ref,.invoice-two,.invoice-details,.invoice-totals,.invoice-note,.invoice-sign,.invoice-footer{break-inside:avoid!important;page-break-inside:avoid!important}
  .invoice-details tr{break-inside:avoid!important;page-break-inside:avoid!important}
}

/* ===== v15 FINAL: Invoice A4 portrait, clean reference-style print ===== */
@media print {
  @page { size: A4 portrait; margin: 7mm; }
  html, body {
    width: 210mm !important;
    height: 297mm !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    overflow: hidden !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  body { font-family: Tahoma, "Segoe UI", Arial, sans-serif !important; color:#123f68 !important; }
  .no-print, .report-actions, .main > .no-print { display:none !important; }
  .invoice-page {
    width: 196mm !important;
    max-width: 196mm !important;
    height: 283mm !important;
    max-height: 283mm !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    background:#fff !important;
  }
  .invoice-paper {
    width: 196mm !important;
    max-width: 196mm !important;
    height: 283mm !important;
    max-height: 283mm !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #a8c7dc !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    background:#fff !important;
  }

  /* Header */
  .invoice-header {
    height: 28mm !important;
    min-height:28mm !important;
    padding: 3mm 4mm !important;
    box-sizing:border-box !important;
    border:0 !important;
    border-bottom:2px solid #0b5f98 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
  }
  .invoice-brand { gap:3mm !important; }
  .invoice-logo, .invoice-logo img { width:18mm !important; height:18mm !important; max-width:18mm !important; max-height:18mm !important; }
  .invoice-brand h1 { font-size:16px !important; line-height:1.2 !important; margin:0 0 1.5mm !important; }
  .invoice-brand p { font-size:9px !important; margin:0 0 1mm !important; }
  .invoice-brand small { font-size:7px !important; }
  .invoice-title {
    min-width:52mm !important; width:52mm !important;
    padding:3mm 4mm !important;
    border-radius:2mm !important;
  }
  .invoice-title h2 { font-size:12px !important; margin:0 0 1mm !important; }
  .invoice-title strong { font-size:19px !important; line-height:1.1 !important; }
  .invoice-title span { font-size:7px !important; margin-top:1.5mm !important; }

  /* Reference strip */
  .invoice-ref { margin-top:2.5mm !important; gap:2mm !important; }
  .invoice-ref>div {
    height:10mm !important; min-height:10mm !important;
    padding:2.2mm 2.5mm !important;
    border:1px solid #8fbddd !important;
    border-radius:1.5mm !important;
    box-sizing:border-box !important;
  }
  .invoice-ref b { font-size:7.5px !important; }
  .invoice-ref strong { font-size:9px !important; }

  /* Customer / vehicle */
  .invoice-two { margin-top:2.5mm !important; gap:2.5mm !important; }
  .invoice-box {
    height:25mm !important; min-height:25mm !important;
    border:1px solid #8fbddd !important;
    border-radius:1.5mm !important;
    box-sizing:border-box !important;
  }
  .invoice-box h3 { padding:2.5mm 3mm !important; font-size:10px !important; line-height:1.1 !important; }
  .invoice-box p { padding:2.1mm 3mm !important; min-height:6.5mm !important; font-size:8.5px !important; line-height:1.15 !important; }

  /* Details */
  .invoice-details { margin-top:2.5mm !important; border:1px solid #8fbddd !important; border-radius:1.5mm !important; }
  .invoice-section-title { padding:2.5mm 3mm !important; font-size:10px !important; }
  .invoice-details th { height:8mm !important; padding:2mm 1.5mm !important; font-size:8px !important; }
  .invoice-details td { height:8mm !important; padding:2mm 1.5mm !important; font-size:8.5px !important; }
  .invoice-details th:nth-child(1) { width:8% !important; }
  .invoice-details th:nth-child(2) { width:43% !important; }
  .invoice-details th:nth-child(3) { width:13% !important; }
  .invoice-details th:nth-child(4), .invoice-details th:nth-child(5) { width:18% !important; }

  /* QR / totals */
  .invoice-totals { margin-top:2.5mm !important; gap:2.5mm !important; }
  .qr-box, .totals-box {
    height:48mm !important; min-height:48mm !important;
    border:1px solid #8fbddd !important;
    border-radius:1.5mm !important;
    box-sizing:border-box !important;
  }
  .qr-box { padding:3mm !important; }
  .qr-box #zatca-qr { width:35mm !important; height:35mm !important; margin:0 auto 1mm !important; }
  .qr-box #zatca-qr img, .qr-box #zatca-qr canvas { max-width:34mm !important; max-height:34mm !important; }
  .totals-box>div { padding:3mm 3.5mm !important; font-size:9px !important; }
  .totals-box .grand { font-size:12px !important; }
  .totals-box .grand strong { font-size:16px !important; }
  .totals-box p { padding:2.5mm 3mm !important; font-size:7.5px !important; }

  /* Notes */
  .invoice-note { margin-top:2.5mm !important; min-height:22mm !important; box-sizing:border-box !important; padding:3mm 3.5mm !important; }
  .invoice-note h3 { font-size:9.5px !important; margin:0 0 1.5mm !important; }
  .invoice-note p { font-size:7.5px !important; line-height:1.45 !important; margin:1mm 0 !important; }

  /* Signatures */
  .invoice-sign {
    height:43mm !important; min-height:43mm !important;
    margin-top:2.5mm !important; padding:3mm !important;
    box-sizing:border-box !important;
    border:1px solid #8fbddd !important;
  }
  .invoice-sign h4 { font-size:9.5px !important; margin:0 0 3mm !important; }
  .sign-line { height:17mm !important; width:82% !important; }
  .invoice-seal img { width:23mm !important; height:23mm !important; }
  .seal-fallback { width:23mm !important; height:23mm !important; font-size:5.5px !important; }
  .seal-fallback strong { font-size:14px !important; }

  /* Footer */
  .invoice-footer {
    width:100% !important; height:8mm !important; min-height:8mm !important;
    margin-top:2.5mm !important; padding:0 3mm !important;
    box-sizing:border-box !important; font-size:7px !important;
  }
  .invoice-footer strong { font-size:8.5px !important; }

  .invoice-paper * { max-width:100% !important; }
  .invoice-paper, .invoice-header, .invoice-ref, .invoice-two, .invoice-details,
  .invoice-totals, .invoice-note, .invoice-sign, .invoice-footer,
  .invoice-details tr { break-inside:avoid !important; page-break-inside:avoid !important; }
}

/* ===== v17 FINAL: balanced A4 invoice print ===== */
@media print {
  @page { size: A4 portrait; margin: 7mm 8mm; }
  html, body {
    width: 210mm !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    overflow: visible !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  body { font-family: Tahoma, "Segoe UI", Arial, sans-serif !important; color:#173b5c !important; font-size:9px !important; }
  .no-print, .report-actions, .main > .no-print { display:none !important; }
  .invoice-page {
    width: 194mm !important;
    max-width: 194mm !important;
    margin: 0 auto !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
    background:#fff !important;
  }
  .invoice-paper {
    width:194mm !important;
    max-width:194mm !important;
    margin:0 auto !important;
    padding:0 !important;
    border:1px solid #a8c7dc !important;
    border-radius:2mm !important;
    box-shadow:none !important;
    background:#fff !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }
  .invoice-header {
    height:24mm !important; min-height:24mm !important;
    padding:2.5mm 4mm !important;
    border:0 !important; border-bottom:2px solid #0b5f98 !important;
    box-sizing:border-box !important;
  }
  .invoice-brand { gap:2.5mm !important; align-items:center !important; }
  .invoice-logo, .invoice-logo img { width:15mm !important; height:15mm !important; max-width:15mm !important; max-height:15mm !important; }
  .invoice-brand h1 { font-size:14px !important; line-height:1.15 !important; margin:0 0 1mm !important; }
  .invoice-brand p { font-size:8px !important; line-height:1.15 !important; margin:0 0 1mm !important; }
  .invoice-brand small { font-size:6.5px !important; }
  .invoice-title { width:48mm !important; min-width:48mm !important; padding:2.5mm 3mm !important; border-radius:2mm !important; }
  .invoice-title h2 { font-size:10px !important; margin:0 0 1mm !important; }
  .invoice-title strong { font-size:17px !important; line-height:1.05 !important; }
  .invoice-title span { font-size:6.5px !important; margin-top:1mm !important; }

  .invoice-ref { margin-top:2mm !important; gap:1.5mm !important; }
  .invoice-ref>div { height:8.5mm !important; min-height:8.5mm !important; padding:1.6mm 2.2mm !important; box-sizing:border-box !important; }
  .invoice-ref b { font-size:7px !important; }
  .invoice-ref strong { font-size:8.5px !important; }

  .invoice-two { margin-top:2mm !important; gap:2mm !important; }
  .invoice-box { height:22mm !important; min-height:22mm !important; box-sizing:border-box !important; }
  .invoice-box h3 { padding:2mm 2.5mm !important; font-size:9.5px !important; line-height:1.1 !important; }
  .invoice-box p { padding:1.5mm 2.5mm !important; min-height:5.5mm !important; font-size:7.8px !important; line-height:1.15 !important; }

  .invoice-details { margin-top:2mm !important; }
  .invoice-section-title { padding:2mm 2.5mm !important; font-size:9.5px !important; line-height:1.1 !important; }
  .invoice-details th { height:7mm !important; padding:1.5mm 1.2mm !important; font-size:7.5px !important; }
  .invoice-details td { height:7mm !important; padding:1.5mm 1.2mm !important; font-size:8px !important; }
  .invoice-details th:nth-child(1) { width:8% !important; }
  .invoice-details th:nth-child(2) { width:43% !important; }
  .invoice-details th:nth-child(3) { width:13% !important; }
  .invoice-details th:nth-child(4), .invoice-details th:nth-child(5) { width:18% !important; }

  .invoice-totals { margin-top:2mm !important; gap:2mm !important; }
  .qr-box, .totals-box { height:38mm !important; min-height:38mm !important; box-sizing:border-box !important; }
  .qr-box { padding:2mm !important; }
  .qr-box #zatca-qr { width:29mm !important; height:29mm !important; margin:0 auto !important; }
  .qr-box #zatca-qr img, .qr-box #zatca-qr canvas { max-width:28mm !important; max-height:28mm !important; }
  .totals-box>div { padding:2mm 2.5mm !important; font-size:8px !important; }
  .totals-box .grand { font-size:10.5px !important; }
  .totals-box .grand strong { font-size:14px !important; }
  .totals-box p { padding:1.5mm 2.5mm !important; font-size:6.5px !important; }

  .invoice-note { margin-top:2mm !important; min-height:16mm !important; padding:2mm 2.5mm !important; box-sizing:border-box !important; }
  .invoice-note h3 { font-size:8.5px !important; margin:0 0 1mm !important; }
  .invoice-note p { font-size:6.8px !important; line-height:1.3 !important; margin:1mm 0 !important; }

  .invoice-sign { margin-top:2mm !important; height:27mm !important; min-height:27mm !important; padding:2mm !important; box-sizing:border-box !important; }
  .invoice-sign h4 { font-size:8.5px !important; margin:0 0 2mm !important; }
  .sign-line { height:12mm !important; width:80% !important; }
  .invoice-seal img { width:17mm !important; height:17mm !important; }
  .seal-fallback { width:17mm !important; height:17mm !important; }

  .invoice-footer { margin-top:2mm !important; height:7mm !important; min-height:7mm !important; padding:0 2.5mm !important; font-size:6.5px !important; box-sizing:border-box !important; }
  .invoice-footer strong { font-size:7.5px !important; }

  .invoice-paper, .invoice-header, .invoice-ref, .invoice-two, .invoice-details,
  .invoice-totals, .invoice-note, .invoice-sign, .invoice-footer,
  .invoice-details tr { break-inside:avoid !important; page-break-inside:avoid !important; }
}
/* ===== Print settings ===== */
.print-settings-preview{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.print-settings-card{border:1px solid #d4e2ed;border-radius:10px;background:#f8fbfe;padding:14px}.print-settings-card h3{margin:0 0 7px;color:#0b548e}.print-settings-card p{margin:0;color:#6b8195;font-size:11px;line-height:1.7}.settings-card .field input,.settings-card .field select{box-sizing:border-box;width:100%}
@media(max-width:700px){.print-settings-preview{grid-template-columns:1fr}}
.print-margin-hint{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px;padding:10px 12px;border:1px dashed #9ab8cc;border-radius:8px;background:#f7fbfd;color:#234;direction:rtl;font-size:12px}
.print-margin-hint b{margin-left:auto}
.print-margin-hint span{background:#fff;border:1px solid #d6e2ea;border-radius:6px;padding:4px 8px}
@media print{.print-margin-hint{display:none}}

/* ===== v26 FINAL: Approved A4 invoice header - no overlap ===== */
@media print {
  @page { size: A4 portrait; }
  html, body { width: 210mm !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; }
  .invoice-paper { overflow: visible !important; }

  /* Stack the center branding and the tax-invoice title vertically.
     This prevents the title from ever touching the plate/reference row. */
  .invoice-header {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    height: auto !important;
    min-height: 35mm !important;
    padding: 3mm 4mm 2.5mm !important;
    gap: 2mm !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-bottom: 1.2px solid #0b5f98 !important;
  }
  .invoice-brand {
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 3mm !important;
    text-align: center !important;
    order: 1 !important;
  }
  .invoice-logo, .invoice-logo img {
    width: 16mm !important; height: 16mm !important;
    max-width: 16mm !important; max-height: 16mm !important;
  }
  .invoice-brand h1 { font-size: 16px !important; line-height: 1.15 !important; margin: 0 0 1mm !important; }
  .invoice-brand p { font-size: 8.5px !important; line-height: 1.15 !important; margin: 0 0 1mm !important; }
  .invoice-brand small { font-size: 6.5px !important; line-height: 1.15 !important; }

  .invoice-title {
    order: 2 !important;
    align-self: center !important;
    width: 58mm !important;
    min-width: 58mm !important;
    max-width: 58mm !important;
    padding: 2.2mm 4mm !important;
    border-radius: 2mm !important;
    box-sizing: border-box !important;
    text-align: center !important;
    overflow: visible !important;
  }
  .invoice-title h2 {
    font-size: 13px !important;
    line-height: 1.15 !important;
    margin: 0 0 1mm !important;
    white-space: nowrap !important;
  }
  .invoice-title strong { font-size: 16px !important; line-height: 1.05 !important; display: block !important; }
  .invoice-title span { font-size: 6.5px !important; line-height: 1.1 !important; margin-top: 1mm !important; }

  /* Reference row starts clearly below the tax-invoice title. */
  .invoice-ref {
    margin-top: 2.5mm !important;
    gap: 2mm !important;
    clear: both !important;
    position: relative !important;
    z-index: 2 !important;
  }
  .invoice-ref > div {
    height: 9mm !important;
    min-height: 9mm !important;
    padding: 1.8mm 2.5mm !important;
    box-sizing: border-box !important;
  }
  .invoice-ref b { font-size: 7.5px !important; }
  .invoice-ref strong { font-size: 9px !important; }

  /* Keep the rest of the approved A4 layout compact and readable. */
  .invoice-two { margin-top: 2.5mm !important; }
  .invoice-details { margin-top: 2.5mm !important; }
  .invoice-totals { margin-top: 2.5mm !important; }
  .invoice-note { margin-top: 2.5mm !important; }
  .invoice-sign { margin-top: 2.5mm !important; }
  .invoice-footer { margin-top: 2.5mm !important; }

  .invoice-paper, .invoice-header, .invoice-ref, .invoice-two, .invoice-details,
  .invoice-totals, .invoice-note, .invoice-sign, .invoice-footer,
  .invoice-details tr { break-inside: avoid !important; page-break-inside: avoid !important; }
}

/* ===== v27: Professional A4 laser invoice print ===== */
@media print {
  @page { size: A4 portrait; margin: 5mm 6mm 5mm 6mm; }
  html, body {
    width: 210mm !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    overflow: visible !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  body { font-family: Tahoma, Arial, sans-serif !important; color:#182b3a !important; }
  .no-print, .report-actions, .main > .no-print { display:none !important; }
  .invoice-page {
    width: 198mm !important;
    max-width: 198mm !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  .invoice-paper {
    width: 198mm !important;
    max-width: 198mm !important;
    min-height: 287mm !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0.35mm solid #6f8595 !important;
    border-radius: 1.5mm !important;
    box-shadow: none !important;
    overflow: visible !important;
    background: #fff !important;
  }

  /* Clean two-level header: brand first, tax title clearly separated below. */
  .invoice-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    height: auto !important;
    min-height: 40mm !important;
    padding: 4mm 5mm 3mm !important;
    gap: 2.5mm !important;
    border: 0 !important;
    border-bottom: 0.5mm solid #244d6b !important;
    box-sizing: border-box !important;
  }
  .invoice-brand {
    width: 100% !important;
    min-height: 17mm !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap: 3.5mm !important;
    text-align:center !important;
    order:1 !important;
  }
  .invoice-logo, .invoice-logo img {
    width: 17mm !important; height: 17mm !important;
    max-width: 17mm !important; max-height: 17mm !important;
    object-fit: contain !important;
  }
  .invoice-brand h1 { font-size: 17px !important; line-height:1.15 !important; margin:0 0 1mm !important; color:#173d59 !important; }
  .invoice-brand p { font-size: 8.5px !important; line-height:1.15 !important; margin:0 0 1mm !important; color:#526674 !important; }
  .invoice-brand small { font-size: 6.8px !important; line-height:1.15 !important; color:#657782 !important; }

  .invoice-title {
    order:2 !important;
    align-self:center !important;
    width: 62mm !important;
    min-width:62mm !important;
    max-width:62mm !important;
    padding: 2.4mm 4mm !important;
    border-radius: 1.5mm !important;
    box-sizing:border-box !important;
    text-align:center !important;
    position:relative !important;
    background:#244d6b !important;
    color:#fff !important;
    box-shadow:none !important;
  }
  .invoice-title h2 { font-size: 14px !important; line-height:1.15 !important; margin:0 0 1mm !important; white-space:nowrap !important; color:#fff !important; }
  .invoice-title strong { display:block !important; font-size:11px !important; line-height:1.1 !important; margin:0 !important; color:#fff !important; }
  .invoice-title span { display:block !important; font-size:6.8px !important; line-height:1.1 !important; margin-top:1mm !important; color:#eef4f8 !important; }

  /* Three equal reference cards, with generous separation from the title. */
  .invoice-ref {
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:2.5mm !important;
    width:100% !important;
    margin-top:3mm !important;
    clear:both !important;
  }
  .invoice-ref > div {
    height:11mm !important;
    min-height:11mm !important;
    padding:2mm 3mm !important;
    border:0.3mm solid #9aabb7 !important;
    border-radius:1mm !important;
    background:#fff !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:2mm !important;
  }
  .invoice-ref b { font-size:7.5px !important; color:#526674 !important; white-space:nowrap !important; }
  .invoice-ref strong { font-size:9.5px !important; color:#172f40 !important; direction:ltr !important; unicode-bidi:plaintext !important; white-space:nowrap !important; }

  /* Customer / vehicle information. */
  .invoice-two { display:grid !important; grid-template-columns:1fr 1fr !important; gap:3mm !important; margin-top:3mm !important; }
  .invoice-box {
    height:27mm !important; min-height:27mm !important;
    border:0.3mm solid #9aabb7 !important; border-radius:1mm !important;
    box-sizing:border-box !important; overflow:hidden !important; background:#fff !important;
  }
  .invoice-box h3 { margin:0 !important; padding:2.4mm 3mm !important; background:#edf2f5 !important; border-bottom:0.3mm solid #aab9c2 !important; color:#244d6b !important; font-size:10px !important; line-height:1.1 !important; }
  .invoice-box p { margin:0 !important; padding:1.9mm 3mm !important; min-height:7mm !important; box-sizing:border-box !important; font-size:8.2px !important; line-height:1.2 !important; color:#273b49 !important; }

  /* Invoice items table: crisp laser-friendly grid. */
  .invoice-details { margin-top:3mm !important; border:0.3mm solid #8f9fa9 !important; border-radius:1mm !important; overflow:hidden !important; background:#fff !important; }
  .invoice-section-title { padding:2.3mm 3mm !important; background:#244d6b !important; color:#fff !important; font-size:10.5px !important; font-weight:700 !important; line-height:1.1 !important; }
  .invoice-items-table { width:100% !important; border-collapse:collapse !important; table-layout:fixed !important; }
  .invoice-details th, .invoice-details td { border:0.25mm solid #b4c0c7 !important; box-sizing:border-box !important; }
  .invoice-details th { height:8.5mm !important; padding:2mm 1.5mm !important; background:#eef2f4 !important; color:#213c50 !important; font-size:8px !important; line-height:1.15 !important; }
  .invoice-details td { height:8.5mm !important; padding:2mm 1.5mm !important; background:#fff !important; color:#263b49 !important; font-size:8.3px !important; line-height:1.15 !important; }
  .invoice-details th:nth-child(1), .invoice-details td:nth-child(1) { width:8% !important; text-align:center !important; }
  .invoice-details th:nth-child(2), .invoice-details td:nth-child(2) { width:43% !important; text-align:right !important; }
  .invoice-details th:nth-child(3), .invoice-details td:nth-child(3) { width:13% !important; text-align:center !important; }
  .invoice-details th:nth-child(4), .invoice-details td:nth-child(4), .invoice-details th:nth-child(5), .invoice-details td:nth-child(5) { width:18% !important; text-align:center !important; }
  .invoice-details .services-total-row td { background:#f4f6f7 !important; font-weight:700 !important; }

  /* QR and totals aligned on one clean row. */
  .invoice-totals { display:grid !important; grid-template-columns:58mm 1fr !important; gap:3mm !important; margin-top:3mm !important; align-items:stretch !important; }
  .qr-box, .totals-box { height:48mm !important; min-height:48mm !important; border:0.3mm solid #9aabb7 !important; border-radius:1mm !important; box-sizing:border-box !important; background:#fff !important; }
  .qr-box { padding:3mm !important; display:flex !important; align-items:center !important; justify-content:center !important; }
  .qr-box #zatca-qr { width:37mm !important; height:37mm !important; margin:0 auto !important; display:flex !important; align-items:center !important; justify-content:center !important; }
  .qr-box #zatca-qr img, .qr-box #zatca-qr canvas { width:35mm !important; height:35mm !important; max-width:35mm !important; max-height:35mm !important; object-fit:contain !important; }
  .totals-box > div { padding:2.8mm 3.5mm !important; border-bottom:0.25mm solid #c2ccd2 !important; font-size:8.8px !important; }
  .totals-box .grand { padding:3mm 3.5mm !important; background:#244d6b !important; color:#fff !important; font-size:11px !important; }
  .totals-box .grand strong { font-size:15px !important; color:#fff !important; }
  .totals-box p { margin:0 !important; padding:2.3mm 3.5mm !important; font-size:7.3px !important; line-height:1.3 !important; color:#4f626e !important; }

  .invoice-note { margin-top:3mm !important; min-height:19mm !important; padding:2.8mm 3.5mm !important; border:0.3mm solid #9aabb7 !important; border-radius:1mm !important; background:#fff !important; box-sizing:border-box !important; }
  .invoice-note h3 { margin:0 0 1.5mm !important; padding-bottom:1.2mm !important; border-bottom:0.25mm solid #c2ccd2 !important; color:#244d6b !important; font-size:9.5px !important; }
  .invoice-note p { margin:1mm 0 !important; font-size:7.4px !important; line-height:1.35 !important; color:#3e525e !important; }

  .invoice-sign { display:grid !important; grid-template-columns:1fr 42mm 1fr !important; gap:3mm !important; height:32mm !important; min-height:32mm !important; margin-top:3mm !important; padding:2.5mm !important; border:0.3mm solid #9aabb7 !important; border-radius:1mm !important; box-sizing:border-box !important; background:#fff !important; }
  .invoice-sign h4 { margin:0 0 2.5mm !important; font-size:9px !important; color:#244d6b !important; }
  .sign-line { height:17mm !important; width:86% !important; margin:0 auto !important; border-bottom:0.3mm solid #687b87 !important; }
  .invoice-seal { border-left:0.25mm solid #d1d9de !important; border-right:0.25mm solid #d1d9de !important; }
  .invoice-seal img { width:20mm !important; height:20mm !important; object-fit:contain !important; }
  .seal-fallback { width:20mm !important; height:20mm !important; font-size:5.5px !important; }

  .invoice-footer { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:4mm !important; width:100% !important; height:8mm !important; min-height:8mm !important; margin-top:3mm !important; padding:0 3mm !important; box-sizing:border-box !important; background:#244d6b !important; color:#fff !important; font-size:6.8px !important; border-radius:0 0 1mm 1mm !important; }
  .invoice-footer strong { font-size:7.8px !important; color:#fff !important; text-align:center !important; }
  .invoice-footer span { white-space:nowrap !important; }

  .invoice-paper, .invoice-header, .invoice-ref, .invoice-two, .invoice-details,
  .invoice-totals, .invoice-note, .invoice-sign, .invoice-footer,
  .invoice-details tr { break-inside:avoid !important; page-break-inside:avoid !important; }
}
/* ===== Approved dashboard hero: compact + subtle Islamic hexagonal geometry ===== */
.dashboard-hero{position:relative;justify-content:center;text-align:center;min-height:145px;height:145px;padding:10px 22px;overflow:hidden;background-color:#0a4f88;background-image:linear-gradient(135deg,rgba(4,38,73,.96),rgba(11,116,189,.94)),url("data:image/svg+xml,%3Csvg%20xmlns=%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width=%2296%22%20height=%2284%22%20viewBox=%220%200%2096%2084%22%3E%3Cg%20fill=%22none%22%20stroke=%22%23ffffff%22%20stroke-width=%221.2%22%20opacity=%220.10%22%3E%3Cpath%20d=%22M24%202L48%2016L72%202L96%2016L72%2030L48%2016L24%2030L0%2016Z%22%2F%3E%3Cpath%20d=%22M24%2030L48%2044L72%2030L96%2044L72%2058L48%2044L24%2058L0%2044Z%22%2F%3E%3Cpath%20d=%22M24%2058L48%2072L72%2058L96%2072L72%2086L48%2072L24%2086L0%2072Z%22%2F%3E%3Cpath%20d=%22M24%202L24%2030L48%2044L72%2030L72%202%22%2F%3E%3Cpath%20d=%22M0%2016L24%2030L48%2016L72%2030L96%2016%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:no-repeat,repeat;background-position:center,center;background-size:cover,96px 84px;}
.dashboard-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.08),transparent 42%);pointer-events:none;}
.dashboard-welcome{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.dashboard-welcome-icon{width:52px;height:52px;margin-bottom:3px;}
.dashboard-welcome-icon img{width:42px;height:42px;}
.dashboard-hero .dashboard-kicker{font-size:11px;margin-bottom:0;}
.dashboard-hero h1{font-size:23px;margin:2px 0 3px;font-weight:900;letter-spacing:-.3px;line-height:1.2;}
.dashboard-center-name{font-size:18px;font-weight:900;line-height:1.2;margin:0 0 3px;}
.dashboard-hero p{font-size:11px;}
.dashboard-hero-action{position:absolute;left:22px;bottom:16px;z-index:2;}
@media(max-width:600px){.dashboard-hero{min-height:175px;height:auto;padding:12px 14px}.dashboard-welcome-icon{width:62px;height:62px}.dashboard-welcome-icon img{width:50px;height:50px}.dashboard-hero h1{font-size:23px}.dashboard-center-name{font-size:19px}.dashboard-hero-action{position:static;margin-top:10px}}

/* ===== Dashboard hero: logo removed + narrower display frame ===== */
.dashboard-hero{width:92%;max-width:1180px;margin-left:auto;margin-right:auto;}
.dashboard-welcome-icon{display:none!important;}
@media(max-width:600px){.dashboard-hero{width:calc(100% - 20px);max-width:none;margin-left:auto;margin-right:auto;}}