/* STRIPE PAYMENT SUCCESS + RECEIPTS */

:root{--blue:#2457ff;--blue2:#183fc1;--ink:#111827;--muted:#687386;--line:#e4e8f0;--bg:#f5f7fb;--card:#fff;--danger:#a9212f;--warn:#fff6dc}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}.wrap{width:min(1120px,calc(100% - 28px));margin:auto}
.topbar{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.bar{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:950;letter-spacing:.035em}.brand span{color:var(--blue)}.bar-actions{display:flex;gap:8px}
.page{padding:30px 0 60px}.hero{display:grid;grid-template-columns:1fr 300px;gap:26px;align-items:end;margin-bottom:20px}.pill{display:inline-block;background:#eaf0ff;color:var(--blue2);font-size:12px;font-weight:900;padding:6px 10px;border-radius:999px;margin-bottom:12px}h1{font-size:clamp(40px,6vw,70px);line-height:.94;letter-spacing:-.05em;margin:0 0 14px}h2{font-size:25px;margin:0 0 4px}p{color:var(--muted);line-height:1.55;margin:0}
.card,.quote-meta{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 10px 26px rgba(30,50,90,.05)}.card{padding:21px;margin:17px 0}.quote-meta{padding:15px;display:grid;gap:10px}.quote-meta small{color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:17px}
.grid{display:grid;gap:14px}.two{grid-template-columns:repeat(2,1fr)}.three{grid-template-columns:repeat(3,1fr)}.full{grid-column:1/-1}label{font-size:13px;font-weight:850;display:flex;flex-direction:column;gap:6px}input,select,textarea{border:1px solid #d5dbe6;border-radius:10px;background:#fff;color:var(--ink);padding:10px 11px;min-height:44px}textarea{resize:vertical}
.btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;min-height:42px;padding:0 14px;font-weight:850;cursor:pointer}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue2)}.btn.ghost{background:#fff}.btn.danger{background:#fff1f2;border-color:#fecdd3;color:#a9212f}.btn.danger:hover{background:#ffe4e6}.btn.big{min-height:50px;padding:0 20px}.btn:active{transform:translateY(1px);box-shadow:inset 0 2px 5px rgba(0,0,0,.12)}.btn:disabled{cursor:wait;opacity:.8}.btn.is-saving{background:#eef1f6}.btn.is-saved{background:#e8f8ee;border-color:#9ed9ae;color:#146c2e}.btn.is-error{background:#fff0f1;border-color:#f1aeb5;color:#a9212f}
.item{display:grid;grid-template-columns:145px 1.6fr 105px 135px 120px 48px;gap:10px;align-items:end;border-bottom:1px solid var(--line);padding:11px 0}.item:last-child{border-bottom:0}.item small{display:block;font-weight:850;margin-bottom:8px}.itemTotal{font-weight:950;min-height:44px;display:flex;align-items:center}.remove{height:44px;border:1px solid #ffd3d7;background:#fff0f1;color:var(--danger);border-radius:10px;font-size:22px;cursor:pointer}
.pricing-switch{display:inline-flex;background:#eef1f6;padding:4px;border-radius:11px;margin-bottom:16px}.mode{border:0;background:transparent;border-radius:8px;padding:9px 13px;font-weight:850;cursor:pointer}.mode.active{background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.08);color:var(--blue2)}.check{min-height:44px;display:flex;align-items:center;gap:9px;font-weight:750}.check input{width:20px;height:20px;min-height:0}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:20px}.metrics>div{background:#fafbfe;border:1px solid var(--line);border-radius:13px;padding:15px}.metrics span{display:block;color:var(--muted);font-size:12px;font-weight:850;margin-bottom:7px}.metrics strong{font-size:22px}.metrics .accent{background:#ebf1ff;border-color:#cbd7ff}.metrics .accent strong{color:var(--blue2)}
.explain{margin-top:12px;color:var(--muted);font-size:13px}.totals{border-top:1px solid var(--line);margin-top:18px;padding-top:10px}.totals>div{display:flex;justify-content:space-between;padding:6px 0}.totals .grand{font-size:25px;font-weight:950;border-top:1px dashed var(--line);margin-top:6px;padding-top:13px}.warning{margin-top:14px;background:var(--warn);border:1px solid #eacb69;border-radius:10px;padding:11px 13px;color:#654600;font-weight:750}.hidden{display:none!important}.actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.data-actions,.saved-toolbar{display:flex;gap:8px;align-items:center}.saved-toolbar{margin-bottom:13px}.saved-toolbar input{flex:1}.savedRow{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--line);padding:12px 0}.savedRow:first-child{border-top:0}.savedTitle{font-weight:900}.muted{color:var(--muted);font-size:12px;margin-top:3px}.savedBtns{display:flex;gap:6px;flex-wrap:wrap}.status{display:inline-block;font-size:11px;font-weight:900;padding:4px 7px;border-radius:999px;background:#eef1f6;margin-left:6px}.filebtn{display:inline-flex;align-items:center;justify-content:center}.filebtn input{display:none}
dialog{border:0;border-radius:18px;width:min(680px,calc(100% - 24px));padding:0;box-shadow:0 25px 80px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(10,20,40,.45)}.dialog-card{padding:22px}.close{border:0;background:transparent;font-size:28px;cursor:pointer}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.printArea{display:none}
@media(max-width:820px){.hero{grid-template-columns:1fr}.three,.metrics{grid-template-columns:1fr 1fr}.item{grid-template-columns:1fr 1fr}.item .desc{grid-column:1/-1}.itemTotal{justify-content:flex-start}}
@media(max-width:560px){.wrap{width:min(100% - 18px,1120px)}.page{padding-top:18px}.bar{align-items:flex-start;padding:10px 0;flex-direction:column}.bar-actions{width:100%}.bar-actions .btn{flex:1}.card{padding:15px;border-radius:14px}.two,.three,.metrics{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.actions{display:grid;grid-template-columns:1fr}.data-actions,.saved-toolbar{width:100%;flex-direction:column;align-items:stretch}.savedRow{align-items:flex-start;flex-direction:column}.savedBtns{width:100%}.savedBtns .btn{flex:1}}
@media print{
 body{background:#fff}.topbar,.page,dialog{display:none!important}.printArea{display:block!important}
 @page{size:A4;margin:14mm}.pq{font-family:Arial,sans-serif;color:#111}.pqhead{display:flex;justify-content:space-between;gap:20px;border-bottom:3px solid #2457ff;padding-bottom:14px;margin-bottom:18px}.pqbrand{font-weight:900;font-size:26px}.pqbrand span{color:#2457ff}.pqright{text-align:right}.pqbiz{font-size:12px;line-height:1.5;margin-top:7px}.pqgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:16px 0}.pqbox{border:1px solid #ddd;border-radius:8px;padding:11px;line-height:1.45}.pq table{width:100%;border-collapse:collapse;margin-top:15px}.pq th,.pq td{padding:8px 6px;border-bottom:1px solid #ddd;text-align:left}.pq th:last-child,.pq td:last-child{text-align:right}.pqt{width:330px;margin:18px 0 18px auto}.pqt>div{display:flex;justify-content:space-between;padding:5px 0}.pqt .big{font-size:20px;font-weight:900;border-top:2px solid #111;padding-top:9px;margin-top:5px}.pqsmall{font-size:12px;line-height:1.5;white-space:pre-wrap}
}

/* PWA / native shell support */
body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
.topbar{padding-top:env(safe-area-inset-top)}
.page{padding-bottom:calc(60px + env(safe-area-inset-bottom))}
@media (display-mode: standalone){
  .topbar{box-shadow:0 1px 10px rgba(0,0,0,.05)}
}

.auth-gate{position:fixed;inset:0;z-index:1000;background:linear-gradient(180deg,#eef3ff,#f7f9fc);display:flex;align-items:center;justify-content:center;padding:18px}
.auth-gate.hidden{display:none!important}
.auth-card{width:min(480px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 30px 80px rgba(20,40,80,.16)}
.auth-brand{margin-bottom:22px}.auth-card h1{font-size:34px;line-height:1.05;letter-spacing:-.035em}.auth-card p{margin-bottom:18px}
.auth-tabs{display:inline-flex;background:#eef1f6;padding:4px;border-radius:11px;margin:4px 0 16px}
.auth-card form{display:grid;gap:13px}.auth-message{font-size:13px;min-height:20px;color:#a9212f}.auth-message.success{color:#087443}.auth-link{appearance:none;border:0;background:transparent;color:var(--blue);font:inherit;font-weight:800;text-align:center;cursor:pointer;padding:5px}.auth-link:hover{text-decoration:underline}.user-email{font-size:12px;color:var(--muted);align-self:center}
@media(max-width:560px){.user-email{display:none}.auth-card{padding:20px}.auth-card h1{font-size:29px}}

.legal-links{display:flex;gap:8px;justify-content:center;margin-top:14px;font-size:12px}.legal-links a{color:var(--blue2);font-weight:750;text-decoration:none}.legal-links a:hover{text-decoration:underline}.account-danger{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.account-danger p{font-size:12px;margin-top:3px}.confirm-delete{margin-top:14px}
@media(max-width:560px){.account-danger{align-items:stretch;flex-direction:column}.account-danger .btn{width:100%}}

/* ===== Vicola 0.6.5 branded visual upgrade ===== */
:root{--navy:#06162f;--navy2:#0a234d;--electric:#1688ff;--electric2:#2f5bff;--softblue:#eaf3ff;--success:#149447;--warning2:#b46a00}
body{background:
  radial-gradient(circle at 85% 4%,rgba(36,87,255,.11),transparent 28%),
  linear-gradient(180deg,#f7f9fd 0%,#eef3f9 100%);}
.topbar{background:rgba(5,20,44,.96);border-bottom:1px solid rgba(87,157,255,.22);box-shadow:0 8px 28px rgba(4,18,40,.18);backdrop-filter:blur(16px)}
.bar{min-height:72px}.brand-lockup{display:flex;align-items:center;gap:10px;color:#fff}.brand-lockup img{width:40px;height:40px;border-radius:10px;box-shadow:0 0 0 1px rgba(88,161,255,.25),0 6px 18px rgba(0,87,255,.28)}.brand-lockup div{display:grid;line-height:1}.brand-lockup strong{font-size:16px;letter-spacing:.18em}.brand-lockup span{font-size:10px;letter-spacing:.18em;color:#4db2ff;margin-top:5px}.topbar .btn{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);color:#fff}.topbar .btn:hover{background:rgba(255,255,255,.12)}.topbar #newQuote{background:linear-gradient(135deg,var(--electric),var(--electric2));border-color:transparent}.topbar .user-email{color:#b9cae0}
.page{padding-top:24px}.hero-premium{position:relative;overflow:hidden;align-items:stretch;border-radius:26px;padding:28px;background:
 linear-gradient(120deg,rgba(5,21,48,.98),rgba(10,43,92,.95) 58%,rgba(18,91,181,.90)),
 repeating-linear-gradient(90deg,transparent 0 58px,rgba(255,255,255,.03) 59px 60px),
 repeating-linear-gradient(0deg,transparent 0 58px,rgba(255,255,255,.03) 59px 60px);
 box-shadow:0 20px 50px rgba(7,35,78,.22);border:1px solid rgba(61,146,255,.25)}
.hero-premium:before,.hero-premium:after{content:"";position:absolute;pointer-events:none;transform:rotate(-34deg);border:1px solid rgba(35,137,255,.25)}
.hero-premium:before{width:420px;height:140px;right:-135px;top:-30px;background:linear-gradient(135deg,rgba(0,117,255,.25),rgba(50,84,255,.08))}.hero-premium:after{width:500px;height:160px;left:-210px;bottom:-95px;background:linear-gradient(135deg,rgba(0,117,255,.14),transparent)}
.hero-copy{position:relative;z-index:1;align-self:center}.hero-premium h1{color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.14)}.hero-premium h1::first-line{color:#fff}.hero-premium p{color:#c7d5e7;max-width:700px;font-size:16px}.hero-premium .pill{background:rgba(26,129,255,.14);border:1px solid rgba(71,157,255,.38);color:#8fc5ff}.hero-proof{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.hero-proof span{font-size:11px;font-weight:850;color:#d8e8fb;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);padding:8px 10px;border-radius:999px}
.hero-premium .quote-meta{position:relative;z-index:1;background:rgba(255,255,255,.96);border-color:rgba(255,255,255,.45);box-shadow:0 18px 40px rgba(0,0,0,.22)}
.feature-card{border-color:#dfe8f5;box-shadow:0 12px 30px rgba(27,55,95,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.feature-card:hover{border-color:#c7daf5;box-shadow:0 16px 36px rgba(25,61,111,.08)}
.section-title{display:flex;align-items:center;gap:12px}.section-badge{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#0f80ff,#2954ff);color:#fff;font-size:12px;font-weight:950;box-shadow:0 8px 18px rgba(36,87,255,.22)}
.pricing-card{background:linear-gradient(180deg,#fff,#fbfdff)}.pricing-card .metrics>div{background:#f7faff;border-color:#dce7f6}.pricing-card .metrics .accent{background:linear-gradient(135deg,#eaf4ff,#edf0ff);border-color:#bdd4ff}.pricing-card .totals .grand{margin-top:10px;padding:16px 18px;border:0;border-radius:14px;background:linear-gradient(135deg,#0f7dff,#2755ff);color:#fff;box-shadow:0 12px 28px rgba(36,87,255,.22)}.pricing-card .totals .grand strong{font-size:30px}.pricing-card .totals .grand span{font-weight:900}
.margin-health{display:flex;align-items:center;gap:11px;margin-top:14px;padding:13px 15px;border:1px solid #d9e3ef;border-radius:13px;background:#f8fafc;color:#415268}.margin-health .margin-dot{width:11px;height:11px;border-radius:50%;background:#9aa7b7;box-shadow:0 0 0 5px rgba(154,167,183,.12)}.margin-health strong,.margin-health small{display:block}.margin-health small{margin-top:2px;color:#718096}.margin-health.good{background:#edf9f1;border-color:#bce6c9;color:#15763a}.margin-health.good .margin-dot{background:#17a34a;box-shadow:0 0 0 5px rgba(23,163,74,.12)}.margin-health.watch{background:#fff8e8;border-color:#efdaa4;color:#8a5a00}.margin-health.watch .margin-dot{background:#d99500;box-shadow:0 0 0 5px rgba(217,149,0,.12)}.margin-health.low{background:#fff0f2;border-color:#f4c5cd;color:#a9212f}.margin-health.low .margin-dot{background:#d6374b;box-shadow:0 0 0 5px rgba(214,55,75,.12)}
.actions{position:sticky;bottom:12px;z-index:12;margin:20px 0;padding:10px;border:1px solid #dce6f2;border-radius:15px;background:rgba(255,255,255,.92);box-shadow:0 14px 38px rgba(9,34,71,.14);backdrop-filter:blur(14px)}.actions .primary{background:linear-gradient(135deg,#0f80ff,#2854ff);box-shadow:0 8px 18px rgba(36,87,255,.20)}
input:focus,select:focus,textarea:focus{outline:none;border-color:#6aa8ff;box-shadow:0 0 0 4px rgba(44,126,255,.12)}

.auth-gate{background:
 radial-gradient(circle at 78% 18%,rgba(0,116,255,.28),transparent 25%),
 linear-gradient(135deg,#020b19 0%,#071a37 50%,#0b2a5d 100%);padding:24px;overflow:auto}
.auth-gate:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.14;background-image:linear-gradient(rgba(104,166,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(104,166,255,.13) 1px,transparent 1px);background-size:58px 58px;transform:perspective(800px) rotateX(58deg) scale(1.35);transform-origin:center top}
.auth-shell{position:relative;z-index:1;width:min(980px,100%);display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;border:1px solid rgba(76,151,255,.34);border-radius:28px;background:#fff;box-shadow:0 34px 100px rgba(0,0,0,.42)}
.auth-visual{position:relative;min-height:650px;padding:46px 42px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:
 radial-gradient(circle at 70% 24%,rgba(40,139,255,.35),transparent 22%),
 linear-gradient(155deg,rgba(4,18,41,.88),rgba(4,30,69,.95)),
 linear-gradient(45deg,#071a34,#0b3f83)}
.auth-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 0 56%,rgba(20,118,255,.14) 56% 67%,transparent 67% 100%);pointer-events:none}.auth-visual:after{content:"";position:absolute;left:38px;right:38px;bottom:160px;height:1px;background:linear-gradient(90deg,transparent,#258cff,transparent);box-shadow:0 0 16px #258cff}
.auth-logo{position:absolute;top:34px;left:38px;width:215px;height:auto;object-fit:contain;object-position:left top;filter:drop-shadow(0 10px 28px rgba(0,89,255,.18))}.auth-kicker{font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#73b8ff;margin-bottom:13px}.auth-visual h2{position:relative;font-size:43px;line-height:1.02;letter-spacing:-.035em;margin:0 0 16px}.auth-visual h2 span{color:#31a0ff}.auth-visual p{position:relative;color:#d6e3f3;font-size:16px;max-width:420px}.auth-benefits{position:relative;display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.auth-benefits span{padding:8px 10px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.06);font-size:11px;font-weight:800;color:#dceafb}
.auth-card{width:auto;border:0;border-radius:0;box-shadow:none;padding:46px 40px;display:flex;flex-direction:column;justify-content:center}.auth-card-brand{display:flex;align-items:center;gap:10px;margin-bottom:26px}.auth-card-brand img{width:44px;height:44px;border-radius:12px}.auth-card-brand div{display:grid;line-height:1}.auth-card-brand strong{letter-spacing:.16em}.auth-card-brand span{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--blue);margin-top:5px}.auth-card h1{font-size:39px;line-height:1.03}.auth-card .btn.primary{background:linear-gradient(135deg,#0f80ff,#2854ff);box-shadow:0 10px 24px rgba(36,87,255,.22)}
.mobile-nav{display:none}

@media(max-width:820px){
 .auth-shell{grid-template-columns:1fr;max-width:560px}.auth-visual{min-height:320px;padding:32px 26px}.auth-logo{width:160px;top:24px;left:24px}.auth-visual h2{font-size:34px}.auth-card{padding:30px 26px}.hero-premium{padding:22px}.hero-proof{margin-bottom:2px}
}
@media(max-width:560px){
 body{padding-bottom:78px}.topbar .brand-lockup img{width:34px;height:34px}.brand-lockup strong{font-size:14px}.brand-lockup span{font-size:8px}.bar{flex-direction:row;align-items:center;min-height:62px}.bar-actions{width:auto}.bar-actions .user-email,.bar-actions #businessBtn,.bar-actions #newQuote{display:none}.bar-actions .btn{flex:0 0 auto;padding:0 11px;min-height:36px;font-size:12px}.page{padding-bottom:90px}.hero-premium{padding:20px 16px;border-radius:20px}.hero-premium h1{font-size:42px}.hero-premium p{font-size:14px}.hero-proof span{font-size:10px}.hero-premium .quote-meta{padding:13px}.feature-card{border-radius:16px}.section-title{align-items:flex-start}.section-badge{width:34px;height:34px}.actions{position:static;padding:0;border:0;box-shadow:none;background:transparent;display:grid;grid-template-columns:1fr 1fr}.actions .btn{min-width:0}.actions #print{grid-column:1/-1;order:-1}.actions #share{grid-column:1/-1}.mobile-nav{display:grid;position:fixed;z-index:40;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr 64px 1fr 1fr;align-items:center;min-height:62px;padding:7px 9px;border:1px solid rgba(72,136,218,.30);border-radius:18px;background:rgba(4,21,47,.96);box-shadow:0 14px 35px rgba(0,0,0,.30);backdrop-filter:blur(16px)}.mobile-nav a{color:#a9bdd6;text-decoration:none;text-align:center;font-size:10px;font-weight:750;padding:12px 4px}.mobile-nav a:hover{color:#fff}.mobile-nav button{width:58px;height:58px;border:0;border-radius:50%;background:linear-gradient(135deg,#0f86ff,#2f54ff);color:#fff;font-size:34px;line-height:1;box-shadow:0 8px 20px rgba(0,95,255,.42);cursor:pointer}.auth-gate{padding:0;background:#06162f;align-items:flex-start}.auth-shell{border-radius:0;border:0;min-height:100vh}.auth-visual{min-height:310px;border-radius:0}.auth-card{padding:26px 20px 34px}.auth-card h1{font-size:31px}.auth-card-brand{margin-bottom:20px}.auth-benefits{gap:6px}.auth-benefits span{font-size:10px}.pricing-card .totals .grand strong{font-size:26px}
}
@media print{.mobile-nav{display:none!important}}


/* 0.6.5 brand lockup consistency patch */
.brand-lockup .brand-copy,.auth-card-brand .brand-copy{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:end;column-gap:7px;line-height:1}
.brand-lockup .brand-copy strong,.auth-card-brand .brand-copy strong{grid-column:1;grid-row:1;font-style:normal}
.brand-lockup .brand-copy em,.auth-card-brand .brand-copy em{grid-column:2;grid-row:1;font-style:normal;font-weight:900;letter-spacing:.16em}
.brand-lockup .brand-copy span,.auth-card-brand .brand-copy span{grid-column:1 / -1;grid-row:2;margin-top:5px}
.brand-lockup .brand-copy em{font-size:16px;color:#fff}
.auth-card-brand .brand-copy em{font-size:16px;color:#101828}
@media (max-width:700px){.brand-lockup .brand-copy em{font-size:14px}.auth-card-brand .brand-copy em{font-size:14px}}

/* Exact official Vicola Designs horizontal logo patch */
.official-brand-lockup{display:flex;align-items:center;gap:12px}
.official-brand-lockup .official-horizontal-logo{display:block;width:auto;height:44px;object-fit:contain;border-radius:0;box-shadow:none}
.auth-card-brand.official-brand-lockup{display:flex;align-items:center;gap:14px;margin-bottom:26px}
.auth-card-brand.official-brand-lockup .official-horizontal-logo{height:58px;max-width:250px}
.official-brand-lockup .product-name{font-size:11px;font-weight:900;letter-spacing:.16em;color:#4d8dff;white-space:nowrap}
.topbar .official-brand-lockup .product-name{color:#4db2ff}
@media (max-width:700px){
  .official-brand-lockup{gap:8px}
  .official-brand-lockup .official-horizontal-logo{height:34px;max-width:150px}
  .official-brand-lockup .product-name{font-size:8px;letter-spacing:.12em}
  .auth-card-brand.official-brand-lockup{align-items:flex-start;flex-direction:column;gap:7px}
  .auth-card-brand.official-brand-lockup .official-horizontal-logo{height:52px;max-width:220px}
  .auth-card-brand.official-brand-lockup .product-name{font-size:10px}
}

/* 0.6.5 professional official-logo spacing correction
   Uses the exact supplied Vicola Designs horizontal artwork, cropped only to remove unused canvas. */
.official-brand-lockup{
  display:flex;
  align-items:center;
  gap:16px;
}
.official-brand-lockup .official-horizontal-logo{
  display:block;
  width:auto;
  height:48px;
  max-width:none;
  object-fit:contain;
  border-radius:5px;
  box-shadow:none;
  flex:0 0 auto;
}
.official-brand-lockup .product-name{
  display:block;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.17em;
  color:#58a8ff;
  white-space:nowrap;
}
.auth-card-brand.official-brand-lockup{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  margin-bottom:30px;
}
.auth-card-brand.official-brand-lockup .official-horizontal-logo{
  width:auto;
  height:74px;
  max-width:300px;
  border-radius:7px;
}
.auth-card-brand.official-brand-lockup .product-name{
  margin-left:2px;
  font-size:12px;
  letter-spacing:.18em;
  color:#2457ff;
}
.topbar .official-brand-lockup{
  gap:14px;
}
.topbar .official-brand-lockup .official-horizontal-logo{
  height:46px;
  max-width:180px;
  border-radius:5px;
}
.topbar .official-brand-lockup .product-name{
  color:#55afff;
  font-size:10px;
}
@media (max-width:700px){
  .topbar .official-brand-lockup{gap:9px}
  .topbar .official-brand-lockup .official-horizontal-logo{height:36px;max-width:142px}
  .topbar .official-brand-lockup .product-name{font-size:8px;letter-spacing:.12em}
  .auth-card-brand.official-brand-lockup{gap:8px;margin-bottom:24px}
  .auth-card-brand.official-brand-lockup .official-horizontal-logo{height:62px;max-width:245px}
  .auth-card-brand.official-brand-lockup .product-name{font-size:10px}
}

/* 0.6.8 customer-ready commercial polish */
.account-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:999px;background:rgba(77,141,255,.14);border:1px solid rgba(77,141,255,.38);color:#8ec0ff;font-size:10px;font-weight:900;letter-spacing:.12em}
.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 20px}
.dash-card{background:#fff;border:1px solid #e7ebf3;border-radius:18px;padding:18px 18px 16px;box-shadow:0 8px 24px rgba(20,36,75,.06)}
.dash-card span{display:block;color:#667085;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.dash-card strong{display:block;color:#0b1739;font-size:26px;line-height:1.2;margin:8px 0 4px}
.dash-card small{color:#7a8497;font-size:12px}
.customerRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid #edf0f5}
.customerRow:last-child{border-bottom:0}
.saved-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.saved-toolbar input{flex:1 1 260px}.saved-toolbar select{min-width:150px}
.status{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.03em;background:#eef2f7;color:#475467}
.status-accepted{background:#e9f8ef;color:#15803d}.status-sent{background:#eaf2ff;color:#1d4ed8}.status-declined{background:#fff0f0;color:#b42318}.status-draft{background:#f3f4f6;color:#475467}
.logo-preview-wrap{display:flex;align-items:center;gap:12px;min-height:56px}.biz-logo-preview{max-width:220px;max-height:72px;object-fit:contain;border:1px solid #e4e8ef;border-radius:10px;padding:8px;background:#fff}
.onboarding-card{max-width:720px}.onboarding-kicker{font-size:11px;font-weight:900;letter-spacing:.16em;color:#2457ff;margin-bottom:6px}
.pqlogo{display:block;max-width:210px;max-height:90px;object-fit:contain;margin-bottom:14px}.pqquote{font-size:28px;font-weight:900;letter-spacing:.12em;color:#2457ff;margin-bottom:5px}.preserve{white-space:pre-line}.pqfooter{margin-top:24px;padding-top:12px;border-top:1px solid #d9dee8;color:#667085;font-size:11px;text-align:center}
@media (max-width:900px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.dashboard-grid{grid-template-columns:1fr 1fr;gap:10px}.dash-card{padding:14px}.dash-card strong{font-size:20px}.customerRow{align-items:flex-start;flex-direction:column}.customerRow .btn{width:100%}.account-badge{display:none}}


/* 0.6.9 customer delivery + account */
.account-plan-card{padding:20px;border:1px solid #d9e2f1;border-radius:16px;background:#f7f9fd;display:grid;gap:5px;margin:8px 0 16px}.account-plan-card span{font-size:12px;font-weight:800;letter-spacing:.08em;color:#667085;text-transform:uppercase}.account-plan-card strong{font-size:26px;color:#0b1739}.account-plan-card small{color:#667085}.billing-note{padding:16px;border-radius:14px;background:#eef4ff;border:1px solid #cfe0ff;color:#0b1739}.billing-note p{margin:6px 0 0;color:#4b5874;line-height:1.5}

/* 1.2.0 Vicola-owned subscriptions */
.billing-dialog-card,.admin-billing-card{max-height:min(860px,calc(100vh - 30px));overflow:auto}.billing-request-panel{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:16px;padding:16px;border:1px solid #dfe7f3;border-radius:14px;background:#fff}.payment-instructions{margin-top:16px;padding:18px;border:1px solid #b8d1ff;border-radius:14px;background:#f3f7ff}.payment-instructions h3{margin:0 0 7px}.payment-instructions p{margin-bottom:12px}.payment-instructions>div:not(.payment-reference){display:grid;gap:3px;margin-top:12px}.payment-instructions>div span{font-size:13px;color:#475467}.payment-instructions small{display:block;margin-top:14px;color:#667085}.payment-reference{display:inline-block;padding:10px 14px;border:2px dashed #2457ff;border-radius:10px;background:#fff;color:#0b1739;font-size:20px;font-weight:950;letter-spacing:.08em}.billing-history{margin-top:20px}.billing-subhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.billing-row,.admin-billing-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid #e8edf5}.billing-row>div,.admin-billing-row>div{display:grid;gap:4px}.billing-row>div:last-child,.admin-billing-row>div:last-child{text-align:right;justify-items:end}.billing-row span,.admin-billing-row span,.admin-billing-row small{font-size:12px;color:#667085}.admin-billing-card{width:100%}.admin-billing-row .btn{margin-top:5px}.status-awaiting-payment{background:#fff6dc;color:#8a5a00}.status-expired{background:#f3f4f6;color:#667085}
.billing-actions{justify-items:end}.billing-cancel{margin-top:4px;padding:7px 10px;font-size:11px}
.billing-upgrade-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:18px;border:1px solid #9fc0ff;border-radius:14px;background:#eef4ff}.billing-upgrade-panel p{margin:5px 0 0;color:#52617a;font-size:13px;line-height:1.45}.billing-upgrade-panel .btn{white-space:nowrap}
.billing-upgrade-panel:before{content:"+";display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#0f86ff,#2f54ff);color:#fff;font-size:28px;font-weight:700;box-shadow:0 10px 22px rgba(36,87,255,.25)}.billing-upgrade-panel>div{flex:1}.billing-upgrade-panel .btn{background:linear-gradient(135deg,#0f86ff,#2f54ff);box-shadow:0 8px 18px rgba(36,87,255,.20)}
@media(max-width:560px){.billing-request-panel{grid-template-columns:1fr}.billing-request-panel .btn{width:100%}.billing-row,.admin-billing-row{align-items:flex-start}.admin-billing-row{flex-direction:column}.admin-billing-row>div:last-child{text-align:left;justify-items:start;width:100%}.admin-billing-row .btn{width:100%}}
@media(max-width:560px){.billing-upgrade-panel{align-items:stretch;flex-direction:column}.billing-upgrade-panel .btn{width:100%}}

/* 1.2.2 mobile product polish */
.quote-step-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 20px;padding:10px;border:1px solid #d7e5f7;border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 12px 30px rgba(9,34,71,.09);backdrop-filter:blur(14px)}
.quote-step-nav a{display:flex;align-items:center;gap:9px;min-height:52px;padding:8px 10px;border:1px solid transparent;border-radius:13px;color:#43516a;text-decoration:none;font-size:12px;transition:.18s ease}.quote-step-nav a:hover,.quote-step-nav a:focus{border-color:#a8c8ff;background:#eef5ff;color:#1249d8;transform:translateY(-1px)}
.quote-step-nav span{display:grid;place-items:center;width:31px;height:31px;flex:0 0 auto;border-radius:9px;background:#e9f2ff;color:#1269ec;font-size:10px;font-weight:950}.quote-step-nav strong{white-space:nowrap}
.dash-card{position:relative;overflow:hidden}.dash-card:after{content:"";position:absolute;width:64px;height:64px;right:-24px;top:-28px;border-radius:50%;background:rgba(31,126,255,.08)}
@media(max-width:700px){.quote-step-nav{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px;margin-bottom:14px;scrollbar-width:none}.quote-step-nav::-webkit-scrollbar{display:none}.quote-step-nav a{min-width:118px;scroll-snap-align:start}.hero-premium{box-shadow:0 16px 38px rgba(7,35,78,.28)}.feature-card{box-shadow:0 10px 28px rgba(27,55,95,.09)}}

/* 1.1.0 invoicing add-on */
.premium-tag{display:inline-flex;vertical-align:middle;margin-left:7px;padding:4px 7px;border-radius:999px;background:#eaf2ff;color:#2457ff;font-size:9px;font-weight:950;letter-spacing:.08em}
.invoice-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:2px 0 18px}.invoice-summary>div{padding:15px;border:1px solid #dfe7f3;border-radius:14px;background:#f8fbff}.invoice-summary span,.invoice-summary small{display:block;color:#667085;font-size:11px;font-weight:800}.invoice-summary strong{display:block;margin:6px 0 3px;color:#0b1739;font-size:22px}.invoice-total-line{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,#0f7dff,#2755ff);color:#fff;font-weight:900}.invoice-total-line strong{font-size:27px}.invoice-dialog-card{width:100%}.invoice-actions{flex-wrap:wrap}.invoice-actions .danger{margin-right:auto}.status-paid{background:#e9f8ef;color:#15803d}.status-overdue{background:#fff1f1;color:#b42318}.status-cancelled{background:#f3f4f6;color:#667085}.addon-locked{opacity:.72}
@media(max-width:560px){.invoice-summary{grid-template-columns:1fr}.invoice-actions{display:grid;grid-template-columns:1fr 1fr}.invoice-actions .btn{margin:0;min-width:0}.invoice-actions #invoiceSave{grid-column:1/-1}}

/* v1.2.9 offline/resilience */
.connectivity-banner{position:sticky;top:0;z-index:30;margin:12px 0;padding:10px 14px;border-radius:12px;background:#fff4d6;border:1px solid #e5c469;font-weight:700}.connectivity-banner.online{background:#eaf8ee;border-color:#8cc79b}.connectivity-banner.error{background:#fff0f0;border-color:#db8d8d}.version-history-list{display:grid;gap:10px;max-height:55vh;overflow:auto}.version-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid #dfe3ec;border-radius:12px}.version-row small{display:block;color:#667085}.sync-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:6px}

/* v1.3.0 live-save visibility */
.save-state-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:7px;padding:8px 10px;border:1px solid #cfe0f5;border-radius:10px;background:#f7fbff;color:#17365d}.save-state-wrap strong{font-size:12px}.save-state-wrap small{margin-left:auto;color:#667085;font-weight:800}.save-state-dot{width:9px;height:9px;border-radius:50%;background:#667085;box-shadow:0 0 0 3px rgba(102,112,133,.12)}#saveState[data-state="saving"]~*{} .save-state-wrap:has(#saveState[data-state="saving"]) .save-state-dot{background:#f59e0b}.save-state-wrap:has(#saveState[data-state="local"]) .save-state-dot,.save-state-wrap:has(#saveState[data-state="pending"]) .save-state-dot{background:#f59e0b}.save-state-wrap:has(#saveState[data-state="account"]) .save-state-dot{background:#16a34a}.save-state-wrap:has(#saveState[data-state="loaded"]) .save-state-dot{background:#2563eb}.save-state-wrap:has(#saveState[data-state="new"]) .save-state-dot{background:#1687ff;box-shadow:0 0 0 3px rgba(22,135,255,.15),0 0 14px rgba(22,135,255,.55)}@media(max-width:560px){.save-state-wrap{position:sticky;top:8px;z-index:24;box-shadow:0 8px 20px rgba(20,45,80,.12)}}


/* ==========================================================
   v1.4.0 PREMIUM UI REFRESH
   Visual layer only: preserves v1.3.1 IDs, workflows and logic.
   Design target: fast field usability + premium Vicola identity.
   ========================================================== */
:root{
  --v-navy-950:#031126;--v-navy-900:#061a37;--v-navy-850:#09244a;
  --v-blue-600:#086dff;--v-blue-500:#1385ff;--v-blue-400:#39a1ff;
  --v-surface:#ffffff;--v-canvas:#eef4fb;--v-line:#dbe6f3;
  --v-text:#09152d;--v-muted:#66758c;--v-green:#129149;--v-amber:#e99a12;
  --v-shadow:0 14px 40px rgba(13,42,83,.11);--v-shadow-strong:0 22px 60px rgba(3,25,62,.18);
}
html{scroll-behavior:smooth;background:var(--v-canvas)}
body{background:
  radial-gradient(circle at 10% 0%,rgba(27,126,255,.08),transparent 24%),
  radial-gradient(circle at 95% 16%,rgba(29,102,255,.06),transparent 27%),
  linear-gradient(180deg,#f6f9fd 0%,#eef4fb 100%);color:var(--v-text)}
.wrap{width:min(1280px,calc(100% - 38px))}

/* premium app header */
.topbar{background:rgba(4,19,43,.98);border-bottom:1px solid rgba(92,166,255,.20);box-shadow:0 10px 28px rgba(3,17,38,.16);backdrop-filter:blur(18px)}
.bar{min-height:76px}.topbar .official-horizontal-logo{height:45px!important;border-radius:7px!important}.topbar .product-name{color:#55a9ff!important;font-size:10px!important;letter-spacing:.18em!important}
.user-email{color:#cbd8e8!important}.account-badge{border:1px solid rgba(74,164,255,.40);background:rgba(31,111,217,.18)!important;color:#a9d5ff!important}
.topbar .btn{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;box-shadow:none}.topbar .btn:hover{background:rgba(255,255,255,.13);border-color:rgba(85,169,255,.5)}
.topbar #newQuote{border-color:transparent;background:linear-gradient(135deg,#0d8cff,#2457ff);box-shadow:0 10px 24px rgba(0,112,255,.28)}

/* connection state now feels like product chrome */
.connectivity-banner{top:86px;margin:14px 0 16px;padding:11px 16px;border-radius:14px;box-shadow:0 8px 24px rgba(21,62,111,.08);font-size:13px}

/* hero: premium product masthead */
.hero-premium{position:relative;overflow:hidden;grid-template-columns:minmax(0,1fr) 325px;min-height:390px;padding:38px 36px;border:1px solid rgba(75,153,255,.27);border-radius:30px;background:
  radial-gradient(circle at 82% 26%,rgba(43,141,255,.30),transparent 28%),
  linear-gradient(115deg,#061a37 0%,#0a2f61 60%,#0b55a8 125%);box-shadow:var(--v-shadow-strong)}
.hero-premium:before{content:"";position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(135deg,transparent 0 62%,rgba(46,144,255,.11) 62% 63%,transparent 63% 100%),
  linear-gradient(45deg,transparent 0 26%,rgba(50,143,255,.08) 26% 27%,transparent 27% 100%)}
.hero-premium:after{content:"";position:absolute;width:420px;height:420px;right:-180px;top:-220px;border:1px solid rgba(102,179,255,.25);border-radius:50%;box-shadow:0 0 0 70px rgba(39,129,255,.04),0 0 0 140px rgba(39,129,255,.025)}
.hero-copy,.quote-meta{position:relative;z-index:2}.hero-premium .pill{border:1px solid rgba(75,166,255,.45);background:rgba(13,102,210,.22);color:#8cc8ff;padding:8px 13px}
.hero-premium h1{max-width:770px;color:#fff;font-size:clamp(50px,6vw,82px);line-height:.91;letter-spacing:-.055em;text-shadow:0 6px 26px rgba(0,0,0,.15)}
.hero-premium p{max-width:760px;color:#cbdced;font-size:17px}.hero-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hero-proof span{padding:9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.07);color:#e9f4ff;font-size:11px;font-weight:850}
.hero-premium .quote-meta{align-self:stretch;padding:20px;border:1px solid rgba(255,255,255,.28);border-radius:22px;background:rgba(255,255,255,.95);box-shadow:0 20px 44px rgba(0,16,42,.26);backdrop-filter:blur(18px)}
.hero-premium .quote-meta label{color:#0b1a37}.hero-premium .quote-meta input,.hero-premium .quote-meta select{background:#fff;border-color:#d1dceb}
.save-state-wrap{padding:12px;border-radius:14px;background:#f4f9ff;border-color:#c8ddf6}

/* app navigation / steps */
.quote-step-nav{margin:22px 0;padding:9px;border:1px solid rgba(71,142,230,.22);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 12px 36px rgba(14,44,87,.09)}
.quote-step-nav a{justify-content:center;min-height:58px;border-radius:14px;font-size:12px;font-weight:800}.quote-step-nav span{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#edf6ff,#dcecff);color:#0877f9}.quote-step-nav a:hover{background:#f0f7ff}

/* dashboard */
.dashboard-grid{gap:16px;margin:0 0 22px}.dash-card{min-height:132px;padding:20px;border-color:#dce7f2;border-radius:20px;box-shadow:0 10px 30px rgba(20,49,91,.07)}.dash-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#1196ff,#2857ff);opacity:.85}.dash-card strong{font-size:29px}.dash-card span{color:#718096;letter-spacing:.07em}

/* premium cards */
.card,.feature-card{border:1px solid #dce7f2;border-radius:22px;background:rgba(255,255,255,.96);box-shadow:var(--v-shadow)}
.feature-card{padding:26px;margin:20px 0}.section-head{margin-bottom:22px}.section-title{display:flex;align-items:center;gap:14px}.section-title h2{font-size:27px;letter-spacing:-.025em;color:#0b1739}.section-title p{font-size:13px}.section-badge{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#1295ff,#2457ff);color:#fff;font-size:12px;font-weight:950;box-shadow:0 9px 20px rgba(36,87,255,.24)}

/* field system */
label{color:#14223e;font-size:12px;letter-spacing:.005em}input,select,textarea{border:1px solid #cfdbe9;border-radius:13px;background:#fbfdff;color:#0a1830;padding:11px 13px;min-height:48px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);transition:border .16s,box-shadow .16s,background .16s}
input:hover,select:hover,textarea:hover{border-color:#aebfd3;background:#fff}input:focus,select:focus,textarea:focus{border-color:#4b9bff;background:#fff;box-shadow:0 0 0 4px rgba(26,129,255,.11)}textarea{line-height:1.48}

/* quote line items */
#items{display:grid;gap:9px}.item{grid-template-columns:155px minmax(220px,1.7fr) 110px 145px 125px 50px;padding:14px;border:1px solid #e1e9f2;border-radius:16px;background:#fbfdff;box-shadow:0 5px 16px rgba(26,56,94,.035)}.item:last-child{border-bottom:1px solid #e1e9f2}.item small{font-size:11px;color:#607089}.itemTotal{color:#0c1d3c;font-size:15px}.remove{border-radius:13px;background:#fff5f6}
#addItem{background:linear-gradient(135deg,#0e8cff,#2857ff);border:0;box-shadow:0 8px 20px rgba(18,113,255,.20)}

/* pricing becomes the visual payoff */
.pricing-card{background:linear-gradient(180deg,#fff 0%,#f9fcff 100%)}.pricing-switch{padding:5px;border:1px solid #dce6f1;background:#edf2f8;border-radius:14px}.pricing-switch .mode{min-height:42px;padding:9px 16px}.pricing-switch .mode.active{color:#075edc;border:1px solid #d7e6fb;box-shadow:0 5px 14px rgba(11,67,138,.09)}
.metrics{gap:13px}.metrics>div{padding:18px;border-radius:17px!important;background:#f7faff!important;border:1px solid #dbe8f7!important}.metrics>div span{font-size:11px;font-weight:850;color:#728096}.metrics>div strong{font-size:26px;color:#0b1b38}.metrics .accent{background:linear-gradient(140deg,#e8f5ff,#edf1ff)!important;border-color:#b9d6ff!important}.metrics .accent strong{color:#075ad7}
.margin-health{padding:16px 18px;border-radius:16px}.margin-health.good{background:linear-gradient(135deg,#ecfaf1,#e9f8ef)}
.pricing-card .totals{padding-top:8px}.pricing-card .totals>div:not(.grand){padding:11px 4px}.pricing-card .totals .grand{padding:21px 22px;border-radius:18px;background:linear-gradient(125deg,#0789ff,#2856ff);box-shadow:0 14px 32px rgba(21,102,238,.24)}.pricing-card .totals .grand span{font-size:18px}.pricing-card .totals .grand strong{font-size:36px}

/* buttons */
.btn{border-color:#d6e0eb;border-radius:12px;min-height:44px;font-weight:850;transition:transform .15s,box-shadow .15s,background .15s,border .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(20,50,90,.09)}.btn.primary{border:0;background:linear-gradient(135deg,#0c8cff,#2857ff);box-shadow:0 9px 22px rgba(21,102,238,.22)}.btn.big{min-height:52px}
.actions{bottom:14px;display:flex;gap:9px;flex-wrap:wrap;padding:12px;border:1px solid #d7e4f1;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 18px 48px rgba(8,37,78,.18)}.actions .btn{flex:1 1 auto;white-space:nowrap}.actions #print{min-width:210px}

/* lists become app-like records */
.saved-toolbar{padding:12px;border:1px solid #e0e8f1;border-radius:16px;background:#f8fbff}.savedRow{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px 0;padding:17px 16px;border:1px solid #e1e8f1;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(17,45,83,.045)}.savedRow:hover{border-color:#c6d9ef;box-shadow:0 9px 26px rgba(17,45,83,.075)}.savedTitle{font-size:15px;color:#0d1c38}.savedBtns{display:flex;gap:8px;flex-wrap:wrap}.savedBtns .btn{background:#f9fbfd}.savedBtns .invoice,.savedBtns .quickPaid{color:#075dd8;border-color:#bcd7ff;background:#f0f7ff}.muted{color:#718096!important;font-size:12px;margin-top:5px}.status{padding:5px 9px;font-size:9px}.customerRow{margin:10px 0;padding:16px;border:1px solid #e2e9f1;border-radius:15px;background:#fff}
.invoice-summary{gap:14px}.invoice-summary>div{padding:18px;border-radius:17px;background:linear-gradient(180deg,#fbfdff,#f6faff);box-shadow:0 5px 18px rgba(17,45,83,.04)}.invoice-summary strong{font-size:25px}

/* dialogs feel like native sheets */
dialog{border:0!important;border-radius:24px!important;box-shadow:0 30px 90px rgba(0,21,56,.32)!important}dialog::backdrop{background:rgba(2,13,31,.58);backdrop-filter:blur(4px)}.dialog-card{padding:28px!important}.close{border:0;background:#f1f5f9;border-radius:50%;width:38px;height:38px;font-size:23px;cursor:pointer}

/* auth: closer to the approved mobile concept while still fast */
.auth-gate{background:
 radial-gradient(circle at 18% 20%,rgba(17,126,255,.26),transparent 24%),
 radial-gradient(circle at 88% 78%,rgba(2,94,219,.24),transparent 25%),
 linear-gradient(135deg,#010b1a 0%,#041b3b 54%,#074789 118%)}
.auth-shell{width:min(1060px,100%);border-radius:34px;border-color:rgba(73,160,255,.38);box-shadow:0 38px 120px rgba(0,0,0,.48)}.auth-visual{min-height:720px;padding:52px 48px;background:
 radial-gradient(circle at 60% 23%,rgba(39,137,255,.35),transparent 20%),
 linear-gradient(150deg,rgba(3,15,34,.92),rgba(4,39,83,.95))}.auth-visual:before{background:linear-gradient(124deg,transparent 0 55%,rgba(31,128,255,.18) 55% 66%,transparent 66% 100%)}.auth-logo{width:255px;top:42px;left:46px}.auth-visual h2{font-size:48px}.auth-card{padding:56px 48px}.auth-card h1{font-size:43px;color:#07162f}.auth-tabs{border:1px solid #dce5ef;border-radius:14px;background:#edf2f7;padding:5px}.auth-tabs .mode{min-height:43px}.auth-card input{min-height:53px}.auth-card .btn.big{min-height:56px;border-radius:14px}.legal-links{margin-top:22px}

/* mobile = purposeful native-style composition */
@media(max-width:900px){
 .wrap{width:min(100% - 24px,760px)}.hero-premium{grid-template-columns:1fr;min-height:0;padding:30px 26px}.hero-premium h1{font-size:56px}.hero-premium .quote-meta{max-width:none}.item{grid-template-columns:130px minmax(170px,1.5fr) 90px 120px 110px 46px}.actions{position:static}
}
@media(max-width:700px){
 body{padding-bottom:94px}.wrap{width:calc(100% - 18px)}.topbar{position:sticky}.bar{min-height:66px}.topbar .product-name,.topbar .user-email,.topbar #logoutBtn,.topbar #businessBtn,.topbar #accountBtn,.topbar #adminBillingBtn,.topbar #newQuote{display:none}.topbar .official-horizontal-logo{height:39px!important}.bar-actions:before{content:"☰";display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.17);border-radius:12px;color:#fff;font-size:21px}.account-badge{display:inline-flex!important;margin-left:auto}
 .page{padding-top:14px}.connectivity-banner{top:72px;font-size:11px}.hero-premium{padding:24px 18px;border-radius:24px}.hero-premium h1{font-size:46px}.hero-premium p{font-size:14px}.hero-proof{gap:7px;margin-top:18px}.hero-proof span{font-size:9px;padding:7px 9px}.hero-premium .quote-meta{padding:15px;border-radius:18px}
 .quote-step-nav{display:flex;overflow-x:auto;justify-content:flex-start;gap:7px;border-radius:16px;scrollbar-width:none}.quote-step-nav a{min-width:112px;justify-content:flex-start}.quote-step-nav strong{font-size:11px}
 .dashboard-grid{grid-template-columns:1fr 1fr;gap:10px}.dash-card{min-height:104px;padding:15px;border-radius:16px}.dash-card strong{font-size:21px}
 .feature-card{padding:18px 14px;border-radius:18px;margin:14px 0}.section-head{align-items:flex-start;margin-bottom:17px}.section-title{gap:10px}.section-title h2{font-size:21px}.section-title p{font-size:11px}.section-badge{width:38px;height:38px;border-radius:12px}.section-head>#addItem{min-width:104px;padding:0 11px}
 .two,.three{grid-template-columns:1fr}.item{grid-template-columns:1fr 1fr;gap:9px;padding:13px}.item>*:nth-child(2){grid-column:1/-1}.item .itemTotal{align-self:end}.item .remove{width:46px;justify-self:end}.metrics{grid-template-columns:1fr 1fr}.metrics>div{padding:14px}.metrics>div strong{font-size:21px}.pricing-card .totals .grand{padding:18px}.pricing-card .totals .grand strong{font-size:29px}.pricing-card .totals .grand span{font-size:15px}
 .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;border:0;background:transparent;box-shadow:none}.actions .btn{white-space:normal;min-width:0}.actions #print{grid-column:1/-1;order:-2}.actions #save{grid-column:1/-1;order:-1}.actions #share{grid-column:1/-1}.saved-toolbar{padding:8px}.savedRow{align-items:stretch;flex-direction:column;padding:14px}.savedBtns{display:grid;grid-template-columns:repeat(2,1fr)}.savedBtns .btn{width:100%}.invoice-summary{grid-template-columns:1fr}.customerRow{align-items:stretch}.customerRow .btn{width:100%}
 .mobile-nav{left:8px;right:8px;bottom:calc(7px + env(safe-area-inset-bottom));min-height:68px;border-radius:22px;background:rgba(3,20,45,.97);border-color:rgba(77,158,255,.32)}.mobile-nav a{position:relative;color:#9fb6d2;padding:26px 3px 7px;font-size:9px}.mobile-nav a:before{position:absolute;top:7px;left:50%;transform:translateX(-50%);font-size:18px;color:#b9d2ed}.mobile-nav a:nth-child(1):before{content:"⌂"}.mobile-nav a:nth-child(2):before{content:"▤"}.mobile-nav a:nth-child(4):before{content:"$"}.mobile-nav a:nth-child(5):before{content:"▣"}.mobile-nav button{width:62px;height:62px;font-size:37px;border:4px solid #083b78;box-shadow:0 10px 25px rgba(0,100,255,.44)}
 .auth-gate{padding:0}.auth-shell{max-width:none;min-height:100vh;border-radius:0}.auth-visual{min-height:42vh;padding:26px 22px 30px;justify-content:flex-end}.auth-logo{width:175px;top:22px;left:22px}.auth-visual h2{font-size:36px}.auth-visual p{font-size:13px}.auth-benefits{margin-top:14px}.auth-card{padding:28px 20px 42px}.auth-card h1{font-size:32px}.auth-card-brand.official-brand-lockup .official-horizontal-logo{height:54px}.auth-card input{min-height:51px}.auth-card .btn.big{min-height:55px}
}

/* ================================================================
   v1.4.1 TRUE MOBILE PRODUCT UI
   Purpose: meaningful visual rebuild while preserving all v1.3.1 logic.
   ================================================================ */
:root{
  --v141-navy:#04162e;--v141-navy2:#08264b;--v141-blue:#087dff;--v141-blue2:#2457ff;
  --v141-ice:#eef5fd;--v141-line:#d6e2ef;--v141-shadow:0 16px 42px rgba(8,35,72,.12);
}
body{background:linear-gradient(180deg,#edf5ff 0,#f7f9fc 420px,#f5f7fb 100%)}
.wrap{width:min(1240px,calc(100% - 36px))}
.topbar{background:linear-gradient(90deg,#03152d,#061d3b 58%,#08264b);border:0;box-shadow:0 8px 30px rgba(2,20,45,.16)}
.bar{min-height:76px}.topbar .official-horizontal-logo{height:48px!important;width:auto!important}.topbar .product-name{color:#8bc9ff!important;letter-spacing:.15em}
.bar-actions .btn{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.18);color:#fff}.bar-actions .btn:hover{background:rgba(255,255,255,.14)}
#newQuote{background:linear-gradient(135deg,#0b92ff,#2c58ff)!important;border:0!important}.account-badge{background:rgba(13,130,255,.14)!important;border-color:#2e80d6!important;color:#bde2ff!important}
.page{padding-top:22px}.connectivity-banner{border-radius:16px!important;box-shadow:0 8px 22px rgba(4,46,104,.06)}
.hero-premium{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:390px;padding:42px 44px;border:1px solid rgba(86,171,255,.36);border-radius:30px;background:
 radial-gradient(circle at 82% 16%,rgba(44,145,255,.26),transparent 30%),
 linear-gradient(115deg,#03172f 0%,#082d59 56%,#0b57a0 100%);box-shadow:0 25px 55px rgba(4,34,74,.20)}
.hero-premium:before,.hero-premium:after{content:"";position:absolute;pointer-events:none}.hero-premium:before{inset:0;background:linear-gradient(140deg,transparent 0 48%,rgba(65,154,255,.10) 48% 49%,transparent 49% 100%),linear-gradient(40deg,transparent 0 72%,rgba(65,154,255,.08) 72% 73%,transparent 73% 100%)}.hero-premium:after{width:430px;height:430px;border:1px solid rgba(69,151,255,.18);border-radius:50%;right:-180px;top:-230px}
.hero-copy,.quote-meta{position:relative;z-index:1}.hero-copy{align-self:center}.hero-premium .pill{background:rgba(15,119,231,.16);border:1px solid rgba(91,174,255,.42);color:#a9d8ff;letter-spacing:.08em}.hero-premium h1{font-size:clamp(62px,7vw,92px);line-height:.9;color:#fff;letter-spacing:-.055em;margin-bottom:18px}.hero-premium p{max-width:690px;color:#c8d8e9;font-size:18px}.hero-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.hero-proof span{padding:8px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:#e7f4ff;font-size:11px;font-weight:800}
.hero-premium .quote-meta{align-self:stretch;padding:20px;border-radius:22px;background:rgba(255,255,255,.97);box-shadow:0 20px 45px rgba(0,18,45,.25);border:0}.quote-meta label{font-size:11px}.save-state-wrap{border-radius:16px!important;padding:15px!important;background:linear-gradient(180deg,#f5f9fe,#eef5fc)!important;border-color:#d5e2ef!important}
.mobile-workspace-title{display:none}
.quote-step-nav{margin-top:18px;padding:10px;border:1px solid #d8e5f2;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(8,45,86,.07)}.quote-step-nav a{border-radius:14px}.quote-step-nav a:hover{background:#edf6ff}.quote-step-nav a span{background:linear-gradient(145deg,#e9f6ff,#eef3ff);color:#0875e9}
.dashboard-grid{gap:14px}.dash-card{border:1px solid #dce7f1;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 10px 25px rgba(12,50,90,.055)}.dash-card strong{color:#061b39}
.feature-card{border:1px solid #dce6f0;border-radius:22px;background:#fff;box-shadow:var(--v141-shadow);padding:26px;margin:18px 0}.section-title h2{font-size:29px}.section-badge{width:48px;height:48px;border-radius:15px}
#customerSection,#costSection,#pricingSection,#notesSection,#savedSection,#customersSection,#invoicesSection{scroll-margin-top:100px}
#items .item{background:#f8fbff;border-color:#dbe6f1}.item input,.item select{background:#fff}
.pricing-card{background:linear-gradient(180deg,#ffffff,#f7fbff)}.pricing-card .metrics>div{background:#fff!important;box-shadow:0 8px 18px rgba(5,48,96,.05)}.pricing-card .totals .grand{background:linear-gradient(120deg,#058cff,#2957ff)!important;box-shadow:0 18px 34px rgba(26,100,240,.28)}
.actions{position:sticky;bottom:14px;z-index:18}
.savedRow{transition:.18s transform,.18s box-shadow}.savedRow:hover{transform:translateY(-2px)}
.auth-gate{padding:24px;background:
 radial-gradient(circle at 16% 18%,rgba(0,134,255,.32),transparent 30%),
 radial-gradient(circle at 88% 72%,rgba(22,92,255,.25),transparent 28%),
 linear-gradient(135deg,#020b19,#041f43 58%,#075596)}
.auth-shell{width:min(1180px,100%);grid-template-columns:1.08fr .92fr;min-height:760px;border-radius:38px;overflow:hidden;border:1px solid rgba(92,179,255,.35);box-shadow:0 42px 120px rgba(0,0,0,.48)}
.auth-visual{position:relative;min-height:760px;padding:46px 52px;display:flex;flex-direction:column;justify-content:flex-end;background:
 radial-gradient(circle at 66% 20%,rgba(20,127,255,.34),transparent 25%),
 linear-gradient(145deg,rgba(2,12,26,.78),rgba(4,40,84,.96))}.auth-visual:after{content:"";position:absolute;left:0;right:0;bottom:0;height:44%;background:linear-gradient(180deg,transparent,rgba(1,10,23,.40));pointer-events:none}.auth-logo{position:absolute;top:38px;left:48px;width:290px;z-index:1}.auth-kicker,.auth-visual h2,.auth-visual p,.auth-benefits{position:relative;z-index:1}.auth-visual h2{font-size:54px;line-height:.98;margin-bottom:18px}.auth-visual h2 span{color:#31a1ff}.auth-visual p{max-width:560px;color:#e2eef9;font-size:17px}.auth-benefits{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.auth-benefits span{padding:9px 13px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07);color:#fff;font-size:11px;font-weight:800}
.auth-card{width:auto;border:0;border-radius:0;padding:62px 56px;background:#fff;box-shadow:none}.auth-card-brand{margin-bottom:28px}.auth-card h1{font-size:48px;line-height:1.02}.auth-card p{font-size:15px}.auth-card input{background:#f4f8fd;min-height:56px}.auth-card .btn.big{min-height:58px;font-size:16px}.auth-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.auth-tabs .mode{min-height:48px}
@media(max-width:900px){
 .wrap{width:min(100% - 20px,760px)}.hero-premium{grid-template-columns:1fr;min-height:0;padding:28px 24px}.hero-premium h1{font-size:60px}.hero-premium .quote-meta{margin-top:20px}.actions{position:static}.auth-shell{grid-template-columns:1fr;min-height:100vh;border-radius:0}.auth-visual{min-height:370px}.auth-card{padding:34px 24px 48px}
}
@media(max-width:700px){
 body{background:#eef4fb;padding-bottom:98px}.wrap{width:calc(100% - 14px)}
 .topbar{position:sticky;top:0;border-bottom:1px solid rgba(255,255,255,.10)}.bar{min-height:70px;padding:0 4px}.brand{display:flex;align-items:center;gap:10px}.topbar .official-horizontal-logo{height:40px!important}.topbar .product-name{display:inline!important;font-size:9px!important}.bar-actions{display:flex;align-items:center}.bar-actions:before{content:"☰";order:-1;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;border:1px solid rgba(255,255,255,.16);color:#fff;font-size:20px}.topbar .account-badge{margin-left:4px}.topbar .user-email,.topbar #logoutBtn,.topbar #businessBtn,.topbar #accountBtn,.topbar #adminBillingBtn,.topbar #newQuote{display:none!important}
 .page{padding-top:9px}.connectivity-banner{top:76px;margin-bottom:9px;border-radius:12px;font-size:10px;padding:10px 12px}
 .hero-premium{min-height:250px;padding:24px 17px 18px;border-radius:23px;margin-bottom:10px;background:radial-gradient(circle at 78% 18%,rgba(68,159,255,.34),transparent 30%),linear-gradient(145deg,#03162e,#073464 62%,#0b5ca9)}.hero-premium:after{width:240px;height:240px;right:-120px;top:-130px}.hero-premium .pill{font-size:9px;margin-bottom:10px}.hero-premium h1{font-size:42px;line-height:.94;margin:0 0 8px}.hero-premium p{font-size:12px;line-height:1.45;max-width:92%}.hero-proof{display:none}.hero-premium .quote-meta{padding:13px;margin-top:15px;border-radius:17px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.hero-premium .quote-meta .save-state-wrap{grid-column:1/-1}.quote-meta input,.quote-meta select{min-height:43px;padding:9px 10px}
 .mobile-workspace-title{display:flex;flex-direction:column;margin:12px 2px 8px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,#061c38,#0a3b70);color:#fff;box-shadow:0 12px 24px rgba(5,39,80,.16)}.mobile-workspace-title span{font-size:9px;font-weight:900;letter-spacing:.16em;color:#7fc2ff}.mobile-workspace-title strong{font-size:20px;margin-top:3px}.mobile-workspace-title small{margin-top:2px;color:#b9cee4}
 .quote-step-nav{position:sticky;top:78px;z-index:14;display:flex;overflow-x:auto;gap:7px;margin:8px 0 10px;padding:7px;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(7,41,78,.10);scrollbar-width:none}.quote-step-nav a{min-width:106px;padding:8px 10px}.quote-step-nav a span{width:28px;height:28px}.quote-step-nav strong{font-size:10px}
 .dashboard-grid{grid-template-columns:1fr 1fr;gap:8px}.dash-card{min-height:96px;padding:13px;border-radius:16px}.dash-card span{font-size:9px}.dash-card strong{font-size:21px}.dash-card small{font-size:9px}
 .feature-card{padding:16px 13px;margin:10px 0;border-radius:19px;box-shadow:0 10px 26px rgba(8,45,86,.07)}.section-head{margin-bottom:14px}.section-title{gap:9px}.section-badge{width:38px;height:38px;border-radius:12px}.section-title h2{font-size:21px}.section-title p{font-size:10px}.section-head>#addItem{min-height:40px}
 label{font-size:10px}input,select,textarea{min-height:48px;border-radius:12px;padding:10px 12px}.two,.three{grid-template-columns:1fr}.grid{gap:10px}
 #items{gap:8px}.item{grid-template-columns:1fr 1fr!important;padding:12px;border-radius:15px}.item>*:nth-child(2){grid-column:1/-1}.item small{font-size:9px}.itemTotal{font-size:14px}.remove{width:44px;justify-self:end}
 .pricing-switch{width:100%;display:grid;grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr;gap:8px}.metrics>div{padding:12px!important;border-radius:14px!important}.metrics>div strong{font-size:20px}.pricing-card .totals .grand{padding:16px;border-radius:15px}.pricing-card .totals .grand span{font-size:13px}.pricing-card .totals .grand strong{font-size:27px}.margin-health{padding:13px;border-radius:14px}
 .actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0;border:0;background:transparent;box-shadow:none}.actions .btn{min-height:49px;padding:0 8px;font-size:11px}.actions #print{grid-column:1/-1;order:-3}.actions #save{grid-column:1/-1;order:-2;background:linear-gradient(135deg,#0b8fff,#2857ff);color:#fff;border:0}.actions #share{grid-column:1/-1;order:-1}
 .saved-toolbar{padding:8px;gap:7px}.savedRow{margin:8px 0;padding:13px;border-radius:15px;align-items:stretch;flex-direction:column}.savedTitle{font-size:13px}.savedBtns{display:grid;grid-template-columns:repeat(2,1fr)}.savedBtns .btn{font-size:10px;min-height:42px}.customerRow{padding:13px}.invoice-summary{grid-template-columns:1fr!important;gap:8px}.invoice-summary>div{padding:14px!important}.invoice-summary strong{font-size:22px}
 .mobile-nav{display:grid;position:fixed;z-index:50;left:7px;right:7px;bottom:calc(7px + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr 70px 1fr 1fr;align-items:center;min-height:72px;padding:6px 8px;border:1px solid rgba(74,159,255,.31);border-radius:24px;background:rgba(3,18,41,.98);box-shadow:0 18px 36px rgba(0,0,0,.34);backdrop-filter:blur(18px)}.mobile-nav a{position:relative;color:#9eb5d0;text-decoration:none;text-align:center;font-size:9px;font-weight:800;padding:31px 2px 5px}.mobile-nav a:before{position:absolute;top:8px;left:50%;transform:translateX(-50%);font-size:20px;color:#c5dbef}.mobile-nav a:nth-child(1):before{content:"⌂"}.mobile-nav a:nth-child(2):before{content:"▤"}.mobile-nav a:nth-child(4):before{content:"$"}.mobile-nav a:nth-child(5):before{content:"•••"}.mobile-nav button{width:66px;height:66px;border:4px solid #073b79;border-radius:50%;background:linear-gradient(135deg,#0b92ff,#2857ff);color:#fff;font-size:36px;line-height:1;box-shadow:0 10px 26px rgba(0,102,255,.48)}
 .auth-gate{padding:0;align-items:stretch;background:linear-gradient(180deg,#021327,#052c56)}.auth-shell{display:block;min-height:100vh;border-radius:0;border:0;overflow:auto;background:#031832}.auth-visual{min-height:44vh;padding:24px 20px 26px;justify-content:flex-end;background:radial-gradient(circle at 72% 10%,rgba(26,142,255,.36),transparent 30%),linear-gradient(160deg,#031226,#07305b)}.auth-logo{width:190px;top:22px;left:20px}.auth-kicker{font-size:9px}.auth-visual h2{font-size:36px}.auth-visual p{font-size:12px}.auth-benefits{margin-top:12px}.auth-benefits span{font-size:9px;padding:6px 8px}.auth-card{margin:-12px 10px 12px;padding:26px 18px 32px;border-radius:24px;background:#fff;box-shadow:0 -6px 28px rgba(0,0,0,.22)}.auth-card-brand .official-horizontal-logo{height:52px!important}.auth-card h1{font-size:31px}.auth-card p{font-size:12px}.auth-tabs .mode{font-size:12px}.auth-card input{min-height:51px}.auth-card .btn.big{min-height:54px}.legal-links{font-size:10px}
 dialog{border-radius:22px!important}.dialog-card{padding:19px!important}
}

/* =====================================================================
   VICOLA v1.4.3 — RESPONSIVE PRODUCT SHELL
   Structural visual rebuild: deliberate desktop workspace + mobile app UI.
   Business logic remains unchanged.
   ===================================================================== */
:root{
  --vd-navy-950:#031126;
  --vd-navy-900:#071a34;
  --vd-navy-800:#0a2852;
  --vd-blue-600:#087cff;
  --vd-blue-500:#168cff;
  --vd-blue-400:#3da2ff;
  --vd-surface:#ffffff;
  --vd-bg:#eef4fb;
  --vd-text:#07162e;
  --vd-muted:#64748b;
  --vd-border:#dce7f3;
  --vd-shadow:0 18px 50px rgba(7,35,75,.10);
}
html{scroll-behavior:smooth;background:var(--vd-bg)}
body{background:linear-gradient(180deg,#edf4fc 0,#f7f9fc 42%,#eef4fa 100%);color:var(--vd-text);min-height:100vh}
.wrap{width:min(1440px,calc(100% - 40px))}

/* -------- Desktop app bar -------- */
.topbar{position:sticky;top:0;z-index:80;background:rgba(3,17,38,.97);border:0;box-shadow:0 8px 30px rgba(3,17,38,.20);backdrop-filter:blur(18px)}
.bar{min-height:76px;padding:0 4px}.topbar .official-horizontal-logo{height:46px}.topbar .product-name{font-size:10px;color:#7dc0ff}
.bar-actions{align-items:center;gap:7px}.bar-actions .btn{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff;border-radius:12px;min-height:42px;padding:0 14px}.bar-actions .btn:hover{background:rgba(255,255,255,.12)}.bar-actions #newQuote{background:linear-gradient(135deg,#0a8aff,#2b58ff);border:0;box-shadow:0 8px 22px rgba(13,126,255,.30)}.account-badge{border:1px solid rgba(85,170,255,.38);background:rgba(30,115,226,.14);color:#9fd0ff;padding:9px 12px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.12em}.user-email{color:#b7c9dd}

.page{padding:26px 0 90px;display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:24px;align-items:start}
#connectivityBanner,.hero-premium,.mobile-workspace-title,.dashboard-grid{grid-column:1/-1}
.hero-premium{margin:0 0 22px;min-height:330px;padding:40px 42px;border-radius:26px;display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:stretch;gap:34px;overflow:hidden;position:relative;background:radial-gradient(circle at 88% 18%,rgba(36,140,255,.32),transparent 30%),linear-gradient(135deg,#04152f 0%,#0a2a58 62%,#0d5cae 120%);box-shadow:0 20px 58px rgba(5,35,75,.20)}
.hero-premium:before{content:"";position:absolute;inset:0;background:linear-gradient(128deg,transparent 0 45%,rgba(77,161,255,.12) 45% 53%,transparent 53%);pointer-events:none}.hero-premium .hero-copy,.hero-premium .quote-meta{position:relative;z-index:1}.hero-premium .hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero-premium .pill{background:rgba(28,140,255,.12);border:1px solid rgba(91,177,255,.38);color:#9fd4ff;letter-spacing:.1em}.hero-premium h1{font-size:clamp(58px,6vw,86px);color:#fff;letter-spacing:-.055em;line-height:.92;margin:0 0 18px}.hero-premium p{color:#d1dfef;max-width:760px;font-size:17px}.hero-proof{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.hero-proof span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);color:#dceafb;font-size:11px;font-weight:800}
.hero-premium .quote-meta{align-self:center;background:rgba(255,255,255,.96);border:0;border-radius:20px;padding:20px;box-shadow:0 22px 55px rgba(0,0,0,.22);display:grid;gap:13px}.hero-premium .quote-meta label{font-size:12px}.hero-premium .quote-meta input,.hero-premium .quote-meta select{background:#f9fbfe;border-color:#d8e4f0}.save-state-wrap{border:1px solid #dbe7f2;border-radius:14px;padding:12px;background:#f7fbff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.save-state-wrap small{grid-column:3;color:#6c7c91;font-weight:800}
.mobile-workspace-title{display:none}

/* -------- Desktop left workspace navigator -------- */
.quote-step-nav{grid-column:1;position:sticky;top:98px;margin:0;display:flex;flex-direction:column;gap:7px;padding:12px;border:1px solid var(--vd-border);border-radius:18px;background:rgba(255,255,255,.90);box-shadow:var(--vd-shadow);backdrop-filter:blur(12px)}
.quote-step-nav a{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;min-height:54px;padding:8px 10px;border-radius:12px;color:#56667a;text-decoration:none;font-size:12px}.quote-step-nav a:hover{background:#edf6ff;color:#0b67cf}.quote-step-nav a span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#edf5fe;color:#147ce8;font-weight:950}.quote-step-nav a strong{font-size:13px;color:inherit}
.dashboard-grid{margin:0 0 22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dash-card{background:#fff;border:1px solid var(--vd-border);border-radius:17px;padding:18px 20px;box-shadow:0 10px 28px rgba(7,35,75,.07)}.dash-card span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#708096;font-weight:900}.dash-card strong{display:block;font-size:28px;margin:6px 0 2px;color:#081a37}.dash-card small{color:#7c899b}

.page>.feature-card,.page>.actions{grid-column:2}.feature-card{margin:0 0 18px;padding:25px 26px;border:1px solid var(--vd-border);border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(7,35,75,.075)}
.section-head{margin-bottom:20px}.section-title h2{font-size:25px;letter-spacing:-.025em}.section-title p{font-size:13px}.section-badge{width:40px;height:40px;border-radius:12px;box-shadow:0 8px 20px rgba(19,120,238,.20)}
input,select,textarea{border:1px solid #cfdeec;border-radius:12px;background:#fbfdff;min-height:48px;padding:11px 13px;transition:border .16s,box-shadow .16s,background .16s}textarea{min-height:94px}input:hover,select:hover,textarea:hover{background:#fff;border-color:#b6cce0}input:focus,select:focus,textarea:focus{background:#fff;border-color:#248dff;box-shadow:0 0 0 4px rgba(36,141,255,.12)}label{font-size:12px;color:#17263c}
.item{grid-template-columns:150px minmax(260px,1.5fr) 110px 135px 120px 48px;padding:13px 0}.itemTotal{color:#0a1b35}
.pricing-card{background:linear-gradient(180deg,#fff,#fafdff)}.metrics{gap:12px}.metrics>div{border-radius:15px;padding:17px}.metrics strong{font-size:25px}.pricing-card .totals .grand{border-radius:16px;padding:18px 20px}.pricing-card .totals .grand strong{font-size:34px}.margin-health{border-radius:14px;padding:15px 16px}
.actions{position:sticky;bottom:14px;z-index:45;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:0 0 20px;padding:11px;border:1px solid rgba(211,225,240,.95);border-radius:17px;background:rgba(255,255,255,.95);box-shadow:0 16px 42px rgba(6,32,68,.15);backdrop-filter:blur(15px)}.actions .btn{border-radius:11px}.actions #print{background:linear-gradient(135deg,#0d87ff,#2d58ff);border:0;color:#fff}
.savedRow{border-top:1px solid #e3ebf4;padding:14px 0}.savedTitle{font-size:15px}.savedBtns .btn{min-height:40px}.status{padding:5px 9px}
.invoice-summary{gap:12px}.invoice-summary>div{border-radius:16px;border-color:#dbe6f2;background:#f8fbff}

/* -------- Auth: real desktop product screen -------- */
.auth-gate{position:fixed!important;inset:0!important;z-index:10000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:32px!important;overflow:auto!important;background:radial-gradient(circle at 80% 15%,rgba(22,140,255,.25),transparent 29%),linear-gradient(135deg,#020b18,#071b38 48%,#0a326a)!important}.auth-gate.hidden{display:none!important}
.auth-shell{width:min(1180px,100%);min-height:720px;max-height:calc(100vh - 64px);display:grid;grid-template-columns:1.06fr .94fr;overflow:hidden;border-radius:30px;border:1px solid rgba(94,172,255,.30);background:#fff;box-shadow:0 40px 120px rgba(0,0,0,.48)}
.auth-visual{min-height:0;height:100%;padding:48px 52px;justify-content:flex-end;background:radial-gradient(circle at 65% 18%,rgba(29,136,255,.30),transparent 25%),linear-gradient(155deg,rgba(3,15,34,.93),rgba(5,38,82,.96)),linear-gradient(45deg,#06152d,#0c448d)}.auth-visual:after{bottom:192px}.auth-logo{top:44px;left:50px;width:255px}.auth-kicker{font-size:11px}.auth-visual h2{font-size:52px;max-width:470px}.auth-visual p{font-size:16px;max-width:460px}.auth-card{padding:54px 54px 40px;overflow:auto;justify-content:center}.auth-card-brand.official-brand-lockup{margin-bottom:30px}.auth-card-brand.official-brand-lockup .official-horizontal-logo{height:66px;max-width:300px}.auth-card h1{font-size:43px;max-width:520px;margin-bottom:12px}.auth-card p{font-size:15px;max-width:500px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;margin:10px 0 18px}.auth-tabs .mode{min-height:46px}.auth-card form{gap:14px}.auth-card .btn.big{min-height:54px;border-radius:13px}.legal-links{margin-top:20px}

.mobile-nav{display:none}

/* -------- Tablet -------- */
@media(max-width:1050px){
 .wrap{width:min(100% - 28px,1100px)}
 .page{grid-template-columns:1fr}.quote-step-nav{grid-column:1;position:sticky;top:84px;z-index:50;flex-direction:row;overflow:auto;padding:8px;margin-bottom:16px;border-radius:15px}.quote-step-nav a{flex:1 0 120px;grid-template-columns:30px 1fr;min-height:46px}.quote-step-nav a span{width:30px;height:30px}.page>.feature-card,.page>.actions{grid-column:1}.hero-premium{grid-template-columns:1fr 300px;padding:32px}.hero-premium h1{font-size:62px}.dashboard-grid{grid-template-columns:repeat(2,1fr)}
 .auth-shell{grid-template-columns:.92fr 1.08fr;min-height:650px}.auth-visual{padding:40px 36px}.auth-logo{left:34px;width:210px}.auth-visual h2{font-size:42px}.auth-card{padding:42px 36px}
}

/* -------- Mobile: genuine app layout -------- */
@media(max-width:700px){
 body{padding-bottom:92px;background:#f2f6fb}.wrap{width:100%}
 .topbar{padding-top:env(safe-area-inset-top);background:#04152f;box-shadow:0 7px 22px rgba(4,21,47,.22)}.bar{min-height:66px;padding:0 15px}.topbar .official-horizontal-logo{height:35px;max-width:150px}.topbar .product-name{display:none}.bar-actions{gap:5px}.bar-actions .account-badge,.bar-actions .user-email,.bar-actions #businessBtn,.bar-actions #newQuote,.bar-actions #adminBillingBtn{display:none!important}.bar-actions .btn{font-size:0;padding:0;width:39px;height:39px;min-height:39px;border-radius:50%;position:relative}.bar-actions #accountBtn:after{content:"●";font-size:18px;color:#fff}.bar-actions #logoutBtn:after{content:"↪";font-size:20px;color:#fff}
 .page{display:block;padding:0 12px 110px}
 #connectivityBanner{margin:12px 0 10px;border-radius:12px;font-size:12px;padding:11px 12px}
 .hero-premium{min-height:0;margin:10px 0 12px;padding:18px 16px;border-radius:19px;display:block;background:radial-gradient(circle at 100% 0,rgba(38,146,255,.35),transparent 34%),linear-gradient(135deg,#04172f,#0b3973);box-shadow:0 12px 30px rgba(4,31,68,.18)}.hero-premium .hero-copy{display:none}.hero-premium .quote-meta{padding:0;background:transparent;box-shadow:none;display:grid;grid-template-columns:1fr 1fr;gap:9px}.hero-premium .quote-meta label{color:#cfe3f8;font-size:10px}.hero-premium .quote-meta input,.hero-premium .quote-meta select{min-height:43px;background:rgba(255,255,255,.97)}.save-state-wrap{grid-column:1/-1;border-color:rgba(117,181,247,.25);background:rgba(255,255,255,.08);color:#fff;padding:10px 11px}.save-state-wrap strong{font-size:11px}.save-state-wrap small{color:#9fcaf5}
 .mobile-workspace-title{display:flex;flex-direction:column;padding:14px 4px 10px}.mobile-workspace-title span{font-size:9px;font-weight:950;letter-spacing:.14em;color:#1685f2}.mobile-workspace-title strong{font-size:25px;letter-spacing:-.035em;margin-top:2px}.mobile-workspace-title small{font-size:11px;color:#7b899b;margin-top:2px}
 .quote-step-nav{position:sticky;top:66px;z-index:55;display:flex;gap:5px;margin:0 -12px 12px;padding:8px 12px;overflow:auto;border:0;border-top:1px solid #dbe6f1;border-bottom:1px solid #dbe6f1;border-radius:0;background:rgba(247,250,253,.96);box-shadow:0 5px 16px rgba(8,37,75,.06);backdrop-filter:blur(14px)}.quote-step-nav a{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;gap:4px;width:70px;min-height:58px;padding:6px;border-radius:12px;text-align:center}.quote-step-nav a span{width:26px;height:26px;margin:auto;border-radius:8px;font-size:9px}.quote-step-nav a strong{font-size:9px}
 .dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.dash-card{padding:12px 13px;border-radius:14px}.dash-card span{font-size:8px}.dash-card strong{font-size:20px}.dash-card small{font-size:9px}
 .feature-card{margin:0 0 11px;padding:17px 15px;border-radius:17px;box-shadow:0 8px 22px rgba(7,35,75,.06)}.section-head{margin-bottom:14px;align-items:flex-start}.section-title{gap:10px}.section-badge{width:34px;height:34px;border-radius:10px;font-size:10px}.section-title h2{font-size:20px}.section-title p{font-size:11px;line-height:1.35}.feature-card>.section-head>#addItem,.section-head #addItem{width:100%;margin-top:8px}
 .two,.three{grid-template-columns:1fr}.grid{gap:11px}.full{grid-column:auto}label{font-size:11px}input,select,textarea{min-height:47px;border-radius:11px;padding:10px 11px;font-size:14px}
 .item{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px 0}.item .desc{grid-column:1/-1}.itemTotal{font-size:14px;min-height:40px}.remove{height:40px}.pricing-switch{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-bottom:13px}.pricing-switch .mode{min-height:42px}.metrics{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.metrics>div{padding:12px;border-radius:13px}.metrics span{font-size:9px}.metrics strong{font-size:19px}.pricing-card .totals .grand{padding:15px;border-radius:14px}.pricing-card .totals .grand span{font-size:14px}.pricing-card .totals .grand strong{font-size:27px}.margin-health{padding:12px;border-radius:13px}
 .actions{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px;padding:0;background:transparent;border:0;box-shadow:none}.actions .btn{min-height:48px;padding:0 8px;font-size:11px}.actions #print{grid-column:1/-1;order:-2;min-height:54px;font-size:13px}.actions #save{grid-column:1/-1;order:-1}.actions #share,.actions #emailQuote,.actions #createInvoice,.actions #emailInvoiceAction{grid-column:auto}
 .saved-toolbar,.data-actions{flex-direction:column;align-items:stretch}.savedRow{padding:13px 0;align-items:flex-start;flex-direction:column}.savedBtns{width:100%;display:grid;grid-template-columns:repeat(2,1fr)}.savedBtns .btn{width:100%}.invoice-summary{grid-template-columns:1fr;gap:8px}.invoice-summary>div{padding:13px}
 .mobile-nav{display:grid;position:fixed;z-index:90;left:8px;right:8px;bottom:calc(7px + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr 70px 1fr 1fr;align-items:center;min-height:74px;padding:6px 8px;border:1px solid rgba(77,157,255,.31);border-radius:24px;background:rgba(3,18,41,.98);box-shadow:0 18px 36px rgba(0,0,0,.34);backdrop-filter:blur(18px)}.mobile-nav a{position:relative;color:#a4bbd4;text-decoration:none;text-align:center;font-size:9px;font-weight:800;padding:32px 2px 5px}.mobile-nav a:before{position:absolute;top:8px;left:50%;transform:translateX(-50%);font-size:20px;color:#d0e5f7}.mobile-nav a:nth-child(1):before{content:"⌂"}.mobile-nav a:nth-child(2):before{content:"▤"}.mobile-nav a:nth-child(4):before{content:"$"}.mobile-nav a:nth-child(5):before{content:"•••"}.mobile-nav button{width:66px;height:66px;border:4px solid #073b79;border-radius:50%;background:linear-gradient(135deg,#0b92ff,#2857ff);color:#fff;font-size:36px;line-height:1;box-shadow:0 10px 26px rgba(0,102,255,.48)}
 dialog{width:calc(100% - 14px);max-height:calc(100vh - 18px);border-radius:20px}.dialog-card{padding:18px 15px}.dialog-actions{display:grid;grid-template-columns:1fr 1fr}.invoice-actions{grid-template-columns:1fr 1fr}.invoice-actions #invoiceSave{grid-column:1/-1}.invoice-total-line{border-radius:14px}
 /* Mobile auth is a dedicated native-feeling screen, not a squeezed desktop panel */
 .auth-gate{padding:0!important;align-items:stretch!important;background:#04142c!important}.auth-shell{width:100%;min-height:100vh;max-height:none;border:0;border-radius:0;display:block;background:#061831;overflow:auto}.auth-visual{height:250px;min-height:250px;padding:26px 24px 22px;justify-content:flex-end;border-radius:0;background:radial-gradient(circle at 85% 12%,rgba(36,143,255,.38),transparent 30%),linear-gradient(155deg,#031126,#0b3f82)}.auth-logo{width:170px;top:24px;left:24px}.auth-visual:after{bottom:78px;left:24px;right:24px}.auth-kicker{font-size:9px;margin:0 0 7px}.auth-visual h2{font-size:30px;margin:0}.auth-visual p,.auth-benefits{display:none}.auth-card{width:100%;min-height:calc(100vh - 250px);padding:24px 20px 34px;border-radius:28px 28px 0 0;margin-top:-20px;background:#fff;justify-content:flex-start;overflow:visible;position:relative;z-index:2}.auth-card-brand.official-brand-lockup{display:none}.auth-card h1{font-size:31px;line-height:1.02;margin:3px 0 9px}.auth-card p{font-size:13px;margin-bottom:14px}.auth-tabs{margin:4px 0 14px}.auth-card form{gap:11px}.auth-card .btn.big{min-height:52px}.auth-card small{font-size:10px}.legal-links{font-size:10px;margin-top:14px}
}

@media(max-width:390px){.dashboard-grid{grid-template-columns:1fr}.savedBtns{grid-template-columns:1fr}.actions{grid-template-columns:1fr}.actions #print,.actions #save{grid-column:1}.metrics{grid-template-columns:1fr 1fr}.auth-visual{height:220px;min-height:220px}.auth-card{min-height:calc(100vh - 220px)}}
@media print{.quote-step-nav,.mobile-nav{display:none!important}.page{display:none!important}}

/* =====================================================================
   VICOLA v1.4.3 — FINAL UI REFINEMENT
   Compact desktop workspace + live pricing rail + polished auth proportions.
   No business-logic changes.
   ===================================================================== */
@media(min-width:1201px){
  .wrap{width:min(1500px,calc(100% - 44px))}
  .page{grid-template-columns:204px minmax(0,1fr) 300px;column-gap:20px;padding-top:20px}
  #connectivityBanner,.hero-premium,.mobile-workspace-title{grid-column:1/-1}
  .dashboard-grid{grid-column:2/4;margin-bottom:18px}
  .quote-step-nav{grid-column:1;top:92px;padding:10px;border-radius:16px;box-shadow:0 10px 28px rgba(7,35,75,.075)}
  .quote-step-nav a{min-height:49px;padding:6px 8px}
  .quote-step-nav a span{width:31px;height:31px;border-radius:9px}
  .page>.feature-card,.page>.actions{grid-column:2}
  #savedSection,#customersSection,#invoicesSection{grid-column:2/4}
  .desktop-live-summary{display:block;grid-column:3;grid-row:auto;position:sticky;top:92px;align-self:start;padding:20px;border:1px solid var(--vd-border);border-radius:19px;background:rgba(255,255,255,.96);box-shadow:0 18px 46px rgba(7,35,75,.11);backdrop-filter:blur(16px)}
  .hero-premium{min-height:238px;padding:28px 32px;grid-template-columns:minmax(0,1fr) 310px;gap:26px;margin-bottom:18px;border-radius:22px}
  .hero-premium h1{font-size:clamp(48px,4.6vw,66px);margin-bottom:10px}
  .hero-premium p{font-size:15px;max-width:720px}.hero-proof{margin-top:15px}.hero-proof span{padding:6px 9px}
  .hero-premium .quote-meta{padding:16px;border-radius:17px;gap:10px}.hero-premium .quote-meta input,.hero-premium .quote-meta select{min-height:44px}
  .dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dash-card{padding:14px 16px}.dash-card strong{font-size:24px}
  .feature-card{padding:22px 23px;border-radius:18px;margin-bottom:15px}.section-head{margin-bottom:16px}.section-title h2{font-size:23px}.section-badge{width:37px;height:37px}
  .actions{bottom:12px;padding:9px;border-radius:15px;gap:7px}.actions .btn{min-height:42px;padding:0 12px;font-size:12px}
}
.desktop-live-summary{display:none}
.summary-eyebrow{font-size:9px;font-weight:950;letter-spacing:.15em;color:#1685f2}.summary-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}.summary-title-row h2{font-size:21px;letter-spacing:-.03em}.summary-live-dot{width:9px;height:9px;border-radius:50%;background:#22b46b;box-shadow:0 0 0 5px rgba(34,180,107,.12)}.summary-help{font-size:11px;margin:4px 0 15px}.summary-stack{display:grid;gap:9px}.summary-stack>div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #edf2f7}.summary-stack span{font-size:11px;color:#65768b}.summary-stack strong{font-size:14px;color:#091b37}.summary-stack.compact>div{padding:6px 0}.summary-divider{height:1px;background:#dce7f2;margin:13px 0}.summary-total{margin:15px 0 13px;padding:15px;border-radius:15px;background:linear-gradient(135deg,#087fff,#2d58ff);color:#fff;box-shadow:0 12px 24px rgba(21,111,255,.22)}.summary-total span{display:block;font-size:10px;font-weight:800;opacity:.88}.summary-total strong{display:block;font-size:28px;margin-top:2px;letter-spacing:-.035em}.summary-health{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #dbe7f2;border-radius:14px;background:#f7fbff}.summary-health-dot{width:10px;height:10px;border-radius:50%;background:#94a3b8;margin-top:4px;flex:none}.summary-health strong{display:block;font-size:12px}.summary-health small{display:block;color:#718096;font-size:10px;line-height:1.35;margin-top:2px}.summary-health.good{background:#effbf4;border-color:#b9ebce}.summary-health.good .summary-health-dot{background:#18a85f}.summary-health.good strong{color:#087443}.summary-health.watch{background:#fff9ec;border-color:#f4d99c}.summary-health.watch .summary-health-dot{background:#ee9b15}.summary-health.low{background:#fff2f2;border-color:#f3c1c5}.summary-health.low .summary-health-dot{background:#d44753}.summary-jump{display:block;text-decoration:none;text-align:center;margin-top:12px;padding:10px;border-radius:11px;background:#eef6ff;color:#0b67cf;font-size:11px;font-weight:900}.summary-jump:hover{background:#e1efff}

/* Auth must read as a standalone product screen, never as a modal over the app. */
body:has(.auth-gate:not(.hidden)){overflow:hidden}
@media(min-width:701px){
 .auth-gate{padding:24px!important;align-items:center!important;background:radial-gradient(circle at 18% 20%,rgba(19,126,255,.22),transparent 29%),linear-gradient(135deg,#020b18,#061b39 50%,#0b3978)!important}
 .auth-shell{width:min(1060px,calc(100vw - 48px));min-height:600px;max-height:calc(100vh - 48px);grid-template-columns:.95fr 1.05fr;border-radius:26px}
 .auth-visual{padding:38px 42px;min-height:600px}.auth-logo{width:220px;top:34px;left:40px}.auth-visual:after{bottom:160px}.auth-visual h2{font-size:43px;max-width:430px}.auth-visual p{font-size:14px}.auth-benefits{margin-top:17px}
 .auth-card{padding:38px 46px;justify-content:center}.auth-card-brand.official-brand-lockup{margin-bottom:20px}.auth-card-brand.official-brand-lockup .official-horizontal-logo{height:56px;max-width:260px}.auth-card h1{font-size:37px;max-width:460px}.auth-card p{font-size:13px}.auth-tabs{margin:7px 0 14px}.auth-card form{gap:11px}.auth-card input{min-height:49px}.auth-card .btn.big{min-height:50px}.legal-links{margin-top:14px}
}

/* Softer premium chrome */
@media(min-width:701px){
 .bar-actions .btn{min-height:40px;padding:0 12px;border-radius:10px;font-size:12px}.bar-actions #newQuote{padding:0 16px}.topbar .official-horizontal-logo{height:42px}.bar{min-height:68px}
}

@media(max-width:1200px){.desktop-live-summary{display:none!important}}


/* =====================================================================
   VICOLA v1.4.4 — DESKTOP WORKSPACE + TYPE SCALE POLISH
   Fixes oversized controls, desktop rail visibility, sticky overlays,
   and creates a calmer professional type hierarchy. No logic changes.
   ===================================================================== */
:root{--vd-ui-text:13px;--vd-control-text:13px}

/* Consistent control typography. Prevent browser/default inheritance from
   making isolated buttons/selects look dramatically larger than the app. */
.btn,.filebtn,button,input,select,textarea{font-family:inherit}
.btn,.filebtn{font-size:var(--vd-ui-text);line-height:1.2}
input,select,textarea{font-size:var(--vd-control-text)}
.saved-toolbar input,.saved-toolbar select{font-size:13px;min-height:43px;padding:9px 12px}
.data-actions .btn,.data-actions .filebtn{font-size:12px;min-height:42px;padding:0 14px;white-space:nowrap}
.saved-toolbar select{min-width:146px}
.section-title h2{line-height:1.15}
.section-title p{font-size:12px;line-height:1.4}

@media(min-width:1201px){
  /* The v1.4.3 summary rule was later overridden by the base display:none.
     Force the intended desktop third rail to render. */
  .desktop-live-summary{display:block!important;grid-column:3!important;position:sticky!important;top:88px!important;align-self:start!important}

  /* Status belongs in the layout, not floating over the quote editor. */
  #connectivityBanner{position:static!important;top:auto!important;z-index:auto!important;grid-column:2/4!important;justify-self:end!important;width:auto!important;max-width:420px!important;margin:0 0 4px!important;padding:8px 12px!important;border-radius:999px!important;box-shadow:none!important;font-size:11px!important}

  /* Stop the action strip covering fields while scrolling. Desktop has
     enough room for actions to live naturally under the editor. */
  .page>.actions{position:static!important;bottom:auto!important;z-index:auto!important;margin:0 0 18px!important;padding:8px!important;border-radius:14px!important;box-shadow:0 9px 24px rgba(7,35,75,.075)!important}
  .actions .btn{min-height:40px!important;padding:0 11px!important;font-size:11px!important}
  .actions #print{min-width:190px!important}

  /* Calm desktop type scale for data-heavy areas. */
  #savedSection .section-head,#customersSection .section-head,#invoicesSection .section-head{align-items:center}
  #savedSection .data-actions{gap:7px}
  #savedSection .data-actions .btn,#savedSection .data-actions .filebtn{font-size:12px!important;min-height:40px!important;padding:0 13px!important;border-radius:10px!important}
  #savedSection .saved-toolbar{display:grid!important;grid-template-columns:minmax(300px,1fr) 150px 160px!important;gap:8px!important;align-items:center!important;padding:9px!important}
  #savedSection .saved-toolbar input,#savedSection .saved-toolbar select{font-size:12px!important;min-height:40px!important;padding:8px 10px!important;border-radius:10px!important}
  #customersSection .saved-toolbar,#invoicesSection .saved-toolbar{padding:9px!important}
  #customersSection .saved-toolbar input,#invoicesSection .saved-toolbar input,#invoicesSection .saved-toolbar select{font-size:12px!important;min-height:40px!important}
  .savedTitle{font-size:14px!important}.muted{font-size:11px!important}.status{font-size:9px!important}

  /* Use the wide monitor instead of leaving a dead right gutter. */
  .page{grid-template-columns:190px minmax(620px,1fr) 310px!important;column-gap:18px!important}
  .page>.feature-card{max-width:none!important}
  .desktop-live-summary .summary-title-row h2{font-size:20px!important}
  .desktop-live-summary .summary-total strong{font-size:27px!important}
}

@media(min-width:701px) and (max-width:1200px){
  .btn,.filebtn{font-size:12px}
  .data-actions .btn,.data-actions .filebtn{font-size:12px;min-height:41px}
  .saved-toolbar input,.saved-toolbar select{font-size:13px;min-height:43px}
  #connectivityBanner{position:static!important;top:auto!important;margin:8px 0 10px!important;font-size:11px!important}
}

@media(max-width:700px){
  /* Mobile remains touch friendly without cartoonishly large text. */
  :root{--vd-ui-text:12px;--vd-control-text:14px}
  .data-actions .btn,.data-actions .filebtn{font-size:12px!important;min-height:46px!important;padding:0 12px!important}
  .saved-toolbar input,.saved-toolbar select{font-size:14px!important;min-height:47px!important}
  #connectivityBanner{position:static!important;top:auto!important;margin:8px 0!important;font-size:10px!important;padding:8px 10px!important}
}

/* =========================================================
   v1.4.5 — workspace access + summary collapse + action calm
   ========================================================= */
.summary-title-actions{display:flex;align-items:center;gap:8px}
.summary-toggle{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d7e2ee;border-radius:9px;background:#f5f9fd;color:#31526f;font-size:21px;line-height:1;cursor:pointer;transition:.18s ease}
.summary-toggle:hover{background:#eaf4ff;border-color:#9fc8f4;color:#0b72d9}
.summary-collapsed-tab{display:none;border:0;background:transparent;color:#0b5fae;font-weight:850;font-size:12px;white-space:nowrap;cursor:pointer;padding:12px 7px;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.02em}
.summary-collapsed-tab span{font-size:18px;margin-top:5px}
.desktop-live-summary.is-collapsed{width:48px!important;min-width:48px!important;padding:8px 4px!important;border-radius:14px!important;overflow:hidden}
.desktop-live-summary.is-collapsed .summary-panel-body{display:none!important}
.desktop-live-summary.is-collapsed .summary-collapsed-tab{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:170px}

.more-actions{position:relative}
.more-actions>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center}
.more-actions>summary::-webkit-details-marker{display:none}
.more-actions>summary:after{content:"▾";margin-left:7px;font-size:10px}
.more-actions[open]>summary:after{content:"▴"}
.more-actions-menu{position:absolute;right:0;bottom:calc(100% + 8px);z-index:25;display:grid;gap:6px;min-width:190px;padding:8px;background:#fff;border:1px solid #d9e4ef;border-radius:13px;box-shadow:0 18px 45px rgba(6,31,65,.17)}
.more-actions-menu .btn{width:100%;justify-content:flex-start;text-align:left;min-height:38px!important;font-size:11px!important}

@media(min-width:1201px){
  .actions{display:grid!important;grid-template-columns:minmax(120px,.8fr) minmax(120px,1fr) minmax(130px,1fr) minmax(180px,1.35fr) minmax(120px,.8fr)!important;gap:7px!important}
  .actions #print{min-width:0!important}
  .more-actions{grid-column:auto}
  .page.summary-collapsed{grid-template-columns:190px minmax(700px,1fr) 48px!important}
}
@media(max-width:700px){
  .more-actions{grid-column:1/-1}
  .more-actions-menu{position:static;margin-top:7px;box-shadow:none}
}

/* v1.4.6 website purchase-flow handoff */
.selected-plan-banner{margin:12px 0 4px;padding:12px 14px;border:1px solid #b9d8ff;border-radius:14px;background:#edf6ff;color:#0b2b55;font-size:14px;line-height:1.35}
.selected-plan-banner strong{display:block;color:#0b63ce;margin-bottom:3px}.selected-plan-banner small{display:block;margin-top:4px;color:#5c6d82;font-size:12px}


/* 1.4.7 customer recall + quote archive */
.customer-lookup-wrap{position:relative;margin:0 0 14px}.customer-lookup-label{display:block;font-weight:800;color:#17223b}.customer-lookup-label input{margin-top:6px;width:100%;background:#f7fbff;border:1px solid #bed4ed}.customer-lookup-results{position:absolute;z-index:60;top:100%;left:0;right:0;margin-top:5px;max-height:310px;overflow:auto;background:#fff;border:1px solid #cbd9e8;border-radius:13px;box-shadow:0 18px 46px rgba(11,31,62,.18);padding:6px}.customer-lookup-option{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;border:0;background:#fff;padding:11px 12px;border-radius:9px;cursor:pointer;color:#14213b}.customer-lookup-option:hover,.customer-lookup-option:focus{background:#eef6ff;outline:none}.customer-lookup-option strong{font-size:13px}.customer-lookup-option span,.customer-lookup-empty{font-size:11px;color:#6b7890}.customer-lookup-empty{padding:12px}.customer-recall-hint{margin-top:7px;font-size:11px;font-weight:700;color:#12633c;background:#eefaf3;border:1px solid #bfe7ce;padding:7px 9px;border-radius:9px}.status-archived{background:#eef1f5!important;color:#667085!important}.savedBtns .archive{background:#fff9ec;border-color:#efd9a2;color:#76520b}
@media(min-width:900px){#savedSection .saved-toolbar{grid-template-columns:minmax(260px,1fr) 145px 145px 150px!important}}
@media(max-width:560px){.customer-lookup-results{position:static;margin-top:7px;max-height:240px}.customer-lookup-option{padding:13px}.customer-lookup-option strong{font-size:14px}.customer-lookup-option span{font-size:12px}}

/* VICOLA v1.4.8 — LAUNCH ESSENTIALS */
.internal-field{background:#f8fafc;border:1px dashed #cbd5e1;padding:12px;border-radius:12px}.internal-tag{font-size:10px;font-weight:800;letter-spacing:.08em;color:#64748b}.cost-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cost-head-actions select{min-width:190px;height:40px}.item{position:relative}.save-library{border:0;background:#eef4ff;color:#155eef;border-radius:8px;width:34px;height:34px;font-size:20px;cursor:pointer}.save-library:hover{background:#dbe8ff}.invoice-payment-panel{margin-top:14px;padding:14px;border:1px solid #dbe3ef;border-radius:14px;background:#f8fafc}.invoice-payment-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.invoice-payment-summary>div{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px}.invoice-payment-summary span{display:block;font-size:12px;color:#64748b}.invoice-payment-summary strong{display:block;font-size:18px;margin-top:3px}.invoice-paid-in-full{margin:0 0 12px;padding:12px 14px;border:1px solid #b7e4c7;border-radius:10px;background:#ecfdf3;color:#15803d;font-weight:900;text-align:center;letter-spacing:.04em}.payment-entry-action{display:flex;align-items:end}.invoice-payment-history{margin-top:10px}.payment-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid #e5e7eb}.payment-remove{border:0;background:transparent;font-size:18px;cursor:pointer;color:#64748b}@media(max-width:760px){.cost-head-actions{width:100%}.cost-head-actions select{flex:1;min-width:0}.invoice-payment-summary{grid-template-columns:1fr}.payment-entry-action .btn{width:100%}}

/* =========================================================
   v1.5.0 — persistent section-by-section help guide
   ========================================================= */
.help-guide-panel{position:fixed;z-index:120;top:0;right:0;width:min(390px,92vw);height:100vh;display:flex;flex-direction:column;background:#fff;border-left:1px solid #d7e2ee;box-shadow:-20px 0 55px rgba(5,30,67,.18);transform:translateX(105%);transition:transform .22s ease;overflow:hidden}
.help-guide-panel.is-open{transform:translateX(0)}
.help-guide-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:20px 20px 14px;background:linear-gradient(135deg,#061b38,#0b3f7c);color:#fff}
.help-guide-eyebrow{display:block;margin-bottom:5px;font-size:9px;font-weight:900;letter-spacing:.14em;color:#69b6ff}
.help-guide-head h2{margin:0;font-size:24px;line-height:1.05;letter-spacing:-.025em}
.help-guide-head-actions{display:flex;gap:7px}
.help-icon-btn{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:21px;cursor:pointer}
.help-icon-btn:hover{background:rgba(255,255,255,.16)}
.help-guide-search{padding:14px 16px 8px}.help-guide-search input{width:100%;min-height:42px;border-radius:11px;font-size:13px}
.help-guide-modes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 16px 10px;padding:5px;border-radius:12px;background:#eef4fa}
.help-mode{min-height:38px;border:0;border-radius:9px;background:transparent;color:#53657a;font-weight:850;font-size:12px;cursor:pointer}
.help-mode.active{background:#fff;color:#0b68c9;box-shadow:0 3px 10px rgba(9,46,90,.08)}
.help-guide-context{display:flex;align-items:center;gap:9px;margin:0 16px 10px;padding:10px 12px;border:1px solid #dbe7f2;border-radius:11px;background:#f8fbff;color:#17253d;font-size:12px}
.help-guide-context span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:linear-gradient(135deg,#1599ff,#295bff);color:#fff;font-size:10px;font-weight:900}
.help-guide-body{flex:1;min-height:0;overflow:auto;padding:4px 16px 18px}
.help-quick-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.help-quick-list li{position:relative;padding:11px 12px 11px 36px;border:1px solid #e0e9f3;border-radius:12px;background:#fff;color:#304258;font-size:12px;line-height:1.5}
.help-quick-list li:before{content:"✓";position:absolute;left:12px;top:11px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#e8f8ef;color:#0b8a4b;font-size:10px;font-weight:900}
.help-step-card{padding:16px;border:1px solid #dce7f2;border-radius:15px;background:linear-gradient(180deg,#fbfdff,#f7faff)}
.help-step-number{display:inline-flex;margin-bottom:9px;padding:5px 8px;border-radius:999px;background:#e8f3ff;color:#0b68c9;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.help-step-card h3{margin:0 0 7px;font-size:18px;color:#10203b}.help-step-card p{margin:0;color:#53657a;font-size:12px;line-height:1.6}
.help-jump-section{width:100%;margin-top:12px;padding:11px 12px;border:1px solid #b9d7f7;border-radius:11px;background:#edf6ff;color:#0b65bf;font-weight:850;font-size:12px;cursor:pointer}
.help-search-results{display:grid;gap:7px}.help-search-results button{display:flex;flex-direction:column;gap:4px;width:100%;padding:12px;text-align:left;border:1px solid #dce7f2;border-radius:11px;background:#fff;cursor:pointer}.help-search-results button:hover{background:#f2f8ff}.help-search-results strong{font-size:12px;color:#14233d}.help-search-results span{font-size:11px;color:#67778b;line-height:1.4}.help-empty{font-size:12px;color:#68788c;line-height:1.5}
.help-guide-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid #e3ebf4;background:#fbfdff}.help-guide-footer .btn{min-height:38px;padding:0 11px;font-size:11px}.help-guide-progress{text-align:center;color:#6c7b8f;font-size:10px;font-weight:800}
.help-guide-options{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 16px 15px;background:#fbfdff;color:#68788c;font-size:10px}.help-guide-options label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700}.help-guide-options input{width:14px;height:14px;min-height:0}.help-link-btn{border:0;background:transparent;color:#0b68c9;font-size:10px;font-weight:850;cursor:pointer;padding:0}
.help-guide-tab{display:none;position:fixed;z-index:119;right:0;top:44%;padding:12px 8px;border:1px solid #bcd5ef;border-right:0;border-radius:12px 0 0 12px;background:#fff;color:#0b68c9;box-shadow:-8px 8px 24px rgba(8,37,75,.12);font-size:11px;font-weight:900;writing-mode:vertical-rl;transform:rotate(180deg);cursor:pointer}.help-guide-tab.is-visible{display:block}
.help-guide-trigger{white-space:nowrap}
@media(min-width:1201px){body.help-guide-open .topbar .wrap,body.help-guide-open .page{width:min(calc(100% - 430px),1500px);margin-left:22px;margin-right:auto}.help-guide-panel{top:0}}
@media(min-width:701px) and (max-width:1200px){.help-guide-panel{width:360px}.help-guide-head{padding-top:18px}}
@media(max-width:700px){
 .bar-actions #helpGuideBtn{display:grid!important;font-size:0!important;padding:0!important;width:39px!important;height:39px!important;min-height:39px!important;border-radius:50%!important}.bar-actions #helpGuideBtn:after{content:"?";font-size:18px;color:#fff;font-weight:900}
 .help-guide-panel{top:0;width:100vw;height:100dvh;border-left:0;box-shadow:none}.help-guide-head{padding:calc(16px + env(safe-area-inset-top)) 16px 13px}.help-guide-head h2{font-size:22px}.help-guide-tab{right:0;top:auto;bottom:98px;writing-mode:horizontal-tb;transform:none;border-radius:12px 0 0 12px;padding:10px 12px}.help-guide-options{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.help-guide-search{padding-left:14px;padding-right:14px}.help-guide-modes,.help-guide-context{margin-left:14px;margin-right:14px}.help-guide-body{padding-left:14px;padding-right:14px}
}
@media print{.help-guide-panel,.help-guide-tab{display:none!important}}


/* v1.5.1 — help button/control reference */
.help-control-reference{margin-top:14px;padding-top:13px;border-top:1px solid #dfe8f2}.help-control-reference h3{margin:0 0 9px;font-size:13px;color:#10203b}.help-control-row{display:grid;grid-template-columns:minmax(105px,.75fr) minmax(0,1.6fr);gap:10px;padding:10px 11px;border:1px solid #e1e9f2;border-radius:11px;background:#f9fbfe;margin-bottom:7px}.help-control-row strong{font-size:11px;color:#0b68c9;line-height:1.35}.help-control-row span{font-size:11px;color:#53657a;line-height:1.45}@media(max-width:700px){.help-control-row{grid-template-columns:1fr;gap:4px}.help-control-row strong,.help-control-row span{font-size:12px}}
\n\n/* v1.5.2 — keep row actions visible while Help is open */\n@media(min-width:1201px){\n  #items .item{grid-template-columns:150px minmax(220px,1.5fr) 100px 125px 105px 38px 44px!important;gap:9px!important;align-items:end}\n  #items .item .save-library{width:38px;height:38px;align-self:end;justify-self:center}\n  #items .item .remove{width:44px;height:40px;align-self:end;justify-self:end}\n  body.help-guide-open #items .item{grid-template-columns:120px minmax(175px,1fr) 82px 100px 82px 36px 40px!important;gap:7px!important}\n  body.help-guide-open #items .item input,body.help-guide-open #items .item select{min-width:0}\n  body.help-guide-open #items .item .save-library{width:36px;height:36px;font-size:18px}\n  body.help-guide-open #items .item .remove{width:40px;height:38px;font-size:19px}\n}\n@media(min-width:701px) and (max-width:1200px){\n  #items .item{grid-template-columns:120px minmax(180px,1fr) 85px 105px 90px 38px 42px!important;gap:7px!important}\n}\n@media(max-width:700px){\n  #items .item .save-library{justify-self:start}\n}\n

/* v1.5.3 — top bar/app-wide help coverage */
.help-control-intro{margin:-2px 0 9px;color:#6a7a8e;font-size:10.5px;line-height:1.45}
.help-global-controls{margin-top:16px}
.help-search-control-result{display:flex;flex-direction:column;gap:4px;width:100%;padding:12px;border:1px solid #cfe0f2;border-radius:11px;background:#f5faff}
.help-search-control-result strong{font-size:12px;color:#0b68c9}
.help-search-control-result span{font-size:11px;color:#53657a;line-height:1.45}
.help-search-control-result small{font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;color:#8796a8}


/* v1.5.4 — robust Job Costs layout while persistent Help is open */
@media(min-width:1201px){
  body.help-guide-open #items .item{
    grid-template-columns:120px minmax(190px,1.45fr) 92px 112px!important;
    grid-template-rows:auto auto!important;
    gap:8px 9px!important;
    align-items:end!important;
    padding-right:12px!important;
  }
  body.help-guide-open #items .item > label:nth-child(1){grid-column:1;grid-row:1}
  body.help-guide-open #items .item > label:nth-child(2){grid-column:2;grid-row:1}
  body.help-guide-open #items .item > label:nth-child(3){grid-column:3;grid-row:1}
  body.help-guide-open #items .item > label:nth-child(4){grid-column:4;grid-row:1}
  body.help-guide-open #items .item > div:nth-child(5){grid-column:1 / span 2;grid-row:2;display:flex;align-items:center;gap:12px;min-height:40px}
  body.help-guide-open #items .item > div:nth-child(5) small{margin:0!important;min-width:42px}
  body.help-guide-open #items .item .itemTotal{min-height:36px!important}
  body.help-guide-open #items .item .save-library{grid-column:3;grid-row:2;width:100%!important;min-width:0;height:40px!important;justify-self:stretch!important;align-self:end!important;font-size:19px!important}
  body.help-guide-open #items .item .remove{grid-column:4;grid-row:2;width:100%!important;min-width:0;height:40px!important;justify-self:stretch!important;align-self:end!important}
}

/* =====================================================================
   VICOLA v1.5.6 — CONTEXTUAL HELP INSIDE POPUP DIALOGS
   Dialog help lives in the dialog top layer, so Business settings,
   Account, Billing, Invoice, History and delete-account help stays visible.
   ===================================================================== */
dialog.dialog-help-open{width:min(1120px,calc(100% - 28px))!important}
.dialog-card.has-dialog-help{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 340px;
  column-gap:24px;
  align-items:start;
  max-height:min(900px,calc(100vh - 28px));
  overflow:auto;
}
.dialog-card.has-dialog-help>:not(.dialog-help-panel){grid-column:1}
.dialog-card.has-dialog-help>.dialog-help-panel{
  grid-column:2;
  grid-row:1 / span 80;
  position:sticky;
  top:0;
  align-self:start;
  display:flex;
}
.dialog-help-btn{min-height:38px!important;padding:0 12px!important;white-space:nowrap}
.dialog-help-floating{position:absolute;top:18px;right:18px;z-index:3}
.dialog-help-panel{
  display:none;
  flex-direction:column;
  width:100%;
  max-height:calc(100vh - 82px);
  overflow:hidden;
  border:1px solid #d8e5f2;
  border-radius:18px;
  background:#f8fbff;
  box-shadow:0 14px 38px rgba(5,35,75,.12);
}
.dialog-help-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 16px 13px;background:linear-gradient(135deg,#061c3a,#0b4d91);color:#fff}
.dialog-help-head small{display:block;margin-bottom:3px;color:#83c6ff;font-size:9px;font-weight:900;letter-spacing:.13em}
.dialog-help-head h3{margin:0;color:#fff;font-size:20px;line-height:1.1}
.dialog-help-close{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:22px;cursor:pointer}
.dialog-help-scroll{padding:15px;overflow:auto}
.dialog-help-scroll h4{margin:4px 0 10px;color:#0b1739;font-size:13px}
.dialog-help-scroll h4:not(:first-child){margin-top:20px;padding-top:16px;border-top:1px solid #dce7f2}
.dialog-help-scroll ul{margin:0;padding-left:19px;color:#536479;font-size:12px;line-height:1.55}
.dialog-help-scroll li+li{margin-top:7px}
.dialog-help-row{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #e2eaf3}
.dialog-help-row strong{color:#0967c9;font-size:11px}
.dialog-help-row span{color:#64748b;font-size:11px;line-height:1.45}
.dialog-help-step{display:grid;grid-template-columns:28px 1fr;gap:9px;padding:9px 0}
.dialog-help-step>b{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#e4f2ff;color:#0872df;font-size:11px}
.dialog-help-step strong,.dialog-help-step span{display:block}.dialog-help-step strong{font-size:11px;color:#0b1739}.dialog-help-step span{margin-top:2px;font-size:11px;line-height:1.4;color:#64748b}
@media(max-width:760px){
 dialog.dialog-help-open{width:calc(100% - 14px)!important}
 .dialog-card.has-dialog-help{display:block!important;position:relative;max-height:calc(100vh - 18px);overflow:auto}
 .dialog-card.has-dialog-help>.dialog-help-panel{position:absolute;z-index:12;inset:0;display:flex;max-height:none;border-radius:0;background:#fff}
 .dialog-help-panel{max-height:none}.dialog-help-head{padding-top:18px}.dialog-help-scroll{padding-bottom:28px}
 .dialog-help-btn{font-size:10px!important;min-height:34px!important;padding:0 9px!important}
}


/* v1.5.8 — cancellation lockout */
.subscription-lock-gate{position:fixed;inset:0;z-index:10050;background:linear-gradient(135deg,#07162d 0%,#0a2346 60%,#0b3b74 100%);display:grid;place-items:center;padding:28px}
.subscription-lock-gate.hidden{display:none!important}.subscription-lock-card{width:min(620px,100%);background:#fff;border-radius:28px;padding:42px;box-shadow:0 30px 80px rgba(0,0,0,.35);text-align:center}.subscription-lock-logo{width:230px;max-width:70%;margin:0 auto 28px;display:block}.subscription-lock-card>small{display:block;color:#0b78e3;font-weight:900;letter-spacing:.16em;margin-bottom:10px}.subscription-lock-card h2{font-size:34px;line-height:1.08;margin:0 0 16px;color:#071733}.subscription-lock-card p{font-size:16px;line-height:1.6;color:#5b6675;margin:10px auto;max-width:500px}.subscription-lock-actions{display:flex;gap:12px;justify-content:center;margin-top:28px}.billing-cancel-panel{border-color:#f0c7c7;background:#fff8f8}.billing-cancel-panel .btn.danger{background:#fff;border:1px solid #efbcbc;color:#a52121}.billing-cancel-panel .btn.danger:hover{background:#fff0f0}
@media(max-width:700px){.subscription-lock-card{padding:28px 20px;border-radius:22px}.subscription-lock-card h2{font-size:28px}.subscription-lock-actions{flex-direction:column}.subscription-lock-actions .btn{width:100%}}

/* VICOLA v1.6.0 — ADMIN ACCOUNTS + PAYMENT AUTOMATION FOUNDATION */
.admin-console-card{width:min(1120px,calc(100vw - 34px))!important}.admin-tabs{display:flex;gap:8px;margin:8px 0 18px}.admin-tabs .active,.admin-filter-row .active{background:#eaf4ff;border-color:#9fc9ff;color:#075ad7}.admin-account-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:12px}.admin-account-metrics>div{padding:13px;border:1px solid #dce7f4;border-radius:14px;background:#f8fbff}.admin-account-metrics span{display:block;font-size:10px;font-weight:850;color:#728096;text-transform:uppercase;letter-spacing:.04em}.admin-account-metrics strong{display:block;font-size:24px;margin-top:5px;color:#0b1b38}.admin-automation-note{padding:12px 14px;border:1px solid #c9ddf7;border-radius:12px;background:#eef6ff;color:#33506f;font-size:12px;margin-bottom:10px}.admin-search{width:100%;margin:4px 0 9px}.admin-filter-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:7px}.admin-account-row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #e7edf5}.admin-account-row>div{display:grid;gap:3px}.admin-account-row>div:last-child{text-align:right;justify-items:end}.admin-account-row span,.admin-account-row small{font-size:12px;color:#667085}.admin-feed-head{margin-top:24px}
@media(max-width:800px){.admin-account-metrics{grid-template-columns:1fr 1fr}.admin-account-row{flex-direction:column}.admin-account-row>div:last-child{text-align:left;justify-items:start}}

/* VICOLA v1.6.1 — scalable admin operations dashboard */
.admin-console-card{position:relative;width:min(1180px,calc(100vw - 34px))!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:18px}.admin-account-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.admin-attention{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 14px;margin:0 0 10px;border:1px solid #cfe4d5;border-radius:12px;background:#f2fbf5;color:#214c31}.admin-attention strong{white-space:nowrap}.admin-attention span{font-size:12px;color:#4d6b58;text-align:right}.admin-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:10px;align-items:center}.admin-search{margin:4px 0 9px}.admin-sort{height:42px;padding:0 12px;border:1px solid #ccd8e8;border-radius:11px;background:#fff;color:#10203d;font-weight:750}.admin-table-wrap{width:100%;overflow-x:auto;border:1px solid #dfe7f2;border-radius:14px;background:#fff}.admin-table{width:100%;border-collapse:collapse;table-layout:auto;min-width:0}.admin-table th{padding:10px 12px;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#718096;background:#f7faff;border-bottom:1px solid #dfe7f2;white-space:nowrap}.admin-table td{padding:10px 12px;border-bottom:1px solid #edf1f6;font-size:12px;vertical-align:middle;color:#24344f}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table td:first-child strong{display:block;color:#0b1739;font-size:13px}.admin-table td small{display:block;color:#6f7c90;margin-top:2px}.admin-table code{font-family:inherit;font-weight:850;color:#12345f;white-space:nowrap}.admin-status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900;background:#eef2f7;color:#4d5d73;white-space:nowrap}.admin-status.status-active{background:#eaf8ef;color:#18733a}.admin-status.status-trial{background:#eef5ff;color:#165fb8}.admin-status.status-cancelling{background:#fff5df;color:#8a5a00}.admin-status.status-cancelled,.admin-status.status-suspended{background:#fff0f0;color:#a12424}.admin-view-btn{min-height:34px!important;padding:7px 11px!important;font-size:11px!important}.admin-empty{text-align:center!important;padding:28px!important;color:#667085!important}.admin-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:12px;color:#667085}.admin-pagination>div{display:flex;gap:7px}.admin-pagination .btn{min-height:36px!important;padding:7px 12px!important;font-size:11px!important}.admin-account-drawer{position:absolute;z-index:20;right:0;top:0;width:min(430px,100%);height:100%;overflow:auto;padding:20px;background:#fff;border-left:1px solid #d8e2ef;box-shadow:-18px 0 45px rgba(13,36,67,.15)}.admin-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid #e6ebf2}.admin-drawer-head h3{margin:3px 0 0;font-size:23px}.admin-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.admin-detail-grid>div,.admin-reference-card,.admin-state-note{padding:12px;border:1px solid #dfe7f2;border-radius:12px;background:#f9fbfe}.admin-detail-grid span,.admin-reference-card span,.admin-state-note span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#758297;font-weight:800}.admin-detail-grid strong,.admin-reference-card strong,.admin-state-note strong{display:block;margin-top:4px;color:#0b1739;font-size:13px}.admin-reference-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.admin-reference-card span{grid-column:1/-1}.admin-reference-card strong{font-size:18px}.admin-state-note{margin-top:10px;background:#eef6ff;border-color:#bdd7fa}.admin-state-note.danger{background:#fff3f3;border-color:#f4c5c5}.admin-drawer-section{margin-top:18px}.admin-drawer-section h4{margin:0 0 8px}.admin-mini-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #edf1f6}.admin-mini-row>div{display:grid;gap:2px}.admin-mini-row>div:last-child{text-align:right;justify-items:end}.admin-mini-row strong{font-size:12px;color:#0b1739}.admin-mini-row span{font-size:11px;color:#6b788c}.admin-row-actions{display:flex;gap:6px;margin-top:5px}.admin-row-actions .btn{min-height:32px!important;padding:6px 9px!important;font-size:10px!important}.admin-payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.admin-payment-summary>div{padding:12px;border:1px solid #dfe7f2;border-radius:12px;background:#f8fbff}.admin-payment-summary span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#748197;font-weight:850}.admin-payment-summary strong{display:block;font-size:24px;margin-top:4px;color:#0b1739}.admin-compact-list{border:1px solid #dfe7f2;border-radius:12px;padding:0 12px;margin-bottom:16px}.admin-attention-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f6}.admin-attention-row:last-child{border-bottom:0}.admin-attention-row>div{display:grid;gap:2px}.admin-attention-row strong{font-size:12px}.admin-attention-row span{font-size:11px;color:#68768a}.admin-clear-state{display:grid;gap:2px;padding:14px 4px}.admin-clear-state strong{color:#18733a}.admin-clear-state span{font-size:11px;color:#667085}.admin-history{margin-top:12px;border:1px solid #dfe7f2;border-radius:12px;background:#fff;overflow:hidden}.admin-history>summary{cursor:pointer;padding:12px 14px;font-weight:900;color:#0b1739;background:#f8fbff}.admin-history>div{padding:0 14px}.admin-history .admin-pagination{padding:0 14px 12px}.billing-subhead>div{display:grid;gap:2px}.billing-subhead small{font-size:11px;color:#667085}.admin-automation-note{font-size:11px}.admin-filter-row .btn{min-height:36px!important;padding:7px 11px!important;font-size:11px!important}
@media(max-width:900px){.admin-account-metrics{grid-template-columns:repeat(2,1fr)}.admin-toolbar{grid-template-columns:1fr}.admin-sort{width:100%}.admin-attention{align-items:flex-start;flex-direction:column}.admin-attention span{text-align:left}.admin-payment-summary{grid-template-columns:1fr}.admin-account-drawer{width:100%}.admin-detail-grid{grid-template-columns:1fr}}

/* VICOLA v1.6.1 — ADMIN OPERATIONS + TAX EXPORTS */
.admin-report-card{padding:20px;border:1px solid #dce7f4;border-radius:18px;background:#fff;display:grid;gap:16px}
.admin-report-card h3{margin:4px 0 6px;font-size:24px;color:#0b1b38}.admin-report-card p{margin:0;color:#667085}
.admin-report-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px}.admin-report-grid label{display:grid;gap:6px;font-weight:800;color:#15243d;font-size:13px}
.admin-report-grid select,.admin-report-grid input{min-height:44px;border:1px solid #cfdbea;border-radius:12px;padding:0 12px;background:#fff;color:#0b1b38;font:inherit}
.admin-gst-option{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid #dce7f4;border-radius:14px;background:#f8fbff;font-weight:750;color:#223652}.admin-gst-option input{margin-top:3px;width:18px;height:18px}
.admin-tax-note{font-size:12px;line-height:1.5}.admin-report-actions{display:flex;gap:10px;flex-wrap:wrap}
.admin-table-wrap{width:100%;overflow-x:auto;border:1px solid #e0e8f3;border-radius:14px;background:#fff}.admin-table{width:100%;border-collapse:collapse;min-width:0}.admin-table th{padding:10px 12px;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#718096;background:#f7faff;border-bottom:1px solid #e0e8f3}.admin-table td{padding:10px 12px;border-bottom:1px solid #edf1f6;vertical-align:middle;font-size:12px}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table td strong{display:block;font-size:12px;color:#0b1b38}.admin-table td small{display:block;color:#667085;margin-top:2px}.admin-table code{font-size:11px}
@media(max-width:800px){.admin-report-grid{grid-template-columns:1fr}.admin-report-actions .btn{width:100%}.admin-table-wrap{overflow-x:auto}.admin-table{min-width:760px}}


/* VICOLA v1.6.2 — ADMIN DIALOG VIEWPORT FIT */
#adminBillingDialog{width:min(1180px,calc(100vw - 34px))!important;max-width:none!important;overflow:hidden!important}
#adminBillingDialog>.admin-console-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}
#adminBillingDialog .admin-table-wrap{overflow-x:hidden!important}
#adminBillingDialog .admin-table{table-layout:fixed!important;width:100%!important}
#adminBillingDialog .admin-table th,#adminBillingDialog .admin-table td{white-space:normal!important;overflow-wrap:anywhere}
#adminBillingDialog .admin-table th:nth-child(1),#adminBillingDialog .admin-table td:nth-child(1){width:28%}
#adminBillingDialog .admin-table th:nth-child(2),#adminBillingDialog .admin-table td:nth-child(2){width:12%}
#adminBillingDialog .admin-table th:nth-child(3),#adminBillingDialog .admin-table td:nth-child(3){width:18%}
#adminBillingDialog .admin-table th:nth-child(4),#adminBillingDialog .admin-table td:nth-child(4){width:12%}
#adminBillingDialog .admin-table th:nth-child(5),#adminBillingDialog .admin-table td:nth-child(5){width:13%}
#adminBillingDialog .admin-table th:nth-child(6),#adminBillingDialog .admin-table td:nth-child(6){width:12%}
#adminBillingDialog .admin-table th:nth-child(7),#adminBillingDialog .admin-table td:nth-child(7){width:5%;text-align:right}
@media(max-width:900px){
 #adminBillingDialog{width:calc(100vw - 14px)!important}
 #adminBillingDialog .admin-account-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 #adminBillingDialog .admin-table-wrap{border:0!important;background:transparent!important}
 #adminBillingDialog .admin-table,#adminBillingDialog .admin-table tbody,#adminBillingDialog .admin-table tr,#adminBillingDialog .admin-table td{display:block!important;width:100%!important}
 #adminBillingDialog .admin-table thead{display:none!important}
 #adminBillingDialog .admin-table tr{margin-bottom:10px;padding:12px;border:1px solid #dfe7f2;border-radius:12px;background:#fff}
 #adminBillingDialog .admin-table td{display:flex!important;justify-content:space-between;gap:12px;padding:7px 0!important;border:0!important;text-align:right!important}
 #adminBillingDialog .admin-table td::before{content:attr(data-label);font-size:10px;font-weight:900;text-transform:uppercase;color:#718096;text-align:left}
 #adminBillingDialog .admin-table td:first-child{display:block!important;text-align:left!important;padding-bottom:10px!important;border-bottom:1px solid #edf1f6!important}
 #adminBillingDialog .admin-table td:first-child::before{display:none}
 #adminBillingDialog .admin-table td:last-child{justify-content:flex-end}
 #adminBillingDialog .admin-table td:last-child::before{display:none}
}


/* VICOLA v1.6.2 — OWNER ADMIN CONSOLE SEPARATION */
.admin-owner-home{width:min(1280px,calc(100% - 40px));margin:38px auto 70px}.admin-owner-shell{background:#fff;border:1px solid #dce7f4;border-radius:26px;padding:30px;box-shadow:0 20px 55px rgba(10,36,70,.10)}.admin-owner-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:28px;border-radius:22px;background:linear-gradient(135deg,#061a36,#0b4383);color:#fff}.admin-owner-hero small{display:block;color:#7dc1ff;font-weight:900;letter-spacing:.15em;margin-bottom:8px}.admin-owner-hero h1{margin:0 0 8px;color:#fff;font-size:42px}.admin-owner-hero p{margin:0;max-width:720px;color:#d7e8fb;font-size:16px;line-height:1.55}.admin-owner-badge{display:inline-flex;padding:9px 13px;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-weight:900;letter-spacing:.08em;font-size:11px}.admin-owner-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.admin-owner-metrics>div{padding:18px;border:1px solid #dce7f4;border-radius:16px;background:#f8fbff}.admin-owner-metrics span{display:block;font-size:10px;font-weight:900;text-transform:uppercase;color:#718096}.admin-owner-metrics strong{display:block;margin-top:6px;font-size:30px;color:#0a1b39}.admin-owner-status{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;border:1px solid #cfe4d5;border-radius:14px;background:#f2fbf5;color:#214c31}.admin-owner-status span{font-size:12px;color:#4d6b58}.admin-owner-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.admin-owner-action{appearance:none;text-align:left;padding:20px;border:1px solid #d7e3f2;border-radius:18px;background:#fff;cursor:pointer;box-shadow:0 8px 22px rgba(10,36,70,.05)}.admin-owner-action:hover{border-color:#8fc1ff;box-shadow:0 12px 28px rgba(15,97,194,.10)}.admin-owner-action strong{display:block;font-size:18px;color:#071733}.admin-owner-action span{display:block;margin-top:6px;color:#667085;font-size:13px;line-height:1.45}.admin-owner-note{margin-top:18px;padding:15px 16px;border:1px solid #cfe0f5;border-radius:14px;background:#eef6ff;color:#38526f;font-size:13px}.admin-owner-mode .topbar .brand .product-name{display:inline!important}.admin-owner-mode #connectivityBanner{display:none!important}.admin-owner-mode .topbar #adminBillingBtn{display:inline-flex!important}.admin-owner-mode .topbar #businessBtn,.admin-owner-mode .topbar #accountBtn,.admin-owner-mode .topbar #newQuote,.admin-owner-mode .topbar #helpGuideBtn{display:none!important}
#adminBillingDialog{max-height:calc(100vh - 28px)!important}#adminBillingDialog>.admin-console-card{max-height:calc(100vh - 28px)!important;overflow-y:auto!important;overflow-x:hidden!important}#adminBillingDialog .admin-table-wrap{overflow-x:hidden!important}#adminBillingDialog .admin-table{table-layout:fixed!important;width:100%!important}#adminBillingDialog .dialog-head p{white-space:normal!important;max-width:760px}.admin-console-card{box-sizing:border-box!important}
@media(max-width:900px){.admin-owner-home{width:calc(100% - 18px);margin:14px auto 90px}.admin-owner-shell{padding:14px;border-radius:20px}.admin-owner-hero{padding:20px;display:block}.admin-owner-hero h1{font-size:32px}.admin-owner-badge{margin-top:16px}.admin-owner-metrics{grid-template-columns:1fr 1fr}.admin-owner-actions{grid-template-columns:1fr}.admin-owner-status{align-items:flex-start;flex-direction:column}}

/* VICOLA v1.6.3 — TAX EXPORT ACCESSIBILITY */
.admin-report-actions{display:flex;flex-wrap:wrap;gap:10px}.admin-report-actions .btn{min-width:210px}.admin-report-actions #adminTaxPdfBtn{box-shadow:0 8px 20px rgba(20,109,255,.18)}
@media(max-width:760px){.admin-report-actions{display:grid;grid-template-columns:1fr}.admin-report-actions .btn{width:100%;min-width:0}}

/* VICOLA v1.6.6 — TEST ACCOUNT / CLEAN-START ADMIN */
.admin-test-badge{display:inline-flex;align-items:center;margin-left:6px;padding:2px 7px;border-radius:999px;background:#fff3cd;color:#7a5600;font-size:10px;font-weight:900;letter-spacing:.06em;vertical-align:middle}
.admin-test-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 16px;padding:12px 14px;border:1px solid #d9e5f4;border-radius:14px;background:#f8fbff}
.admin-test-tools label{display:flex;align-items:center;gap:8px;font-weight:800}.admin-test-tools input{width:18px;height:18px}.admin-test-tools small{color:#64748b}
.admin-test-tools .btn.danger{margin-left:auto}
@media(max-width:760px){.admin-test-tools{align-items:stretch}.admin-test-tools .btn.danger{margin-left:0;width:100%}}


/* VICOLA v1.6.7 — ADMIN ACCOUNT TABLE + DRAWER POLISH */
#adminBillingDialog .admin-table th:nth-child(1),#adminBillingDialog .admin-table td:nth-child(1){width:26%}
#adminBillingDialog .admin-table th:nth-child(2),#adminBillingDialog .admin-table td:nth-child(2){width:11%}
#adminBillingDialog .admin-table th:nth-child(3),#adminBillingDialog .admin-table td:nth-child(3){width:17%}
#adminBillingDialog .admin-table th:nth-child(4),#adminBillingDialog .admin-table td:nth-child(4){width:12%}
#adminBillingDialog .admin-table th:nth-child(5),#adminBillingDialog .admin-table td:nth-child(5){width:13%}
#adminBillingDialog .admin-table th:nth-child(6),#adminBillingDialog .admin-table td:nth-child(6){width:13%}
#adminBillingDialog .admin-table th:nth-child(7),#adminBillingDialog .admin-table td:nth-child(7){width:8%;text-align:right;white-space:nowrap!important;overflow-wrap:normal!important}
#adminBillingDialog .admin-view-btn{display:inline-flex!important;align-items:center;justify-content:center;min-width:58px!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
#adminBillingDialog .admin-account-drawer{top:14px!important;right:14px!important;height:auto!important;max-height:calc(100% - 28px)!important;width:min(460px,calc(100% - 28px))!important;border:1px solid #d8e2ef!important;border-radius:18px!important;box-shadow:-14px 12px 40px rgba(13,36,67,.18)!important;overflow:auto!important;padding:18px!important}
#adminBillingDialog .admin-drawer-head{position:sticky;top:-18px;z-index:2;background:#fff;padding-top:18px}
#adminBillingDialog .admin-drawer-section{margin-top:14px}
#adminBillingDialog .admin-drawer-section .muted{margin:6px 0 2px}
@media(max-width:900px){#adminBillingDialog .admin-account-drawer{top:7px!important;right:7px!important;width:calc(100% - 14px)!important;max-height:calc(100% - 14px)!important;border-radius:14px!important}}


/* VICOLA v1.6.8 — TEST ACCOUNT DRAWER CLARITY */
.admin-test-badge-large{margin-left:10px;padding:4px 9px;font-size:10px;vertical-align:middle}
.admin-test-account-note{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:10px 0 16px;padding:12px 14px;border:1px solid #efd68a;border-radius:14px;background:#fff9e8;color:#684b00}
.admin-test-account-note strong{font-size:13px}.admin-test-account-note span{font-size:12px;color:#7a6330;text-align:right}
@media(max-width:760px){.admin-test-account-note{align-items:flex-start;flex-direction:column}.admin-test-account-note span{text-align:left}}


/* VICOLA v1.6.20 — STRIPE PAYMENT EMAIL CONFIRMATION */
.stripe-success-dialog{border:0;padding:0;background:transparent;max-width:min(680px,calc(100vw - 28px));width:100%}.stripe-success-dialog::backdrop{background:rgba(4,20,42,.64);backdrop-filter:blur(3px)}.stripe-success-card{background:#fff;border:1px solid #d9e6f5;border-radius:24px;padding:30px;box-shadow:0 26px 70px rgba(3,28,61,.25);text-align:center}.stripe-success-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#eaf8ef;color:#137a38;font-weight:1000;font-size:30px}.stripe-success-card>small{font-weight:900;letter-spacing:.13em;color:#1b6cca}.stripe-success-card h2{margin:7px 0 4px;font-size:32px;color:#071a36}.stripe-success-plan{margin:0 auto 20px;color:#5c6b7e;font-weight:700}.stripe-success-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left;margin:18px 0}.stripe-success-grid>div{padding:14px;border:1px solid #deE7f2;border-radius:14px;background:#f8fbff}.stripe-success-grid span{display:block;font-size:10px;font-weight:900;text-transform:uppercase;color:#718096}.stripe-success-grid strong{display:block;margin-top:5px;color:#10233f;overflow-wrap:anywhere}.stripe-success-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:14px 0}.stripe-success-actions .btn{min-width:150px}.stripe-success-continue{width:100%;margin-top:6px}.stripe-success-dialog a.btn{text-decoration:none}
@media(max-width:620px){.stripe-success-card{padding:20px}.stripe-success-grid{grid-template-columns:1fr}.stripe-success-actions{display:grid}.stripe-success-actions .btn{width:100%}}

.stripe-success-email{margin:16px 0;padding:12px 14px;border-radius:12px;background:#eefaf2;border:1px solid #b7e4c7;color:#146c43;font-weight:700}.stripe-success-email.pending{background:#f6f8fb;border-color:#d7deea;color:#596579;font-weight:600}


/* v1.6.21 — SHIT I FORGOT */
#shitIForgotCard{border:1px solid #f2c14e;background:linear-gradient(135deg,#fffdf5,#fff8dd)}
#shitIForgotCard .section-badge{background:#111827;color:#fbbf24}.sif-card-note{display:block;margin-top:12px;color:#715b16;font-weight:700}
.sif-quick-list{display:grid;gap:8px;margin-top:10px}.sif-quick-row{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border:1px solid #ead995;border-radius:12px;background:#fff}.sif-quick-row>span{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:50%;background:#111827;color:#fbbf24;font-weight:1000}.sif-quick-row div{display:grid;gap:3px}.sif-quick-row small{color:#8a6d1f}
.sif-manager-card,.sif-final-card{width:min(820px,100%);max-height:min(880px,calc(100vh - 28px));overflow:auto}.sif-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.sif-form-grid .sif-wide{grid-column:1/-1}.sif-form-help{margin:8px 0 0}.sif-library-head{display:flex;justify-content:space-between;align-items:center;margin:22px 0 8px}.sif-library-head h3{margin:0}.sif-library-head span{font-size:11px;font-weight:900;color:#6b7280;text-transform:uppercase;letter-spacing:.08em}.sif-library{display:grid;gap:8px}.sif-library-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.sif-library-row>div:first-child{display:grid;gap:3px}.sif-library-row small{color:#6b7280}.sif-library-row.is-inactive{opacity:.58}.sif-library-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.sif-final-list{display:grid;gap:10px;margin-top:18px}.sif-final-row{padding:14px;border:1px solid #e5d18a;border-radius:14px;background:#fffdf4}.sif-final-row>div:first-child{display:grid;gap:4px}.sif-final-row small{color:#7b6a2a}.sif-final-row.is-resolved{background:#f7faf8;border-color:#c9e8d1}.sif-final-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.sif-final-empty{display:grid;gap:4px;padding:18px;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc}.sif-final-empty span{color:#64748b}.sif-final-confirm{display:flex!important;align-items:flex-start;gap:11px;margin-top:18px;padding:15px;border-radius:14px;background:#eef6ff;border:1px solid #bdd8f7}.sif-final-confirm input{width:20px;height:20px;margin-top:2px}.sif-final-confirm span{display:grid;gap:4px}.sif-final-confirm small{color:#50657d;line-height:1.35}
@media(max-width:680px){.sif-form-grid{grid-template-columns:1fr}.sif-form-grid .sif-wide{grid-column:auto}.sif-library-row{align-items:flex-start;flex-direction:column}.sif-final-actions{display:grid;grid-template-columns:1fr}.sif-final-actions .btn{width:100%}}

/* v1.6.24 — active quote section should be unmistakably lit */
.quote-step-nav a.is-active{
  border-color:#2d8cff!important;
  background:linear-gradient(135deg,#e8f4ff 0%,#f5f9ff 58%,#e8efff 100%)!important;
  color:#075fd0!important;
  box-shadow:0 8px 22px rgba(16,111,229,.18),inset 3px 0 0 #1687ff;
  transform:translateY(-1px);
}
.quote-step-nav a.is-active span{
  background:linear-gradient(135deg,#149dff,#245fff)!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(20,117,238,.25);
}
.quote-step-nav a.is-active strong{color:#075fd0!important}

/* v1.6.24 — SHIT I FORGOT job-cost quick check */
.sif-cost-check-btn{border-color:#efc34b!important;background:linear-gradient(135deg,#fff8d9,#fff1a8)!important;color:#594400!important;box-shadow:0 8px 20px rgba(173,128,0,.12)}
.sif-cost-check-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(173,128,0,.18)}
.sif-cost-prompt-dialog{border:0;padding:0;background:transparent;max-width:min(780px,calc(100vw - 28px));width:100%}.sif-cost-prompt-dialog::backdrop{background:rgba(5,24,50,.58);backdrop-filter:blur(2px)}
.sif-cost-prompt-card{width:100%;max-height:min(820px,calc(100dvh - 28px));overflow:auto;border:1px solid #f0cd63;box-shadow:0 28px 70px rgba(4,28,61,.28)}
.sif-cost-prompt-callout{display:grid;gap:4px;margin:14px 0;padding:13px 14px;border:1px solid #efda91;border-radius:14px;background:#fffaf0}.sif-cost-prompt-callout strong{color:#4d3b00}.sif-cost-prompt-callout span{color:#735f1b;font-size:12px}
.sif-cost-prompt-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sif-cost-prompt-item{display:grid;grid-template-columns:32px 1fr;column-gap:10px;row-gap:2px;align-items:center;text-align:left;padding:12px;border:1px solid #dce5ef;border-radius:13px;background:#fff;color:#14213a;cursor:pointer}.sif-cost-prompt-item>span{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#101827;color:#f5c84c;font-size:20px;font-weight:1000}.sif-cost-prompt-item strong{font-size:13px}.sif-cost-prompt-item small{font-size:10px;color:#718096}.sif-cost-prompt-item:hover{border-color:#efc34b;background:#fffdf5}.sif-cost-prompt-item.is-added{border-color:#99d6aa;background:#f2fbf5}.sif-cost-prompt-item.is-added>span{background:#18733a;color:#fff}
.sif-cost-prompt-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid #e4eaf1}.sif-cost-prompt-footer label{display:flex;align-items:center;gap:8px;color:#617086;font-size:12px}.sif-cost-prompt-footer input{width:17px;height:17px;min-height:0}
@media(max-width:650px){.sif-cost-prompt-list{grid-template-columns:1fr}.sif-cost-prompt-footer{align-items:stretch;flex-direction:column}.sif-cost-prompt-footer .btn{width:100%}.cost-head-actions{flex-wrap:wrap}.sif-cost-check-btn{width:100%}}


/* v1.6.25 — keep Add cost within reach on long Job Costs sections */
#costSection{position:relative}
.cost-follow-actions{position:sticky;bottom:14px;z-index:12;display:flex;justify-content:flex-end;pointer-events:none;margin-top:12px;padding:0 2px 2px}
.cost-follow-actions .btn{pointer-events:auto;min-width:150px;box-shadow:0 12px 30px rgba(17,101,235,.28);border:1px solid rgba(255,255,255,.9)}
.cost-follow-actions .btn:hover{transform:translateY(-1px)}
@media(max-width:700px){.cost-follow-actions{bottom:10px}.cost-follow-actions .btn{width:100%;min-width:0}}

/* v1.6.29 QA-only plan simulation controls */
.qa-plan-panel{margin-top:16px;padding:18px;border:2px solid #f2b93b;border-radius:16px;background:#fff9e9;box-shadow:0 8px 20px rgba(145,99,0,.08)}
.qa-plan-panel .qa-kicker{display:block;font-size:11px;font-weight:950;letter-spacing:.12em;color:#8a5a00;margin-bottom:4px}.qa-plan-panel h3{margin:0 0 6px;color:#0b1739}.qa-plan-panel p{margin:0 0 12px;color:#665321;line-height:1.45}.qa-plan-controls{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.qa-plan-panel select{width:100%}.qa-plan-note{display:block;margin-top:10px;color:#7a621e;font-size:12px;line-height:1.4}.qa-mode-banner{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;padding:12px 16px;border:2px solid #f2b93b;border-radius:14px;background:#fff7d6;color:#624600;font-weight:850;box-shadow:0 10px 24px rgba(100,72,0,.08)}.qa-mode-banner small{display:block;font-weight:650;color:#806b2d;margin-top:2px}.qa-mode-banner button{white-space:nowrap}.qa-mode-banner.hidden{display:none!important}
@media(max-width:620px){.qa-plan-controls,.qa-mode-banner{grid-template-columns:1fr;display:grid}.qa-mode-banner button{width:100%}}


/* v1.6.29 account payment CTA layout repair */
#requestPaymentBtn{min-width:190px;min-height:52px;padding:12px 22px;white-space:nowrap;line-height:1.15;align-self:end}
@media(max-width:560px){#requestPaymentBtn{width:100%;min-width:0;white-space:normal}}

/* v1.6.32 account payment-button layout repair */
.billing-request-panel #requestPaymentBtn{min-width:220px;width:auto;white-space:nowrap;justify-self:end;align-self:end;padding-left:22px;padding-right:22px}
@media(max-width:760px){.billing-request-panel{grid-template-columns:1fr}.billing-request-panel #requestPaymentBtn{width:100%;min-width:0;justify-self:stretch}}


/* VICOLA v1.6.40 — account plan CTA + help-layout polish */
#accountDialog .billing-dialog-card{overflow-x:hidden!important}
#accountDialog .billing-request-panel{grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important}
#accountDialog .billing-request-panel label{min-width:0!important}
#accountDialog #billingPlanSelect{width:100%!important;min-width:0!important}
#accountDialog #requestPaymentBtn{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:none!important;min-width:0!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}


/* VICOLA v1.6.40 — account payment CTA size polish */
#accountDialog #requestPaymentBtn{min-height:44px!important;padding:9px 16px!important;font-size:14px!important;font-weight:800!important;line-height:1.1!important;border-radius:12px!important}
@media(max-width:560px){#accountDialog #requestPaymentBtn{min-height:44px!important;padding:10px 14px!important;font-size:14px!important}}

/* VICOLA v1.6.40 — SHIT I FORGOT quick-check visual polish only */
.sif-cost-prompt-dialog{
  max-width:min(710px,calc(100vw - 32px));
}
.sif-cost-prompt-card{
  position:relative;
  max-height:min(740px,calc(100dvh - 32px));
  overflow:auto;
  border:1px solid #ead58f;
  border-radius:22px!important;
  box-shadow:0 24px 64px rgba(4,28,61,.24);
  scrollbar-gutter:stable;
}
.sif-cost-prompt-card .dialog-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:10px;
  padding-right:2px;
}
.sif-cost-prompt-card .dialog-head>div{min-width:0}
.sif-cost-prompt-card .dialog-head small{
  display:block;
  margin-bottom:4px;
  color:#6b7280;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
}
.sif-cost-prompt-card .dialog-head h2{
  margin:0;
  font-size:clamp(24px,3vw,30px);
  line-height:1.1;
}
.sif-cost-prompt-card .dialog-head p{
  margin:7px 0 0;
  max-width:560px;
  color:#68778b;
  font-size:13px;
  line-height:1.45;
}
.sif-cost-prompt-card .dialog-head .close{
  flex:0 0 auto;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  margin:0;
  background:#f5f7fa;
  color:#172033;
  border:1px solid #e2e8f0;
  box-shadow:none;
}
.sif-cost-prompt-callout{
  gap:3px;
  margin:10px 0 12px;
  padding:11px 13px;
  border-color:#ead998;
  border-radius:12px;
  background:#fffaf1;
}
.sif-cost-prompt-callout strong{font-size:14px}
.sif-cost-prompt-callout span{font-size:11px;line-height:1.4}
.sif-cost-prompt-list{
  gap:8px;
}
.sif-cost-prompt-item{
  grid-template-columns:30px 1fr;
  column-gap:9px;
  min-height:64px;
  padding:9px 11px;
  border-radius:12px;
  transition:border-color .15s ease,background .15s ease,transform .15s ease;
}
.sif-cost-prompt-item>span{
  width:30px;
  height:30px;
  border-radius:9px;
  font-size:18px;
}
.sif-cost-prompt-item strong{font-size:12.5px;line-height:1.25}
.sif-cost-prompt-item small{font-size:9.5px;line-height:1.2}
.sif-cost-prompt-item:hover{transform:translateY(-1px)}
.sif-cost-prompt-footer{
  position:sticky;
  bottom:-28px;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin-top:14px;
  padding:12px 0 0;
  border-top:1px solid #e4eaf1;
  background:linear-gradient(to bottom,rgba(255,255,255,.92),#fff 32%);
}
.sif-cost-prompt-footer label{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  color:#526176;
  font-size:11px;
  font-weight:650;
  line-height:1.35;
}
.sif-cost-prompt-footer input{
  flex:0 0 auto;
  width:18px;
  height:18px;
  accent-color:#1686ff;
}
.sif-cost-prompt-footer .btn{
  flex:0 0 auto;
  min-height:44px;
  padding:10px 18px;
  border-radius:12px;
  white-space:nowrap;
  font-size:12px;
}
@media(max-width:650px){
  .sif-cost-prompt-dialog{max-width:calc(100vw - 18px)}
  .sif-cost-prompt-card{max-height:calc(100dvh - 18px);padding:18px 14px!important;border-radius:18px!important}
  .sif-cost-prompt-card .dialog-head{gap:10px}
  .sif-cost-prompt-card .dialog-head h2{font-size:23px}
  .sif-cost-prompt-list{grid-template-columns:1fr;gap:7px}
  .sif-cost-prompt-item{min-height:60px}
  .sif-cost-prompt-footer{position:sticky;bottom:-18px;align-items:stretch;flex-direction:column;padding-bottom:1px}
  .sif-cost-prompt-footer .btn{width:100%;min-height:44px}
}


/* VICOLA v1.6.40 — SHIT I FORGOT quick-check footer polish */
.sif-cost-prompt-footer{
  gap:12px;
  margin-top:12px;
  padding:10px 0 0;
}
.sif-cost-prompt-footer label{
  flex:1 1 auto;
  flex-direction:row!important;
  justify-content:flex-start;
  align-items:center;
  gap:8px;
  margin:0;
  color:#4f5f75;
  font-size:11px;
  font-weight:700;
  line-height:1.25;
  white-space:nowrap;
}
.sif-cost-prompt-footer input{
  flex:0 0 16px;
  width:16px;
  height:16px;
  margin:0;
  min-height:0;
}
.sif-cost-prompt-footer .btn{
  min-height:40px;
  padding:8px 16px;
  border-radius:11px;
  font-size:11.5px;
}
@media(max-width:650px){
  .sif-cost-prompt-footer{gap:9px}
  .sif-cost-prompt-footer label{white-space:normal}
  .sif-cost-prompt-footer .btn{min-height:42px}
}


/* VICOLA v1.6.40 — SHIT I FORGOT footer checkbox alignment */
.sif-cost-prompt-footer{padding:12px 14px 0!important;box-sizing:border-box}
.sif-cost-prompt-footer label{padding-left:2px;gap:10px!important;align-items:center!important}
.sif-cost-prompt-footer input{margin:0!important;align-self:center}
@media(max-width:650px){.sif-cost-prompt-footer{padding:12px 10px 0!important}}

/* v1.6.40 — SHIT I FORGOT Final Check readability polish only */
#shitIForgotFinalDialog .dialog-head p{font-size:18px;line-height:1.45}
#shitIForgotFinalDialog .sif-final-row>div:first-child>strong{font-size:19px;line-height:1.3}
#shitIForgotFinalDialog .sif-final-row small{font-size:15px;line-height:1.4}
#shitIForgotFinalDialog .sif-final-actions .btn{font-size:16px;min-height:48px;padding:11px 16px}
#shitIForgotFinalDialog .sif-final-confirm{align-items:center;padding:18px}
#shitIForgotFinalDialog .sif-final-confirm input{width:22px;height:22px;margin-top:0;flex:0 0 auto}
#shitIForgotFinalDialog .sif-final-confirm strong{font-size:17px;line-height:1.35}
#shitIForgotFinalDialog .sif-final-confirm small{font-size:14px;line-height:1.45}
#shitIForgotFinalDialog #shitIForgotContinue{font-size:17px;min-height:50px}
@media(max-width:680px){#shitIForgotFinalDialog .dialog-head p{font-size:16px}#shitIForgotFinalDialog .sif-final-row>div:first-child>strong{font-size:18px}#shitIForgotFinalDialog .sif-final-actions .btn{font-size:15px}}

/* VICOLA v1.6.42 — global modal close control standard
   Every existing dialog close X sits in the top-right of its header. */
dialog .dialog-card > .dialog-head,
dialog .dialog-card > .section-head{
  position:relative;
  padding-right:64px;
}
dialog .dialog-card > .dialog-head > .close,
dialog .dialog-card > .section-head > .close{
  position:absolute!important;
  top:0!important;
  right:0!important;
  margin:0!important;
  flex:0 0 auto;
  z-index:4;
}
/* Nested admin account drawer follows the same close-control convention. */
.admin-account-drawer .admin-drawer-head{
  position:relative;
  padding-right:56px;
}
.admin-account-drawer .admin-drawer-head > .close{
  position:absolute!important;
  top:0!important;
  right:0!important;
  margin:0!important;
  z-index:4;
}
@media(max-width:700px){
  dialog .dialog-card > .dialog-head,
  dialog .dialog-card > .section-head{padding-right:56px}
}

/* v1.6.48 Jobs / quote relationship foundation */
.duplicate-quote-card{max-width:640px}
.duplicate-choice-grid{display:grid;gap:12px;margin-top:14px}
.duplicate-choice{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:14px 16px;white-space:normal}
.duplicate-choice strong{font-size:15px}
.duplicate-choice span{font-size:12px;opacity:.78;margin-top:4px}
.duplicate-job-note{margin:12px 2px 0}


/* v1.6.49 — active quote wording: OPENED NOW */
.savedRow.is-current{
  border:2px solid #2f80ed!important;
  background:#f1f7ff!important;
  box-shadow:0 10px 28px rgba(47,128,237,.16)!important;
}
.savedRow.is-current .savedTitle{color:#071d45}
.status-current{
  background:#0f6fe8!important;
  color:#fff!important;
  border:1px solid #0f6fe8!important;
  letter-spacing:.06em;
}
@media(max-width:560px){.savedRow.is-current{box-shadow:0 7px 20px rgba(47,128,237,.14)!important}}

/* PAYMENT RECEIPT CONTROLS */
.invoice-receipt-controls{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:10px;align-items:end;margin-top:14px;padding-top:14px;border-top:1px solid #dbe4ef}
.invoice-receipt-controls label{margin:0}
@media(max-width:760px){.invoice-receipt-controls{grid-template-columns:1fr}.invoice-receipt-controls .btn{width:100%}}

.tax-export-card{max-width:760px}.tax-export-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.tax-export-range-note{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:10px 2px}.tax-export-range-note span,.tax-export-disclaimer{font-size:.9rem;color:var(--muted,#64748b)}@media(max-width:760px){.tax-export-actions{grid-template-columns:1fr}}


/* v1.6.67 - client tax PDF exports */
#taxExportOpen{background:#16A34A!important;border-color:#16A34A!important;color:#fff!important;box-shadow:0 8px 22px rgba(22,163,74,.18)}
#taxExportOpen:hover{background:#15803D!important;border-color:#15803D!important;color:#fff!important}
.tax-export-group{margin-top:18px}.tax-export-group h3{margin:0 0 8px;font-size:1rem;color:#0f172a}.tax-export-group .tax-export-actions{margin-top:0}
.tax-export-pdf-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.tax-pdf-btn{background:#fff!important;border:2px solid #16A34A!important;color:#15803D!important}.tax-pdf-btn:hover{background:#16A34A!important;color:#fff!important}.tax-pack-btn{font-weight:800}
@media(max-width:900px){.tax-export-pdf-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.tax-export-pdf-actions{grid-template-columns:1fr}}

/* v1.6.71 account verification */
#auVerificationPanel .billing-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}#auSmsCode{max-width:130px;font-size:18px;letter-spacing:.12em}#auSmsStatus{font-size:15px}#auVerificationPanel label{display:block;margin:8px 0}

/* Explicit free-access controls share the account drawer visual standards. */
#adminComplimentary{padding-top:14px;border-top:1px solid #dfe7f2;overflow-wrap:anywhere}
#adminComplimentaryControls{display:grid;gap:12px;margin:14px 0}
#adminComplimentaryControls>label{display:grid;gap:6px;font-size:12px;font-weight:750;color:#24344f}
#adminComplimentaryControls input:not([type=checkbox]),#adminComplimentaryControls select{width:100%;min-width:0;box-sizing:border-box;padding:10px;border:1px solid #ccd8e8;border-radius:10px;background:#fff;color:#10203d}
#adminComplimentaryControls>label:has([type=checkbox]){display:flex;align-items:flex-start;font-weight:500;line-height:1.5}
#adminComplimentaryControls [type=checkbox]{flex-shrink:0;margin-top:3px}
.admin-free-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.admin-free-actions .btn{width:100%;white-space:normal;min-height:44px;padding:10px!important;font-size:12px!important}
.admin-free-actions .btn:last-child{grid-column:1/-1}
@media(max-width:480px){.admin-free-actions{grid-template-columns:1fr}}