/* WorkOps Premium UI v26 — calm, technical, field-first */
:root{
  --bg:#f3f6fa;
  --panel:#ffffff;
  --ink:#0b1220;
  --text:#0b1220;
  --muted:#667085;
  --line:#e4e9f0;
  --accent:#1677ff;
  --accent2:#52a2ff;
  --dark:#0a1020;
  --dark2:#111b31;
  --soft:#f4f7fb;
  --good:#16a36a;
  --bad:#df4d57;
  --warning:#f59e0b;
  --radius:20px;
  --shadow-sm:0 1px 2px rgba(15,23,42,.03),0 8px 24px rgba(15,23,42,.05);
  --shadow-md:0 18px 50px rgba(15,23,42,.10);
  --shadow-xl:0 30px 90px rgba(4,12,29,.18);
}
html{background:var(--bg)}
body{background:radial-gradient(circle at 86% -10%,rgba(22,119,255,.06),transparent 28%),var(--bg);letter-spacing:-.005em;-webkit-font-smoothing:antialiased}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease}
button:active{transform:scale(.985)}
input,select,textarea{outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
input:focus,select:focus,textarea:focus{border-color:rgba(22,119,255,.65)!important;box-shadow:0 0 0 4px rgba(22,119,255,.10)!important;background:#fff!important}
::selection{background:rgba(22,119,255,.16)}

/* Desktop shell */
.app-shell{grid-template-columns:248px 1fr}
.sidebar{background:linear-gradient(180deg,#080d18 0%,#0c1323 58%,#080d18 100%);padding:22px 16px;border-right:1px solid rgba(255,255,255,.04)}
.brand{padding:2px 8px 28px;gap:12px}
.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#2f8cff,#0b67ee 70%,#1559c9);box-shadow:0 10px 28px rgba(22,119,255,.28),inset 0 1px rgba(255,255,255,.25);font-size:17px}
.brand b{font-size:19px;letter-spacing:-.4px}.brand small{color:#71809b;letter-spacing:.06em;text-transform:uppercase;font-size:9px}
.sidebar nav{gap:3px}.sidebar nav button{color:#7f8ca4;padding:11px 12px;border-radius:12px;font-size:13px;font-weight:690;letter-spacing:-.01em;position:relative}
.sidebar nav button:hover{background:rgba(255,255,255,.05);color:#e6edf8}.sidebar nav button.active{background:linear-gradient(90deg,rgba(22,119,255,.18),rgba(22,119,255,.05));color:#fff;box-shadow:inset 2px 0 #3a94ff}
.side-foot{border-color:rgba(255,255,255,.07);padding-top:18px}.side-foot b{font-size:12px}.side-foot small{font-size:9px;color:#67758e}.avatar{background:linear-gradient(145deg,#17243d,#101929);border:1px solid rgba(255,255,255,.08)}

/* Header */
.topbar{height:74px;padding:0 32px;background:rgba(243,246,250,.78);border-color:rgba(220,226,235,.8);backdrop-filter:blur(22px) saturate(1.4)}
.topbar p{font-size:11px;font-weight:700;letter-spacing:.02em;color:#7a8598}.top-actions{gap:10px}
.icon-btn{border:1px solid #dde4ed;background:rgba(255,255,255,.75);box-shadow:0 5px 18px rgba(15,23,42,.04)}.icon-btn:hover{background:#fff;border-color:#ced7e3}
.primary{background:linear-gradient(135deg,#1680ff,#0f67e8);box-shadow:0 8px 22px rgba(22,119,255,.22),inset 0 1px rgba(255,255,255,.18);border-radius:13px;font-weight:820;letter-spacing:-.01em}
.primary:hover{box-shadow:0 12px 28px rgba(22,119,255,.28);transform:translateY(-1px)}
.secondary{background:#eef3f8;border:1px solid #e0e7ef;color:#192235;border-radius:12px}.secondary:hover{background:#e8eef5;border-color:#d3dde8}
.text-btn{color:#1475ed}
.content{padding:30px 34px 110px;max-width:1500px}

/* Home hero */
.hero{padding:34px 36px;min-height:190px;border-radius:28px;background:radial-gradient(circle at 83% 6%,rgba(68,149,255,.38),transparent 30%),linear-gradient(135deg,#07101e 0%,#0c1830 58%,#102546 100%);box-shadow:0 24px 70px rgba(5,15,33,.16);border:1px solid rgba(255,255,255,.06)}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 40%);pointer-events:none}
.hero:after{width:420px;height:420px;right:-130px;top:-230px;background:radial-gradient(circle,rgba(52,146,255,.28),transparent 65%)}
.hero h1{font-size:42px;line-height:1;letter-spacing:-2px;margin:10px 0 10px;font-weight:850}.hero p{font-size:14px;color:#aab8cf;max-width:520px}
.hero .kicker{color:#70afff}.hero-action{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);backdrop-filter:blur(10px);font-size:13px;padding:13px 17px}.hero-action:hover{background:rgba(255,255,255,.13)}

/* Dashboard metrics */
.stats{gap:14px;margin:18px 0 16px}.stats article{padding:20px 21px;border-radius:18px;border:1px solid #e8edf3;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stats article:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;background:#d9e5f2;border-radius:0 3px 3px 0}.stats article:nth-child(1):before{background:#2d89ff}.stats article:nth-child(2):before{background:#7b61ff}.stats article:nth-child(3):before{background:#f2a93b}.stats article:nth-child(4):before{background:#27a875}.stats span{font-weight:730;color:#6c778b}.stats strong{font-size:32px;letter-spacing:-1.2px;color:#101828}.stats small{font-size:11px;color:#98a2b3}.stat-link{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.stat-link:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,.09)!important;border-color:#d6e2ef!important}.stat-link:active{transform:scale(.985)}.customer-workspace{display:grid;gap:14px}.customer-hero{padding:19px;border-radius:20px;background:linear-gradient(145deg,#101a2b,#172944);color:#fff;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.customer-hero h2{font-size:27px;letter-spacing:-.8px;margin:4px 0}.customer-hero p,.customer-hero small{display:block;margin:0;color:#b8c5d8}.customer-hero small{margin-top:7px}.customer-hero .kicker{color:#72b7ff}.customer-hero .badge{background:rgba(255,255,255,.11);color:#fff;border-color:rgba(255,255,255,.1)}.customer-row{border-left:3px solid transparent}.customer-row:hover{border-left-color:var(--accent)}
.lifecycle-pills,.appointment-lifecycle{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.lifecycle-pills{padding:10px 2px 2px}.lifecycle-pills span,.life-pill{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#f1f5f9;border:1px solid #e0e7ef;color:#3b4a5f;font-size:11px;font-weight:750;line-height:1}.appointment-lifecycle{margin-top:7px}.appt.job-done{opacity:.92}.appt.job-done>b{text-decoration:none}.job-paperwork{background:linear-gradient(145deg,#f8fbff,#fff);border:1px solid #e4edf7!important;border-radius:18px;padding:17px!important;margin-top:15px}.paperwork-group{display:grid;gap:7px;margin:9px 0 13px}.paperwork-group>b{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#7a8799}.workspace-actions.compact{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.completion-hub{display:grid;gap:16px}.completion-hero{padding:20px;border-radius:20px;background:linear-gradient(145deg,#0b182c,#12345d);color:#fff;display:grid;gap:5px}.completion-hero b{font-size:22px;letter-spacing:-.5px}.completion-hero span{color:#b9cae0}.completion-steps{display:grid;gap:9px}.completion-steps button{width:100%;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:11px;text-align:left;padding:14px 15px;border:1px solid #e0e7ef;background:#fff;border-radius:15px}.completion-steps button>b{grid-row:1/3;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#eef5ff;color:#1666c5;font-size:18px}.completion-steps button>span{font-weight:800;color:#152033}.completion-steps button>small{color:#7b8797;margin-top:2px}.completion-steps button.primary{background:#0d2749;border-color:#0d2749}.completion-steps button.primary span{color:#fff}.completion-steps button.primary small{color:#b8c9de}.workspace-complete{display:grid;gap:4px}.workspace-complete small{color:#748094}.invoice-row .badge{text-transform:capitalize}@media(max-width:720px){.workspace-actions.compact{grid-template-columns:1fr}.lifecycle-pills{gap:5px}.lifecycle-pills span,.life-pill{font-size:10px;padding:5px 7px}}.invoice-row{border-left:3px solid transparent}.invoice-row:hover{border-left-color:#27a875}.invoice-detail{display:grid;gap:16px}.invoice-detail-hero{padding:20px;border-radius:20px;background:linear-gradient(145deg,#101a2b,#17314f);color:#fff;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.invoice-detail-hero h2{font-size:25px;letter-spacing:-.7px;margin:4px 0}.invoice-detail-hero p,.invoice-detail-hero small{display:block;margin:0;color:#b9c6d8}.invoice-detail-total{text-align:right}.invoice-detail-total span{display:inline-block;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.1);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.invoice-detail-total strong{display:block;font-size:30px;margin-top:8px}.invoice-detail-total small{margin-top:3px}.invoice-detail-addresses{display:grid;grid-template-columns:1fr 1fr;gap:12px}.invoice-detail-addresses>div{border:1px solid #e4eaf1;border-radius:15px;padding:14px;background:#fff}.invoice-detail-addresses span{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#7c8798;font-weight:800;margin-bottom:5px}.invoice-detail-addresses b,.invoice-detail-addresses small{display:block}.invoice-detail-addresses small{color:#6d788a;margin-top:4px}.invoice-lines{display:grid;gap:8px}.invoice-lines>div{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 14px;border:1px solid #e4eaf1;border-radius:13px;background:#fff}.invoice-lines small{display:block;color:#7a8595;margin-top:3px}.invoice-summary{margin-left:auto;width:min(100%,360px);display:grid;gap:7px}.invoice-summary>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid #edf1f5}.invoice-summary .total{font-size:17px;border-top:1px solid #dce3eb;border-bottom:1px solid #dce3eb;padding:12px 0}.invoice-summary .total strong{font-size:21px}.signup-gate{position:fixed;inset:0;z-index:10000;background:rgba(8,12,24,.88);backdrop-filter:blur(14px);display:grid;place-items:center;padding:24px;overflow:auto;color:#e6edf8}.signup-gate[hidden]{display:none}.signup-card{width:min(760px,100%);background:linear-gradient(180deg,#121c31f2,#0f1728f7);border:1px solid #2a3856;border-radius:26px;padding:34px;box-shadow:0 26px 80px #0008;color:#e6edf8}.signup-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.signup-brand .brand-mark{background:linear-gradient(145deg,#6ba0ff,#2f6fe9);box-shadow:0 12px 28px #0005}.signup-brand b{color:#e6edf8}.signup-card h1{margin:8px 0 8px;font-size:clamp(28px,4vw,42px);color:#e6edf8}.signup-card>p{margin:0 0 24px;color:#9fb0c9}.signup-card .kicker{color:#6ba0ff}.signup-consents{display:grid;gap:10px;margin:20px 0}.signup-consents label{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#cbd7e8}.signup-consents a{color:#6ba0ff}.signup-consents input{margin-top:3px;accent-color:#4f8cff}.signup-start{width:100%;min-height:52px;font-size:17px;background:linear-gradient(135deg,#4f8cff,#2F80FF);border-color:#2F80FF;box-shadow:0 12px 28px rgba(47,128,255,.28)}.signup-foot{display:block;text-align:center;margin-top:12px;color:#9fb0c9}.signup-required .app-shell,.signup-required .mobile-nav{filter:blur(3px);pointer-events:none;user-select:none}@media(max-width:700px){.invoice-detail-hero{display:block}.invoice-detail-total{text-align:left;margin-top:16px}.invoice-detail-addresses{grid-template-columns:1fr}}

/* Panels and page headers */
.panel{border:1px solid #e7ecf2;border-radius:20px;box-shadow:var(--shadow-sm)}
.panel-head{margin-bottom:4px}.panel-head h2{font-size:20px;letter-spacing:-.5px}.page-head{margin:6px 0 22px;align-items:flex-end}.page-head h1{font-size:35px;letter-spacing:-1.4px;font-weight:850;color:#0d1627}.page-head p{font-size:13px;color:#7b8496}.kicker{font-size:10px;letter-spacing:.15em;color:#8d98aa}

/* Premium workflow launcher */
.home-workflow{grid-template-columns:minmax(0,1fr) 310px;gap:16px;margin:18px 0}.workflow-main,.workflow-profile{border-radius:22px;box-shadow:var(--shadow-sm)}
.workflow-main{padding:24px;border:1px solid #e5ebf2;background:linear-gradient(180deg,#fff,#fbfcfe)}.workflow-head{margin-bottom:18px}.workflow-head h2{font-size:23px;letter-spacing:-.7px}.workflow-head p{font-size:13px}
.workflow-steps{grid-template-columns:1.35fr repeat(4,1fr);gap:10px}.workflow-steps button{min-height:128px;border:1px solid #e6ecf3;background:#fff;border-radius:17px;padding:16px;box-shadow:0 2px 10px rgba(15,23,42,.025);position:relative;overflow:hidden}.workflow-steps button:hover{border-color:#cfe0f7;background:#fbfdff;box-shadow:0 12px 25px rgba(15,23,42,.06);transform:translateY(-2px)}.workflow-steps button:first-child{background:linear-gradient(145deg,#0a1529,#102546);color:#fff;border-color:#112541}.workflow-steps button:first-child small{color:#9fb0c8}.workflow-steps button:first-child b{background:rgba(52,146,255,.18);color:#70b1ff;border:1px solid rgba(91,164,255,.18)}.workflow-steps b{width:36px;height:36px;border-radius:11px;background:#edf5ff;color:#1475ed;margin-bottom:17px}.workflow-steps span{font-size:14px}.workflow-steps small{font-size:11px;line-height:1.45}
.workflow-profile{padding:24px;background:radial-gradient(circle at 90% 0,rgba(22,119,255,.28),transparent 32%),linear-gradient(150deg,#0a1020,#121d32);border:1px solid rgba(255,255,255,.05)}.workflow-profile.ready{background:radial-gradient(circle at 100% 0,rgba(37,167,120,.20),transparent 34%),linear-gradient(150deg,#0a1020,#121d32)}.workflow-profile h3{font-size:21px;letter-spacing:-.5px}.workflow-profile p{font-size:12px;color:#98a8bf}.workflow-profile .kicker{color:#69aafe}

/* Cards and rows */
.stack{gap:10px}.list-row{border:1px solid #e6ebf1;border-radius:16px;padding:15px 17px;background:rgba(255,255,255,.92);box-shadow:0 4px 14px rgba(15,23,42,.025);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.clickable-row:hover,.cert-row:hover{border-color:#cad9eb;box-shadow:0 12px 28px rgba(15,23,42,.07);transform:translateY(-1px)}.list-row b{font-size:13px;color:#162033}.list-row small{font-size:11px;color:#7d8798;line-height:1.45}.badge{background:#f0f4f8;color:#566175;border:1px solid #e3e8ee;font-size:10px;letter-spacing:.01em}.row-arrow{color:#a7b1bf}.job-colour-row{border-left-width:4px}
.empty{border:1px dashed #cfd8e4;background:linear-gradient(180deg,#fff,#fafbfd);padding:38px;color:#8791a3}.info-strip{background:#edf5ff;border:1px solid #d8eaff;color:#315f99;font-weight:650}

/* Action cards / create sheet */
.action-grid{gap:11px}.action-grid button{background:#fff;border:1px solid #e4eaf1;border-radius:17px;padding:17px;box-shadow:0 5px 15px rgba(15,23,42,.025)}.action-grid button:hover{border-color:#cbdcf1;box-shadow:0 12px 28px rgba(15,23,42,.07);transform:translateY(-1px)}.action-grid b{background:linear-gradient(145deg,#edf6ff,#e4f0ff);color:#1475ed;border:1px solid #d8eaff}.action-grid span{font-size:13px}.action-grid small{font-size:10.5px}

/* Calendar */
.calendar-toolbar{padding:10px 13px;border:1px solid #e4eaf1;border-radius:14px;box-shadow:var(--shadow-sm)}.calendar-toolbar b{font-size:13px;letter-spacing:-.2px}.calendar-toolbar button{background:#f0f4f8;color:#415069}.calendar-grid{gap:9px}.day{border:1px solid #e6ebf2;border-radius:17px;padding:12px;min-height:270px;box-shadow:0 4px 16px rgba(15,23,42,.025)}.day.today{outline:0;border-color:#98c5ff;box-shadow:0 0 0 3px rgba(22,119,255,.09),0 8px 22px rgba(15,23,42,.04)}.day-head{font-size:13px}.day-head small{font-size:10px;margin-top:2px}.appt.colour-coded{border:1px solid color-mix(in srgb,var(--job-colour) 25%,#e5eaf1);border-left:4px solid var(--job-colour);background:color-mix(in srgb,var(--job-colour) 6%,white);border-radius:11px;padding:10px;margin-bottom:8px}.appt-type{font-size:8.5px}.appt b{font-size:11px;line-height:1.35}.appt small{font-size:9.5px}.appt-actions button{border:1px solid #e4eaf1;background:#fff;color:#315f99}

/* Certificate library */
.certificate-library-bar{padding:6px 0}.cert-filter-tabs{gap:7px}.cert-filter-tabs button{border:1px solid #e1e7ee;background:rgba(255,255,255,.9);color:#647084;padding:9px 13px}.cert-filter-tabs button.active{background:#0d1a2d;border-color:#0d1a2d;color:#fff;box-shadow:0 7px 16px rgba(12,27,50,.14)}.cert-search{border-color:#dfe6ee;border-radius:13px;box-shadow:0 4px 12px rgba(15,23,42,.025)}.cert-complete{border-left-color:#1ba76d}.badge-complete{background:#eaf8f2!important;border-color:#d3efe3!important;color:#13875a!important}
.certificate-chooser{gap:10px}.certificate-chooser button{border:1px solid #e2e8f0;border-radius:18px;padding:18px;background:linear-gradient(180deg,#fff,#fbfcfe);box-shadow:0 5px 15px rgba(15,23,42,.03)}.certificate-chooser button:hover{border-color:#bdd8fa;box-shadow:0 14px 28px rgba(15,23,42,.07);transform:translateY(-1px)}.certificate-chooser button>b{background:#edf6ff;color:#1475ed;border:1px solid #d8eaff}.certificate-chooser strong{font-size:13px}.certificate-chooser small{font-size:10.5px}

/* Forms */
.form-grid label,.modal label,.cert-gas-body label,.iv-row label{font-size:11px;font-weight:760;color:#697589;letter-spacing:.005em}.form-grid input,.form-grid textarea,.form-grid select,.modal input,.modal textarea,.modal select,.cert-gas-body input,.cert-gas-body select,.iv-row input{border:1px solid #dfe6ef!important;background:#f9fbfd;border-radius:12px;padding:12px 13px;color:#152033;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.modal input::placeholder,.modal textarea::placeholder{color:#b0b8c5}.hint{font-size:11.5px;color:#7f899b}
.toggle-grid label{border:1px solid #e3e9f0;background:#fff;border-radius:13px;font-size:11px}.settings-nav button{font-size:12px}.settings-nav button.active{background:#eaf4ff;color:#146fdf}.settings-layout{gap:20px}.cert-pref-card{background:#fbfcfe;border-color:#e4eaf1}

/* Modal / sheets */
.modal{background:rgba(4,10,20,.58);backdrop-filter:blur(8px);padding:20px}.modal.open .sheet{animation:sheetIn .23s cubic-bezier(.2,.75,.25,1)}
@keyframes sheetIn{from{opacity:0;transform:translateY(18px) scale(.992)}to{opacity:1;transform:none}}
.sheet{border-radius:24px;padding:20px 21px 22px;box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,.6)}.sheet-grip{background:#d7dee7;height:4px}.sheet-head{padding:1px 2px 7px}.sheet-head h2{font-size:22px;letter-spacing:-.6px}.sheet-head button{background:#f0f4f8;color:#536074}.modal form{gap:13px}.modal-actions{padding-top:5px}.sticky-actions{position:static;bottom:auto;margin:8px -4px -4px;padding:13px 4px 4px;background:#fff;backdrop-filter:none;border-top:1px solid #e8edf3}

/* Certificate entry — premium inspection cards */
.cert-progress{position:sticky;top:-20px;z-index:6;display:flex;gap:7px;overflow:auto;padding:10px 2px 12px;margin:-2px 0 2px;background:linear-gradient(180deg,rgba(255,255,255,.98) 72%,rgba(255,255,255,0));scrollbar-width:none}.cert-progress::-webkit-scrollbar{display:none}.cert-progress button{flex:0 0 auto;display:flex;align-items:center;gap:7px;border:1px solid #dfe7ef;background:#fff;border-radius:999px;padding:7px 11px 7px 7px;color:#5d697b;font-size:10px;font-weight:800;box-shadow:0 3px 8px rgba(15,23,42,.025)}.cert-progress button:hover{border-color:#bad6f6;color:#146fdf;background:#fbfdff}.cert-progress button b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#edf5ff;color:#1475ed;font-size:9px}.cert-section{scroll-margin-top:70px}
.cert-sheet{width:min(1180px,100%)}.cert-form{gap:12px!important}.cert-section{border:1px solid #e4eaf1;border-radius:18px;background:linear-gradient(180deg,#fff,#fcfdff);padding:18px 19px;box-shadow:0 5px 16px rgba(15,23,42,.025)}.cert-section-title{margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #edf1f5}.cert-section-title b{font-size:14px;letter-spacing:-.2px}.cert-section-title span{font-size:10px;color:#8b95a6}.cert-appliance{background:#f7faff;border:1px solid #dfe8f2;border-radius:16px;padding:15px}.cert-card-head b{font-size:13px}.field-with-tool{gap:8px}.mini-action{border:1px solid #dce5ef;background:#fff;color:#315f99;border-radius:10px;box-shadow:0 3px 8px rgba(15,23,42,.03)}.mini-action:hover{border-color:#b9d5f5;background:#f7fbff}.signature-box{background:#f8fafc;border-color:#d7dfe8}

/* Gas rate / installation volume */
.tool-panel{max-width:820px}.offline-ready{background:#eaf8f2;border-color:#d3efe3;color:#13875a}.timer-choice button{background:#fff;border-color:#e1e7ee}.timer-choice button.active{background:#0b1729;border-color:#0b1729;box-shadow:0 8px 18px rgba(8,20,39,.16)}.gas-timer{background:linear-gradient(180deg,#fbfdff,#f6f9fc);border-color:#e1e7ee}.gas-timer strong{font-size:38px;color:#0e1a2d}.gas-result{background:radial-gradient(circle at 88% 0,rgba(68,149,255,.28),transparent 34%),linear-gradient(145deg,#07111f,#102647);box-shadow:0 20px 44px rgba(7,17,31,.16)}.gas-hero strong{color:#fff}.iv-result>div{background:#fbfdff;border-color:#e2e8ef}.assessment{background:#f4f8fd;border-color:#dfe7f0}.tool-drawer-backdrop{background:rgba(4,10,20,.55);backdrop-filter:blur(6px)}.tool-drawer-panel{box-shadow:-30px 0 80px rgba(4,10,20,.2)}.meter-choice button{background:#f8fafc;border-color:#e1e7ee}.meter-choice button.active{border-color:#9bc8ff;background:#eef6ff;color:#126ed8}.cert-gas-clock{background:radial-gradient(circle at 80% 0,rgba(52,146,255,.30),transparent 36%),linear-gradient(145deg,#07111f,#102647)}

/* Job workspace */
.workspace-hero{border-left:4px solid var(--job-colour);border:1px solid #e1e8f0;border-left-width:5px;background:linear-gradient(145deg,color-mix(in srgb,var(--job-colour) 7%,#fff),#fff 58%);border-radius:18px;box-shadow:0 8px 22px rgba(15,23,42,.04)}.workspace-hero h2{font-size:26px;letter-spacing:-.8px}.workspace-type{font-size:9px;letter-spacing:.14em}.workspace-quick a,.workspace-quick button{border:1px solid #dfe6ee;border-radius:11px;background:#fff;box-shadow:0 3px 9px rgba(15,23,42,.025)}.workspace-note{background:#f6f9fc;border:1px solid #e7ecf2}.workspace-section{border-color:#e8edf3;padding-top:18px}.workspace-item,.workspace-history-row{border-color:#e3e9f0;border-radius:13px;box-shadow:0 3px 10px rgba(15,23,42,.02)}.workspace-action{border-color:#e1e7ef;border-radius:15px;box-shadow:0 5px 14px rgba(15,23,42,.025)}.workspace-action:hover{border-color:#c6d9ef;box-shadow:0 11px 25px rgba(15,23,42,.06);transform:translateY(-1px)}.workspace-action.primary{background:linear-gradient(145deg,#0a172b,#12305a);border-color:#15335d;box-shadow:0 14px 28px rgba(9,27,54,.14)}.workspace-action.primary small{color:#aabbd2}

/* Search */
.search-result{border-color:#e2e8ef;border-radius:13px}.search-result:hover{border-color:#bcd7f7;background:#fbfdff;box-shadow:0 8px 18px rgba(15,23,42,.04)}

/* Mobile */
@media(max-width:900px){
  body{background:linear-gradient(180deg,#f6f8fb 0%,#f1f5f9 100%)}
  .topbar{height:66px;padding:0 16px;background:rgba(246,248,251,.86)}.mobile-brand{font-size:17px;letter-spacing:-.5px;color:#0b1628}.topbar p{font-size:10px}.content{padding:15px 12px 104px}.hero{min-height:165px;padding:24px 21px;border-radius:22px}.hero h1{font-size:32px;letter-spacing:-1.4px}.hero p{font-size:12px;max-width:280px}.stats{gap:9px;margin-top:12px}.stats article{padding:16px 14px;border-radius:16px}.stats strong{font-size:27px}.stats span{font-size:10px}.stats small{font-size:9.5px}
  .home-workflow{grid-template-columns:1fr;gap:10px;margin-top:12px}.workflow-main{padding:17px;border-radius:18px}.workflow-head{margin-bottom:13px}.workflow-head h2{font-size:19px}.workflow-head p{font-size:11px}.workflow-steps{grid-template-columns:1fr 1fr;gap:8px}.workflow-steps button{min-height:108px;padding:13px;border-radius:14px}.workflow-steps button:first-child{grid-column:1/-1;min-height:98px}.workflow-steps b{width:31px;height:31px;margin-bottom:12px}.workflow-profile{min-height:0;padding:17px;border-radius:18px}.workflow-profile h3{font-size:18px}.workflow-profile p{margin-bottom:12px}
  .page-head{margin:4px 1px 17px}.page-head h1{font-size:28px}.page-head p{font-size:11px}.panel{padding:16px;border-radius:18px}.list-row{padding:14px;border-radius:14px}.list-row b{font-size:12px}.list-row small{font-size:10px}
  .mobile-nav{grid-template-columns:repeat(5,1fr);left:8px;right:8px;bottom:8px;border:1px solid rgba(218,225,234,.92);border-radius:20px;padding:8px 5px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.92);box-shadow:0 16px 50px rgba(15,23,42,.16);backdrop-filter:blur(22px) saturate(1.4)}.mobile-nav button{font-size:9px;color:#8490a2;gap:3px}.mobile-nav button b{font-size:17px}.mobile-nav button.active{color:#126ed8}.mobile-nav .create-tab b{width:42px;height:42px;margin-top:-23px;border-radius:14px;background:linear-gradient(145deg,#1680ff,#0c66e6);box-shadow:0 10px 22px rgba(22,119,255,.34),inset 0 1px rgba(255,255,255,.2);font-size:22px}.mobile-nav .create-tab span{font-weight:800;color:#365373}
  .calendar-grid{gap:8px}.day{padding:12px;min-height:auto}.day-head{display:flex;align-items:center;justify-content:space-between}.day-head small{display:inline;margin:0}.appt.colour-coded{padding:11px;border-radius:12px}.modal{padding:0;align-items:flex-end}.sheet{border-radius:24px 24px 0 0;width:100%;max-height:94vh;padding:14px 14px calc(16px + env(safe-area-inset-bottom))}.sheet-head h2{font-size:20px}.cert-sheet{padding:12px 10px calc(12px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.cert-section{padding:14px;border-radius:15px}.cert-section-title{padding-bottom:8px}.sticky-actions{position:static;bottom:auto;margin-left:-2px;margin-right:-2px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}
  .tool-drawer-panel{border-radius:24px 24px 0 0;box-shadow:0 -30px 70px rgba(4,10,20,.18)}
}
@media(min-width:901px) and (max-width:1200px){
  .home-workflow{grid-template-columns:1fr;gap:12px}
  .workflow-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .workflow-steps button{min-height:118px}
  .workflow-profile{min-height:150px}
}
@media(max-width:520px){
  .top-actions .primary{padding:10px 12px;font-size:12px}.hero-action{display:none}.stats strong{font-size:25px}.workflow-head .secondary{display:none}.workflow-steps{grid-template-columns:1fr 1fr}.action-grid{gap:8px}.action-grid button{padding:14px}.action-grid b{margin-bottom:12px}.certificate-library-bar{gap:10px}.cert-filter-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:1px}.cert-filter-tabs button{white-space:nowrap}.workspace-hero h2{font-size:22px}.workspace-actions{grid-template-columns:1fr}.gas-timer{flex-wrap:wrap}.gas-timer strong{width:100%;font-size:34px}.gas-timer .primary,.gas-timer .secondary{flex:1}
}

/* Gas Safety appliance workflow */
.appliance-card-v2{padding:0!important;overflow:hidden;background:#fff!important;border:1px solid #dde5ee!important;box-shadow:0 10px 28px rgba(15,23,42,.05)}
.appliance-card-v2 .cert-card-head{padding:17px 18px;background:linear-gradient(145deg,#f7faff,#fff);border-bottom:1px solid #e7edf3}.appliance-card-v2 .cert-card-head>div{display:grid;gap:3px}.appliance-card-v2 .cert-card-head .kicker{font-size:9px;color:#1674db}.appliance-card-v2 .cert-card-head b{font-size:16px}
.appliance-block{padding:16px 18px;border-bottom:1px solid #edf1f5}.appliance-block h4{margin:0 0 12px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#748196}.appliance-identity{grid-template-columns:repeat(3,minmax(0,1fr))}.appliance-reading-row{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(110px,.55fr) minmax(220px,1fr);gap:12px}.appliance-reading-row label{font-size:12px;font-weight:800;color:var(--muted)}.appliance-reading-row input,.appliance-reading-row select{width:100%;border:1px solid var(--line);background:#fbfbfd;border-radius:12px;padding:12px;margin-top:6px;color:var(--ink)}
.appliance-checklist{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.appliance-check-row{min-height:58px;border:1px solid #e5ebf1;border-radius:13px;padding:9px 10px 9px 13px;background:#fbfdff;display:grid;grid-template-columns:minmax(110px,1fr) auto;align-items:center;gap:10px}.appliance-check-row>span{font-size:12px;font-weight:800;color:#26364a}.appliance-check-row label{margin:0}.appliance-check-row select{min-width:170px}.appliance-check-row .choice-chips{margin:0}.appliance-check-row .choice-chips button{min-width:50px;padding:9px 10px}
.appliance-outcome{padding:15px 18px;background:linear-gradient(145deg,#0c1728,#12315a);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:16px}.appliance-outcome>div{display:grid;gap:3px}.appliance-outcome .kicker{color:#75b6ff}.appliance-outcome>b{font-size:16px}.appliance-outcome select{min-width:190px}.appliance-outcome .choice-chips{margin:0}.appliance-outcome .choice-chips button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#dce9fa}.appliance-outcome .choice-chips button.active{background:#1680ff;border-color:#1680ff;color:#fff}
@media(max-width:1100px){.appliance-identity{grid-template-columns:1fr 1fr}.appliance-reading-row{grid-template-columns:1fr 150px}.appliance-reading-row label:last-child{grid-column:1/-1}.appliance-checklist{grid-template-columns:1fr}.appliance-check-row{grid-template-columns:minmax(140px,1fr) auto}}
@media(max-width:700px){.appliance-block,.appliance-card-v2 .cert-card-head,.appliance-outcome{padding:14px}.appliance-identity,.appliance-reading-row{grid-template-columns:1fr}.appliance-reading-row label:last-child{grid-column:auto}.appliance-check-row{display:block}.appliance-check-row>span{display:block;margin-bottom:8px}.appliance-check-row select{min-width:0;width:100%}.appliance-outcome{display:block}.appliance-outcome>select,.appliance-outcome>.choice-chips{margin-top:10px;width:100%}.appliance-outcome .choice-chips{display:grid;grid-template-columns:1fr 1fr}}

.quote-builder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.quote-builder>.wide{grid-column:1/-1}.quote-lines{display:flex;flex-direction:column;gap:10px}.quote-line{display:grid;grid-template-columns:minmax(0,2fr) 90px 120px 110px auto;gap:10px;align-items:end;padding:14px;border:1px solid var(--line);border-radius:16px;background:#f8fafc}.quote-line .wide{grid-column:auto}.quote-line-total{padding:10px 0}.quote-line-total span{display:block;font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.08em}.quote-line-total b{font-size:15px}.quote-builder .invoice-summary{margin:0;background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:14px}.quote-builder .invoice-summary>div{display:flex;justify-content:space-between;padding:5px 0}.quote-builder .invoice-summary .total{font-size:18px;border-top:1px solid #cbd5e1;margin-top:6px;padding-top:10px}@media(max-width:900px){.quote-builder{grid-template-columns:1fr}.quote-builder>.wide{grid-column:auto}.quote-line{grid-template-columns:1fr 1fr}.quote-line .wide{grid-column:1/-1}.quote-line-total{grid-column:1/2}}

.quote-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quote-photo-grid figure{margin:0}.quote-photo-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.quote-photo-grid figcaption{font-size:10px;color:var(--muted);margin-top:5px}.catalog-list{display:flex;flex-direction:column;gap:9px;margin-top:14px}.catalog-row{display:grid;grid-template-columns:minmax(0,1fr) 170px auto;gap:10px;align-items:end;padding:14px;border:1px solid var(--line);border-radius:14px;background:#f8fafc}.catalog-row small{display:block;color:var(--muted);margin-top:4px}.modal form.quote-builder-v2{max-width:900px;margin:16px auto 0;display:flex;flex-direction:column;gap:14px;grid-template-columns:none}.quote-builder-v2{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.quote-flow-head{padding:13px 16px;border-radius:14px;background:#0e2748;color:#fff}.quote-flow-head .kicker{color:#91c8ff}.quote-flow-head h3{margin:2px 0 3px;font-size:19px;letter-spacing:-.35px}.quote-flow-head p{margin:0;color:#cbd9e7}.quote-step{padding:18px;border:1px solid #dfe6ee;border-radius:18px;background:#fff;box-shadow:0 5px 20px rgba(15,23,42,.035)}.quote-step-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}.quote-step-head>b,.quote-step-head>div>b{font-size:17px}.quote-step-head small{display:block;color:var(--muted);margin-top:3px}.quote-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote-inline-add{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:13px;margin:10px 0;border:1px solid #d8e5f1;border-radius:14px;background:#f7fbff}.quote-inline-add .primary{align-self:end}.quote-picker select{min-height:50px;font-size:16px}.quote-lines-v2{display:flex;flex-direction:column;gap:10px;margin-top:12px}.quote-line-v2{display:grid;grid-template-columns:minmax(0,1fr) 85px 120px 125px 34px;gap:10px;align-items:end;padding:13px;border:1px solid #dfe6ee;border-radius:14px;background:#fbfcfe}.quote-line-main .kicker{font-size:9px}.quote-line-desc{font-weight:700}.quote-line-total{padding:7px 0}.quote-line-total span{display:block;font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.quote-line-total b{font-size:16px}.quote-remove{width:34px;height:42px;border:0;background:transparent;font-size:25px;color:#94a3b8}.quote-remove:hover{color:#b42318}.quote-manual-line{margin-top:10px}.quote-total-step .invoice-summary{margin:0;background:#0e2748;color:#fff;border-color:#0e2748;padding:15px 17px;border-radius:15px}.quote-total-step .invoice-summary span{color:#cbd9e7}.quote-total-step .invoice-summary .total{font-size:20px}.quote-terms-step textarea{min-height:150px;line-height:1.45}.quote-terms-step>label>small{display:block;color:var(--muted);margin-top:6px}.quote-more{border:1px solid #dfe6ee;border-radius:16px;background:#fbfcfe}.quote-more summary{padding:18px 18px 16px;font-weight:800;cursor:pointer}.quote-more .form-grid{padding:10px 18px 26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:28px}.quote-more .form-grid>label{display:flex;flex-direction:column;gap:10px;margin:0;min-width:0;line-height:1.3}.quote-more .form-grid>label.wide{grid-column:1/-1}.quote-more .form-grid input,.quote-more .form-grid textarea,.quote-more .form-grid select{width:100%;margin:0!important;box-sizing:border-box;min-height:46px}.quote-more .form-grid textarea{min-height:100px}.quote-actions{margin-top:4px}.quote-actions .primary{min-width:210px;min-height:50px}@media(max-width:700px){.quote-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-row{grid-template-columns:1fr}.catalog-row label{margin:0}.quote-flow-head{padding:17px}.quote-flow-head h3{font-size:21px}.quote-two,.quote-inline-add{grid-template-columns:1fr}.quote-line-v2{grid-template-columns:minmax(0,1fr) 75px 100px}.quote-line-main{grid-column:1/-1}.quote-line-total{grid-column:1/3}.quote-remove{grid-column:3;grid-row:2}.quote-step{padding:14px}.quote-more .form-grid{grid-template-columns:1fr;row-gap:22px}.quote-more .form-grid>label.wide{grid-column:auto}.quote-actions{grid-template-columns:1fr}.quote-actions .primary{order:-1;width:100%}}

.settings-save-state{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border-radius:999px;font-size:11px;font-weight:800;color:#667085;background:#eef2f7;border:1px solid #e2e8f0;white-space:nowrap}.settings-save-state[data-kind="saving"]{color:#126ed8;background:#edf5ff;border-color:#d6e8ff}.settings-save-state[data-kind="saved"]{color:#087443;background:#ecf9f2;border-color:#caeedb}.settings-save-state[data-kind="dirty"]{color:#9a5b00;background:#fff7e8;border-color:#f7dfb0}.settings-save-state[data-kind="error"]{color:#b42318;background:#fff0f0;border-color:#ffd4d2}
@media(max-width:700px){#settings .page-head{align-items:flex-start;flex-wrap:wrap}#settings .page-head .primary{position:sticky;top:72px;z-index:5}.settings-save-state{margin-left:auto}}
/* Accessibility / reduced motion */
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* v40 reliability + field workflow */
.settings-save-actions{display:flex;align-items:center;gap:10px}.form-save-state{font-size:12px;font-weight:800;color:#667085}.form-save-state.saved{color:#15805f}.form-save-state.unsaved{color:#b7791f}.form-save-state.saving{color:#1677ff}.form-confidence{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e4e9f0;border-radius:12px;background:#f8fafc;margin-bottom:2px}.form-confidence small{color:#667085}.picker-search{width:100%;margin:0 0 7px;padding:10px 12px;border:1px solid #dfe5ec;border-radius:10px;background:#fff}.inline-overlay{position:fixed;inset:0;z-index:1200;display:none}.inline-overlay.open{display:block}.inline-backdrop{position:absolute;inset:0;background:rgba(5,10,20,.52);backdrop-filter:blur(3px)}.inline-sheet{position:absolute;right:0;top:0;bottom:0;width:min(520px,100%);background:#fff;padding:18px;overflow:auto;box-shadow:-20px 0 60px rgba(5,10,20,.22)}.inline-sheet form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inline-sheet .wide{grid-column:1/-1}.inline-site-block,.oneoff-customer{padding:14px;border:1px solid #e4e9f0;border-radius:14px;background:#f8fafc}.oneoff-customer>small{display:block;color:#667085;margin-top:8px}.oneoff-customer[hidden]{display:none!important}.choice-source{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.choice-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:7px;margin-top:6px}.choice-chips button{min-height:46px;border:1px solid #dce3eb;background:#fff;border-radius:11px;font-weight:800;color:#344054}.choice-chips button.active{border-color:#1677ff;background:#eef6ff;color:#0b5fc7;box-shadow:0 0 0 2px rgba(22,119,255,.08)}.cert-wizard-controls{display:flex;gap:9px;justify-content:flex-end;position:sticky;bottom:0;z-index:8;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);padding:12px 0 4px;margin-top:12px;border-top:1px solid #eef1f5}.cert-wizardized>.sticky-actions{display:none}.cert-progress button.active{background:#eaf3ff;border-color:#91c3ff;color:#0b5fc7}.cert-photo-capture{margin-top:14px;padding:12px;border:1px dashed #cbd5e1;border-radius:12px;background:#fafcff}.cert-photo-capture label{font-weight:800}.cert-photo-capture input{margin-top:7px}.cert-photo-capture small{display:block;margin-top:6px;color:#667085}.wizard-summary{padding:12px 14px;border-radius:12px;background:#eef6ff;border:1px solid #cfe5ff;margin-bottom:12px}.wizard-summary b,.wizard-summary small{display:block}.wizard-summary small{margin-top:4px;color:#52606d}
@media(max-width:720px){.settings-save-actions{width:100%;justify-content:space-between}.inline-sheet{top:auto;max-height:92vh;border-radius:22px 22px 0 0}.inline-sheet form{grid-template-columns:1fr}.inline-sheet .wide{grid-column:auto}.cert-wizardized .cert-section{display:none}.cert-wizardized .cert-section.wizard-active{display:block}.cert-wizard-controls{display:grid;grid-template-columns:1fr 1fr}.cert-wizard-controls [data-w-next]{grid-column:1/-1;order:-1;min-height:52px}.choice-chips button{min-height:50px}.form-confidence{align-items:flex-start;flex-direction:column}.form-confidence[data-mobile-placement="bottom"]{order:initial!important;margin-top:10px}.picker-search{display:none!important;font-size:16px}}
/* v46 certificate field flow */
.appliance-add-bottom{width:100%;margin-top:12px;min-height:48px;border:1px dashed #b9c7d8!important;background:#f7faff!important;color:#126ed8!important}.installation-checklist{display:grid;gap:8px}.installation-check-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,240px);align-items:center;gap:14px;padding:11px 12px;border:1px solid #e2e8f0;border-radius:13px;background:#fbfcfe}.installation-check-row>span{font-size:13px;font-weight:800;color:#26364b}.installation-check-row select{width:100%;margin:0!important;min-height:44px;background:#fff}.cert-wizard-controls [data-w-preview]{border-color:#b8d7ff;background:#edf6ff;color:#0b62c4}@media(max-width:720px){.installation-check-row{grid-template-columns:1fr;gap:7px}.installation-check-row select{font-size:16px}.appliance-add-bottom{min-height:52px}}
/* v45 fast diary + quick booking */
.diary-head .primary{min-width:130px}.diary-controls{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.diary-controls .calendar-toolbar{margin:0}.diary-mode{display:flex;gap:5px;padding:4px;background:#edf2f7;border:1px solid #e1e7ee;border-radius:13px}.diary-mode button{border:0;background:transparent;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:800;color:#64748b}.diary-mode button.active{background:#fff;color:#0b66c3;box-shadow:0 2px 8px rgba(15,23,42,.08)}.diary-date-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:13px 0}.diary-date-strip button{border:1px solid #e1e7ee;background:#fff;border-radius:15px;padding:10px 7px;min-height:74px;display:grid;place-items:center;gap:1px;color:#657286}.diary-date-strip button span{font-size:10px;font-weight:800;text-transform:uppercase}.diary-date-strip button b{font-size:22px;color:#182230}.diary-date-strip button small{font-size:9px}.diary-date-strip button.today{border-color:#b8d8ff}.diary-date-strip button.active{background:#0e2748;border-color:#0e2748;color:#c9dbef;box-shadow:0 9px 24px rgba(13,39,73,.18)}.diary-date-strip button.active b{color:#fff}.diary-agenda{display:block}.agenda-day-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:20px 2px 12px}.agenda-day-head h2{margin:3px 0 0;font-size:25px;letter-spacing:-.8px}.agenda-list{display:grid;gap:8px}.agenda-job,.agenda-free{width:100%;border-radius:16px;display:grid;grid-template-columns:72px minmax(0,1fr) auto auto;gap:13px;align-items:center;text-align:left;padding:14px 15px}.agenda-job{border:1px solid #e1e7ee;border-left:5px solid var(--job-colour);background:linear-gradient(90deg,color-mix(in srgb,var(--job-colour) 7%,white),#fff);color:#172033}.agenda-job time,.agenda-free time{font-size:18px;font-weight:900;font-variant-numeric:tabular-nums;color:#172033}.agenda-job b,.agenda-job small,.agenda-free b,.agenda-free small{display:block}.agenda-job small,.agenda-free small{color:#758195;margin-top:3px}.agenda-job>strong{font-size:15px}.agenda-type{display:flex;align-items:center;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#687588;margin-bottom:3px}.agenda-type i{width:8px;height:8px;border-radius:50%;background:var(--job-colour);margin-right:6px}.agenda-free{border:1px dashed #b9c9da;background:#f8fbff;color:#315a83}.agenda-free>span{font-size:11px;font-weight:900;color:#0e6fd3;background:#eaf4ff;border-radius:999px;padding:7px 10px}@media (hover:hover) and (pointer:fine){.agenda-free:hover{border-color:#70aef1;background:#f2f8ff}}.week-free{width:100%;border:1px dashed #c6d4e3;background:#f8fbff;border-radius:10px;padding:10px;color:#4c739c;font-size:10px;font-weight:800}.quick-book-sheet{width:min(760px,100%)}.quick-book-form{grid-template-columns:1fr!important}.quick-book-intro{padding:4px 2px}.quick-book-intro h3{font-size:25px;margin:4px 0;letter-spacing:-.7px}.quick-book-intro p{margin:0;color:#7b8798}.quick-book-section{border:1px solid #e3e9ef;border-radius:18px;padding:15px;background:#fbfcfe}.quick-book-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:11px}.quick-book-section-head>b{font-size:15px}.quick-book-section-head small{color:#7a8696}.quick-add-customer{width:100%;margin:4px 0 10px;text-align:left}.quick-new-caller{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-new-caller[hidden],#quickSavedSite[hidden]{display:none!important}.quick-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.quick-type{border:1px solid #dfe6ee;background:#fff;border-radius:13px;padding:11px;text-align:left;min-height:76px}.quick-type b,.quick-type small{display:block}.quick-type b{font-size:12px;margin-top:7px}.quick-type small{font-size:9px;color:#7b8796;margin-top:2px}.quick-type.active{border-color:var(--job-colour);background:color-mix(in srgb,var(--job-colour) 8%,white);box-shadow:0 0 0 2px color-mix(in srgb,var(--job-colour) 12%,transparent)}.quick-date-row,.quick-time-row{display:flex;gap:7px;flex-wrap:wrap}.quick-chip{border:1px solid #dfe6ee;background:#fff;border-radius:11px;padding:10px 12px;font-weight:800;color:#42526a;min-height:42px}.quick-chip.active{background:#0e2748;border-color:#0e2748;color:#fff}.quick-custom-date,.quick-custom-time{display:inline-flex;align-items:center;gap:7px;border:1px solid #dfe6ee;background:#fff;border-radius:11px;padding:6px 9px;color:#667085}.quick-custom-date input,.quick-custom-time input{border:0!important;margin:0!important;padding:4px!important;background:transparent!important;min-width:120px}.quick-time-row{margin-top:10px}.quick-custom-time{margin-top:8px}.quick-no-slot{color:#9a5b00;background:#fff7e8;border:1px solid #f7dfb0;border-radius:11px;padding:10px}.quick-price-section{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:16px}.quick-price-section>label>span{font-weight:500;color:#98a2b3}.quick-price{display:flex;align-items:center;gap:7px;margin-top:5px}.quick-price b{font-size:25px}.quick-price input{font-size:20px;font-weight:800;margin:0!important}.quick-book-summary{padding:13px 15px;border-radius:14px;background:#0e2748;color:#fff;display:grid;gap:2px}.quick-book-summary span,.quick-book-summary small{color:#b9cbe0}.quick-book-summary b{font-size:16px}.quick-more{border:1px solid #e2e8f0;border-radius:14px;padding:0;background:#fff}.quick-more summary{padding:13px 15px;font-weight:800;cursor:pointer;color:#526173}.quick-more .form-grid{padding:0 14px 14px}.quick-book-submit{min-width:150px;min-height:48px}.booking-confirm{display:grid;gap:15px}.booking-confirm-hero{padding:20px;border-radius:19px;background:#0e2748;color:#fff;display:grid;gap:5px}.booking-confirm-hero>b{font-size:13px;color:#7dd7aa}.booking-confirm-hero>strong{font-size:23px;letter-spacing:-.6px}.booking-confirm-hero span,.booking-confirm-hero small{color:#c2d2e5}.booking-confirm-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:900px){.diary-controls{grid-template-columns:1fr}.diary-mode{justify-self:start}.diary-date-strip{overflow:auto;grid-template-columns:repeat(7,minmax(78px,1fr));padding-bottom:3px}.quick-type-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.diary-head{align-items:flex-end}.diary-date-strip{margin-left:-4px;margin-right:-4px}.agenda-job,.agenda-free{grid-template-columns:58px minmax(0,1fr) auto;padding:12px 11px;gap:9px}.agenda-job>.row-arrow{display:none}.agenda-job>strong{grid-column:2}.agenda-free>span{font-size:0;padding:7px}.agenda-free>span:after{content:'＋';font-size:15px}.quick-book-section{padding:13px;border-radius:15px}.quick-book-section-head{align-items:flex-start;flex-direction:column;gap:3px}.quick-new-caller,.quick-price-section{grid-template-columns:1fr}.quick-type-grid{grid-template-columns:1fr 1fr}.quick-type{min-height:68px}.quick-chip{padding:10px}.quick-custom-date{width:100%;justify-content:space-between}.quick-custom-time{width:100%;justify-content:space-between}.booking-confirm-actions{display:grid;grid-template-columns:1fr 1fr}.booking-confirm-actions button{width:100%}}
/* v60 diary swipe actions */
.agenda-swipe{position:relative;overflow:hidden;border-radius:16px;touch-action:pan-y}.agenda-swipe-actions{position:absolute;inset:0 0 0 auto;width:210px;display:grid;grid-template-columns:1fr 1fr}.agenda-swipe-actions button{border:0;color:#fff;font-weight:900;font-size:12px}.agenda-reschedule{background:#2469ad}.agenda-cancel{background:#b93b45}.agenda-swipe .agenda-job{position:relative;z-index:2;transition:transform .2s ease;background:#fff}.agenda-swipe.revealed .agenda-job{transform:translateX(-210px)}.agenda-more{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eef3f8;color:#526173;font-size:12px;font-weight:900}.reschedule-day-jobs{display:grid;gap:6px;margin-top:8px}.reschedule-day-row{display:grid;grid-template-columns:95px minmax(0,1fr);gap:2px 10px;padding:10px 12px;border:1px solid #e1e7ee;border-radius:12px;background:#f8fafc}.reschedule-day-row b{grid-row:1/3;font-variant-numeric:tabular-nums}.reschedule-day-row span{font-weight:800}.reschedule-day-row small{color:#758195}@media(max-width:620px){.agenda-swipe-actions{width:176px}.agenda-swipe.revealed .agenda-job{transform:translateX(-176px)}.agenda-more{width:30px;height:30px}.reschedule-day-row{grid-template-columns:78px minmax(0,1fr)}}
/* v48 Quick Book day context + route sanity */
.quick-day-context{margin-top:12px;display:grid;gap:10px}.quick-day-head{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:2px 2px 0}.quick-day-head>div{display:grid;gap:2px}.quick-day-head b{font-size:15px;color:#1c293b}.quick-day-head small{color:#7d8798}.quick-day-list{display:grid;gap:7px}.quick-day-job{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:start;padding:12px 13px;border:1px solid #dfe6ee;border-left:4px solid #315f99;border-radius:14px;background:#fff}.quick-day-time{display:grid;gap:1px}.quick-day-time b{font-size:16px;font-variant-numeric:tabular-nums}.quick-day-time small{color:#8a95a5}.quick-day-job>div:last-child{display:grid;gap:2px}.quick-day-job strong{font-size:12px}.quick-day-job span,.quick-day-job small{font-size:10px;color:#6f7b8d}.quick-day-gap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px dashed #b9c9da;border-radius:13px;background:#f7fbff}.quick-day-gap b,.quick-day-gap small{display:block}.quick-day-gap b{font-size:11px;color:#315f83}.quick-day-gap small{font-size:9.5px;color:#71839a;margin-top:2px}.quick-day-gap button{border:1px solid #c9def7;background:#eaf4ff;color:#0c68c8;border-radius:10px;padding:8px 10px;font-weight:850;white-space:nowrap}.quick-day-empty{padding:18px;border:1px dashed #cbd5e1;border-radius:13px;background:#fafcff;text-align:center}.quick-day-empty b,.quick-day-empty small{display:block}.quick-day-empty small{margin-top:3px;color:#7a8697}.quick-route-check{border:1px solid #dfe7ef;border-radius:14px;background:#f8fafc;padding:12px 13px;display:grid;gap:8px}.quick-route-check>div{display:grid;gap:5px}.quick-route-check p{margin:0;display:grid;grid-template-columns:58px 1fr;gap:8px;font-size:10.5px}.quick-route-check p>b{color:#536174}.quick-route-check p>span{color:#263548}.quick-route-check>small{color:#718096}.quick-route-check.warn{background:#fff8e8;border-color:#f4d59b}.quick-route-check.warn>strong{font-size:11px;color:#9a5b00}.quick-time-label{display:flex;justify-content:space-between;gap:10px;align-items:end;margin-top:12px}.quick-time-label b{font-size:11px;color:#344054}.quick-time-label small{font-size:9.5px;color:#7f8998}@media(max-width:620px){.quick-day-job{grid-template-columns:58px minmax(0,1fr);padding:11px}.quick-day-gap{align-items:flex-start}.quick-day-gap button{padding:8px}.quick-route-check p{grid-template-columns:50px 1fr}.quick-time-label{display:block}.quick-time-label small{display:block;margin-top:2px}}
/* v59 Quick Book full-day control board */
.quick-day-control-note{padding:10px 12px;border-radius:12px;background:#eef6ff;border:1px solid #d5e7fb;color:#31506f;font-size:10.5px;font-weight:700}.quick-day-job-main{display:grid;gap:3px;min-width:0}.quick-day-job-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.quick-day-job-top strong{font-size:13px}.quick-day-job-top b{font-size:12px;color:#102b52;white-space:nowrap}.quick-day-address{font-weight:750;color:#344b67!important}.quick-day-address.missing{color:#9a6b21!important}.quick-day-note{padding-top:2px;color:#58687a!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:620px){.quick-day-job-top{align-items:flex-start}.quick-day-job-top strong{font-size:12px}.quick-day-job-top b{font-size:11px}.quick-day-note{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}
/* v61 Quick Book booked-day control */
.quick-booked-jobs{margin:12px 0 6px;border:1px solid #d8e2ec;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 5px 16px rgba(15,23,42,.04)}.quick-booked-head{display:flex;justify-content:space-between;align-items:end;gap:12px;padding:12px 14px;background:#f7faff;border-bottom:1px solid #e3eaf2}.quick-booked-head>div{display:grid;gap:2px}.quick-booked-head b{font-size:14px;color:#1d2a3b}.quick-booked-head strong{font-size:12px;color:#0b67c6}.quick-booked-list{display:grid}.quick-booked-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;padding:12px 14px;border-bottom:1px solid #edf1f5}.quick-booked-row:last-child{border-bottom:0}.quick-booked-row time{font-weight:850;font-size:13px;font-variant-numeric:tabular-nums}.quick-booked-row>div{display:grid;gap:2px}.quick-booked-row b{font-size:12px}.quick-booked-row span{font-size:10.5px;color:#536174}.quick-booked-row small{font-size:10px;color:#7b8797}.quick-booked-empty{padding:14px;color:#6f7b8d;font-size:11px}@media(max-width:620px){.quick-booked-row{grid-template-columns:92px minmax(0,1fr);padding:11px 12px}.quick-booked-head{padding:11px 12px}}
.jobs-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:18px 2px 8px;padding-top:4px}.jobs-section-head small{color:#7b8796}.jobs-history-head{margin-top:26px;padding-top:18px;border-top:1px solid #e5eaf0}
/* v51 fast invoicing */
.fast-invoice{grid-template-columns:1fr!important;max-width:760px;margin:auto}.invoice-fast-head{padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#0e2748,#173c69);color:#fff}.invoice-fast-head .kicker{color:#86bfff}.invoice-fast-head h3{margin:4px 0;font-size:25px;letter-spacing:-.7px}.invoice-fast-head p{margin:0;color:#c7d7e8}.fast-invoice>label.wide{padding:14px 16px;border:1px solid #dfe6ee;border-radius:16px;background:#fbfcfe}.fast-invoice>label.wide>small{display:block;margin-top:7px;color:#6f7d90}.fast-invoice .picker-search{font-size:16px;min-height:46px}.fast-invoice select[name="customer_id"]{font-size:16px;min-height:48px}.fast-invoice #invoiceLines{gap:8px}.fast-invoice .quote-line{background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.04)}.fast-invoice .invoice-summary{background:#0e2748;color:#fff;border-color:#0e2748}.fast-invoice .invoice-summary span{color:#c0d0e3}.fast-invoice .modal-actions .primary{min-width:180px;min-height:50px}@media(max-width:700px){.invoice-fast-head{padding:16px}.invoice-fast-head h3{font-size:21px}.fast-invoice .quote-line{grid-template-columns:1fr 90px}.fast-invoice .modal-actions{grid-template-columns:1fr 1fr}.fast-invoice .modal-actions .primary{grid-column:1/-1;order:-1;width:100%}}
/* v77 accounting integrations */
.accounting-status{margin:14px 0}.accounting-active{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid #cfe4da;border-radius:16px;background:#f4fbf7}.accounting-active>div{display:grid;gap:3px}.accounting-active b{font-size:17px;color:#173526}.accounting-active small{color:#62766a}.accounting-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.accounting-provider-card{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid #e0e7ef;border-radius:17px;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.03)}.accounting-provider-card.active{border-color:#9fd4b9;background:#fbfffc}.accounting-provider-head{display:flex;align-items:center;gap:11px}.accounting-provider-head>div:last-child{display:grid;gap:2px}.accounting-provider-head b{font-size:14px}.accounting-provider-head small{font-size:10px;color:#7c8798}.accounting-provider-logo{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#10233e;color:#fff;font-weight:900;font-size:16px}.accounting-provider-card p{margin:0;color:#697589;font-size:11px;line-height:1.5;min-height:48px}.accounting-provider-card button{margin-top:auto}.accounting-switch-options{display:grid;gap:10px;margin:18px 0;padding:17px;border:1px solid #e0e7ef;border-radius:16px;background:#fafbfd}.accounting-switch-options>div:first-child{display:grid;gap:3px}.accounting-switch-options>div:first-child small{color:#738095}.accounting-switch-options .form-check{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid #e3e9f0;border-radius:13px;background:#fff}.accounting-switch-options .form-check-label{display:grid;gap:2px}.accounting-switch-options .form-check-label b{font-size:12px}.accounting-switch-options .form-check-label small{font-size:10.5px;color:#748095;line-height:1.4}.accounting-rule{margin:16px 0}.accounting-history{display:grid;gap:8px}.accounting-history-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 13px;border:1px solid #e4e9ef;border-radius:12px;background:#fff}.accounting-history-row>div{display:grid;gap:2px}.accounting-history-row small{color:#7c8798}.accounting-confirm{display:grid;gap:14px}.accounting-impact{display:grid;grid-template-columns:1fr 1fr;gap:10px}.accounting-impact>div{padding:14px;border:1px solid #e0e7ef;border-radius:13px;background:#fafbfd}.accounting-impact span,.accounting-impact b{display:block}.accounting-impact span{font-size:10px;color:#7a8798}.accounting-impact b{font-size:20px;margin-top:3px}.accounting-safety{padding:14px 16px;border:1px solid #dfe7ef;border-radius:13px;background:#f8fafc}.accounting-safety ul{margin:8px 0 0;padding-left:20px;color:#5e6b7d;font-size:11px;line-height:1.7}@media(max-width:900px){.accounting-provider-grid{grid-template-columns:1fr}.accounting-provider-card p{min-height:0}}@media(max-width:620px){.accounting-active{align-items:flex-start;flex-direction:column}.accounting-impact{grid-template-columns:1fr}}
/* v72 quote builder — deliberately plain, roomy and field-first */
.quote-sheet-v3{width:min(900px,100%)!important}.modal form.quote-builder-v3{display:flex!important;flex-direction:column!important;max-width:760px;margin:8px auto 0;gap:16px!important;grid-template-columns:none!important}.quote-builder-v3>.form-confidence{order:-1}.quote-card{display:block!important;padding:22px 22px 20px;border:1px solid #dfe6ee;border-radius:18px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.035)}.quote-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:17px}.quote-section-title h3{margin:3px 0 0;font-size:21px;letter-spacing:-.5px;color:#182230}.quote-customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.quote-builder-v3 label{display:block}.quote-builder-v3 label.wide{margin-top:14px}.quote-copy-toggle{display:flex!important;align-items:center!important;gap:9px;margin:13px 0 0;padding:12px 13px;border:1px solid #dfe7ef;border-radius:12px;background:#f8fafc;color:#344054!important;font-size:12px!important}.quote-copy-toggle input{width:18px!important;height:18px!important;margin:0!important;box-shadow:none!important}.quote-copy-toggle span{font-weight:750}.copied-address{background:#f2f6fa!important;color:#526173!important}.quote-title-field{margin-top:14px!important}.quote-lines-v3{display:flex;flex-direction:column;gap:10px}.quote-builder-v3 .quote-line-v2{grid-template-columns:minmax(0,1fr) 80px 120px 115px 34px;padding:14px 15px;background:#fbfcfe}.quote-price-actions{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-top:12px}.saved-price-picker{min-width:250px;border:1px solid #dfe6ee;border-radius:12px;background:#fafbfd}.saved-price-picker summary{padding:11px 13px;font-weight:800;color:#526173;cursor:pointer}.saved-price-picker label{padding:0 12px 8px}.saved-price-picker small{display:block;padding:0 12px 12px;color:#7c8798;line-height:1.35}.quote-total-card{padding-top:18px;padding-bottom:16px}.quote-total-card .quote-section-title{margin-bottom:6px}.quote-total-card .invoice-summary{width:100%;max-width:none;margin:0;background:transparent!important;color:#182230!important;border:0!important;padding:0!important}.quote-total-card .invoice-summary>div{padding:8px 0}.quote-total-card .invoice-summary .total{font-size:20px;border-top:1px solid #d9e1ea;margin-top:5px;padding-top:13px}.quote-more-v3{border:1px solid #dfe6ee;border-radius:16px;background:#fff;overflow:hidden}.quote-more-v3 summary{padding:15px 17px;font-weight:850;color:#42526a;cursor:pointer;background:#fafbfd}.quote-more-v3 .form-grid{padding:16px 17px 18px}.quote-actions-v3{display:flex;justify-content:flex-end;gap:10px}.quote-actions-v3 .primary{min-width:190px;min-height:50px}@media(max-width:700px){.modal form.quote-builder-v3{max-width:none;margin-top:4px;gap:12px!important}.quote-card{padding:16px;border-radius:15px}.quote-section-title{margin-bottom:13px}.quote-section-title h3{font-size:19px}.quote-customer-grid{grid-template-columns:1fr}.quote-builder-v3 .quote-line-v2{grid-template-columns:1fr 78px 100px;padding:12px}.quote-builder-v3 .quote-line-main{grid-column:1/-1}.quote-builder-v3 .quote-line-total{grid-column:1/3}.quote-builder-v3 .quote-remove{grid-column:3;grid-row:2}.quote-price-actions{display:grid;grid-template-columns:1fr}.quote-price-actions>button,.saved-price-picker{width:100%;min-width:0}.quote-actions-v3{display:grid;grid-template-columns:1fr 1fr}.quote-actions-v3 .primary{grid-column:1/-1;order:-1;width:100%}}
/* v81 Stripe Connect + payment release */
.stripe-settings-card{margin-top:18px}.stripe-settings-status{margin:14px 0}.stripe-status-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border:1px solid #e0e7ef;border-radius:15px;background:#fafbfd}.stripe-status-row.ready{border-color:#b9dfcc;background:#f5fbf7}.stripe-status-row>div{display:grid;gap:3px}.stripe-status-row small{color:#758195}.stripe-status-row>span{font-size:11px;font-weight:850;color:#526173}.stripe-status-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.stripe-status-facts>div{padding:11px 12px;border:1px solid #e3e9ef;border-radius:12px;background:#fff;display:grid;gap:2px}.stripe-status-facts span{font-size:9px;text-transform:uppercase;color:#7c8797;font-weight:800}.stripe-status-facts b{font-size:12px}.stripe-settings-actions{display:flex;gap:8px;margin-top:14px}@media(max-width:700px){.stripe-status-row{align-items:flex-start;flex-direction:column}.stripe-status-facts{grid-template-columns:1fr 1fr}.stripe-settings-actions{display:grid;grid-template-columns:1fr 1fr}}
/* v76 live document branding preview */
.document-branding-card{padding:18px;border:1px solid #e2e8f0;border-radius:18px;background:#fbfcfe}.document-theme-preview{margin-top:18px;padding:16px;border-radius:16px;background:#edf2f7}.doc-preview-help{display:block;margin-top:9px;color:#6f7b8d}.doc-mini{--preview-primary:#0e2748;--preview-secondary:#2563eb;width:min(100%,620px);margin:auto;background:#fff;border:1px solid #dbe2ea;border-radius:10px;padding:22px;box-shadow:0 8px 22px rgba(15,23,42,.08);font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#172033}.doc-mini[data-font="classic"]{font-family:Georgia,serif}.doc-mini[data-font="compact"]{font-family:Arial,sans-serif;font-size:11px}.doc-mini-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:12px;border-bottom:3px solid var(--preview-secondary)}.doc-mini[data-header="minimal"] .doc-mini-head{border-bottom:1px solid #dfe4ea}.doc-mini[data-header="band"] .doc-mini-head{margin:-22px -22px 14px;padding:18px 22px 14px;background:var(--preview-primary);color:#fff;border-bottom:5px solid var(--preview-secondary);border-radius:10px 10px 0 0}.doc-mini-brand,.doc-mini-title{display:grid;gap:3px}.doc-mini-brand small,.doc-mini-title span,.doc-mini-meta small{color:#7a8595;font-size:9px}.doc-mini[data-header="band"] .doc-mini-brand small,.doc-mini[data-header="band"] .doc-mini-title span{color:#d9e3ef}.doc-mini-logo{display:inline-flex;align-items:center;justify-content:center;width:72px;height:26px;padding:4px 7px;margin-bottom:4px;border:1px dashed #aeb9c6;border-radius:5px;font-size:8px;font-weight:900;color:var(--preview-secondary)}.doc-mini-title{text-align:right}.doc-mini-title strong{font-size:17px;letter-spacing:.08em;color:var(--preview-primary)}.doc-mini[data-header="band"] .doc-mini-title strong{color:#fff}.doc-mini[data-template="bold"] .doc-mini-title strong{color:var(--preview-secondary);font-weight:900}.doc-mini[data-logo="centre"] .doc-mini-head{grid-template-columns:1fr 1fr}.doc-mini[data-logo="centre"] .doc-mini-brand{text-align:center;justify-items:center}.doc-mini[data-logo="right"] .doc-mini-brand{order:2;text-align:right;justify-items:end}.doc-mini[data-logo="right"] .doc-mini-title{order:1;text-align:left}.doc-mini-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.doc-mini-meta>div{padding:10px;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:2px}.doc-mini-meta span{font-size:7px;font-weight:900;letter-spacing:.1em;color:#7b8795}.doc-mini-meta b{font-size:10px}.doc-mini-table{border-top:1px solid #e3e8ee}.doc-mini-row{display:grid;grid-template-columns:1fr 44px 72px;gap:8px;padding:7px 5px;border-bottom:1px solid #e8edf2;font-size:9px}.doc-mini-row span:nth-child(n+2){text-align:right}.doc-mini-row-head{background:#f1f5f9;font-weight:850}.doc-mini[data-table="lines"] .doc-mini-row-head{background:transparent;border-top:2px solid var(--preview-primary);border-bottom:2px solid var(--preview-primary)}.doc-mini[data-table="minimal"] .doc-mini-row{border-bottom:0}.doc-mini[data-table="minimal"] .doc-mini-row-head{background:transparent}.doc-mini-total{display:flex;justify-content:flex-end;align-items:baseline;gap:16px;padding:12px 4px 8px}.doc-mini-total span{font-size:9px}.doc-mini-total strong{font-size:16px;color:var(--preview-primary)}.doc-mini[data-template="bold"] .doc-mini-total{border-top:3px solid var(--preview-primary)}.doc-mini-footer{margin-top:10px;padding-top:8px;border-top:1px solid #e3e8ee;font-size:8px;color:#7b8796}@media(max-width:700px){.document-branding-card{padding:14px}.document-theme-preview{padding:9px}.doc-mini{padding:14px}.doc-mini[data-header="band"] .doc-mini-head{margin:-14px -14px 12px;padding:14px}.doc-mini-meta{grid-template-columns:1fr}.doc-mini-title strong{font-size:14px}.doc-mini-row{grid-template-columns:1fr 34px 58px}}
/* v80 system health */
.system-health-summary{display:flex;align-items:center;gap:14px;padding:18px;margin:14px 0;border:1px solid #dfe7ef;border-radius:16px;background:#f8fafc}.system-health-summary strong{font-size:30px;letter-spacing:-1px;color:#0e2748}.system-health-summary span{color:#64748b}.system-health-actions{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 18px}.system-health-checks{display:grid;gap:8px;margin:14px 0 18px}.system-health-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 13px;border:1px solid #e3e9ef;border-radius:13px;background:#fff}.system-health-row>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-weight:900}.system-health-row.ok>span{background:#eaf8f0;color:#17834f}.system-health-row.fail>span{background:#fff0f1;color:#c13d48}.system-health-row>div{display:grid;gap:2px}.system-health-row small{color:#788496}.system-health-row>strong{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#667085}.system-health-row.ok>strong{color:#17834f}.system-health-row.fail>strong{color:#c13d48}@media(max-width:620px){.system-health-summary{align-items:flex-start}.system-health-row{grid-template-columns:32px minmax(0,1fr)}.system-health-row>strong{grid-column:2}.system-health-actions{display:grid}.system-health-actions button{width:100%}}
/* v94 membership plan selection */
.membership-pricing .price-card{cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.membership-pricing .price-card.selected{border:2px solid #1677ff;box-shadow:0 0 0 3px rgba(22,119,255,.1);transform:translateY(-1px)}.membership-pay{min-width:220px}.membership-pay:disabled{opacity:.55;cursor:not-allowed}
/* v90 memberships */
.membership-panel{overflow:hidden}.membership-status-card{padding:18px;border:1px solid #dfe7ef;border-radius:16px;background:#f8fafc;margin:12px 0 16px}.membership-status-card h3{margin:3px 0 6px;font-size:22px}.membership-status-card p{margin:0;color:#697589}.membership-pricing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.price-card{position:relative;padding:20px;border:1px solid #dfe7ef;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(15,23,42,.04)}.price-card.featured{border-color:#9fc4ff;background:#fbfdff}.price-ribbon{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eaf2ff;color:#145fc2;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.price-card h3{margin:12px 0 3px}.price{display:flex;align-items:baseline;gap:6px}.price strong{font-size:32px;letter-spacing:-1.3px;color:#10233e}.price span{font-size:12px;color:#738095}.price-card p{color:#667085;font-size:12px;line-height:1.55}.offer-expiry{display:block;margin-top:10px;color:#a34b00;font-weight:800}.membership-actions{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0 18px}@media(max-width:700px){.membership-pricing{grid-template-columns:1fr}.membership-actions{display:grid}.membership-actions button{width:100%}}
/* v100 first-run readiness */
.setup-checklist{display:grid;gap:10px}.setup-check{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;width:100%;text-align:left;padding:13px 14px;border:1px solid #dbe4f0;border-radius:12px;background:#fff;color:#172033}.setup-check>b{font-size:22px}.setup-check span{display:flex;flex-direction:column;font-weight:800}.setup-check small{font-weight:500;color:#768295;margin-top:2px}.setup-check strong{font-size:12px;color:var(--accent)}.setup-check.done{background:#f6fbf8;border-color:#cfe9d8}.setup-check.done strong{color:#2e7d52}@media(max-width:600px){.setup-check{grid-template-columns:auto 1fr}.setup-check strong{grid-column:2}}
/* v233 bug-report fixes: drafts stay out of the way until needed; customer email templates remain readable. */
.invoice-drafts{margin:12px 0;border:1px solid #323b59;border-radius:16px;background:#161d31;overflow:hidden}.invoice-drafts>summary{display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center;padding:14px 16px;cursor:pointer;color:#f7f8ff;font-weight:850}.invoice-drafts>summary strong{grid-row:1/3;grid-column:2;font-size:18px}.invoice-drafts>summary small{color:#aeb8cf;font-weight:600}.invoice-drafts[open]>summary{border-bottom:1px solid #323b59}.invoice-drafts .invoice-collection{margin:0;padding:10px}.email-template-settings{margin-top:22px;padding-top:20px;border-top:1px solid #39425e}.email-template-settings label{display:block;margin-top:14px}.email-template-settings textarea{min-height:120px}