:root{--ink:#162633;--muted:#647684;--line:#dce4e9;--soft:#f4f8fa;--cyan:#00a7c8;--red:#ef3829;--navy:#0c3448;--green:#16845b;--shadow:0 12px 35px rgba(20,48,64,.08)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#eef4f6}body{margin:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:0 max(24px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:10}.topbar>div:last-child{display:flex;flex-direction:column}.topbar small{color:var(--muted);margin-top:3px}.brand{display:flex;flex-direction:column;line-height:.9}.brand span{font-size:25px;letter-spacing:-1px;font-weight:900;color:var(--cyan)}.brand small{font-size:11px;font-weight:900;color:var(--red);letter-spacing:.4px}main{max-width:1180px;margin:30px auto 130px;padding:0 20px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;margin-bottom:18px;box-shadow:var(--shadow)}.hero{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#fff 45%,#e9f8fb)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.4px;color:var(--cyan);margin:0 0 8px}.hero h1{font-size:31px;margin:0 0 7px;letter-spacing:-1px}.hero p{margin:0;color:var(--muted)}.status{background:#fff;border:1px solid var(--line);padding:12px 16px;border-radius:99px;display:flex;align-items:center;gap:9px;font-size:13px}.status span{width:9px;height:9px;border-radius:50%;background:#b3c0c7}.status.ready span{background:var(--green)}.section-title{display:flex;gap:14px;align-items:center;margin-bottom:24px}.section-title>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e5f8fb;color:#008eaa;font-weight:800}.section-title h2{margin:0;font-size:19px}.section-title p{margin:3px 0 0;color:var(--muted);font-size:13px}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.wide{grid-column:1/-1}label{font-size:13px;font-weight:700;color:#405461}input,select,textarea{width:100%;margin-top:7px;border:1px solid #cbd7dd;border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);font:inherit;outline:0;transition:.2s}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,167,200,.12)}input[readonly]{background:#f1f4f5}.check{display:flex;align-items:flex-start;gap:11px;padding:11px 0;cursor:pointer}.check input,.cover input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--cyan);flex:0 0 auto}.check span{display:flex;flex-direction:column;gap:3px}.check small{font-weight:400;color:var(--muted);line-height:1.4}.addons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.addon{border:1px solid var(--line);border-radius:13px;padding:12px 16px;transition:.2s}.addon.active{border-color:#8ed8e6;background:#f6fdff}.addon-fields{display:none;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--line);padding-top:12px;margin-top:7px}.addon.active .addon-fields{display:grid}.addon-fields.cover label{display:flex;align-items:center;gap:8px;font-weight:600}.addon-fields.cover input{margin:0}.summary{position:fixed;z-index:12;bottom:0;left:0;right:0;background:#102e3d;color:#fff;display:flex;align-items:center;justify-content:center;gap:28px;padding:14px 22px;box-shadow:0 -8px 30px rgba(0,0,0,.14)}.summary>div{display:flex;flex-direction:column;min-width:105px}.summary small{opacity:.68}.summary strong{font-size:16px;margin-top:2px}.summary .total{border-left:1px solid rgba(255,255,255,.2);padding-left:28px}.summary .total strong{font-size:22px;color:#7fe4f3}.summary button{border:0;border-radius:10px;padding:12px 20px;background:var(--cyan);color:#fff;font-weight:800;cursor:pointer}.summary button.secondary{background:transparent;border:1px solid rgba(255,255,255,.35)}.quotation{display:none;background:#fff;padding:15mm;color:#111}.q-head{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:start;border-bottom:3px solid #111;padding-bottom:15px}.q-head h1{margin:0;text-align:center;font-size:23px}.q-head p{text-align:center;margin:5px 0;color:#555}.q-meta{display:grid;grid-template-columns:auto 1fr;gap:4px 9px;font-size:11px}.q-meta span{color:#666}.notice{display:none;margin:14px 0;border:1px solid #e5a400;background:#fff8dc;padding:9px;font-size:11px;font-weight:700}.q-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #aaa;border-bottom:0;margin:18px 0}.q-grid>div{padding:8px;border-bottom:1px solid #aaa;min-height:45px}.q-grid>div:nth-child(odd){border-right:1px solid #aaa}.q-grid span{display:block;font-size:9px;color:#666;text-transform:uppercase;letter-spacing:.4px}.q-grid strong{display:block;margin-top:4px;font-size:11px;white-space:pre-line}.quotation h2{font-size:13px;margin:18px 0 7px;text-transform:uppercase}.quotation table{width:100%;border-collapse:collapse;font-size:10px}.quotation th{background:#172b36;color:#fff;text-align:left}.quotation th,.quotation td{border:1px solid #999;padding:7px}.money{text-align:right!important;white-space:nowrap}.q-totals{width:48%;margin:18px 0 0 auto}.q-totals p{display:flex;justify-content:space-between;margin:0;padding:5px 8px;border-bottom:1px solid #ccc;font-size:10px}.q-totals .grand{background:#172b36;color:#fff;font-size:13px;padding:9px}.q-notes{font-size:10px;margin-top:22px}.disclaimer{border-top:1px solid #999;padding-top:10px;color:#555}.invalid{border-color:#ef3829!important;background:#fff7f6!important}
.delivery{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:18px;margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.toast{position:fixed;z-index:30;right:22px;bottom:100px;max-width:380px;background:#142f3d;color:#fff;border-radius:12px;padding:14px 18px;box-shadow:0 12px 35px rgba(0,0,0,.22);opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}.toast.error{background:#a62d25}.summary button:disabled{opacity:.55;cursor:wait}
.quotation.capture{display:block!important;position:fixed;left:-10000px;top:0;width:794px;padding:48px;background:#fff;z-index:-1}
.account{margin-left:auto!important;display:flex!important;flex-direction:row!important;align-items:center;gap:10px}.account span{font-size:12px;font-weight:700}.account a,.account button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:9px;padding:8px 11px;text-decoration:none;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.modal{position:fixed;z-index:40;inset:0;background:rgba(6,25,35,.58);display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal-card{position:relative;background:#fff;width:min(440px,100%);border-radius:18px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.3)}.modal-card h2{margin:0 0 8px}.modal-card>p{color:var(--muted);font-size:13px;line-height:1.5}.modal-card button:not(.modal-x):not(.link-btn){width:100%;border:0;border-radius:10px;padding:12px;margin-top:14px;background:var(--cyan);color:#fff;font-weight:800;cursor:pointer}.modal-x{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:27px;color:var(--muted);cursor:pointer}.link-btn{display:block;margin:13px auto 0;border:0;background:transparent;color:var(--cyan);font-weight:700;cursor:pointer}.form-error{color:#b62f25!important;font-weight:700;min-height:18px}
.dash{margin-bottom:40px}.dash-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.dash-head h1{margin:0;font-size:28px}.dash-head label{width:min(340px,100%)}.table-wrap{overflow:auto}.dash-table{width:100%;border-collapse:collapse;font-size:13px}.dash-table th{text-align:left;background:#132f3e;color:#fff;padding:12px;white-space:nowrap}.dash-table td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.dash-table td strong,.dash-table td small{display:block}.dash-table td small{color:var(--muted);margin-top:4px}.dash-table .actions{white-space:nowrap}.dash-table .actions a{display:inline-block;color:var(--cyan);font-weight:700;text-decoration:none;margin:0 8px 5px 0}
@media(max-width:780px){main{padding:0 12px;margin-top:14px}.topbar{height:auto;min-height:66px;padding:10px 15px;flex-wrap:wrap}.topbar>div:nth-child(2){font-size:13px}.account{width:100%;justify-content:flex-end}.account span{margin-right:auto}.card{padding:20px;border-radius:15px}.hero{display:block}.status{margin-top:18px;width:max-content}.grid.two,.grid.three,.addons,.delivery{grid-template-columns:1fr}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px 8px}.summary>div{min-width:0}.summary>div:nth-child(1),.summary>div:nth-child(2){display:none}.summary .total{padding-left:0;border:0}.summary button{padding:10px 6px;font-size:11px}.summary small{font-size:10px}.summary strong{font-size:13px}.summary .total strong{font-size:17px}}
@media print{@page{size:A4;margin:8mm}body{background:#fff}.no-print{display:none!important}main{max-width:none;margin:0;padding:0}.quotation{display:block!important;padding:0}.q-head .brand span{font-size:21px}.q-head .brand small{font-size:9px}}

.text-brand{display:flex;flex-direction:column;line-height:1.15}.text-brand strong{font-size:17px;color:var(--ink);font-weight:850}.text-brand small{font-size:10px;color:var(--muted);margin-top:3px}.compliance-inline{margin-top:12px!important;padding:10px 12px;border:1px solid #e7d9b6;background:#fffaf0;border-radius:10px;color:#685a37!important;font-size:12px;line-height:1.45}.q-product{display:flex;flex-direction:column;line-height:1.15}.q-product strong{font-size:14px}.q-product small{font-size:9px;color:#666;margin-top:3px}.selection-note{font-size:9.5px;color:#666;margin:-2px 0 7px}.quotation tr.unselected-option td{color:#777;background:#fafafa}.quotation tr.selected-option td:first-child{color:#155f43}.quotation tr.unselected-option td:first-child{color:#777}.quotation .disclaimer{line-height:1.5}.quotation .disclaimer strong{color:#222}.q-head{grid-template-columns:1fr 2fr 1fr}
/* Fixed A4 pages shared by browser printing and saved PDF. */
.quotation{padding:0!important;width:794px}.q-source{display:none!important}.quotation.measuring,.quotation.capture{display:block!important;position:absolute;left:-12000px;top:0;width:794px}.q-page{width:794px;height:1123px;padding:30px 32px 24px;background:#fff;position:relative;overflow:hidden;break-after:page;page-break-after:always}.q-page:last-child{break-after:auto;page-break-after:auto}.q-page-body{height:1040px;overflow:visible}.q-page-footer{position:absolute;bottom:22px;left:32px;right:32px;border-top:1px solid #ccd4d9;padding-top:7px;font-size:9px;color:#596671;white-space:pre-wrap;display:flex;justify-content:space-between}.quotation .q-head h1{font-size:21px}.quotation .q-head p{font-size:12px}.quotation th{background:#eaf0f4;color:#203746}.quotation .q-totals .grand{background:#203746;color:#fff;font-weight:700}.quotation .q-totals .grand span{color:#fff}.coverage-header{border-bottom:2px solid #203746;padding-bottom:8px;margin-bottom:12px}.coverage-header h1{font-size:22px;margin:0 0 5px;color:#203746}.coverage-header p{font-size:10px;margin:4px 0;white-space:pre-line}.quotation .detail-block{margin:0 0 10px;break-inside:avoid}.quotation .detail-block h2{margin:10px 0 6px;background:#eaf0f4;padding:6px 8px;font-size:12px;color:#203746}.detail-block p,.memo-block{font-size:10.5px;line-height:1.4;margin:4px 0}.detail-caption{font-size:9px!important;color:#596671}.property-row{padding:5px 8px;border-bottom:1px solid #dce4e9}.property-row>strong{display:flex;justify-content:space-between;font-size:11px}.basic-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.basic-grid>div{padding:4px 0;border-bottom:1px solid #e4e9ec;font-size:10px;line-height:1.35;break-inside:avoid}.basic-grid strong,.basic-grid span{display:block}.basic-grid span{font-size:9.5px;color:#52616b;margin-top:2px}.selected-detail{border-left:3px solid #16845b;padding:5px 8px;background:#f5f9f7}.selected-detail>div{display:flex;justify-content:space-between;gap:12px;font-size:10.5px}.selected-detail>div>span{text-align:right;font-weight:600;color:#155f43}.clause-list{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;margin:5px 0;padding-left:18px;font-size:9.5px;line-height:1.35}.clause-list li{padding:2px 0}.quotation .disclaimer{font-size:9px;line-height:1.4;margin-top:8px}.continuation{font-size:11px;color:#203746;border-bottom:1px solid #ccd4d9;padding-bottom:8px;margin-bottom:10px}
@media print{@page{size:A4;margin:0}html,body{width:210mm;background:#fff!important}.quotation{width:210mm}.q-page{width:210mm;height:297mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}.quotation .q-source{display:none!important}}
.q-page-body>p{font-size:10px;line-height:1.4;margin:6px 0}.q-page-body>.disclaimer{font-size:9px}
.quotation .q-head{grid-template-columns:90px 1fr 140px;gap:8px}.quotation .q-head h1{font-size:20px}.quotation .detail-block{margin-bottom:7px}.quotation .detail-block h2{margin:7px 0 4px;padding:4px 8px}.detail-block p,.memo-block{font-size:10px;line-height:1.3;margin:3px 0}.basic-grid>div{padding:3px 0;line-height:1.25}.basic-grid span{margin-top:1px;line-height:1.25}.property-row{padding:4px 8px}.selected-detail{padding:4px 8px}.clause-list{line-height:1.25;margin:4px 0}.clause-list li{padding:1px 0}.coverage-header{padding-bottom:6px;margin-bottom:8px}
/* Account access and private records */
.access-tabs{display:flex;gap:10px;margin:14px 0 18px;flex-wrap:wrap}.access-tabs button{background:#eef2f6;color:#24384d;border:1px solid #d7e0e9}.access-tabs button[aria-pressed="true"]{background:#173f65;color:#fff;border-color:#173f65}.user-card{margin-top:24px}.muted{color:#64748b;font-size:14px}.dash-table .actions{display:flex;gap:10px;flex-wrap:wrap}.dash-table small{display:block;overflow-wrap:anywhere}#entryDialog{width:min(900px,94vw);max-height:85vh;border:0;border-radius:18px;padding:24px;box-shadow:0 20px 80px #0004}#entryDialog::backdrop{background:#14283c99}#entryContent{overflow:auto}#entryContent th{text-align:left;min-width:140px}#entryContent td{white-space:pre-wrap;overflow-wrap:anywhere}#entryContent table{width:100%}[hidden]{display:none!important}
.modal-card .access-tabs button[aria-pressed]{width:auto;flex:1;margin:0;background:#eef2f6;color:#24384d;border:1px solid #d7e0e9}.modal-card .access-tabs button[aria-pressed="true"]{background:#173f65;color:#fff;border-color:#173f65}.modal-card label{display:block;margin-top:12px}.dash button,#entryDialog>button{cursor:pointer;border:1px solid #d7e0e9;border-radius:9px;padding:9px 13px;font:inherit;font-weight:700}.dash button:disabled{opacity:.55;cursor:wait}.modal{overflow-y:auto}.modal-card{max-height:calc(100dvh - 40px);overflow-y:auto}@media(max-width:600px){.dash-head{flex-direction:column;align-items:stretch;gap:14px}.dash-head label{width:100%}.modal-card{padding:24px 20px}}
