:root{--bg:#f4f7fb;--card:#fff;--text:#121923;--muted:#738092;--line:#e2e8f0;--gold:#d4a900;--gold2:#f1c900;--navy:#001c37;--navy2:#062b4d;--green:#15835a;--red:#c83d3d;--blue:#1558b0}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg)}body{display:flex;min-height:100vh}.sidebar{width:280px;background:linear-gradient(180deg,#00172d 0%,#002747 100%);color:#fff;position:fixed;left:0;top:0;bottom:0;overflow-y:auto;z-index:20;box-shadow:4px 0 18px rgba(0,18,38,.13);transition:.25s}.brand{min-height:135px;display:flex;align-items:center;gap:12px;padding:18px 15px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-logo{width:92px;height:92px;object-fit:contain;border-radius:50%;background:#fff}.brand-copy{min-width:0}.brand-copy strong{display:block;color:#ffd119;font-size:17px;white-space:nowrap}.brand-copy span{display:block;color:#fff;font-size:13px;margin-top:6px}nav{padding:9px 0 28px}nav>button,.group-trigger{width:100%;border:0;background:transparent;color:#fff;display:grid;grid-template-columns:32px 1fr 20px;align-items:center;text-align:left;gap:6px;padding:14px 20px;font-size:15px;cursor:pointer;border-left:4px solid transparent;transition:.18s}nav>button:hover,nav>button.active,.group-trigger:hover,.nav-group.open>.group-trigger{background:rgba(255,255,255,.07);border-left-color:var(--gold2)}.nav-icon{font-size:20px;text-align:center;color:#f5f7fa}.chev{text-align:right;color:#d5dde5}.submenu{background:rgba(255,255,255,.035);padding:5px 0}.submenu button{width:100%;border:0;background:transparent;color:#f5f7fa;text-align:left;padding:12px 20px 12px 58px;font-size:14px;cursor:pointer}.submenu button:hover,.submenu button.active{color:#ffd31a;background:rgba(255,255,255,.05)}main{margin-left:280px;width:calc(100% - 280px);min-height:100vh;transition:.25s}.appbar{height:62px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10}.hamburger{border:0;background:transparent;font-size:25px;cursor:pointer}.appbar-actions{display:flex;align-items:center;gap:16px;margin-left:auto}.search-box{width:210px;height:39px;border:1px solid #d7dee7;border-radius:7px;display:flex;align-items:center;padding:0 12px;background:#fff}.search-box input{border:0;outline:0;width:100%;font-size:14px}.search-box span{font-size:22px}.icon-button{border:0;background:transparent;font-size:22px}.admin-pill{display:flex;align-items:center;gap:8px;font-size:14px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#061f39;color:#fff;font-size:12px}.page-shell{padding:16px 18px 32px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.topbar h1{margin:0;font-size:24px}.topbar p{margin:7px 0 0;color:var(--muted);font-size:13px}.primary,.secondary,.danger{border:0;border-radius:7px;padding:10px 16px;cursor:pointer;font-weight:700}.primary{background:linear-gradient(#e2b800,#c99c00);color:#fff;box-shadow:0 3px 8px rgba(199,154,0,.18)}.secondary{background:#eef2f7;color:#26313b}.danger{background:#fee2e2;color:#991b1b}.grid{display:grid;gap:16px}.grid.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:18px;box-shadow:0 3px 13px rgba(15,35,55,.05)}.metric{border-top:3px solid var(--gold)}.metric .label{color:var(--muted);font-size:13px}.metric .value{font-size:24px;font-weight:700;margin-top:8px}.metric .hint{font-size:12px;margin-top:6px}.green{color:var(--green)}.red{color:var(--red)}.section-title{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px}.section-title h2{font-size:17px;margin:0}table{width:100%;border-collapse:collapse;background:#fff;border-radius:9px;overflow:hidden;box-shadow:0 2px 10px rgba(15,35,55,.035)}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}th{background:#edf1f5;color:#263442;font-weight:700}tr:last-child td{border-bottom:none}.badge{padding:5px 9px;border-radius:20px;font-size:11px;display:inline-block}.paid{background:#dcfce7;color:#166534}.unpaid{background:#fee2e2;color:#991b1b}.partial{background:#fef3c7;color:#92400e}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.toolbar input,.toolbar select,.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #d7dce1;border-radius:7px;padding:10px;background:#fff;font:inherit;width:100%}.toolbar input{max-width:260px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-grid .full{grid-column:1/-1}.form-grid label{display:grid;gap:6px;font-size:13px;color:#4e5963}dialog{border:0;border-radius:12px;padding:0;width:min(1000px,95vw);box-shadow:0 25px 70px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(0,0,0,.5)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.modal-body{padding:20px;max-height:78vh;overflow:auto}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:15px 20px;border-top:1px solid var(--line)}.close{border:0;background:none;font-size:22px;cursor:pointer}.invoice-line{display:grid;grid-template-columns:2fr .8fr .9fr 1fr 1fr auto;gap:8px;margin-bottom:8px}.small-note{font-size:12px;color:var(--muted)}.summary-box{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}.empty{padding:40px;text-align:center;color:var(--muted)}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.notice{background:#fff8e1;border:1px solid #f4d77a;padding:12px;border-radius:9px;font-size:13px}.actions{display:flex;gap:6px}.actions button{padding:6px 9px;border:0;border-radius:6px;cursor:pointer}.ltr{direction:ltr;text-align:left}.print-area{font-family:Arial,sans-serif;direction:ltr;color:#111}.tax-invoice{border:1px solid #222;padding:18px;background:#fff}.invoice-company{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid #222;padding-bottom:14px}.invoice-company>div:first-child{padding-left:150px;position:relative;min-height:125px}.invoice-company>div:first-child:before{content:"";position:absolute;left:0;top:-7px;width:130px;height:130px;background:url('logo.png') center/contain no-repeat}.invoice-company h1{margin:0 0 8px;font-size:25px}.invoice-company p{margin:0;line-height:1.55}.invoice-title{font-size:27px;font-weight:800}.invoice-meta{display:grid;grid-template-columns:1fr 1fr;border:1px solid #222;border-top:0}.invoice-meta>div{padding:12px;line-height:1.8}.invoice-meta>div+div{border-left:1px solid #222}.bill-to{border:1px solid #222;border-top:0;padding:12px}.bill-to h3{margin:8px 0;color:#2455a4}.tax-invoice .print-table{margin-top:0;box-shadow:none}.tax-invoice .print-table th,.tax-invoice .print-table td{text-align:center;border:1px solid #222;padding:9px}.tax-invoice .print-table th:nth-child(2),.tax-invoice .print-table td:nth-child(2){text-align:left}.invoice-bottom{display:grid;grid-template-columns:1fr 390px;gap:25px;margin-top:18px}.invoice-notes{min-height:190px}.signature{margin-top:90px;text-align:center;border-top:1px solid #333;padding-top:8px}.tax-invoice .print-total{width:100%;margin:0;border-collapse:collapse;box-shadow:none}.tax-invoice .print-total td{border:1px solid #222;padding:10px}.tax-invoice .print-total td:last-child{text-align:right}.grand-total td{font-size:16px;font-weight:800;background:#eef4ff;color:#173e89}.sidebar-collapsed .sidebar{transform:translateX(-100%)}.sidebar-collapsed main{margin-left:0;width:100%}
@media(max-width:1050px){.grid.cards{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{transform:translateX(-100%)}main{margin-left:0;width:100%}.sidebar-collapsed .sidebar{transform:translateX(0)}.appbar{padding:0 12px}.search-box{display:none}.page-shell{padding:12px}.grid.cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.invoice-line{grid-template-columns:1fr 1fr}.topbar{align-items:flex-start}.topbar h1{font-size:20px}.invoice-bottom{grid-template-columns:1fr}.summary-box{grid-template-columns:1fr 1fr}.invoice-company{align-items:flex-start}.invoice-company>div:first-child{padding-left:0;padding-top:135px}.invoice-company>div:first-child:before{left:0;top:0}.invoice-title{font-size:20px}.invoice-meta{grid-template-columns:1fr}.invoice-meta>div+div{border-left:0;border-top:1px solid #222}}
@media print{body>*:not(dialog){display:none!important}dialog{position:static;width:100%;box-shadow:none}.modal-head,.modal-actions{display:none}.modal-body{max-height:none;overflow:visible;padding:0}.tax-invoice{border:0;padding:0}.invoice-bottom{grid-template-columns:1fr 360px}.tax-invoice .print-table th,.tax-invoice .print-table td{font-size:10px;padding:6px}}

/* Premium navy-and-gold tax invoice */
.premium-invoice{--navy:#031d36;--navy2:#072947;--gold:#d5a514;--gold2:#f0cb55;background:#fff;border:10px solid var(--navy);padding:0;color:#0d1824;box-shadow:0 12px 35px rgba(1,25,47,.18);font-size:12px}
.premium-head{position:relative;display:grid;grid-template-columns:1.25fr 1fr;padding:0;min-height:250px;overflow:hidden}.company-panel{display:flex;gap:18px;align-items:flex-start;padding:22px 25px;background:#fff}.company-panel img{width:150px;height:150px;object-fit:contain}.company-panel h1{font-size:30px;margin:12px 0 0;color:#071a2d}.company-panel h2{font-size:18px;margin:2px 0 14px;color:var(--gold)}.company-panel p{line-height:1.75;margin:0;font-size:12px}.invoice-hero{background:linear-gradient(135deg,var(--navy2),var(--navy));color:#fff;padding:28px 35px 22px 70px;clip-path:ellipse(90% 95% at 100% 0%)}.hero-tag{font-size:34px;font-weight:900;color:var(--gold2);letter-spacing:1px;text-align:right}.original-chip{float:right;background:var(--gold);padding:6px 14px;border-radius:6px;font-weight:800;margin:10px 0}.invoice-hero dl{clear:both;display:grid;grid-template-columns:1fr 1.2fr;gap:8px 14px;margin:16px 0 0;font-size:13px}.invoice-hero dt{color:#d7e2ec}.invoice-hero dd{margin:0;font-weight:800}.verify-ribbon{position:absolute;right:18px;top:0;width:100px;text-align:center;background:linear-gradient(#f5d56c,#c79205);padding:15px 8px 22px;clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%);color:#06192b}.mini-qr{width:60px;height:60px;margin:auto;background:repeating-conic-gradient(#071a2d 0 25%,#fff 0 50%) 0/12px 12px;border:6px solid #fff;display:grid;place-items:center;font-size:9px;font-weight:900;line-height:1;color:#fff;text-shadow:1px 1px #000}.verify-ribbon b{display:block;margin-top:7px;font-size:10px}.info-grid{display:grid;grid-template-columns:1.15fr 1.15fr 1fr;gap:14px;padding:14px 22px}.info-card{border:1px solid #e2cf94;border-radius:8px;padding:15px;background:#fff}.info-card h3,.mini-block h3{margin:-15px -15px 12px;padding:8px 14px;background:linear-gradient(90deg,var(--navy),var(--navy2));color:var(--gold2);font-size:12px;border-radius:8px 8px 0 0}.info-card>b{font-size:13px;text-decoration:underline}.info-card p{line-height:1.65;margin:8px 0 0}.info-card p span,.payment-card span{display:inline-block;min-width:105px;color:#586575}.info-card p b,.payment-card b{color:#111}.premium-table{width:calc(100% - 44px);margin:0 22px;border-collapse:separate;border-spacing:0;box-shadow:none;border:1px solid #d8bd69;border-radius:8px;overflow:hidden}.premium-table th{background:var(--navy);color:var(--gold2);text-align:center;padding:10px 7px;border-right:1px solid #29445d;font-size:10px}.premium-table td{border-right:1px solid #ead9a7;border-bottom:1px solid #ead9a7;text-align:center;padding:11px 7px}.premium-table th:last-child,.premium-table td:last-child{border-right:0}.item-cell{display:flex;align-items:center;gap:9px;text-align:left!important}.item-cell small{display:block;color:#667482;margin-top:3px}.item-thumb{width:52px;height:38px;background:linear-gradient(135deg,#f6dc7a,#b37e00);display:grid;place-items:center;font-weight:900;color:#3b2c00;border-radius:3px}.table-total td{font-weight:900;background:#fffaf0}.invoice-lower{display:grid;grid-template-columns:1.2fr 1fr 1.08fr;gap:16px;padding:16px 22px 12px}.mini-block{border:1px solid #e2cf94;border-radius:8px;padding:15px;margin-bottom:12px;min-height:74px}.mini-block p{margin:0;line-height:1.55}.payment-card h3{background:linear-gradient(90deg,#d5a514,#efcb58);color:#071a2d}.payment-card p{line-height:1.8}.barcode{padding:8px;text-align:center}.barcode i{display:block;height:50px;background:repeating-linear-gradient(90deg,#111 0 2px,#fff 2px 4px,#111 4px 5px,#fff 5px 8px,#111 8px 12px,#fff 12px 14px)}.barcode small{display:block;margin-top:5px;font-weight:800}.lower-right table{width:100%;border-collapse:collapse;box-shadow:none}.lower-right td{border:1px solid #b9c2cc;padding:10px}.lower-right td:first-child{background:var(--navy);color:#fff;font-weight:800}.lower-right td:last-child{text-align:right;font-weight:800}.lower-right .grand td{background:linear-gradient(#f4d66f,#d49c08);color:#071a2d;font-size:14px}.stamp-sign{display:flex;justify-content:space-around;align-items:end;margin-top:18px}.stamp{width:88px;height:88px;border:4px double #1d4f9d;border-radius:50%;color:#1d4f9d;font-weight:900;display:grid;place-items:center;text-align:center;transform:rotate(-9deg);font-size:11px}.sign{min-width:130px;border-top:1px dotted #111;text-align:center;padding-top:7px}.premium-footer{display:flex;justify-content:space-around;gap:15px;border-top:2px solid #d5a514;padding:13px 20px;font-size:11px;font-weight:700;background:#fffaf0}
@media(max-width:800px){.premium-head{grid-template-columns:1fr}.invoice-hero{clip-path:none;padding:25px}.company-panel{flex-direction:column}.verify-ribbon{display:none}.info-grid,.invoice-lower{grid-template-columns:1fr}.premium-table{display:block;overflow:auto}.premium-footer{flex-direction:column}.company-panel img{width:110px;height:110px}.hero-tag{text-align:left}}
@media print{.premium-invoice{border:5px solid #031d36;box-shadow:none;font-size:9px}.premium-head{min-height:205px}.company-panel{padding:15px}.company-panel img{width:115px;height:115px}.company-panel h1{font-size:23px}.company-panel h2{font-size:14px}.hero-tag{font-size:27px}.info-grid{gap:8px;padding:8px 12px}.premium-table{width:calc(100% - 24px);margin:0 12px}.premium-table th,.premium-table td{font-size:8px;padding:6px 4px}.invoice-lower{gap:8px;padding:10px 12px}.premium-footer{padding:8px 10px}.stamp{width:65px;height:65px;font-size:8px}}

/* Exact black-and-gold invoice approved by client */
.exact-invoice{--black:#080b0c;--gold:#d7a516;--line:#d8b75b;background:#fff;border:3px solid var(--gold);color:#111;font-family:Arial,sans-serif;font-size:11px;box-shadow:0 10px 32px rgba(0,0,0,.18)}
.exact-head{position:relative;display:grid;grid-template-columns:1.25fr 1fr;min-height:255px;background:var(--black);color:#fff;overflow:hidden}
.exact-brand{display:flex;gap:20px;padding:24px 26px;align-items:flex-start}.exact-brand img{width:165px;height:165px;object-fit:contain}.brand-copy h1{margin:4px 0 0;color:#efc14a;font-size:31px;letter-spacing:.5px}.brand-copy h2{margin:2px 0 14px;color:#dca51c;font-size:18px}.brand-copy p{margin:7px 0;line-height:1.55;font-size:12px}
.exact-hero{position:relative;padding:28px 125px 18px 75px;background:radial-gradient(circle at 5% 0,#282c2c 0,#0b0e0f 48%,#050708 100%);border-left:5px solid var(--gold);border-bottom-left-radius:135px}.exact-title{font-size:38px;font-weight:900;color:#f1c75a;letter-spacing:1px;margin-bottom:22px}.exact-hero dl{display:grid;grid-template-columns:120px 1fr;gap:10px 15px;margin:0;font-size:13px}.exact-hero dt{color:#e7e7e7}.exact-hero dd{margin:0;font-weight:800;color:#fff}
.exact-ribbon{position:absolute;right:20px;top:0;width:105px;padding:12px 8px 26px;text-align:center;background:linear-gradient(#f5d975,#bd8300);color:#111;clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%);z-index:2}.exact-ribbon>b{font-size:13px}.exact-ribbon span{font-weight:800;font-size:10px;line-height:1.15}.exact-qr{width:62px;height:62px;margin:8px auto;background:repeating-conic-gradient(#000 0 25%,#fff 0 50%) 0/10px 10px;border:5px solid #fff}
.exact-info{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:17px 26px}.exact-card{border:1px solid var(--line);border-radius:9px;min-height:150px;overflow:hidden}.exact-card h3{margin:0;padding:9px 14px;background:linear-gradient(90deg,#090b0c,#171a1a);color:#f0bf39;font-size:12px}.exact-card>strong{display:block;font-size:15px;margin:14px 16px 7px}.exact-card>p{margin:0 16px;line-height:1.75}.contact-line{display:grid;gap:7px;margin:13px 18px;padding-bottom:12px;border-bottom:1px dotted #777;font-size:13px}.contact-line:last-child{border-bottom:0}.contact-line span{font-size:12px}
.exact-table{width:calc(100% - 52px);margin:0 26px;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:none}.exact-table th{background:#090b0c;color:#f0bf39;padding:10px 6px;font-size:9px;border-right:1px solid #6b5623}.exact-table td{text-align:center;padding:11px 7px;border-right:1px solid #e6d3a0;border-bottom:1px solid #e6d3a0}.exact-table th:last-child,.exact-table td:last-child{border-right:0}.exact-table .item-cell{text-align:left!important;display:flex;align-items:center;gap:9px}.exact-table .item-thumb{background:linear-gradient(135deg,#f1c74d,#b47b00);color:#2c2200}.exact-total td{font-weight:900;background:#fffaf0}
.exact-lower{display:grid;grid-template-columns:.92fr 1.35fr 1fr;gap:18px;padding:18px 26px}.exact-box,.exact-account{border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:13px}.exact-box h3,.exact-account h3{margin:0;padding:9px 13px;background:#090b0c;color:#f0bf39;font-size:11px}.exact-box p{padding:12px 14px;margin:0;line-height:1.65}.exact-box.notes{min-height:165px}.exact-account h3{background:linear-gradient(90deg,#b77a00,#efc94d);color:#111}.exact-account table{width:100%;border-collapse:collapse;box-shadow:none;font-size:9px}.exact-account th,.exact-account td{border:1px solid #dfc982;padding:7px;text-align:left}.exact-account th{width:40%;background:#0a0c0d;color:#edbc35}.exact-account .section-row th{width:auto;background:#0a0c0d;color:#edbc35}
.exact-summary{width:100%;border-collapse:collapse;box-shadow:none}.exact-summary th,.exact-summary td{border:1px solid #c4c4c4;padding:11px}.exact-summary th{background:#090b0c;color:#fff;text-align:left}.exact-summary td{text-align:right;font-weight:700}.exact-summary .grand th,.exact-summary .grand td{background:linear-gradient(#f3d066,#c88b00);color:#111;font-size:14px}.seal-sign{display:flex;align-items:flex-end;justify-content:space-around;gap:12px;margin-top:18px}.seal-img{width:105px;height:105px;object-fit:contain;mix-blend-mode:multiply}.sig-wrap{text-align:center;min-width:145px}.sig-wrap img{width:135px;height:68px;object-fit:contain;mix-blend-mode:multiply;display:block;margin:auto}.sig-wrap span{display:block;border-top:1px dotted #333;padding-top:5px}
.exact-footer{display:flex;justify-content:space-around;align-items:center;background:#090b0c;color:#fff;border-top:3px solid var(--gold);padding:14px 24px;font-size:11px}.exact-footer span{line-height:1.5}
@media(max-width:900px){.exact-head{grid-template-columns:1fr}.exact-hero{border-left:0;border-radius:0;padding:25px}.exact-ribbon{display:none}.exact-info,.exact-lower{grid-template-columns:1fr}.exact-table{display:block;overflow:auto}.exact-brand{flex-direction:column}.exact-footer{flex-direction:column;gap:8px}}
@media print{.exact-invoice{box-shadow:none;border:2px solid #d7a516;font-size:8px}.exact-head{min-height:205px}.exact-brand{padding:14px}.exact-brand img{width:115px;height:115px}.brand-copy h1{font-size:23px}.brand-copy h2{font-size:14px}.exact-title{font-size:27px}.exact-hero{padding:18px 95px 12px 55px}.exact-info{gap:10px;padding:10px 14px}.exact-card{min-height:110px}.exact-table{width:calc(100% - 28px);margin:0 14px}.exact-table th,.exact-table td{font-size:7px;padding:5px 3px}.exact-lower{gap:8px;padding:10px 14px}.exact-account table{font-size:7px}.seal-img{width:72px;height:72px}.sig-wrap img{width:95px;height:48px}.exact-footer{padding:8px 12px}}

/* Final approved black-and-gold invoice header correction */
.exact-head{
  grid-template-columns:minmax(560px,1.15fr) minmax(430px,.85fr);
  min-height:292px;
  border-bottom:2px solid var(--gold);
}
.exact-brand{
  padding:27px 30px;
  gap:24px;
  align-items:center;
  background:radial-gradient(circle at 15% 30%,#161a1b 0,#080b0c 52%,#050708 100%);
}
.exact-brand>img{
  width:185px;
  height:185px;
  flex:0 0 185px;
  object-fit:contain;
  border-radius:50%;
  background:transparent!important;
  filter:drop-shadow(0 4px 9px rgba(0,0,0,.35));
}
.exact-brand .brand-copy{min-width:0;max-width:460px}
.exact-brand .brand-copy h1{
  margin:0 0 2px;
  color:#f1c44e;
  font-size:32px;
  line-height:1.05;
  white-space:nowrap;
}
.exact-brand .brand-copy h2{
  margin:0 0 17px;
  color:#dca51c;
  font-size:18px;
  letter-spacing:.4px;
  white-space:nowrap;
}
.exact-brand .brand-copy p{margin:7px 0;font-size:13px;line-height:1.5;color:#fff}
.exact-hero{
  min-width:0;
  padding:32px 130px 25px 72px;
  border-left:4px solid var(--gold);
  border-bottom-left-radius:150px;
  background:radial-gradient(circle at 2% 0,#292d2d 0,#101314 42%,#050708 100%);
}
.exact-title{
  margin:0 0 25px;
  font-size:41px;
  line-height:1.05;
  text-align:center;
  color:#f4c85b;
  white-space:nowrap;
}
.exact-hero dl{grid-template-columns:135px minmax(130px,1fr);gap:10px 15px;font-size:13px;max-width:360px;margin-left:auto}
.exact-ribbon{right:20px;width:112px;padding-top:13px}
.exact-ribbon .exact-qr{background-color:#fff}
@media(max-width:1180px){
 .exact-head{grid-template-columns:1fr 1fr}
 .exact-brand>img{width:145px;height:145px;flex-basis:145px}
 .exact-brand .brand-copy h1{font-size:26px}
 .exact-brand .brand-copy h2{font-size:15px}
 .exact-title{font-size:33px}
 .exact-hero{padding-left:46px;padding-right:118px}
}
@media(max-width:900px){
 .exact-head{grid-template-columns:1fr}
 .exact-brand{flex-direction:row;align-items:center}
 .exact-brand>img{width:130px;height:130px;flex-basis:130px}
 .exact-brand .brand-copy h1,.exact-brand .brand-copy h2{white-space:normal}
 .exact-hero{padding:28px;border-left:0;border-radius:0}
 .exact-title{text-align:left;white-space:normal}
}
@media print{
 .exact-head{grid-template-columns:1.2fr .8fr;min-height:235px}
 .exact-brand{padding:16px 18px;gap:15px}
 .exact-brand>img{width:125px;height:125px;flex-basis:125px}
 .exact-brand .brand-copy h1{font-size:25px}
 .exact-brand .brand-copy h2{font-size:14px;margin-bottom:10px}
 .exact-brand .brand-copy p{font-size:9px;margin:4px 0}
 .exact-title{font-size:30px;margin-bottom:15px}
 .exact-hero{padding:20px 92px 14px 45px}
 .exact-hero dl{grid-template-columns:90px 1fr;gap:6px 10px;font-size:9px}
}

/* Invoice-list action buttons */
.invoice-actions{display:flex;gap:7px;align-items:center;flex-wrap:nowrap}
.invoice-actions button{white-space:nowrap;padding:7px 11px;border:1px solid #d8dee6;background:#fff;color:#17212b;font-weight:700;border-radius:6px}
.invoice-actions .action-view:before{content:'◉';margin-right:5px}
.invoice-actions .action-download:before{content:'⇩';margin-right:5px}
.invoice-actions .action-payment{color:#16733c;border-color:#bfe5cd;background:#f4fff8}
.invoice-actions .action-payment:before{content:'▣';margin-right:5px}
.invoice-actions .danger{color:#b42318;border-color:#fecaca;background:#fff7f7}
.exact-head{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr)!important}
.exact-hero{padding-right:42px!important}

/* PDF and modal parity fix */
.exact-head{grid-template-columns:58% 42%!important;min-height:270px!important}
.exact-brand{padding:24px 24px!important;gap:18px!important;align-items:center!important}
.exact-brand>img{width:145px!important;height:145px!important;flex:0 0 145px!important}
.exact-brand .brand-copy{max-width:none!important;min-width:0!important}
.exact-brand .brand-copy h1{font-size:29px!important;line-height:1.08!important;white-space:normal!important;overflow:visible!important}
.exact-brand .brand-copy h2{font-size:15px!important;white-space:normal!important;margin-bottom:12px!important}
.exact-brand .brand-copy p{font-size:11px!important;margin:5px 0!important}
.exact-hero{padding:28px 32px 20px 45px!important;border-bottom-left-radius:125px!important}
.exact-title{font-size:34px!important;text-align:center!important;white-space:normal!important;margin-bottom:20px!important}
.exact-hero dl{grid-template-columns:110px minmax(105px,1fr)!important;max-width:300px!important;font-size:11px!important;gap:8px 10px!important;margin:0 auto!important}
.pdf-render-host{position:fixed;left:-20000px;top:0;width:1200px;background:#fff;z-index:-9999;pointer-events:none}
.pdf-render-host .exact-invoice{width:1200px!important;box-shadow:none!important}
@media(max-width:1050px){.exact-head{grid-template-columns:58% 42%!important}.exact-brand>img{width:120px!important;height:120px!important;flex-basis:120px!important}.exact-brand .brand-copy h1{font-size:24px!important}.exact-title{font-size:30px!important}.exact-hero{padding-left:30px!important;padding-right:22px!important}}

/* Exact PDF export uses the same live invoice markup as View */
.pdf-render-host{position:fixed!important;left:-20000px!important;top:0!important;width:1200px!important;background:#fff!important;z-index:-9999!important;pointer-events:none!important;overflow:visible!important}
.pdf-render-host .exact-invoice{width:1200px!important;max-width:none!important;margin:0!important;box-shadow:none!important}
.pdf-render-host .exact-brand .brand-copy h1{font-size:32px!important;white-space:nowrap!important}
.pdf-render-host .exact-brand .brand-copy h2{font-size:17px!important;white-space:nowrap!important}

/* Login screen */
body.locked > aside, body.locked > main, body.locked > dialog { display:none !important; }
.login-screen{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:radial-gradient(circle at top,#12324b 0,#071b2b 45%,#03111d 100%);padding:24px}
.login-card{width:min(420px,100%);background:#fff;border-radius:20px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.42);text-align:center;border-top:5px solid #d8a900}
.login-logo{width:120px;height:120px;object-fit:contain;border-radius:50%;background:#050908;margin-bottom:12px}
.login-card h1{margin:0;color:#071f35;font-size:30px;letter-spacing:.5px}
.login-card p{margin:6px 0 24px;color:#6b7280}
.login-card form{display:grid;gap:16px;text-align:left}
.login-card label{font-weight:700;color:#243447;display:grid;gap:7px}
.login-card input{width:100%;box-sizing:border-box;border:1px solid #cfd8e3;border-radius:9px;padding:12px 13px;font-size:15px;outline:none}
.login-card input:focus{border-color:#d8a900;box-shadow:0 0 0 3px rgba(216,169,0,.15)}
.login-button{width:100%;padding:12px;font-size:16px}
.login-error{min-height:20px;color:#b42318;font-size:13px;text-align:center;font-weight:700}

.status{display:inline-block;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700}.status.paid{background:#d8f7e3;color:#13743b}.status.partial{background:#fff0bf;color:#8a6400}.status.unpaid{background:#ffe0e0;color:#ad2525}.action-payment{color:#13743b;border-color:#b5e7c7!important;background:#f2fff6!important}.purchase-view table{margin-top:18px}.purchase-view .summary-box{margin-top:16px;max-width:440px;margin-left:auto}


/* Professional Dashboard & Profit Report */
.pro-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:14px;margin-bottom:16px}
.pro-kpi{background:#fff;border:1px solid #e4e9f0;border-radius:12px;padding:18px;box-shadow:0 5px 18px rgba(8,30,55,.06);position:relative;overflow:hidden}
.pro-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--accent,#d6a600)}
.pro-kpi span{font-size:12px;color:#667085;display:block;margin-bottom:9px}.pro-kpi b{font-size:22px;color:#101828;display:block;white-space:nowrap}.pro-kpi small{display:block;color:#98a2b3;margin-top:8px;font-size:10px}
.pro-kpi.blue{--accent:#2563eb}.pro-kpi.green{--accent:#16a34a}.pro-kpi.orange{--accent:#f59e0b}.pro-kpi.purple{--accent:#7c3aed}.pro-kpi.red{--accent:#ef4444}.pro-kpi.gold{--accent:#d6a600}.pro-kpi.cyan{--accent:#0891b2}
.pro-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}
.pro-summary{background:#fff;border:1px solid #e4e9f0;border-radius:12px;padding:18px;box-shadow:0 5px 18px rgba(8,30,55,.05)}
.pro-summary span{display:block;color:#344054;font-size:13px}.pro-summary b{display:block;font-size:22px;margin:8px 0;color:#101828}.pro-summary small{color:#98a2b3}
.pro-dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.pro-dashboard-grid .latest{grid-column:1/-1}
.pro-panel{background:#fff;border:1px solid #e4e9f0;border-radius:12px;padding:16px;box-shadow:0 5px 18px rgba(8,30,55,.05);overflow:hidden}
.pro-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.pro-panel-head h2{font-size:15px;margin:0}.pro-panel-head>span{color:#667085;font-size:11px}.link-btn{border:0;background:none;color:#2563eb;cursor:pointer}
.pro-chart-svg{width:100%;height:210px;display:block}.pro-axis-note{display:flex;justify-content:space-between;color:#98a2b3;font-size:10px}
.pro-donut-wrap{display:flex;align-items:center;gap:22px;min-height:220px}.pro-donut{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.pro-donut>div{width:82px;height:82px;background:#fff;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:700;font-size:12px}.pro-donut small{display:block;font-size:9px;color:#98a2b3;font-weight:400}
.pro-legend{flex:1}.pro-legend div{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #f0f2f5;font-size:11px}.pro-legend i{width:9px;height:9px;border-radius:3px}.pro-legend b{font-size:11px}
.pro-report-title{align-items:flex-start}.pdf-btn{border-color:#fecaca!important;color:#dc2626!important}.excel-btn{border-color:#bbf7d0!important;color:#15803d!important}
.pro-kpi-grid.profit{grid-template-columns:repeat(6,1fr);margin-top:14px}.pro-profit-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;margin-top:16px}.pro-profit-layout.lower{grid-template-columns:1.15fr .85fr}
.chart-key{display:flex;gap:10px;align-items:center}.chart-key i{width:8px;height:8px;border-radius:2px;display:inline-block;margin-right:2px}.blue-dot{background:#2563eb}.green-dot{background:#16a34a}.gold-dot{background:#e0aa00}
.total-row td{font-weight:700;background:#fffbeb}.profit-summary-list div{display:flex;justify-content:space-between;padding:13px 2px;border-bottom:1px solid #edf0f3}.profit-summary-list .grand{background:linear-gradient(90deg,#111827,#d6a600);color:#fff;margin:12px -16px -16px;padding:18px}.profit-summary-list .grand b{color:#fff;font-size:18px}.table-scroll{overflow:auto}
@media(max-width:1350px){.pro-kpi-grid,.pro-kpi-grid.profit{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.pro-kpi-grid,.pro-kpi-grid.profit,.pro-summary-grid{grid-template-columns:repeat(2,1fr)}.pro-dashboard-grid,.pro-profit-layout,.pro-profit-layout.lower{grid-template-columns:1fr}.pro-dashboard-grid .latest{grid-column:auto}}
@media(max-width:560px){.pro-kpi-grid,.pro-kpi-grid.profit,.pro-summary-grid{grid-template-columns:1fr}.pro-donut-wrap{flex-direction:column}}
.settings-stack{display:grid;gap:20px}.settings-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.switch{position:relative;width:52px;height:29px;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;background:#cbd5e1;border-radius:999px;cursor:pointer;transition:.2s}.switch span:before{content:"";position:absolute;width:23px;height:23px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 2px 7px #0003;transition:.2s}.switch input:checked+span{background:#d8a900}.switch input:checked+span:before{transform:translateX(23px)}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.check-grid label{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fafafa}.check-grid input{width:17px;height:17px;accent-color:#c99b00}.notice.warning{border-left-color:#e5a000;background:#fff9e8}.daily-preview{margin-top:20px}.report-brand{display:flex;align-items:center;gap:16px;border-bottom:2px solid #d4af37;padding-bottom:16px;margin-bottom:18px}.report-brand img{width:68px;height:68px;object-fit:contain}.report-brand h2{margin:0}.report-brand p{margin:4px 0 0;color:#64748b}.email-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.email-kpi-grid>div{border:1px solid #e5e7eb;border-radius:12px;padding:14px;background:linear-gradient(180deg,#fff,#fafafa)}.email-kpi-grid span{display:block;color:#64748b;font-size:12px;margin-bottom:7px}.email-kpi-grid b{font-size:18px;color:#111827}@media(max-width:900px){.email-kpi-grid{grid-template-columns:repeat(2,1fr)}.check-grid{grid-template-columns:1fr}}

/* New approved full Golden Cheese logo */
.exact-brand>img{
  width:225px!important;
  height:190px!important;
  flex:0 0 225px!important;
  object-fit:contain!important;
  border-radius:0!important;
  background:#fff!important;
  filter:none!important;
}
.exact-brand{gap:22px!important}
@media(max-width:1180px){.exact-brand>img{width:190px!important;height:165px!important;flex-basis:190px!important}}
@media(max-width:900px){.exact-brand>img{width:175px!important;height:150px!important;flex-basis:175px!important}}

/* Final landscape invoice header: company left, approved logo centered, invoice details right */
.exact-head.exact-head-modern{
  display:grid!important;
  grid-template-columns:1.05fr .9fr 1fr!important;
  min-height:238px!important;
  background:radial-gradient(circle at 50% 25%,#171b1c 0,#080b0c 50%,#030506 100%)!important;
  border-bottom:2px solid var(--gold)!important;
}
.exact-company{
  padding:30px 18px 22px 38px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:#fff;
}
.exact-company h1{margin:0;color:#f1c44e;font-size:34px;line-height:1.05;letter-spacing:.4px;white-space:nowrap}
.exact-company h2{margin:5px 0 17px;color:#dca51c;font-size:18px;white-space:nowrap}
.exact-company p{margin:5px 0;font-size:13px;line-height:1.38;color:#fff}
.exact-center-logo{display:flex;align-items:center;justify-content:center;padding:14px 10px}
.exact-center-logo img{width:245px;height:205px;object-fit:contain;display:block;background:#fff;filter:none}
.exact-hero.exact-hero-modern{
  padding:28px 38px 22px 20px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.exact-hero-modern .exact-title{font-size:40px!important;text-align:center!important;margin:0 0 22px!important;white-space:nowrap!important}
.exact-hero-modern dl{grid-template-columns:125px minmax(110px,1fr)!important;gap:9px 12px!important;font-size:13px!important;max-width:330px!important;margin:0 auto!important;width:100%}
@media(max-width:1050px){
 .exact-head.exact-head-modern{grid-template-columns:1fr .8fr 1fr!important}
 .exact-company{padding-left:22px}
 .exact-company h1{font-size:28px}.exact-company h2{font-size:15px}.exact-company p{font-size:11px}
 .exact-center-logo img{width:205px;height:175px}
 .exact-hero-modern .exact-title{font-size:32px!important}
 .exact-hero-modern dl{font-size:11px!important;grid-template-columns:105px 1fr!important}
}
@media(max-width:780px){
 .exact-head.exact-head-modern{grid-template-columns:1fr!important}
 .exact-company{text-align:center;align-items:center;padding:24px}
 .exact-center-logo img{width:235px;height:195px}
 .exact-hero.exact-hero-modern{padding:24px!important}
}


/* Golden Cheese Letter Head module */
.letter-workspace{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(520px,1.15fr);gap:22px;align-items:start}.letter-editor-card{position:sticky;top:88px}.letter-fields textarea{width:100%;resize:vertical;line-height:1.65;font-family:inherit}.letter-preview-panel{background:#e5e7eb;border:1px solid #d7dce3;border-radius:14px;padding:14px;box-shadow:0 10px 30px rgba(15,23,42,.08)}.letter-preview-toolbar{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 12px;color:#475569}.letter-paper{position:relative;width:100%;aspect-ratio:210/297;background:#fff url('letterhead.png') center/100% 100% no-repeat;box-shadow:0 8px 28px rgba(0,0,0,.18);overflow:hidden;padding:19.5% 11.5% 14% 11.5%;font-family:Arial,sans-serif;color:#111;line-height:1.55}.letter-date-ref{display:flex;justify-content:space-between;gap:20px;min-height:42px}.letter-recipient{margin-top:10px;min-height:48px}.letter-subject{text-align:center;margin:18px 0 22px;text-decoration:underline}.letter-body-text{white-space:normal;min-height:260px}.letter-signoff{margin-top:35px;line-height:1.6}.letter-paper[dir="rtl"] .letter-date-ref{flex-direction:row-reverse}.saved-letters{margin-top:22px}@media(max-width:1150px){.letter-workspace{grid-template-columns:1fr}.letter-editor-card{position:static}.letter-preview-panel{max-width:760px;margin:auto;width:100%}}@media(max-width:650px){.letter-paper{font-size:10px}.letter-body-text{min-height:180px}.letter-workspace{display:block}.letter-preview-panel{margin-top:18px}}

/* Advanced letterhead editor */
.letter-paper{padding:23.5% 10.5% 13.5% 10.5%;}
.letter-content-start{position:relative;z-index:2}
.letter-date-ref{display:flex;justify-content:space-between;gap:20px;min-height:38px;margin-bottom:18px}
.letter-recipient{margin-top:0;min-height:55px}
.letter-subject{text-align:left;margin:14px 0 20px;text-decoration:none!important;border:0!important}
.letter-paper[dir="rtl"] .letter-subject{text-align:right}
.letter-body-text{white-space:normal;min-height:250px;line-height:1.65}
.letter-signoff{margin-top:30px;line-height:1.55}
.letter-format-buttons{display:flex;gap:10px;flex-wrap:wrap;padding:8px 0}
.format-check{display:flex!important;flex-direction:row!important;align-items:center;gap:7px;border:1px solid #d9dee7;border-radius:8px;padding:8px 12px;background:#fff;cursor:pointer}
.format-check input{width:auto!important;margin:0}
.letter-upload-box{display:flex;align-items:center;gap:10px;border:1px dashed #d6a90a;background:#fffaf0;padding:12px;border-radius:10px;margin:14px 0}
.letter-upload-box>div{flex:1}.letter-upload-box p{margin:3px 0 0}.letter-upload-box button:disabled{opacity:.45;cursor:not-allowed}
.letter-stamp-controls{margin-bottom:14px}.letter-stamp-controls label span{font-size:11px;color:#64748b;margin-top:3px}
.letter-stamp{position:absolute;z-index:4;height:auto;object-fit:contain;pointer-events:none}
.letter-stamp.bottom-right{right:11%;bottom:15%}.letter-stamp.bottom-left{left:11%;bottom:15%}.letter-stamp.signature{left:31%;bottom:23%}.letter-stamp.center{left:50%;top:52%;transform:translate(-50%,-50%)}
@media(max-width:650px){.letter-upload-box{align-items:stretch;flex-direction:column}.letter-format-buttons{gap:6px}}

/* Factory & Warehouse unified page */
.stock-panel{background:#fff;border:1px solid #e4eaf1;border-radius:14px;box-shadow:0 8px 24px rgba(15,35,55,.06);margin:18px 0;overflow:hidden}
.stock-heading{padding:18px 20px;margin:0;border-bottom:1px solid #e8edf3;display:flex;align-items:center;justify-content:space-between}
.stock-heading h2{margin:0;font-size:18px}
.stock-panel table{margin:0;border-radius:0;box-shadow:none}
.stock-overview-table td,.stock-overview-table th{padding:18px 16px}
.factory-number{color:#16a34a;font-weight:800}.warehouse-number{color:#1565d8;font-weight:800}
.movement-badge{display:inline-flex;min-width:42px;justify-content:center;padding:4px 9px;border-radius:7px;font-weight:800;font-size:12px}
.movement-in{background:#e9f8ee;color:#159447;border:1px solid #c8ecd4}.movement-out{background:#fff0f0;color:#d93636;border:1px solid #ffd0d0}
.stock-total-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.stock-total-card{background:#fff;border:1px solid #e4eaf1;border-radius:14px;padding:22px 26px;box-shadow:0 8px 24px rgba(15,35,55,.06);display:grid;grid-template-columns:1fr;gap:5px}
.stock-total-card span{font-size:14px;color:#526071}.stock-total-card b{font-size:30px}.stock-total-card small{font-size:14px;color:#526071}
.factory-card b{color:#16a34a}.warehouse-card b{color:#1565d8}
@media(max-width:800px){.stock-total-grid{grid-template-columns:1fr}.stock-heading{align-items:flex-start;gap:10px;flex-direction:column}}

/* Modern interface typography — approved preview */
html,body,
button,input,select,textarea,
.sidebar,.appbar,main,
.card,table,.notice,dialog{
  font-family:"Segoe UI Variable","Segoe UI",Inter,Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body{font-size:14px;letter-spacing:-.01em}
.brand-copy strong{font-size:18px;font-weight:800;letter-spacing:-.02em}
.brand-copy span{font-size:13px;font-weight:500;letter-spacing:0}
nav>button,.group-trigger{font-size:15px;font-weight:650;letter-spacing:-.01em}
.submenu button{font-size:14px;font-weight:550}
.topbar h1{font-size:28px;font-weight:800;letter-spacing:-.035em;line-height:1.15}
.topbar p{font-size:13px;font-weight:500;letter-spacing:0}
.section-title h2{font-size:19px;font-weight:800;letter-spacing:-.025em}
.card h2,.card h3{letter-spacing:-.02em}
.metric .label{font-size:12.5px;font-weight:650;letter-spacing:.01em}
.metric .value{font-size:26px;font-weight:800;letter-spacing:-.035em}
.metric .hint{font-size:12px;font-weight:500}
th{font-size:12px;font-weight:750;letter-spacing:.005em}
td{font-size:13.5px;font-weight:500}
.primary,.secondary,.danger{font-size:13px;font-weight:750;letter-spacing:-.005em}
.toolbar input,.toolbar select,.form-grid input,.form-grid select,.form-grid textarea{font-size:14px;line-height:1.45}
.form-grid label{font-size:13px;font-weight:650}
.badge{font-size:11px;font-weight:750;letter-spacing:.015em}
.admin-pill{font-weight:650}
.search-box input{font-size:14px}

/* Keep documents on their dedicated document fonts */
.exact-invoice,.exact-invoice *,
.letter-paper,.letter-paper *{font-family:Arial,Helvetica,sans-serif}


/* Invoice search and date filters */
.invoice-page-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap}.invoice-filter-bar{display:flex;align-items:flex-end;gap:9px;background:#fff;border:1px solid #e2e7ee;border-radius:12px;padding:10px;box-shadow:0 5px 18px rgba(8,30,55,.05)}.invoice-filter-bar label{display:grid;gap:4px;color:#667085;font-size:10px;font-weight:700}.invoice-filter-bar input{height:36px;border:1px solid #d8dee8;border-radius:8px;padding:0 10px;background:#fafbfc;color:#101828;min-width:145px}.invoice-search-field{position:relative}.invoice-search-field>span{position:absolute;left:11px;bottom:9px;font-size:17px;color:#667085}.invoice-search-field input{padding-left:34px;min-width:285px}.invoice-filter-bar button{height:36px;margin:0}@media(max-width:950px){.invoice-page-tools{align-items:stretch}.invoice-filter-bar{width:100%;flex-wrap:wrap}.invoice-search-field{flex:1 1 100%}.invoice-search-field input{width:100%;min-width:0}}@media(max-width:560px){.invoice-filter-bar label{flex:1 1 100%}.invoice-filter-bar input{width:100%;min-width:0}}

/* Golden Cheese AI assistant */
.gc-ai-launcher{position:fixed;right:22px;bottom:22px;z-index:80;border:0;border-radius:999px;background:linear-gradient(135deg,#0c1117,#222b35);color:#fff;padding:9px 17px 9px 9px;box-shadow:0 12px 34px rgba(0,0,0,.28);display:flex;align-items:center;gap:9px;cursor:pointer}.gc-ai-launcher span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#d6a600;color:#111;font-weight:900}.gc-ai-launcher b{font-size:13px}.gc-ai-panel{position:fixed;right:22px;top:70px;bottom:22px;width:390px;max-width:calc(100vw - 30px);z-index:90;background:#fff;border:1px solid #dce2ea;border-radius:18px;box-shadow:0 22px 65px rgba(5,20,35,.3);display:flex;flex-direction:column;overflow:hidden;transform:translateX(calc(100% + 45px));opacity:0;pointer-events:none;transition:.24s ease}.gc-ai-panel.open{transform:translateX(0);opacity:1;pointer-events:auto}.gc-ai-panel header{display:flex;align-items:center;gap:11px;padding:16px;background:#0c1117;color:#fff}.gc-ai-panel header>div:nth-child(2){display:grid;gap:3px;flex:1}.gc-ai-panel header small{color:#b5bec8;font-size:11px}.gc-ai-panel header>button{border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer}.gc-ai-avatar{width:40px;height:40px;border-radius:12px;background:#d6a600;color:#111;display:grid;place-items:center;font-weight:900}.gc-ai-messages{flex:1;overflow:auto;padding:16px;background:#f6f8fb;display:flex;flex-direction:column;gap:10px}.gc-ai-message{max-width:88%;padding:11px 13px;border-radius:13px;line-height:1.5;font-size:13px;box-shadow:0 2px 7px rgba(15,23,42,.05)}.gc-ai-message.assistant{align-self:flex-start;background:#fff;border:1px solid #e1e6ed}.gc-ai-message.user{align-self:flex-end;background:#111827;color:#fff}.gc-ai-message b{color:#b88700}.gc-ai-quick{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px 14px 0;background:#fff}.gc-ai-quick button{border:1px solid #e0e5ec;background:#fff;border-radius:9px;padding:8px;font-size:11px;cursor:pointer}.gc-ai-quick button:hover{border-color:#d6a600;background:#fffaf0}.gc-ai-input{display:flex;gap:8px;padding:12px 14px 14px;background:#fff}.gc-ai-input input{flex:1;min-width:0;border:1px solid #d7dde5;border-radius:10px;padding:11px}.gc-ai-input button{border:0;border-radius:10px;background:#d6a600;color:#111;font-weight:800;padding:0 14px;cursor:pointer}.locked .gc-ai-launcher,.locked .gc-ai-panel{display:none}@media(max-width:600px){.gc-ai-panel{right:8px;top:58px;bottom:8px;width:calc(100vw - 16px)}.gc-ai-launcher{right:12px;bottom:12px}.gc-ai-launcher b{display:none}}

/* Approved white-and-gold TAX INVOICE design */
.exact-invoice.template-luxury{
  --it-primary:#ffffff;
  --it-accent:#d99a00;
  --it-line:#e4ad2f;
  --it-soft:#ffffff;
  background:#fff!important;
  color:#111!important;
  border:2px solid #e4ad2f!important;
}
.exact-invoice.template-luxury .exact-head,
.exact-invoice.template-luxury .exact-card h3,
.exact-invoice.template-luxury .exact-table thead,
.exact-invoice.template-luxury .exact-box h3,
.exact-invoice.template-luxury .exact-summary th,
.exact-invoice.template-luxury .exact-footer{
  background:#fff!important;
  color:#d99a00!important;
}
.exact-invoice.template-luxury .exact-head{border-bottom:1px solid #e4ad2f!important}
.exact-invoice.template-luxury .exact-company,
.exact-invoice.template-luxury .exact-company h1,
.exact-invoice.template-luxury .exact-company h2,
.exact-invoice.template-luxury .exact-company p,
.exact-invoice.template-luxury .exact-hero,
.exact-invoice.template-luxury .exact-hero dt,
.exact-invoice.template-luxury .exact-hero dd,
.exact-invoice.template-luxury .exact-title,
.exact-invoice.template-luxury .exact-card,
.exact-invoice.template-luxury .exact-card strong,
.exact-invoice.template-luxury .exact-card p,
.exact-invoice.template-luxury .exact-table td,
.exact-invoice.template-luxury .exact-account,
.exact-invoice.template-luxury .exact-summary td,
.exact-invoice.template-luxury .exact-footer span{color:#111!important}
.exact-invoice.template-luxury .exact-company h1,
.exact-invoice.template-luxury .exact-company h2,
.exact-invoice.template-luxury .exact-card h3,
.exact-invoice.template-luxury .exact-box h3,
.exact-invoice.template-luxury .exact-table th,
.exact-invoice.template-luxury .exact-summary .grand th,
.exact-invoice.template-luxury .exact-summary .grand td{color:#d99a00!important}
.exact-invoice.template-luxury .exact-table thead th,
.exact-invoice.template-luxury .exact-total,
.exact-invoice.template-luxury .exact-summary .grand,
.exact-invoice.template-luxury .exact-footer{background:#fff!important}
.exact-invoice.template-luxury .exact-table,
.exact-invoice.template-luxury .exact-table th,
.exact-invoice.template-luxury .exact-table td,
.exact-invoice.template-luxury .exact-card,
.exact-invoice.template-luxury .exact-box,
.exact-invoice.template-luxury .exact-account,
.exact-invoice.template-luxury .exact-summary,
.exact-invoice.template-luxury .exact-summary th,
.exact-invoice.template-luxury .exact-summary td,
.exact-invoice.template-luxury .exact-footer{border-color:#e4ad2f!important}
.exact-invoice.template-luxury .exact-center-logo img,
.exact-invoice.template-luxury .exact-brand>img{background:#fff!important;filter:none!important}
.exact-invoice.template-luxury .exact-footer{border-top:1px solid #e4ad2f!important}


/* White invoice logo fix */
.exact-center-logo{background:#fff!important;}
.exact-center-logo img{background:#fff!important;filter:none!important;}
.pdf-render-host .exact-center-logo,.pdf-render-host .exact-center-logo img{background:#fff!important;}


/* Voice Invoice AI */
.gc-ai-quick .voice-invoice-quick{grid-column:1/-1;background:#fff8dd;border-color:#d6a600;font-weight:800;color:#6d5200}
.gc-voice-status{padding:8px 14px 0;background:#fff;color:#667085;font-size:11px;min-height:24px}
.gc-mic-button{width:43px;flex:0 0 43px!important;padding:0!important;font-size:19px!important;background:#111827!important;color:#fff!important}
.gc-mic-button.listening{background:#c62828!important;animation:gcMicPulse 1s infinite}
@keyframes gcMicPulse{0%,100%{box-shadow:0 0 0 0 rgba(198,40,40,.35)}50%{box-shadow:0 0 0 9px rgba(198,40,40,0)}}
.voice-invoice-review{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.voice-invoice-review>div{border:1px solid #e5e7eb;border-radius:10px;padding:12px;background:#fafafa}.voice-invoice-review span{display:block;color:#667085;font-size:11px;margin-bottom:5px}.voice-invoice-review b{display:block;color:#101828}.ai-inline-action{border:1px solid #d6a600;background:#fff9e6;color:#725500;border-radius:7px;padding:6px 9px;margin-top:8px;cursor:pointer;font-weight:700}
@media(max-width:600px){.voice-invoice-review{grid-template-columns:1fr}}

/* Customer Statement */
.statement-main-btn,.statement-row-btn{border:1px solid #d6a600;background:#fff9e6;color:#725500;border-radius:8px;padding:8px 12px;font-weight:800;cursor:pointer}.statement-row-btn{padding:6px 9px}.statement-controls{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:end;margin-bottom:16px;padding:14px;background:#f8fafc;border:1px solid #e3e8ef;border-radius:12px}.statement-controls label{display:grid;gap:5px;font-size:11px;font-weight:700;color:#667085}.statement-controls select,.statement-controls input{height:39px;border:1px solid #d4dae3;border-radius:8px;background:#fff;padding:0 10px}.statement-sheet{border:2px solid #e2aa28;background:#fff;padding:24px;border-radius:4px}.statement-head{display:flex;justify-content:space-between;gap:20px;border-bottom:4px solid #e2aa28;padding-bottom:15px}.statement-head h2{margin:0;color:#d39800;font-size:28px}.statement-head h1{margin:0;text-align:right;font-size:25px}.statement-head p{font-size:11px;line-height:1.5;color:#667085}.statement-customer{display:flex;justify-content:space-between;gap:20px;margin:18px 0;border:1px solid #e3b13d;padding:15px}.statement-customer span,.statement-balance-card span{display:block;font-size:10px;text-transform:uppercase;color:#667085;letter-spacing:.6px}.statement-customer strong{font-size:21px}.statement-customer p{font-size:12px;color:#667085}.statement-balance-card{text-align:right;min-width:210px}.statement-balance-card b,.statement-balance-card strong{display:block;font-size:18px;margin:3px 0 8px}.statement-table{font-size:12px}.statement-table th{background:#fff7df;color:#725400;border-color:#e2aa28}.statement-table td{vertical-align:middle}.statement-table .num{text-align:right;white-space:nowrap}.statement-type{display:inline-block;border-radius:999px;padding:4px 8px;font-weight:800;font-size:10px}.statement-type.invoice{background:#fff0cc;color:#785700}.statement-type.payment{background:#e5f7ec;color:#167443}.mini-view{border:1px solid #d4dae3;background:#fff;border-radius:6px;padding:4px 7px;cursor:pointer}.statement-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.statement-summary>div{border:1px solid #e1e6ed;padding:12px;border-radius:9px}.statement-summary span{display:block;color:#667085;font-size:10px}.statement-summary b{font-size:16px}.statement-summary .closing{background:#111;color:#fff;border-color:#111}.statement-summary .closing span{color:#ddd}.statement-summary .closing b{color:#efbc2b;font-size:19px}@media(max-width:900px){.statement-controls{grid-template-columns:1fr 1fr}.statement-head,.statement-customer{flex-direction:column}.statement-head h1{text-align:left}.statement-balance-card{text-align:left}.statement-summary{grid-template-columns:1fr 1fr}.statement-sheet{overflow:auto}}@media(max-width:560px){.statement-controls,.statement-summary{grid-template-columns:1fr}}

/* Invoice item field headings requested by user */
.invoice-line-head{
  display:grid;
  grid-template-columns:2fr .8fr .9fr 1fr 1fr auto;
  gap:8px;
  align-items:end;
  margin:0 0 7px;
  color:#111;
}
.invoice-line-head>div{min-width:0;text-align:center;color:#111}
.invoice-line-head>div:first-child{text-align:left}
.invoice-line-head b{display:block;color:#111;font-size:13px;line-height:1.2;font-weight:800}
.invoice-line-head span{display:block;color:#111;font-size:11px;line-height:1.25;margin-top:3px;font-weight:500}
@media(max-width:760px){
  .invoice-line-head{display:none}
}

/* Stability release additions */
.invoice-canvas-loading{padding:48px;text-align:center;color:#667085;background:#fff;border:1px solid #e5e7eb;border-radius:12px}
.invoice-canvas-preview{display:block;width:min(100%,760px);height:auto;margin:0 auto;background:#fff;border:1px solid #d9b24c;box-shadow:0 10px 30px rgba(15,23,42,.12)}
.system-health-result{margin-top:14px}.health-ok,.health-bad{padding:14px;border-radius:10px;line-height:1.55}.health-ok{background:#ecfdf3;border:1px solid #86efac;color:#166534}.health-bad{background:#fff1f2;border:1px solid #fda4af;color:#9f1239}.health-bad ul{margin:8px 0 0;padding-left:22px}
@media(max-width:700px){.invoice-canvas-preview{width:100%;box-shadow:none}}

/* Golden Cheese Official White & Gold Invoice — unified View/PDF template */
.gc-official-invoice{width:100%;max-width:1100px;margin:0 auto;background:#fff;color:#101010;border:1px solid #d7a02a;font-family:Arial,Helvetica,sans-serif;box-shadow:0 12px 34px rgba(0,0,0,.12);font-size:13px}
.gc-official-invoice *{box-sizing:border-box}.gc-invoice-top{display:grid;grid-template-columns:36% 34% 30%;gap:0;padding:28px 28px 20px;border-bottom:1px solid #d7a02a}.gc-brand-block{padding-right:22px;border-right:2px solid #d7a02a;text-align:center}.gc-brand-block img{width:138px;height:138px;object-fit:contain;background:#fff}.gc-brand-ar{font-weight:700;margin:4px 0 10px;font-size:14px}.gc-brand-block h1{margin:0;color:#c78d10;font-size:34px;letter-spacing:.3px}.gc-brand-block h2{margin:6px 0 0;font-size:20px;letter-spacing:1.2px}.gc-contact-block{padding:16px 22px;display:grid;align-content:center;gap:13px}.gc-contact-row{display:grid;grid-template-columns:22px auto 1fr;gap:7px;align-items:start;line-height:1.35}.gc-contact-row:first-child{grid-template-columns:22px 1fr}.gc-contact-row b{white-space:nowrap}.gc-contact-row span{min-width:0}.gc-meta-block{padding-left:18px}.gc-invoice-word{font-size:46px;font-weight:900;text-align:center;letter-spacing:1px}.gc-number-box{margin:18px 0;border:1.5px solid #d7a02a;border-radius:4px;text-align:center;padding:10px;font-size:20px;font-weight:800;color:#b47a05}.gc-meta-block dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;margin:0}.gc-meta-block dt{font-weight:700}.gc-meta-block dd{margin:0;text-align:right}.gc-bill-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px 32px}.gc-info-panel{min-height:150px;border-right:1px solid #d7a02a;padding-right:25px}.gc-info-panel:last-child{border-right:0}.gc-info-panel h3,.gc-payment-box h3,.gc-bank-box h3,.gc-notes-box h3,.gc-sign-box h3{display:inline-block;margin:0 0 16px;color:#b77b00;border-bottom:1px solid #d7a02a;padding:0 8px 7px 0;font-size:17px}.gc-info-panel strong{display:block;font-size:20px;margin-bottom:8px}.gc-info-panel p{line-height:1.55;margin:0}.gc-items-table{width:calc(100% - 56px);margin:0 28px;border-collapse:collapse;box-shadow:none}.gc-items-table th{background:linear-gradient(90deg,#c78300,#d9a126);color:#fff;padding:13px 10px;text-align:center;font-size:13px}.gc-items-table th:nth-child(2),.gc-items-table td:nth-child(2){text-align:left}.gc-items-table td{border:1px solid #d9dde3;padding:13px 10px;text-align:center}.gc-items-table tbody tr:nth-child(even){background:#fcf9f3}.gc-mid-row{display:grid;grid-template-columns:1fr 1.05fr;gap:26px;align-items:end;padding:20px 28px 16px}.gc-thanks{border-left:2px solid #d7a02a;padding:8px 0 8px 18px;display:grid;gap:8px}.gc-thanks em{font-family:cursive;color:#c4870a;font-size:23px}.gc-total-table{border-collapse:collapse;width:100%;box-shadow:none}.gc-total-table th,.gc-total-table td{border:1px solid #d9dde3;padding:10px 14px;background:#fff}.gc-total-table th{text-align:left}.gc-total-table td{text-align:right}.gc-total-table .gc-grand th,.gc-total-table .gc-grand td{background:linear-gradient(90deg,#bf7d00,#d9a126);color:#fff;font-size:18px;font-weight:900}.gc-bottom-grid{display:grid;grid-template-columns:1fr 1.1fr;border-top:1px solid #d7a02a;margin:0 28px}.gc-bottom-grid>div{padding:16px 10px;border-bottom:1px solid #d7a02a}.gc-bottom-grid>div:nth-child(odd){border-right:1px solid #d7a02a}.gc-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}.gc-methods div{font-size:30px;display:grid;gap:6px}.gc-methods span{font-size:10px;font-weight:800}.gc-bank-box table{width:100%;box-shadow:none}.gc-bank-box th,.gc-bank-box td{padding:3px 5px;border:0;background:#fff;font-size:11px}.gc-bank-box th{text-align:left;width:30%}.gc-bank-box td{text-align:left}.gc-notes-box p{line-height:1.5;margin:0}.gc-sign-wrap{display:flex;justify-content:space-between;align-items:center;gap:18px}.gc-signature{width:170px;height:76px;object-fit:contain}.gc-stamp{width:120px;height:120px;object-fit:contain}.gc-invoice-footer{display:flex;justify-content:center;gap:50px;padding:12px 20px;font-size:12px;border-top:1px solid #d7a02a}
.pdf-render-host .gc-official-invoice{width:1100px!important;max-width:none!important;margin:0!important;box-shadow:none!important}
@media(max-width:900px){.gc-invoice-top{grid-template-columns:1fr}.gc-brand-block{border-right:0;border-bottom:1px solid #d7a02a;padding:0 0 20px}.gc-contact-block,.gc-meta-block{padding:18px 0}.gc-bill-row,.gc-mid-row,.gc-bottom-grid{grid-template-columns:1fr}.gc-info-panel{border-right:0;border-bottom:1px solid #d7a02a}.gc-bottom-grid>div:nth-child(odd){border-right:0}.gc-items-table{display:block;overflow-x:auto}.gc-invoice-footer{flex-direction:column;gap:6px;text-align:center}}
@media print{.gc-official-invoice{box-shadow:none;border:1px solid #d7a02a}.gc-invoice-word{font-size:36px}.gc-brand-block h1{font-size:29px}.gc-brand-block h2{font-size:16px}.gc-brand-block img{width:115px;height:115px}.gc-invoice-top{padding:20px}.gc-bill-row{padding:18px 24px}.gc-items-table{width:calc(100% - 40px);margin:0 20px}.gc-items-table th,.gc-items-table td{padding:9px 7px;font-size:10px}.gc-mid-row{padding:14px 20px}.gc-bottom-grid{margin:0 20px}.gc-signature{width:135px;height:60px}.gc-stamp{width:95px;height:95px}}

/* Unified report filters and exports */
.report-filter-toolbar{display:grid;grid-template-columns:auto minmax(220px,1fr) 150px 150px auto auto auto;gap:10px;align-items:end;margin:0 0 14px;padding:14px;background:#fff;border:1px solid #e4e9ef;border-radius:12px;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.report-action-row{display:flex;gap:8px;align-items:center}.report-filter-toolbar label{display:grid;gap:5px;font-size:11px;font-weight:700;color:#667085}.report-filter-toolbar input{height:39px;border:1px solid #d4dae3;border-radius:8px;padding:0 10px;background:#fff}.report-search{position:relative}.report-search span{position:absolute;left:10px;bottom:10px;color:#667085}.report-search input{padding-left:30px}.report-filter-toolbar button{height:39px;white-space:nowrap}.report-total-card{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;padding:14px 18px;background:#ecfdf3;border:1px solid #86efac;border-radius:12px}.report-total-card.expense{background:#fff1f2;border-color:#fda4af}.report-total-card span{font-weight:800;color:#475467}.report-total-card b{font-size:22px}.report-total-card.expense b{color:#b42318}
@media(max-width:1100px){.report-filter-toolbar{grid-template-columns:1fr 1fr 1fr}.report-action-row{grid-column:1/-1}.report-search{grid-column:1/-1}}
@media(max-width:650px){.report-filter-toolbar{grid-template-columns:1fr}.report-action-row,.report-search{grid-column:auto}.report-action-row{flex-wrap:wrap}.report-filter-toolbar button{width:100%}}

/* Stock Movement Driver offline preview */
.new-badge{margin-left:auto;background:#e3b400;color:#13212b;font-size:9px;font-weight:800;padding:3px 6px;border-radius:999px;letter-spacing:.5px}.driver-portal-page{display:grid;gap:18px}.driver-portal-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(135deg,#071d2d,#0b344e);color:#fff;border-radius:18px;padding:24px 26px;box-shadow:0 12px 30px #0f172a1c}.driver-kicker{display:inline-block;color:#e5b900;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.driver-portal-hero h2{margin:0 0 8px;font-size:28px}.driver-portal-hero p{margin:0;max-width:720px;color:#d5e2eb;line-height:1.6}.driver-status-card{min-width:245px;background:#ffffff10;border:1px solid #ffffff24;border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px}.driver-status-card b,.driver-status-card small{display:block}.driver-status-card small{color:#c8d6df;margin-top:3px}.status-dot{width:11px;height:11px;border-radius:50%;background:#f4b400;box-shadow:0 0 0 6px #f4b40022}.driver-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:18px}.driver-form-card,.driver-preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:22px;box-shadow:0 8px 24px #0f172a0a}.driver-card-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.driver-card-title h3{margin:0;font-size:20px}.driver-card-title p{margin:3px 0 0;color:#667085}.driver-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#fff7d6;color:#bd8b00;font-size:22px}.driver-form-grid input:disabled,.driver-form-grid select:disabled,.driver-form-grid textarea:disabled{background:#f8fafc;color:#475569;opacity:1}.driver-upload-box{border:2px dashed #cbd5e1;border-radius:14px;padding:18px;background:#f8fafc;cursor:not-allowed}.driver-upload-box span,.driver-upload-box small{display:block}.driver-upload-box span{font-weight:800}.driver-upload-box small{margin-top:6px;color:#667085}.driver-upload-box input{display:none}.driver-submit{width:100%;margin-top:16px;padding:13px}.driver-online-note{margin-top:14px;padding:14px;border-radius:12px;background:#fff9df;border:1px solid #ebcf65}.driver-online-note b,.driver-online-note span{display:block}.driver-online-note span{margin-top:5px;color:#66551a;line-height:1.5}.driver-feature-list{display:grid;gap:10px}.driver-feature-list>div{padding:14px;border:1px solid #e5e7eb;border-radius:12px;background:#fbfcfd}.driver-feature-list b,.driver-feature-list span{display:block}.driver-feature-list span{color:#667085;margin-top:5px;line-height:1.45}.driver-url-preview{margin-top:16px;padding:14px;background:#081d2c;color:#fff;border-radius:12px}.driver-url-preview span{display:block;color:#d4af24;font-size:12px;font-weight:800;margin-bottom:7px}.driver-url-preview code{font-size:13px;word-break:break-all}.driver-form-grid textarea{resize:vertical}@media(max-width:900px){.driver-layout{grid-template-columns:1fr}.driver-portal-hero{align-items:flex-start;flex-direction:column}.driver-status-card{min-width:0;width:100%}}

/* WhatsApp invoice sharing */
.action-whatsapp{background:#16a34a!important;color:#fff!important;border-color:#15803d!important;font-weight:700}
.action-whatsapp:hover{background:#15803d!important}
.wa-share-panel{display:grid;gap:16px}
.wa-share-note{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;border:1px solid #bbf7d0;border-radius:12px;background:#f0fdf4}
.wa-share-note b{font-size:17px;color:#14532d}.wa-share-note span{color:#166534}
.wa-help{padding:13px 15px;border-left:4px solid #22c55e;background:#f7fee7;border-radius:8px;color:#365314;line-height:1.55}
.wa-send-btn{background:#16a34a;color:#fff;border:1px solid #15803d;border-radius:9px;padding:11px 18px;font-weight:800;cursor:pointer}
.wa-send-btn:hover{background:#15803d}.wa-send-btn:disabled{opacity:.65;cursor:wait}


/* Accounts module */
.account-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;margin-bottom:18px}.account-kpi{background:#fff;border:1px solid #e4e8ee;border-radius:12px;padding:20px;box-shadow:0 4px 14px #0f172a0a}.account-kpi span{display:block;font-size:13px;color:#64748b}.account-kpi b{display:block;font-size:25px;margin:8px 0;color:#111827}.account-kpi small{color:#94a3b8}.account-kpi.receivable b{color:#159447}.account-kpi.payable b{color:#dc2626}.account-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.account-toolbar input{min-width:280px;flex:1}.account-toolbar select{min-width:150px}.account-table-card{padding:0;overflow:auto}.account-type,.account-status{display:inline-flex;padding:5px 9px;border-radius:6px;font-size:12px;font-weight:700}.account-type.customer{background:#e7f7ed;color:#198754}.account-type.supplier{background:#fff3d6;color:#b77900}.account-type.bank{background:#e7f0ff;color:#2563eb}.account-type.cash{background:#f0e9ff;color:#7c3aed}.account-type.other{background:#edf2f7;color:#475569}.account-status.receivable{background:#e7f7ed;color:#15803d}.account-status.payable{background:#feeaea;color:#dc2626}.account-status.balance{background:#e8f0ff;color:#2563eb}.statement-head{display:flex;justify-content:space-between;gap:15px;padding:14px;background:#fff8df;border:1px solid #eed47e;border-radius:10px;margin-bottom:14px}.statement-head small,.statement-head span{display:block;color:#64748b;margin-top:4px}.statement-head>div:last-child{text-align:right}.statement-head>div:last-child b{font-size:20px;color:#b88600}
@media(max-width:900px){.account-kpi-grid{grid-template-columns:repeat(2,1fr)}.account-toolbar>*{width:100%;min-width:0}.account-toolbar input{min-width:0}.statement-head{flex-direction:column}.statement-head>div:last-child{text-align:left}}
@media(max-width:520px){.account-kpi-grid{grid-template-columns:1fr}.account-kpi{padding:15px}.account-kpi b{font-size:22px}}
.driver-active .status-dot{background:#22c55e;box-shadow:0 0 0 6px #22c55e22}.driver-form-grid input:not(:disabled),.driver-form-grid select:not(:disabled),.driver-form-grid textarea:not(:disabled){background:#fff}.driver-upload-box{cursor:pointer}.driver-upload-box input{display:block;margin-top:10px}.driver-file-name{display:block;margin-top:7px;color:#0f766e;font-size:12px}.driver-live-note{background:#ecfdf3;border-color:#86efac}.driver-live-note span{color:#166534}.driver-history{display:grid;gap:10px}.driver-history-item{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#fbfcfd}.driver-history-item b,.driver-history-item span,.driver-history-item small{display:block}.driver-history-item span{margin-top:3px;color:#475569}.driver-history-item small{margin-top:4px;color:#94a3b8}.driver-history-item>div:last-child{display:flex;align-items:center;gap:7px}.driver-view-receipt{padding:6px 8px;font-size:11px}@media(max-width:600px){.driver-history-item{align-items:flex-start;flex-direction:column}.driver-history-item>div:last-child{width:100%;justify-content:space-between}}

/* FINAL invoice logo and footer correction — official uploaded logo */
.gc-brand-block img,
.exact-center-logo img,
.exact-brand > img{
  object-fit:contain!important;
  background:#fff!important;
  filter:none!important;
}
.gc-brand-block img{width:260px!important;height:150px!important;max-width:100%!important}
.gc-invoice-footer{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:center!important;
  gap:0!important;
  padding:14px 24px!important;
  background:#070909!important;
  border-top:3px solid #d7a02a!important;
  color:#fff!important;
}
.gc-footer-contact{display:flex;align-items:center;justify-content:center;gap:11px;min-width:0;padding:0 16px;border-right:1px solid rgba(215,160,42,.55)}
.gc-footer-contact:last-child{border-right:0}
.gc-footer-contact>b{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:#d7a02a;color:#080909;font-size:17px}
.gc-footer-contact>span{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.gc-footer-contact strong{font-size:12px;color:#fff;white-space:nowrap}
.gc-footer-contact small{font-size:11px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){.gc-invoice-footer{grid-template-columns:1fr!important;gap:8px!important}.gc-footer-contact{border-right:0;padding:4px 0}}
@media print{
 .gc-brand-block img{width:220px!important;height:125px!important}
 .gc-invoice-footer{grid-template-columns:repeat(3,1fr)!important;padding:9px 15px!important}
 .gc-footer-contact{gap:7px!important;padding:0 8px!important}
 .gc-footer-contact>b{width:25px;height:25px;flex-basis:25px;font-size:12px}
 .gc-footer-contact strong{font-size:8px!important}.gc-footer-contact small{font-size:7.5px!important}
}

/* Final invoice contact and table alignment fix */
.exact-invoice .exact-table{border-top:3px solid #d4a900!important;}
.exact-invoice .exact-table thead{border-top:3px solid #d4a900!important;}
.exact-invoice .exact-table th{border-top:0!important;}

/* ===== Golden Cheese verified mobile responsive release ===== */
@media (max-width: 760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{display:block;background:#f4f7fb}
  .sidebar{width:min(86vw,320px);transform:translateX(-105%);box-shadow:16px 0 40px rgba(0,0,0,.28);z-index:1000}
  body.sidebar-collapsed .sidebar{transform:translateX(0)}
  body.sidebar-collapsed::after{content:"";position:fixed;inset:0;background:rgba(2,12,24,.55);z-index:999}
  main,.sidebar-collapsed main{margin-left:0;width:100%;min-width:0}
  .appbar{height:58px;padding:0 12px;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(2,18,35,.08)}
  .hamburger{display:block;position:relative;z-index:101;font-size:24px;padding:8px}
  .appbar-actions{gap:8px}.search-box{display:none}.icon-button{display:none}.admin-pill span:not(.avatar){display:none}
  .page-shell{padding:12px 10px 88px;max-width:100%;overflow:hidden}
  .topbar{display:flex;align-items:center;gap:10px;margin-bottom:12px}.topbar>div{min-width:0}.topbar h1{font-size:21px}.topbar p{font-size:11px}.topbar>.primary{padding:9px 11px;font-size:12px;white-space:nowrap}
  .grid.cards,.pro-kpi-grid,.pro-summary-grid,.pro-dashboard-grid,.account-kpi-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .card,.pro-kpi,.pro-summary,.pro-panel{padding:13px!important;border-radius:12px!important;min-width:0}
  .metric .value,.pro-kpi b,.pro-summary b{font-size:18px!important;overflow-wrap:anywhere}
  .two-col,.driver-layout{grid-template-columns:1fr!important}
  .toolbar,.invoice-page-tools,.invoice-filter-bar,.account-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%}
  .toolbar input,.toolbar select,.invoice-filter-bar input,.invoice-filter-bar select,.account-toolbar input,.account-toolbar select,.toolbar button,.invoice-filter-bar button,.account-toolbar button{width:100%!important;max-width:none!important;min-height:44px}
  .form-grid{grid-template-columns:1fr!important}.form-grid .full{grid-column:auto!important}.invoice-line{grid-template-columns:1fr!important}
  #content{width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
  #content>table,#content .card>table,#content .stock-panel>table{min-width:760px;width:760px;box-shadow:none}
  th,td{padding:10px 9px;font-size:12px;white-space:nowrap}
  .actions{flex-wrap:wrap;min-width:150px}.actions button{min-height:34px}
  dialog{inset:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important;padding:0!important}
  dialog .modal-head{position:sticky;top:0;background:#fff;z-index:5;padding:13px 14px}
  dialog .modal-body{max-height:calc(100dvh - 118px)!important;padding:12px!important;overflow:auto!important;-webkit-overflow-scrolling:touch}
  dialog .modal-actions{position:sticky;bottom:0;background:#fff;z-index:5;padding:10px 12px;display:grid;grid-template-columns:1fr 1fr}
  dialog .modal-actions button{width:100%}
  .exact-invoice,.premium-invoice,.tax-invoice{transform-origin:top left}
  .invoice-preview-scroll,.modal-body:has(.exact-invoice),.modal-body:has(.premium-invoice),.modal-body:has(.tax-invoice){overflow:auto!important}
  .exact-invoice,.premium-invoice{width:794px!important;min-width:794px!important;max-width:none!important}
  .summary-box{grid-template-columns:1fr 1fr}
  .gc-ai-launcher{right:12px!important;bottom:14px!important;max-width:52px!important;width:52px!important;height:52px!important;padding:0!important;border-radius:50%!important}.gc-ai-launcher b{display:none}
  .gc-ai-panel{left:8px!important;right:8px!important;bottom:8px!important;width:auto!important;max-width:none!important;height:min(78dvh,620px)!important}
  .brand{min-height:110px;padding:13px}.brand-logo{width:72px;height:72px}.brand-copy strong{font-size:15px}
  nav>button,.group-trigger{padding:13px 16px;font-size:14px}.submenu button{padding:11px 16px 11px 53px}
  .driver-portal-hero{grid-template-columns:1fr!important}.driver-form-grid{grid-template-columns:1fr!important}
  .pro-chart-svg{min-width:620px}.pro-panel{overflow:auto}
}
@media(max-width:430px){
  .grid.cards,.pro-kpi-grid,.pro-summary-grid,.account-kpi-grid{grid-template-columns:1fr!important}
  .topbar>.primary{font-size:0;width:42px;height:42px;border-radius:50%;padding:0}.topbar>.primary::after{content:"+";font-size:24px}
  .page-shell{padding-left:8px;padding-right:8px}
}

/* Safe Enterprise Header */
.gc-enterprise-appbar{height:72px;min-height:72px;padding:0 18px;gap:14px}
.gc-enterprise-header{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.gc-enterprise-header::-webkit-scrollbar{display:none}
.gc-status-block{min-height:42px;padding:4px 13px;display:flex;align-items:center;gap:8px;border-right:1px solid #dce3eb;color:#101827}
.gc-status-block>span:last-child{display:flex;flex-direction:column;line-height:1.15}
.gc-status-block b{font-size:11px;font-weight:800}.gc-status-block small{margin-top:4px;font-size:9px;font-weight:600;color:#718096}
.gc-status-icon{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;color:#2563eb;font-size:18px;font-weight:900}
.gc-live-dot{width:13px;height:13px;flex:0 0 13px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.13)}
.gc-backup-icon{color:#6d28d9}.gc-users-icon{color:#0f172a}.gc-date-icon{color:#334155}
.gc-enterprise-version{margin-left:12px;padding:9px 14px;border-radius:999px;border:1px solid #edcf75;background:linear-gradient(135deg,#fff9df,#f6e5a8);color:#8a5b00;font-size:10px;font-weight:900;box-shadow:0 4px 14px rgba(183,132,0,.12)}
.gc-server-block.is-offline .gc-live-dot{background:#ef4444;box-shadow:0 0 0 5px rgba(239,68,68,.13)}
.gc-cloud-block.is-offline .gc-status-icon{color:#ef4444}
@media(max-width:1400px){.gc-status-block{padding:4px 9px}.gc-status-block b{font-size:10px}.gc-status-block small{font-size:8px}.gc-enterprise-version{padding:8px 10px;margin-left:7px}}
@media(max-width:1120px){.gc-enterprise-appbar{height:auto;min-height:72px;flex-wrap:wrap;padding:9px 12px}.gc-enterprise-header{order:3;width:100%;justify-content:flex-start}.appbar-actions{margin-left:auto}}
@media(max-width:760px){.gc-enterprise-appbar{padding:8px 10px}.gc-status-block{padding:4px 8px}.gc-enterprise-version{font-size:9px}}


/* Global long-name fix for ALL invoices and ALL invoice templates */
.exact-info,.info-grid,.invoice-meta,.invoice-party-grid,.invoice-parties,.bill-from-grid{min-width:0!important}
.exact-info>*,.info-grid>*,.invoice-meta>*,.invoice-party-grid>*,.invoice-parties>*,.bill-from-grid>*{min-width:0!important;max-width:100%!important}
.exact-card,.info-card,.bill-to,.invoice-meta>div{min-width:0!important;max-width:100%!important;overflow:hidden!important}
.exact-card>strong,.exact-card .party-name,.exact-card .customer-name,.exact-card .company-name,
.info-card>b,.info-card>strong,.info-card .party-name,.info-card .customer-name,.info-card .company-name,
.bill-to strong,.bill-to b,.invoice-meta strong,.invoice-meta b{
 display:block!important;width:100%!important;max-width:100%!important;
 white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;
 line-height:1.28!important
}
.exact-card>p,.exact-card .contact-line,.info-card p,.bill-to p,.invoice-meta p,
.exact-card span,.info-card span{
 max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important
}
.exact-card>strong{margin:14px 16px 7px!important;padding-right:2px!important;font-size:14px!important}
.gc-long-party-name{font-size:12px!important;line-height:1.3!important}
.exact-info,.info-grid{align-items:stretch!important}
.exact-info .exact-card,.info-grid .info-card{width:100%!important;contain:layout!important}
@media print{
 .exact-card>strong,.exact-card .party-name,.exact-card .customer-name,.exact-card .company-name,
 .info-card>b,.info-card>strong,.bill-to strong,.bill-to b,.invoice-meta strong,.invoice-meta b{
  white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.25!important
 }
 .exact-card>strong{font-size:11px!important}
 .exact-info>*,.info-grid>*,.invoice-meta>*{min-width:0!important}
}


/* =========================================================
   GOLDEN CHEESE PREMIUM MOBILE APP — MOBILE ONLY
   ========================================================= */
.mobile-bottom-nav,.mobile-fab,.mobile-nav-overlay{display:none}

@media(max-width:760px){
 :root{--mnavy:#031d36;--mnavy2:#062b4d;--mgold:#dda900;--mbg:#f3f6fa;--mcard:#fff;--mr:18px}
 html{background:var(--mbg);scroll-behavior:smooth}
 body{display:block;min-height:100dvh;overflow-x:hidden;padding-bottom:82px;background:linear-gradient(180deg,var(--mnavy) 0 176px,var(--mbg) 176px 100%)}

 .sidebar{width:min(86vw,340px);transform:translateX(-105%);z-index:1002;border-radius:0 24px 24px 0;box-shadow:24px 0 60px rgba(0,15,30,.35);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
 body.mobile-sidebar-open .sidebar{transform:translateX(0)}
 body.sidebar-collapsed .sidebar{transform:translateX(-105%)}
 body.mobile-sidebar-open.sidebar-collapsed .sidebar{transform:translateX(0)}
 .mobile-nav-overlay{display:block;position:fixed;inset:0;z-index:1001;background:rgba(0,15,30,.58);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:.25s}
 body.mobile-sidebar-open .mobile-nav-overlay{opacity:1;pointer-events:auto}
 .brand{min-height:116px;padding:16px}.brand-logo{width:72px;height:72px}.brand-copy strong{font-size:18px}
 nav>button,.group-trigger{min-height:50px;padding:12px 18px}.submenu button{min-height:44px;padding-left:54px}

 main,.sidebar-collapsed main{width:100%;min-width:0;margin-left:0;padding:0}
 .appbar{height:64px;padding:0 14px;background:rgba(3,29,54,.97);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:none;color:#fff;backdrop-filter:blur(12px)}
 .hamburger{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.08);font-size:22px}
 .gc-enterprise-header{display:none!important}
 .appbar-actions{gap:8px;margin-left:auto}.search-box{display:none}.icon-button{color:#fff;padding:8px}
 .admin-pill{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:5px 8px;border-radius:14px}
 .admin-pill>span:nth-child(2),.admin-pill>span:nth-child(3){display:none}.avatar{background:var(--mgold);color:#041c32}

 .page-shell{padding:0 12px 26px}
 .topbar{min-height:108px;margin:0 -12px 12px;padding:18px 18px 25px;align-items:flex-end;color:#fff;background:transparent}
 .topbar h1{font-size:26px;letter-spacing:-.4px}.topbar p{color:rgba(255,255,255,.72);font-size:12px}.topbar>.primary{display:none}
 #content{min-width:0}

 .pro-kpi-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .pro-kpi{min-width:0!important;min-height:142px!important;padding:16px 14px!important;border-radius:var(--mr)!important;border:0!important;box-shadow:0 9px 25px rgba(15,35,55,.08)!important}
 .pro-kpi span{font-size:12px!important}.pro-kpi b{display:block;margin-top:11px!important;font-size:20px!important;line-height:1.18;overflow-wrap:anywhere}.pro-kpi small{font-size:10px!important;line-height:1.4}
 .pro-summary-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:10px!important}
 .pro-summary{border-radius:var(--mr)!important;min-height:116px;padding:15px!important;box-shadow:0 8px 22px rgba(15,35,55,.07)!important}
 .pro-summary b{font-size:19px!important;overflow-wrap:anywhere}.pro-summary small{font-size:10px!important}
 .pro-dashboard-grid{display:block!important;margin-top:12px!important}
 .pro-panel{border-radius:var(--mr)!important;margin-bottom:12px!important;overflow:hidden;box-shadow:0 8px 24px rgba(15,35,55,.07)!important}
 .pro-panel-head{padding:16px!important}.pro-panel-head h2{font-size:15px!important}
 .pro-chart-svg{min-width:660px}.pro-panel:not(.latest){overflow-x:auto}
 .pro-donut-wrap{display:block!important;padding:8px 16px 18px!important}.pro-donut{margin:0 auto 18px}

 .card,.stock-panel,.driver-form-card,.driver-preview-card,.account-table-card{border-radius:var(--mr)!important;box-shadow:0 8px 24px rgba(15,35,55,.07)!important}
 .grid.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.metric{padding:15px!important}.metric .value{font-size:19px!important;overflow-wrap:anywhere}
 .section-title{align-items:flex-start;gap:10px;margin:18px 0 10px}.section-title h2{font-size:16px}
 .toolbar{gap:8px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.toolbar>*{flex:0 0 auto}.toolbar input{min-width:220px}
 .primary,.secondary,.danger{min-height:43px;border-radius:12px;padding:10px 14px}

 #content>table,.card>table,.stock-panel>table,.pro-panel>table,.account-table-card>table{display:block;width:100%;max-width:100%;overflow-x:auto;white-space:nowrap;border-radius:15px;-webkit-overflow-scrolling:touch}
 th,td{padding:11px 10px;font-size:12px}.actions{flex-wrap:nowrap}.actions button{min-height:36px;white-space:nowrap}

 .invoice-page-tools{display:block!important}.invoice-page-tools>.primary{width:100%;margin-bottom:10px}
 .invoice-filter-bar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:10px!important;border-radius:16px!important}
 .invoice-search-field{grid-column:1/-1!important}.invoice-filter-bar input{min-width:0!important;width:100%!important}.invoice-filter-bar .secondary{grid-column:1/-1}

 .form-grid{grid-template-columns:1fr!important;gap:10px!important}.form-grid .full{grid-column:auto!important}
 .invoice-line,.purchase-line{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:12px!important;margin-bottom:10px!important;border:1px solid #e2e8f0;border-radius:15px;background:#f8fafc}
 .invoice-line>*,.purchase-line>*{min-width:0}.invoice-line select,.purchase-line select{grid-column:1/-1}.invoice-line button,.purchase-line button{width:100%}
 .summary-box{grid-template-columns:1fr 1fr!important;gap:8px!important}.summary-box>div{padding:11px!important;border-radius:12px!important}.summary-box .grand{grid-column:1/-1}

 dialog{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important}
 dialog[open]{display:flex!important;flex-direction:column}#modalBody{display:flex;flex-direction:column;min-height:100%;width:100%}
 .modal-head{position:sticky;top:0;z-index:5;min-height:64px;padding:14px 16px;background:#fff}.modal-head h2{font-size:18px}
 .modal-body{flex:1;max-height:none!important;padding:14px!important;overscroll-behavior:contain}
 .modal-actions{position:sticky;bottom:0;z-index:5;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -8px 24px rgba(15,35,55,.08)}
 .modal-actions button{flex:1}

 .driver-portal-hero,.driver-layout{display:block!important}.driver-portal-hero{border-radius:var(--mr)!important;padding:18px!important}.driver-status-card{margin-top:12px}.driver-form-card,.driver-preview-card{margin-bottom:12px}
 .gc-ai-launcher{right:16px!important;bottom:96px!important;width:48px!important;height:48px!important;padding:0!important;border-radius:50%!important}.gc-ai-launcher b{display:none!important}
 .gc-ai-panel{left:10px!important;right:10px!important;bottom:92px!important;width:auto!important;height:min(70dvh,590px)!important;border-radius:22px!important}

 .mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:1000;height:76px;padding:7px 7px calc(7px + env(safe-area-inset-bottom));background:rgba(3,29,54,.98);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -12px 30px rgba(0,20,40,.18);backdrop-filter:blur(16px)}
 .mobile-bottom-nav button{border:0;background:transparent;color:#dce5ed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:13px;font-size:10px}
 .mobile-bottom-nav button.active{color:#ffd22f;background:rgba(255,210,47,.10)}.mobile-nav-icon{font-size:20px;line-height:1}.mobile-bottom-nav b{font-size:9px}
 .mobile-fab{display:grid;place-items:center;position:fixed;right:16px;bottom:92px;z-index:999;width:56px;height:56px;border:0;border-radius:50%;color:#fff;background:linear-gradient(145deg,#efc500,#c48d00);box-shadow:0 10px 26px rgba(185,132,0,.42);font-size:30px;line-height:1}

 .login-card{width:calc(100vw - 28px)!important;border-radius:24px!important;padding:26px 20px!important}.login-logo{width:112px!important;height:112px!important}
 .print-area,.exact-invoice,.premium-invoice,.tax-invoice{min-width:900px;transform-origin:top left}.modal-body:has(.print-area){overflow:auto!important}
}

@media(max-width:390px){
 .pro-kpi-grid,.pro-summary-grid,.grid.cards{grid-template-columns:1fr!important}
 .pro-kpi{min-height:120px!important}
 .invoice-filter-bar{grid-template-columns:1fr!important}.invoice-filter-bar>*{grid-column:1!important}
}


/* Payment Due Reminder Center */
.notification-wrap{position:relative}
.notification-button{position:relative;cursor:pointer}
.notification-count{position:absolute;right:-4px;top:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e12626;color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;border:2px solid #fff}
.notification-panel{position:absolute;right:0;top:47px;width:390px;max-height:520px;overflow:auto;background:#fff;border:1px solid #dfe5ec;border-radius:12px;box-shadow:0 18px 50px rgba(4,26,48,.22);z-index:100}
.notification-panel-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #e7ecf1;position:sticky;top:0;background:#fff;z-index:2}
.notification-panel-head button{border:0;background:transparent;color:#1558b0;font-weight:700;cursor:pointer}
.notification-item{width:100%;border:0;border-bottom:1px solid #edf1f5;background:#fff;padding:13px 15px;display:grid;grid-template-columns:10px 1fr;gap:10px;text-align:left;cursor:pointer}
.notification-item:hover{background:#f8fafc}.notification-item i{width:9px;height:9px;border-radius:50%;margin-top:5px;background:#ef4444}
.notification-item.upcoming i{background:#e4ac00}.notification-item.due-today i{background:#f97316}
.notification-item span{display:grid;gap:3px}.notification-item b{font-size:12px}.notification-item small{font-size:11px;color:#344054}.notification-item em{font-style:normal;font-size:11px;color:#7a8795}
.notification-empty{padding:35px;text-align:center;color:#738092}
.nav-reminder-badge{display:none;margin-left:auto;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e12626;color:#fff;font-size:10px;place-items:center}
.reminder-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.reminder-kpi{background:#fff;border-radius:13px;padding:17px;border:1px solid #e2e8f0;border-top:4px solid #0b3154;box-shadow:0 5px 18px rgba(15,35,55,.05)}
.reminder-kpi.red{border-top-color:#ef4444}.reminder-kpi.orange{border-top-color:#f97316}.reminder-kpi.gold{border-top-color:#d4a900}.reminder-kpi.navy{border-top-color:#082c4e}
.reminder-kpi span{font-size:12px;color:#667085}.reminder-kpi b{display:block;font-size:24px;margin:8px 0}.reminder-kpi small{color:#98a2b3;font-size:11px}
.reminder-page-card{padding:0;overflow:hidden}.reminder-page-card>.section-title{padding:18px 20px;margin:0;border-bottom:1px solid #e5eaf0}
.reminder-filter-tabs{display:flex;gap:7px;padding:12px 20px;border-bottom:1px solid #e5eaf0;background:#fafbfc;overflow:auto}
.reminder-filter-tabs button{border:1px solid #d7dee7;background:#fff;border-radius:999px;padding:7px 13px;font-weight:700;font-size:11px;cursor:pointer;white-space:nowrap}
.reminder-filter-tabs button.active{background:#082c4e;color:#fff;border-color:#082c4e}
.reminder-table-wrap{overflow:auto}.reminder-table{box-shadow:none;border-radius:0;white-space:nowrap}
.reminder-status{display:inline-block;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:800}
.reminder-status.overdue{background:#fee2e2;color:#b42318}.reminder-status.due-today{background:#ffedd5;color:#c2410c}.reminder-status.upcoming{background:#fef3c7;color:#92400e}

@media(max-width:760px){
 .notification-panel{position:fixed;left:10px;right:10px;top:68px;width:auto;max-height:70dvh}
 .reminder-kpi-grid{grid-template-columns:1fr 1fr;gap:10px}
 .reminder-page-card>.section-title{display:block}.reminder-page-card>.section-title .actions{margin-top:12px;overflow:auto}
}
@media(max-width:390px){.reminder-kpi-grid{grid-template-columns:1fr}}


/* Invoice product description: wrap long names into at most two clean lines */
.gc-items-table th:nth-child(2),
.gc-items-table td:nth-child(2),
.exact-table th:nth-child(2),
.exact-table td:nth-child(2){
  white-space:normal!important;
}
.gc-items-table td:nth-child(2),
.exact-table td:nth-child(2){
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:1.25!important;
  vertical-align:middle!important;
}
.exact-table .item-cell{
  display:block!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  line-height:1.25!important;
}