/* SuperSeal portal · Project summaries (Nov 2) — office + customer. Brand: blue #0309F6 → magenta #D200D6 (same S mark as the portal), red #D1030A for URGENT.
   Nov 2, 3:1x PM clean-up (Nathan: "very clear summary … details click … neat and clean"): the "Project summary" tile block (same look as the form's), compact facts,
   one clean card per room (sq ft + item chips), written-out measurements in a collapsed "Details". */
.ssum{--sb:#0309F6;--sm:#D200D6;--sink:#14152B;--sink2:#4A4D68;--sline:#E4E5EF;color:var(--sink);font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#fff;max-width:820px;margin:0 auto;padding:20px 18px 26px}
.ssum h2{font-size:23px;line-height:1.2;margin:0 0 2px;letter-spacing:-.01em}
.ssum h3{font-size:17px;margin:0}
.ssum-brand{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,var(--sb),var(--sm)) 1;margin-bottom:16px}
.ssum-logo{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,var(--sb),var(--sm));color:#fff;display:inline-grid;place-items:center;font-weight:800;font-size:22px;flex:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.ssum-bname{font-weight:800;font-size:18px;letter-spacing:-.01em}
.ssum-bsub{font-size:13px;color:var(--sink2)}
.ssum-head{margin:0 0 14px}
.ssum-head p{margin:0;color:var(--sink2)}
.ssum-kicker{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sb);margin-bottom:4px}
.ssum-meta{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px!important;color:var(--sink)!important}
.ssum-urg{display:inline-block;vertical-align:middle;background:#D1030A;color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;padding:2px 9px;border-radius:999px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
/* compact facts (office) */
.ssum-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;margin:0 0 10px}
.ssum-f{background:#F7F8FC;border-radius:10px;padding:6px 10px;min-width:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.ssum-f span,.ssum-con>span,.ssum-pnote>span{display:block;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sink2)}
.ssum-f b{display:block;font-size:15px;font-weight:700;overflow-wrap:anywhere}
.ssum-f a,.ssum-con a{color:var(--sb);text-decoration:none;font-weight:700}
.ssum-con,.ssum-pnote{border:1px solid var(--sline);border-radius:10px;padding:6px 10px;margin:0 0 10px}
.ssum-con>div{font-size:15px;overflow-wrap:anywhere}
.ssum-sep{font-style:normal;color:var(--sink2)}
.ssum-pnote p{margin:2px 0 0;white-space:pre-wrap}
/* the Project summary block — same look as the form's (pricing.css .pr-summary) */
.ssum-sum{margin:16px 0 14px;padding:14px 12px;border:2px solid var(--sb);border-radius:16px;background:#F5F6FF;break-inside:avoid;page-break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.ssum-sumh{font-size:19px;font-weight:900;margin-bottom:10px;display:flex;align-items:baseline;gap:8px}
.ssum-sumh small{font-size:13px;font-weight:600;color:var(--sink2)}
.ssum-sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ssum-st{background:#fff;border:1px solid #d6d8ea;border-radius:12px;padding:8px 6px;text-align:center;display:flex;flex-direction:column;gap:1px;min-height:70px;justify-content:center}
.ssum-st b{font-size:26px;line-height:1.05;color:var(--sb)}
.ssum-st span{font-size:12.5px;font-weight:700;color:var(--sink)}
.ssum-st small{font-size:11.5px;font-weight:700;color:var(--sink2);line-height:1.2}
.ssum-st.zero{opacity:.45}.ssum-st.zero b{color:var(--sink2)}
.ssum-sqsum{margin-top:12px;background:#fff;border:1px solid #d6d8ea;border-radius:12px;padding:4px 12px}
.ssum-sqr{display:flex;align-items:center;gap:8px;padding:9px 0;font-size:16px}
.ssum-sqr+.ssum-sqr{border-top:1px solid #eceef8}
.ssum-sql{font-weight:700;flex:1}
.ssum-sqr b{font-size:19px;font-variant-numeric:tabular-nums}.ssum-sqr small{font-size:12px;color:var(--sink2);width:34px}
.ssum-sqr.zero{opacity:.45}
.ssum-sqr .ssum-dot{width:12px;height:12px;border-radius:50%;flex:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.ssum-tf{background:#0309F6}.ssum-tp{background:#2563EB}.ssum-tb{background:#C2570C}.ssum-tw{background:#0E7C66}.ssum-tc{background:#6B3FC0}
.ssum-sumnote{margin-top:8px;text-align:center;font-size:12.5px;color:var(--sink2)}
/* rooms (office) */
.ssum-rh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 10px}
.ssum-all{border:1px solid var(--sline);background:#fff;color:var(--sb);font:700 13.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;border-radius:999px;padding:9px 14px;min-height:38px;cursor:pointer}
.ssum-room{border:1px solid var(--sline);border-radius:14px;padding:12px 14px;margin:0 0 10px;break-inside:avoid;page-break-inside:avoid}
.ssum-rhd{display:flex;align-items:center;gap:10px}
.ssum-rn{width:26px;height:26px;border-radius:8px;background:var(--sb);color:#fff;display:inline-grid;place-items:center;font-size:13.5px;font-weight:800;flex:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.ssum-rname{font-weight:800;font-size:16.5px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.ssum-rname small{font-weight:600;font-size:13.5px;color:var(--sink2)}
.ssum-areas{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.ssum-area{flex:1 1 140px;max-width:260px;background:#F5F6FF;border-radius:10px;padding:7px 10px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.ssum-area span{display:block;font-size:12.5px;font-weight:700;color:var(--sink2)}
.ssum-area b{font-size:19px;font-variant-numeric:tabular-nums}.ssum-area b i{font-style:normal;font-size:12.5px;font-weight:600;color:var(--sink2)}
.ssum-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}
.ssum-chip{border:1px solid var(--sline);border-radius:999px;padding:4px 10px;font-size:13.5px;color:var(--sink2);white-space:nowrap}
.ssum-chip b{color:var(--sink)}
.ssum-rnote{margin:10px 0 0;font-size:14px;white-space:pre-wrap;color:var(--sink)}
.ssum-det{margin:10px 0 0;border-top:1px dashed var(--sline);padding-top:6px}
.ssum-det>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;min-height:34px;color:var(--sb);font-weight:700;font-size:14px;user-select:none;-webkit-user-select:none}
.ssum-det>summary::-webkit-details-marker{display:none}
.ssum-det .ssum-do,.ssum-det[open] .ssum-dc{display:none}
.ssum-det[open] .ssum-do{display:inline}
.ssum-t{width:100%;border-collapse:collapse;font-size:14px;margin-top:2px}
.ssum-t th,.ssum-t td{text-align:left;vertical-align:top;padding:6px 6px 6px 0;border-top:1px solid #F0F1F6}
.ssum-t tr:first-child th,.ssum-t tr:first-child td{border-top:0}
.ssum-t th{font-weight:600;color:var(--sink2);width:34%;padding-right:10px}
.ssum-t td.ssum-sq{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;padding-right:0}
.ssum-empty{color:var(--sink2);margin:4px 0 10px}
.ssum-foot{font-size:12px;color:var(--sink2);margin:16px 0 0;text-align:center}
.ssum-bad{font-size:17px;margin:24px 0}
@media (min-width:700px){ .ssum-sgrid{grid-template-columns:repeat(5,1fr)} }
@media (max-width:520px){ .ssum-area{max-width:none} .ssum{padding:16px 13px 22px;font-size:14.5px} .ssum h2{font-size:21px} .ssum-facts{grid-template-columns:1fr 1fr} .ssum-t th{width:38%} .ssum-sgrid{gap:6px} }
/* the public page /share?k=<token> */
body.ssum-body{margin:0;background:#F5F6FB}
body.ssum-body #ssum-page{padding:10px 0 30px}
body.ssum-body .ssum{border-radius:14px;box-shadow:0 1px 2px rgba(20,21,43,.06),0 2px 8px rgba(20,21,43,.05)}
.ssum-actions{max-width:820px;margin:0 auto 10px;padding:0 12px;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.ssum-btn{border:0;background:#0309F6;color:#fff;font:600 15px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;border-radius:10px;padding:12px 16px;min-height:44px;cursor:pointer}
/* inside the portal: the summary view in the sheet + its action bar */
.pr-sumbar{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 12px}
.pr-sumbar .btn{flex:1 1 150px;min-height:46px;font-size:15px}
.pr-sumbar .btn.cust{border-color:var(--blue);color:var(--blue)}
.ssv-bar{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 10px}
.ssv-bar .btn{min-height:44px;flex:1 1 auto}
.ssv-link{display:flex;gap:6px;align-items:center;margin:0 0 10px;font-size:13px;color:var(--ink2,#4A4D68);word-break:break-all}
.ssv-wrap .ssum{padding:4px 0 10px;max-width:none}
#ss-print{display:none}
@media print{
 @page{margin:12mm}
 .no-print{display:none!important}
 body.ssum-body{background:#fff}
 body.ssum-body .ssum{box-shadow:none;border-radius:0;padding:0}
 html.ss-printing,html.ss-printing body{overflow:visible!important;height:auto!important;background:#fff!important}
 html.ss-printing body>*:not(#ss-print){display:none!important}
 html.ss-printing #ss-print{display:block!important}
 html.ss-printing #ss-print .ssum{padding:0;max-width:none}
 .ssum{font-size:12.5px}
 .ssum-det:not([open]){display:none!important}
 .ssum-det>summary{display:none}
 .ssum-room{break-inside:avoid;page-break-inside:avoid}
 .ssum-t tr{break-inside:avoid;page-break-inside:avoid}
 .ssum h3,.ssum-rh{break-after:avoid;page-break-after:avoid}
 .ssum a{color:inherit;text-decoration:none}
}

/* v38: room quantity */
.ssum-rq{display:inline-block;background:#3B47E0;color:#fff;border-radius:999px;padding:1px 9px;font-size:14px;font-weight:900;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.ssum-area span i{font-style:normal;font-weight:600}
.ssum-aq{display:block;font-size:12.5px;font-weight:600;color:var(--sink2)}
.ssum-aq b{font-size:14px !important}