
:root{--bg:#f4f7f6;--card:#fff;--ink:#17211e;--muted:#718078;--accent:#0d6b4f;--line:#dfe7e3}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}
.top{background:#0b3e31;color:white;padding:18px 28px;display:flex;justify-content:space-between;align-items:center}
.brand{font-weight:800;letter-spacing:.4px}.brand small{display:block;font-weight:400;opacity:.75}
.wrap{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 72px)}
nav{background:#fff;border-right:1px solid var(--line);padding:20px 12px}nav a{display:block;padding:12px 14px;margin:4px 0;color:#33433d;text-decoration:none;border-radius:10px}nav a:hover{background:#e9f3ef;color:var(--accent)}
main{padding:28px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 5px 18px #1020180a}.metric{font-size:27px;font-weight:800;margin-top:8px}.muted{color:var(--muted);font-size:13px}
h1{margin-top:0}.btn{display:inline-block;background:var(--accent);color:#fff;padding:10px 15px;border:0;border-radius:9px;text-decoration:none;cursor:pointer}.btn.alt{background:#e7efec;color:#193c31}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}th{background:#edf4f1;font-size:13px}
.panel{background:#fff;border:1px solid var(--line);padding:20px;border-radius:16px;margin-bottom:18px}
input,select,textarea{width:100%;padding:10px;border:1px solid #cfdad5;border-radius:8px;background:#fff}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.right{text-align:right}
.badge{padding:5px 9px;border-radius:999px;background:#edf4f1;font-size:12px}
@media(max-width:850px){.wrap{grid-template-columns:1fr}nav{display:flex;overflow:auto}.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}main{padding:16px}}
@media(max-width:520px){.cards{grid-template-columns:1fr}.top{padding:14px}.brand small{display:none}}
@media print{nav,.top,.no-print{display:none}.wrap{display:block}main{padding:0}.panel{border:0}.invoice{box-shadow:none}}

/* NIZAMIA black & gold brand update */
:root{--accent:#b99a57;--gold:#c7aa67;--black:#080808}
.top{background:#050505;color:#ead8a5;border-bottom:1px solid #9e8248;min-height:92px}
.brand-logo{display:flex;align-items:center}
.brand-logo img{display:block;max-height:68px;max-width:650px;width:auto}
.top-title{font-weight:700;color:#e5cf96;white-space:nowrap;margin-left:20px}
nav a:hover{background:#f4eedf;color:#765d27}
.btn{background:#9c7d3f}
.btn:hover{background:#765d27}
.card{border-top:3px solid #b99a57}
.invoice h1{color:#17120a}
.document-logo{max-width:620px;width:100%;height:auto;display:block;margin-bottom:18px}
.document-heading{border-top:2px solid #b99a57;padding-top:14px}
@media(max-width:850px){.top{align-items:flex-start;gap:10px;flex-direction:column}.brand-logo img{max-width:100%;height:auto}.top-title{margin-left:0;font-size:13px}.wrap{min-height:calc(100vh - 110px)}}
@media print{.document-logo{max-width:540px}.invoice{font-size:12px}}

.login-body{min-height:100vh;display:grid;place-items:center;background:#090909;padding:20px}
.login-card{width:min(440px,100%);background:#fff;border-radius:18px;padding:28px;border-top:4px solid #b99a57;box-shadow:0 20px 60px #0008}
.login-logo{width:100%;height:auto;background:#050505;padding:10px;border-radius:10px;margin-bottom:18px}
.login-card label{display:block;margin:13px 0}.login-btn{width:100%;margin-top:8px}
.error{background:#ffe9e9;color:#8b1e1e;padding:10px;border-radius:8px;margin:10px 0}.success{background:#e8f6ee;color:#17633a;padding:10px;border-radius:8px;margin:10px 0}

/* ===== NIZAMIA PREMIUM V3 ===== */
body{background:#f4f3ef;color:#171714}.app-body{background:#f3f1eb}
.app-top{height:92px;background:#070909;border-bottom:1px solid #80682f;display:flex;align-items:center;justify-content:space-between;padding:12px 28px;position:sticky;top:0;z-index:20}
.app-brand img{height:62px;max-width:620px;object-fit:contain}.app-user{display:flex;gap:13px;align-items:center;color:#e7d7a9;font-size:13px}.app-user small{border:1px solid #6f5a29;padding:4px 7px;border-radius:5px}.app-user a{color:#d8bd79;text-decoration:none}
.premium-wrap{grid-template-columns:245px 1fr;min-height:calc(100vh - 92px)}.side-nav{background:#0b0d0d;border-right:1px solid #28271f;padding:20px 12px}.side-nav a{color:#d9d6ca;border-left:2px solid transparent;border-radius:6px}.side-nav a:hover{background:#171914;color:#e9ce88;border-left-color:#c7a452}.nav-caption{font-size:10px;letter-spacing:2px;color:#776b4c;margin:20px 14px 6px}.app-main{padding:28px}
.cards .card{border:1px solid #ded8c9;border-top:3px solid #b69343;box-shadow:0 8px 28px #1b180d0c}.panel{border:1px solid #ded8c9}.btn{background:linear-gradient(135deg,#8b6a2b,#c6a04e);color:#fff}.btn.alt{background:#191b1a;color:#e8d7aa}
table th{background:#111514;color:#ead9aa}.badge{background:#eee6d2;color:#65501f}

/* cyber login */
.cyber-login{margin:0;min-height:100vh;background:#050707;color:#fff;overflow:hidden;position:relative;font-family:Inter,Arial,sans-serif}
.cyber-grid{position:absolute;inset:0;background-image:linear-gradient(#c8a45210 1px,transparent 1px),linear-gradient(90deg,#c8a45210 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent)}
.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.35}.orb-one{width:650px;height:650px;right:-180px;top:-220px;background:radial-gradient(circle,#9c7a30 0,#18130a 36%,transparent 70%)}.orb-two{width:500px;height:500px;left:-250px;bottom:-250px;background:radial-gradient(circle,#755a23 0,transparent 70%)}
.login-shell{position:relative;z-index:2;width:min(1180px,94vw);min-height:680px;margin:5vh auto;display:grid;grid-template-columns:1.1fr .9fr;border:1px solid #6d592d;border-radius:24px;overflow:hidden;background:#090b0bcc;box-shadow:0 35px 100px #000}
.login-visual{padding:62px;background:linear-gradient(135deg,#070909 10%,#0b0d0cdd),radial-gradient(circle at 80% 30%,#92742b33,transparent 40%);position:relative}
.cyber-logo{width:min(590px,100%);height:auto;margin-bottom:50px}.eyebrow{color:#c9a95c;font-size:11px;letter-spacing:4px;margin-bottom:16px}.login-visual h1{font-size:50px;line-height:1.04;margin:0 0 18px}.login-visual h1 span{color:#c9a95c}.login-visual p{max-width:570px;color:#a9b0ac;line-height:1.7}.feature-line{border-top:1px solid #262b28;padding:16px 0;color:#d7d4c8;letter-spacing:1.5px;font-size:12px}.feature-line span{color:#c9a95c;margin-right:18px}
.login-console{background:#0c0f0e;padding:70px 55px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #4d4024}.console-top{font-size:11px;letter-spacing:2px;color:#c9a95c;border-bottom:1px solid #272b28;padding-bottom:18px}.console-top small{float:right;color:#66706b}.status-dot{display:inline-block;width:8px;height:8px;background:#c9a95c;border-radius:50%;box-shadow:0 0 16px #c9a95c;margin-right:8px}.login-console h2{font-size:35px;margin:34px 0 6px}.login-console label{display:block;color:#b8b9b3;font-size:10px;letter-spacing:2px;margin-top:22px}.input-wrap{margin-top:8px;display:flex;align-items:center;border:1px solid #343936;background:#080a09;border-radius:9px;padding:0 14px}.input-wrap:focus-within{border-color:#b99445;box-shadow:0 0 0 3px #b9944517}.input-wrap span{color:#b99445}.input-wrap input{border:0!important;background:transparent!important;color:#fff;padding:16px 12px;outline:0}.eye{border:0;background:none;color:#b99445;font-size:10px;cursor:pointer}.gold-login{margin-top:28px;width:100%;padding:16px;border:0;border-radius:9px;background:linear-gradient(100deg,#8a682a,#d4b35d,#9b762e);font-weight:800;letter-spacing:1.5px;cursor:pointer}.gold-login b{float:right}.security-note{text-align:center;margin-top:28px;color:#6e7772;font-size:9px;letter-spacing:1.5px}

/* professional documents */
.document-actions{max-width:1120px;margin:0 auto 14px;display:flex;justify-content:space-between}.quote-paper{max-width:1120px;margin:0 auto;background:#fff;box-shadow:0 18px 60px #302b1c18;border:1px solid #ded8c8;min-height:1120px;padding:0 38px 30px}.quote-brandbar{margin:0 -38px;padding:22px 38px;background:#080b0b;display:flex;align-items:center;justify-content:space-between}.quote-brandbar img{width:600px;max-width:68%;height:70px;object-fit:contain;object-position:left center}.brandbar-tag{color:#d7bd7a;font-size:10px;letter-spacing:2px;white-space:nowrap}.brandbar-tag i{display:inline-block;height:12px;border-left:1px solid #80682f;margin:0 8px}.gold-rule{height:5px;margin:0 -38px;background:linear-gradient(90deg,#765821,#e0bf69,#765821)}
.quote-title-row{display:grid;grid-template-columns:1fr 370px;gap:45px;padding:35px 0 25px;border-bottom:1px solid #ddd8ca}.doc-kicker,.section-label{font-size:9px;letter-spacing:2.5px;color:#9b7a32;font-weight:800}.quote-title-row h1{font-size:38px;margin:5px 0 4px;color:#0d1110}.quote-title-row p{color:#77756e;margin:0}.doc-meta{border-left:3px solid #b89443;padding-left:18px}.doc-meta div{display:flex;justify-content:space-between;border-bottom:1px solid #eeeae0;padding:6px 0;font-size:12px}.doc-meta span{color:#777}.client-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin:24px 0}.client-card{border:1px solid #ded9cd;padding:18px;border-radius:8px}.client-card h3{margin:7px 0;font-size:17px}.client-card p{margin:4px 0;color:#666;font-size:12px;line-height:1.45}.accent-card{background:#faf7ef;border-left:4px solid #b99445}.offer-line{font-size:12px;color:#555;margin:20px 0 10px}
.quote-table{font-size:11px;border:1px solid #d8d5cc}.quote-table th{background:#0b100f;color:#ead9aa;padding:11px 8px}.quote-table td{padding:10px 8px;border-right:1px solid #e6e2d9}.quote-table .desc{min-width:260px}.num{text-align:right!important;white-space:nowrap}
.quote-bottom{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;margin-top:22px}.terms{border:1px solid #ddd8cb;padding:18px;font-size:11px;line-height:1.6}.terms .section-label{display:block;margin-bottom:10px}.totals{border:1px solid #ddd8cb}.totals div{display:flex;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #eeeae1;font-size:12px}.totals .grand{background:linear-gradient(90deg,#ead59d,#caa653);font-size:14px;color:#17130a}.signature-row{display:grid;grid-template-columns:1fr 300px;gap:50px;margin-top:60px;align-items:end}.signature-row div:first-child span{display:block;color:#777;font-size:11px;margin-top:5px}.sign-line{border-top:1px solid #333;text-align:center;padding-top:7px;font-size:10px}.quote-footer{margin:45px -38px -30px;background:#090c0b;color:#d9c17f;padding:18px 38px;display:flex;justify-content:space-between;letter-spacing:1px;font-size:10px}.quote-footer span{color:#9ea29d}
@media(max-width:900px){.login-shell{grid-template-columns:1fr;margin:0;width:100%;min-height:100vh;border-radius:0}.login-visual{display:none}.login-console{border-left:0;padding:40px 24px}.premium-wrap{grid-template-columns:1fr}.side-nav{display:flex;overflow:auto}.app-top{height:auto;align-items:flex-start}.app-brand img{max-width:60vw;height:auto}.app-user{flex-wrap:wrap}.quote-title-row,.client-grid,.quote-bottom{grid-template-columns:1fr}.quote-paper{padding:0 18px}.quote-brandbar,.quote-footer,.gold-rule{margin-left:-18px;margin-right:-18px}.quote-brandbar{padding:18px}.quote-brandbar img{max-width:100%}.brandbar-tag{display:none}.quote-table{display:block;overflow-x:auto}}
@media print{body{background:#fff}.app-top,.side-nav,.document-actions{display:none!important}.premium-wrap{display:block}.app-main{padding:0}.quote-paper{max-width:none;box-shadow:none;border:0;min-height:auto;padding:0 8mm 8mm}.quote-brandbar{margin:0 -8mm;padding:6mm 8mm}.gold-rule{margin:0 -8mm}.quote-footer{margin:12mm -8mm -8mm}.quote-table{font-size:9px}.quote-title-row{padding:7mm 0 5mm}.signature-row{margin-top:12mm}}

/* ===== A4 PROFESSIONAL PRINT OVERRIDE ===== */
@page{size:A4 portrait;margin:0}
@media print{
 html,body{width:210mm!important;min-height:297mm!important;margin:0!important;padding:0!important;background:#fff!important}
 body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
 .app-top,.side-nav,.document-actions,.no-print{display:none!important}
 .premium-wrap,.wrap{display:block!important;min-height:0!important}
 .app-main,main{padding:0!important;margin:0!important}
 .quote-paper{
   width:210mm!important;min-height:297mm!important;max-width:none!important;
   margin:0!important;padding:0 10mm!important;border:0!important;border-radius:0!important;
   box-shadow:none!important;display:flex!important;flex-direction:column!important;
   page-break-after:avoid!important;break-after:avoid!important
 }
 .quote-brandbar{
   height:23mm!important;min-height:23mm!important;margin:0 -10mm!important;padding:3mm 10mm!important;
   background:#080b0b!important;display:flex!important;align-items:center!important
 }
 .quote-brandbar img{width:auto!important;max-width:125mm!important;height:17mm!important;object-fit:contain!important;object-position:left center!important}
 .brandbar-tag{font-size:7pt!important}
 .gold-rule{height:1.3mm!important;margin:0 -10mm!important;flex:none!important}
 .quote-title-row{
   grid-template-columns:1.45fr .8fr!important;gap:10mm!important;
   padding:8mm 0 6mm!important;border-bottom:1px solid #d9d4c7!important;break-inside:avoid!important
 }
 .doc-kicker,.section-label{font-size:6.7pt!important;letter-spacing:2px!important}
 .quote-title-row h1{font-size:24pt!important;line-height:1!important;margin:2mm 0 1mm!important}
 .quote-title-row p{font-size:9pt!important;margin:0!important}
 .doc-meta{padding-left:4mm!important;border-left:1mm solid #b89443!important}
 .doc-meta div{padding:1.4mm 0!important;font-size:8pt!important}
 .client-grid{grid-template-columns:1.7fr .85fr!important;gap:3mm!important;margin:5mm 0!important;break-inside:avoid!important}
 .client-card{padding:4mm!important;border-radius:2mm!important;min-height:26mm!important}
 .client-card h3{font-size:11pt!important;margin:2mm 0!important}.client-card p{font-size:7.8pt!important;line-height:1.35!important;margin:1mm 0!important}
 .offer-line{font-size:7.7pt!important;margin:3.5mm 0 2mm!important}
 .quote-table{width:100%!important;font-size:7.2pt!important;border-collapse:collapse!important;break-inside:auto!important}
 .quote-table thead{display:table-header-group!important}
 .quote-table tr{break-inside:avoid!important;page-break-inside:avoid!important}
 .quote-table th{padding:2.4mm 1.5mm!important;font-size:7.3pt!important}
 .quote-table td{padding:2.2mm 1.5mm!important;line-height:1.2!important}
 .quote-table .desc{min-width:0!important;width:42%!important}
 .quote-bottom{grid-template-columns:1.65fr .8fr!important;gap:4mm!important;margin-top:4mm!important;break-inside:avoid!important}
 .terms{padding:4mm!important;font-size:7.5pt!important;line-height:1.45!important;min-height:27mm!important}
 .terms .section-label{margin-bottom:2.5mm!important}
 .totals div{padding:2.4mm 3mm!important;font-size:7.8pt!important}.totals .grand{font-size:9.5pt!important}
 .signature-row{
   grid-template-columns:1fr 48mm!important;gap:15mm!important;margin-top:11mm!important;
   align-items:end!important;break-inside:avoid!important;font-size:8pt!important
 }
 .signature-row div:first-child b{font-size:9pt!important}.signature-row div:first-child span{font-size:7pt!important}
 .sign-line{font-size:7pt!important;padding-top:1.5mm!important}
 .quote-footer{
   margin:auto -10mm 0!important;padding:5mm 10mm!important;min-height:16mm!important;
   background:#090c0b!important;display:flex!important;align-items:center!important;
   font-size:6.8pt!important;break-inside:avoid!important
 }
}
/* Screen preview keeps an A4-like aspect ratio */
@media screen and (min-width:901px){
 .quote-paper{min-height:1120px}
}

/* ===== PRINT FOOTER PAGE-BREAK FIX ===== */
@media print{
 html,body{width:210mm!important;height:auto!important;min-height:0!important}
 .quote-paper{
   width:210mm!important;
   min-height:0!important;
   height:auto!important;
   display:block!important;
   padding:0 10mm!important;
   overflow:visible!important;
 }
 .quote-brandbar{height:21mm!important;min-height:21mm!important}
 .quote-title-row{padding:6mm 0 4.5mm!important}
 .client-grid{margin:4mm 0!important}
 .client-card{min-height:23mm!important;padding:3.3mm!important}
 .offer-line{margin:2.8mm 0 1.8mm!important}
 .quote-table th{padding:2mm 1.4mm!important}
 .quote-table td{padding:1.8mm 1.4mm!important}
 .quote-bottom{margin-top:3mm!important}
 .terms{min-height:23mm!important;padding:3mm!important}
 .totals div{padding:2mm 2.6mm!important}
 .signature-row{margin-top:8mm!important}
 .quote-footer{
   margin:9mm -10mm 0!important;
   min-height:14mm!important;
   padding:4mm 10mm!important;
   page-break-inside:avoid!important;
   break-inside:avoid!important;
 }
}

/* ===== CLEAN PRINT V4 ===== */
.client-grid-clean{grid-template-columns:1fr!important}
@media print{
 .client-grid-clean{display:block!important}
 .client-grid-clean .client-card{width:100%!important;min-height:0!important}
 .accent-card{display:none!important}
 .quote-paper{page-break-inside:avoid!important}
 .quote-table{width:100%!important}
 .quote-bottom{width:100%!important}
 /* Keep content compact and eliminate unused visual blocks */
 .quote-title-row{margin-bottom:0!important}
 .client-grid{margin-bottom:3mm!important}
 .signature-row{margin-top:7mm!important}
 .quote-footer{margin-top:8mm!important}
}

/* ===== V5: SCREEN/PDF MATCH + FOOTER AT A4 BOTTOM ===== */

/* Desktop preview uses a true A4 proportion and bottom-anchored footer */
@media screen and (min-width:901px){
 .quote-paper{
   width:min(1120px,100%);
   min-height:1584px;
   display:flex;
   flex-direction:column;
 }
 .quote-footer{margin-top:auto!important}
}

/* Print uses a fixed A4 content box. Footer stays at the physical bottom
   while normal document content remains in flow above it. */
@media print{
 @page{size:A4 portrait;margin:0!important}

 html,body{
   width:210mm!important;
   height:297mm!important;
   margin:0!important;
   padding:0!important;
   background:#fff!important;
 }
 body{
   -webkit-print-color-adjust:exact!important;
   print-color-adjust:exact!important;
 }
 .app-top,.side-nav,.document-actions,.no-print{display:none!important}
 .premium-wrap,.wrap,.app-main,main{
   display:block!important;
   width:100%!important;
   min-height:0!important;
   margin:0!important;
   padding:0!important;
 }

 .quote-paper{
   box-sizing:border-box!important;
   position:relative!important;
   display:block!important;
   width:210mm!important;
   height:297mm!important;
   min-height:297mm!important;
   max-height:297mm!important;
   margin:0!important;
   padding:0 8mm 20mm!important;
   border:0!important;
   box-shadow:none!important;
   overflow:hidden!important;
   background:#fff!important;
 }

 .quote-brandbar{
   height:22mm!important;
   min-height:22mm!important;
   margin:0 -8mm!important;
   padding:3mm 8mm!important;
 }
 .quote-brandbar img{height:16mm!important;max-width:118mm!important}
 .gold-rule{height:1.2mm!important;margin:0 -8mm!important}

 .quote-title-row{
   grid-template-columns:1.45fr .8fr!important;
   gap:8mm!important;
   padding:6mm 0 4.5mm!important;
 }
 .quote-title-row h1{font-size:22pt!important}
 .quote-title-row p{font-size:8.5pt!important}
 .doc-meta div{padding:1.2mm 0!important;font-size:7.5pt!important}

 .client-grid{margin:4mm 0!important}
 .client-grid-clean .client-card{
   width:62%!important;
   box-sizing:border-box!important;
   padding:3.5mm!important;
   min-height:24mm!important;
 }
 .client-card h3{font-size:10pt!important}
 .client-card p{font-size:7.2pt!important}

 .offer-line{font-size:7.3pt!important;margin:3mm 0 1.6mm!important}
 .quote-table{font-size:6.8pt!important}
 .quote-table th{padding:1.9mm 1.2mm!important;font-size:6.8pt!important}
 .quote-table td{padding:1.7mm 1.2mm!important}

 .quote-bottom{
   grid-template-columns:1.55fr .75fr!important;
   gap:4mm!important;
   margin-top:4mm!important;
 }
 .terms{min-height:23mm!important;padding:3.2mm!important;font-size:7pt!important}
 .totals div{padding:1.9mm 2.5mm!important;font-size:7.2pt!important}
 .totals .grand{font-size:8.5pt!important}

 .signature-row{
   margin-top:10mm!important;
   grid-template-columns:1fr 50mm!important;
   font-size:7pt!important;
 }

 .quote-footer{
   position:absolute!important;
   left:0!important;
   right:0!important;
   bottom:0!important;
   height:16mm!important;
   min-height:16mm!important;
   box-sizing:border-box!important;
   margin:0!important;
   padding:0 8mm!important;
   display:flex!important;
   align-items:center!important;
   justify-content:space-between!important;
   background:#090c0b!important;
   color:#d9c17f!important;
   font-size:6.5pt!important;
   z-index:5!important;
 }
}

/* Give longer documents a safe alternative instead of overlapping the footer.
   Browser can continue onto another sheet if content becomes unusually long. */
@media print{
 .quote-table tr{page-break-inside:avoid!important;break-inside:avoid!important}
}

/* ===== V6 EXACT PDF EXPORT ===== */
.doc-action-group{display:flex;gap:10px}
.pdf-exporting .quote-paper{
 width:794px!important;
 min-height:1123px!important;
 height:1123px!important;
 max-height:1123px!important;
 box-sizing:border-box!important;
 position:relative!important;
 display:block!important;
 margin:0!important;
 padding:0 30px 61px!important;
 overflow:hidden!important;
 background:#fff!important;
 box-shadow:none!important;
 border:0!important;
}
.pdf-exporting .quote-brandbar{height:83px!important;min-height:83px!important;margin:0 -30px!important;padding:11px 30px!important}
.pdf-exporting .quote-brandbar img{height:60px!important;max-width:446px!important}
.pdf-exporting .gold-rule{height:5px!important;margin:0 -30px!important}
.pdf-exporting .quote-title-row{grid-template-columns:1.45fr .8fr!important;gap:30px!important;padding:23px 0 17px!important}
.pdf-exporting .quote-title-row h1{font-size:29px!important}
.pdf-exporting .doc-meta div{padding:5px 0!important;font-size:10px!important}
.pdf-exporting .client-grid{margin:15px 0!important}
.pdf-exporting .client-grid-clean .client-card{width:62%!important;min-height:91px!important;padding:13px!important}
.pdf-exporting .offer-line{margin:11px 0 6px!important}
.pdf-exporting .quote-table th{padding:7px 5px!important}.pdf-exporting .quote-table td{padding:6px 5px!important}
.pdf-exporting .quote-bottom{grid-template-columns:1.55fr .75fr!important;gap:15px!important;margin-top:15px!important}
.pdf-exporting .terms{min-height:87px!important;padding:12px!important}
.pdf-exporting .totals div{padding:7px 10px!important}
.pdf-exporting .signature-row{margin-top:38px!important;grid-template-columns:1fr 189px!important}
.pdf-exporting .quote-footer{
 position:absolute!important;left:0!important;right:0!important;bottom:0!important;
 height:61px!important;min-height:61px!important;margin:0!important;padding:0 30px!important;
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 background:#090c0b!important;
}

/* ===== V7 EXACT PREVIEW SOURCE FOR PRINT + PDF ===== */
.pdf-exporting .quote-paper{
 width:794px!important;
 height:1123px!important;
 min-height:1123px!important;
 max-height:1123px!important;
 margin:0!important;
 padding:0 30px 61px!important;
 box-sizing:border-box!important;
 position:relative!important;
 display:block!important;
 overflow:hidden!important;
 background:#fff!important;
 border:0!important;
 box-shadow:none!important;
}
.pdf-exporting .quote-brandbar{
 height:83px!important;min-height:83px!important;margin:0 -30px!important;padding:11px 30px!important;
 box-sizing:border-box!important;background:#080b0b!important
}
.pdf-exporting .quote-brandbar img{height:60px!important;max-width:446px!important}
.pdf-exporting .gold-rule{height:5px!important;margin:0 -30px!important}
.pdf-exporting .quote-title-row{grid-template-columns:1.45fr .8fr!important;gap:30px!important;padding:23px 0 17px!important}
.pdf-exporting .quote-title-row h1{font-size:29px!important}
.pdf-exporting .quote-title-row p{font-size:11px!important}
.pdf-exporting .doc-meta div{padding:5px 0!important;font-size:10px!important}
.pdf-exporting .client-grid{margin:15px 0!important;display:block!important}
.pdf-exporting .client-grid-clean .client-card{width:62%!important;min-height:91px!important;padding:13px!important;box-sizing:border-box!important}
.pdf-exporting .offer-line{margin:11px 0 6px!important}
.pdf-exporting .quote-table{width:100%!important;font-size:9px!important}
.pdf-exporting .quote-table th{padding:7px 5px!important;font-size:9px!important}
.pdf-exporting .quote-table td{padding:6px 5px!important}
.pdf-exporting .quote-bottom{display:grid!important;grid-template-columns:1.55fr .75fr!important;gap:15px!important;margin-top:15px!important}
.pdf-exporting .terms{min-height:87px!important;padding:12px!important}
.pdf-exporting .totals div{padding:7px 10px!important}
.pdf-exporting .signature-row{display:grid!important;margin-top:38px!important;grid-template-columns:1fr 189px!important}
.pdf-exporting .quote-footer{
 position:absolute!important;left:0!important;right:0!important;bottom:0!important;
 height:61px!important;min-height:61px!important;margin:0!important;padding:0 30px!important;
 box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
 background:#090c0b!important;color:#d9c17f!important
}

/* ===== V8 PROFESSIONAL QUOTATION ===== */
.quote-paper{font-family:Arial,Helvetica,sans-serif;color:#161914}
.quote-title-row h1{letter-spacing:-.5px}
.quote-title-row p{max-width:560px}
.client-card{background:#fff}
.quote-table{border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:7px}
.quote-table thead th:first-child{border-top-left-radius:7px}
.quote-table thead th:last-child{border-top-right-radius:7px}
.quote-table tbody tr:nth-child(even){background:#fbfaf6}
.quote-table td{vertical-align:middle}
.quote-table .desc{font-weight:500;color:#1d211f}
.totals .grand{font-weight:800;letter-spacing:.3px}
.signature-row b{letter-spacing:.1px}
.professional-footer b{letter-spacing:1.2px}
.professional-footer span{letter-spacing:.8px}

/* Approved professional A4 proportions */
@media print{
 .quote-title-row{padding-top:6mm!important}
 .quote-table tbody tr:nth-child(even){background:#fbfaf6!important}
 .quote-footer{bottom:0!important}
}
.pdf-exporting .quote-table tbody tr:nth-child(even){background:#fbfaf6!important}

/* ===== V9 PREMIUM QUOTATION — MATCHES APPROVED DEMO ===== */
.service-highlights{
 display:flex;gap:28px;align-items:center;margin:18px 0 22px;padding:0 4px
}
.service-highlights>div{
 display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;
 column-gap:9px;align-items:center;padding-right:25px;border-right:1px solid #c7a452
}
.service-highlights>div:last-child{border-right:0}
.highlight-icon{
 grid-row:1/3;font-size:26px;color:#bd953b;line-height:1
}
.service-highlights b{font-size:11px;color:#242823;letter-spacing:.3px}
.service-highlights small{font-size:10px;color:#6f716d}

.premium-client-grid{
 display:grid!important;grid-template-columns:1.75fr .9fr!important;
 gap:0!important;border:1px solid #ded7c8;border-radius:12px;
 overflow:hidden;background:linear-gradient(100deg,#fff 65%,#fbf6e8)
}
.premium-client-grid .client-card{
 border:0!important;border-radius:0!important;background:transparent!important;
 min-height:118px;padding:22px 24px!important
}
.prepared-card{position:relative;padding-left:78px!important}
.prepared-card:before{
 content:"▦";position:absolute;left:22px;top:27px;width:42px;height:42px;
 display:flex;align-items:center;justify-content:center;border-radius:50%;
 background:linear-gradient(135deg,#b78b2d,#e4c872);color:#fff;font-size:22px
}
.offer-card{
 border-left:1px solid #d8c58e!important;display:flex!important;
 align-items:center!important;gap:15px!important
}
.offer-card .offer-icon{
 flex:0 0 42px;width:42px;height:42px;border-radius:50%;
 display:flex;align-items:center;justify-content:center;
 background:#f2dfaa;color:#6f5318;font-size:20px
}
.offer-card p{margin:0!important;font-size:12px!important;line-height:1.45!important;color:#343834!important}

.quote-paper{
 background:
 linear-gradient(135deg,transparent 0 86%,rgba(195,181,147,.08) 86% 89%,transparent 89%),
 #fff
}
.quote-table{border:1px solid #ddd7c9!important}
.quote-table thead th{background:linear-gradient(#111514,#070a09)!important}
.quote-table tbody tr:nth-child(even){background:#faf7ef!important}
.terms{position:relative;background:linear-gradient(135deg,#fff,#fbfaf7)}
.terms:after{
 content:"";position:absolute;left:16px;right:16px;bottom:13px;height:1px;background:#c7a452
}
.totals .grand{background:linear-gradient(90deg,#ead18d,#c79a36)!important}
.signature-row{position:relative}
.professional-footer{
 border-top:3px solid #c39a3d!important;
 background:linear-gradient(100deg,#070a09,#101412)!important
}

/* Exact A4 capture and print styling */
.pdf-exporting .service-highlights{
 gap:20px!important;margin:13px 0 16px!important
}
.pdf-exporting .service-highlights>div{padding-right:18px!important}
.pdf-exporting .highlight-icon{font-size:20px!important}
.pdf-exporting .service-highlights b{font-size:9px!important}
.pdf-exporting .service-highlights small{font-size:8px!important}
.pdf-exporting .premium-client-grid{
 display:grid!important;grid-template-columns:1.75fr .9fr!important;
 margin:0 0 14px!important;border-radius:9px!important
}
.pdf-exporting .premium-client-grid .client-card{
 min-height:90px!important;padding:14px 16px!important
}
.pdf-exporting .prepared-card{padding-left:62px!important}
.pdf-exporting .prepared-card:before{
 left:16px!important;top:20px!important;width:34px!important;height:34px!important;font-size:17px!important
}
.pdf-exporting .offer-card{gap:10px!important}
.pdf-exporting .offer-card .offer-icon{width:34px!important;height:34px!important;flex-basis:34px!important}
.pdf-exporting .offer-card p{font-size:9px!important}
.pdf-exporting .terms:after{bottom:9px!important}

@media print{
 .service-highlights{gap:5mm!important;margin:3.5mm 0 4mm!important}
 .service-highlights>div{padding-right:5mm!important}
 .highlight-icon{font-size:15pt!important}
 .service-highlights b{font-size:7pt!important}
 .service-highlights small{font-size:6.5pt!important}
 .premium-client-grid{
   display:grid!important;grid-template-columns:1.75fr .9fr!important;
   margin:0 0 3.5mm!important;border-radius:2.5mm!important
 }
 .premium-client-grid .client-card{min-height:23mm!important;padding:3.5mm 4mm!important}
 .prepared-card{padding-left:16mm!important}
 .prepared-card:before{
   left:4mm!important;top:5mm!important;width:9mm!important;height:9mm!important;font-size:12pt!important
 }
 .offer-card{gap:3mm!important}
 .offer-card .offer-icon{width:9mm!important;height:9mm!important;flex-basis:9mm!important}
 .offer-card p{font-size:7pt!important}
}
