@font-face{font-family:'Outfit';src:url('/static/fonts/outfit-var.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#f5f6f3;--card:#fff;--ink:#1f2a24;--mut:#5f6b64;--pri:#0B5A3C;--pri-d:#08452E;--gold:#C49A5A;--gold-d:#7A5A22;--gold-l:#f7efe2;--good:#1a7f45;--warn:#b25e00;--bad:#c0392b;--line:#e3e8ee}
*{box-sizing:border-box}body{margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}
a{color:var(--pri)}h1{font-size:1.5rem;margin:.5rem 0}h2{font-size:1.2rem;margin:1.2rem 0 .6rem}
.top{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between;background:#fff;color:var(--ink);padding:.6rem 1rem;border-bottom:3px solid var(--pri)}
.top a,.top .link{color:var(--pri);text-decoration:none;font-weight:600}.top nav a:hover,.top .link:hover{color:var(--pri-d);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}.brand{font-weight:700}.top nav{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.demo{background:#fff3cd;color:#7a5b00;text-align:center;padding:.4rem;font-size:.9rem}
.wrap{max-width:1100px;margin:0 auto;padding:1rem}.foot{text-align:center;color:var(--mut);font-size:.85rem;padding:2rem 1rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem;margin:0 0 1rem}.narrow{max-width:440px;margin:1rem auto}
.cards{display:grid;gap:1rem;grid-template-columns:1fr}.link-card{display:block;color:inherit;text-decoration:none}.link-card:hover{border-color:var(--gold)}
.link-card h3{margin:.2rem 0}dl{display:grid;grid-template-columns:auto auto;gap:.2rem .8rem;margin:.5rem 0 0}dd{margin:0;text-align:right;font-weight:600}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin:1rem 0}
.stat{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem}.stat span{display:block;font-size:.8rem;color:var(--mut)}.stat b{font-size:1.1rem}
.stat.hl{border-color:var(--gold);background:var(--gold-l);box-shadow:inset 3px 0 0 var(--gold)}.stat.good b{color:var(--good)}.stat.warn b{color:var(--warn)}.stat.muted b{color:var(--mut)}.warn-t{color:var(--warn)}
label{display:block;font-size:.9rem;color:var(--mut);margin:.4rem 0}input,select,textarea{display:block;width:100%;font:inherit;padding:.6rem;border:1px solid #c9d1da;border-radius:8px;margin-top:.2rem;background:#fff;color:var(--ink)}
.chk{display:flex;align-items:center;gap:.5rem;color:var(--ink)}.chk input{width:auto;margin:0}
.btn{background:var(--pri);color:#fff;border:0;border-radius:8px;padding:.7rem 1.1rem;font:inherit;font-weight:600;cursor:pointer;margin-top:.6rem;width:100%}
.btn.danger{background:var(--bad)}button.link{background:none;border:0;padding:0;font:inherit;cursor:pointer;color:var(--pri)}.link.danger{color:var(--bad)}
.inline{display:inline}.grid{display:grid;gap:0 1rem;grid-template-columns:1fr}summary{cursor:pointer;font-weight:600;color:var(--pri);padding:.3rem 0}
.err{color:var(--bad)}.flash{background:#e8f6ee;border:1px solid #b7e1c7;padding:.6rem .8rem;border-radius:8px;margin-bottom:1rem}.muted{color:var(--mut)}.crumb{margin:0;font-size:.9rem}.pre{white-space:pre-wrap}
.pill{display:inline-block;font-size:.8rem;padding:.15rem .6rem;border-radius:99px;background:#e8edf3;color:var(--ink);border:0;font-weight:600;vertical-align:middle}
button.pill{cursor:pointer}.pill.good{background:#dff3e7;color:var(--good)}.pill.warn{background:#fdebd3;color:var(--warn)}
.tbl{width:100%;border-collapse:collapse}.tbl thead{display:none}.tbl tr{display:block;border-bottom:1px solid var(--line);padding:.5rem 0}
.tbl td{display:flex;justify-content:space-between;gap:1rem;padding:.15rem 0}.tbl td[data-l]::before{content:attr(data-l);color:var(--mut);font-size:.85rem}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.gallery figure{margin:0}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:#ddd}
figcaption{font-size:.85rem}
@media(min-width:720px){.stats{grid-template-columns:repeat(4,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr 1fr;align-items:end}.grid .full{grid-column:1/-1}
.btn{width:auto}.gallery{grid-template-columns:repeat(4,1fr)}
.tbl thead{display:table-header-group}.tbl tr{display:table-row}.tbl th{text-align:left;font-size:.85rem;color:var(--mut);padding:.5rem;border-bottom:1px solid var(--line)}
.tbl td{display:table-cell;padding:.5rem;border-bottom:1px solid var(--line)}.tbl td[data-l]::before{content:none}}
@media(min-width:1000px){.cards{grid-template-columns:repeat(3,1fr)}}
.btn.small{padding:.4rem .8rem;margin:0;font-size:.9rem;width:auto}.btn.ghost{background:#e8edf3;color:var(--ink)}
.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.row input{flex:1 1 140px;margin:0}.row input.num{flex:0 1 110px}.row.add{margin-top:.8rem}
.big{font-size:1.4rem;font-weight:700;margin:.3rem 0 0}.small{font-size:.85rem}.kv{grid-template-columns:auto 1fr}.kv dd{text-align:left;font-weight:400}
.nav-sub{display:flex;gap:.4rem;flex-wrap:wrap;margin:.5rem 0 1rem}.nav-sub a{font-size:.85rem;background:#fff;border:1px solid var(--line);border-radius:99px;padding:.25rem .7rem;text-decoration:none}
.checklist label{display:flex;gap:.6rem;align-items:center;color:var(--ink);padding:.4rem 0;border-bottom:1px solid var(--line)}.checklist input[type=checkbox]{width:auto;margin:0}.checklist .amt{margin-left:auto;font-weight:600}
a.btn{display:inline-block;text-decoration:none}.btn.small{white-space:nowrap}
.pill.bad{background:#fbe1de;color:var(--bad)}.bad-t{color:var(--bad);font-weight:600}.m0{margin-top:0}.line{margin:.5rem 0;padding-bottom:.4rem;border-bottom:1px solid var(--line)}
.nav-sub a.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.snags{display:grid;gap:.7rem;margin-bottom:.6rem}.snag{display:flex;gap:.7rem;border:1px solid var(--line);border-left:4px solid #c9d1da;border-radius:10px;padding:.6rem}
.snag img{width:84px;height:84px;object-fit:cover;border-radius:8px;flex:none}.snag-body{flex:1;min-width:0}.snag-desc{margin:0 0 .2rem}.snag p{margin:.15rem 0}.snag .row select{flex:1 1 120px;margin:0;padding:.4rem}
.prio-high{border-left-color:var(--warn)}.prio-urgent{border-left-color:var(--bad)}.prio-low{border-left-color:#9cc3a9}
.attach summary{font-weight:400;font-size:.85rem}.attach .row{margin-top:.3rem}.attach input[type=file]{font-size:.8rem;padding:.3rem}
h3{font-size:1rem;margin:1.2rem 0 .4rem}
@media(min-width:720px){.cards.two{grid-template-columns:1fr 1fr}}
.wordmark{font-family:'Outfit',Poppins,Montserrat,system-ui,sans-serif;font-weight:500;letter-spacing:.01em;color:#26292b}
.brand{display:flex;align-items:center;gap:.55rem;font-size:1.55rem;line-height:1}.top a.brand{color:#26292b;font-weight:500}.brand img{display:block}
.auth-brand{display:flex;align-items:center;gap:.8rem;max-width:440px;margin:1.5rem auto .5rem}.auth-brand b{display:block;font-size:2.4rem;line-height:1;margin-bottom:.15rem}.auth-brand span{color:var(--mut);font-size:.9rem}

.btn:hover{background:var(--pri-d)}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
input:focus,select:focus,textarea:focus{border-color:var(--pri)}
h1{font-family:'Outfit',system-ui,sans-serif;font-weight:600;letter-spacing:.005em}
.demo{border-bottom:1px solid #eadcbf;background:#fbf4e6;color:#6b4e1c}
.btn.ghost:hover{background:#dfe5e1}
.plans{list-style:none;margin:0 0 .6rem;padding:0}.plan{display:flex;align-items:center;gap:.6rem;padding:.55rem 0;border-bottom:1px solid var(--line)}.plan.sel{background:var(--gold-l);margin:0 -.5rem;padding:.55rem .5rem;border-radius:8px}
.plan-main{display:flex;align-items:center;gap:.7rem;flex:1;min-width:0;color:inherit;text-decoration:none}.plan-main:hover b{color:var(--pri);text-decoration:underline;text-decoration-color:var(--gold)}
.plan-text{display:flex;flex-direction:column;min-width:0}.plan-text b{overflow-wrap:anywhere}.plan-text small{line-height:1.5}
.ftype{flex:none;width:46px;height:46px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;letter-spacing:.03em;color:#fff;background:#6b7785}
.ft-pdf{background:#b3261e}.ft-image{background:var(--gold-d)}.ft-dwg,.ft-dxf{background:#2f5d8a}.ft-word{background:#2b579a}.ft-excel{background:#1d6f42}.ftype.big{width:72px;height:72px;font-size:1rem}
.preview-head{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;align-items:center;margin-bottom:.7rem}
.preview-img{width:100%;max-height:75vh;object-fit:contain;background:#eef0ec;border-radius:8px}.preview-pdf{width:100%;height:75vh;border:1px solid var(--line);border-radius:8px;display:none}
.nopreview{display:flex;gap:1rem;align-items:center;background:#f3f4f1;border-radius:8px;padding:1rem}.warnbox{background:var(--gold-l);border-color:#e7d3ae}.mobile-only{display:block}
@media(min-width:560px){.preview-pdf{display:block}.mobile-only{display:none}}
.plan-text>.pill{align-self:flex-start}

.review-flag{margin-top:.3rem;padding:.25rem .45rem;border-left:3px solid #b42318;background:#fdecea;color:#7a1610;font-size:.85rem;border-radius:4px}
tr.flagged td{background:#fffaf0}
.stat.bad b{color:#b42318}

.row select.qsel{flex:0 1 170px;width:auto;margin:0;padding:.45rem}.row select{width:auto;margin:0}.devpick{gap:.8rem}.devpick select{flex:1 1 200px}.m0{margin:0}
.hsgrp h2 .pill{margin-left:.4rem}
.stack{text-align:right}.stack small{display:block}@media (min-width:700px){.stack{text-align:left}}
.sitegroup{border-top:1px solid var(--line);margin-top:1rem;padding-top:.3rem}.sitegroup:first-of-type{border-top:0}.copyfrom{background:#f4f7f5;border-radius:8px;padding:.5rem .6rem}.copyfrom select{flex:1 1 160px}.copyfrom .full{flex-basis:100%}.devx{margin-top:1rem}
.home{margin:-1rem -1rem 0}.home>section{padding:2rem 1.1rem}
.hero{background:linear-gradient(160deg,#0B5A3C 0%,#08402b 100%);color:#fff;border-bottom:4px solid var(--gold)}
.hero-brand{display:flex;align-items:center;gap:.7rem}.hero-brand img{background:#fff;border-radius:14px;padding:4px}.hero-brand .wordmark{font-size:1.9rem;color:#fff}
.hero h1{font-size:1.85rem;line-height:1.15;margin:1rem 0 .6rem;color:#fff}.hero .lead{font-size:1.05rem;color:#dbe9e2;margin:0 0 1rem}
.hero-cta{display:flex;flex-direction:column;gap:.5rem}.hero-cta .btn{margin:0;text-align:center}.btn.gold{background:var(--gold);color:#241805}.btn.ghost-light{background:transparent;border:1px solid #9cc4b2;color:#fff}
.hero-points{list-style:none;padding:0;margin:1.1rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem}.hero-points li{background:rgba(255,255,255,.12);border-radius:99px;padding:.25rem .7rem;font-size:.85rem}
.features h2,.pricing h2{font-size:1.4rem;margin:0 0 1rem}.fgrid{display:grid;gap:.7rem}
.feat{background:#fff;border:1px solid var(--line);border-left:4px solid var(--pri);border-radius:12px;padding:.8rem .9rem}.feat h3{margin:.2rem 0 .25rem;font-size:1.02rem}.feat p{margin:0;color:var(--mut);font-size:.92rem}
.ficon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f3ead9;color:#7a5520;font-weight:800}
.pricing{background:#fbf7ef}.tiers{display:grid;gap:.8rem}.tier{position:relative;background:#fff;border:1px solid #eadcbf;border-radius:14px;padding:1rem}
.tier h3{margin:0;color:var(--pri)}.price{font-size:2rem;font-weight:800;margin:.2rem 0}.price small{font-size:.9rem;font-weight:500;color:var(--mut)}.tier ul{margin:.3rem 0 0;padding-left:1.1rem}
.tier.pop{border:2px solid var(--gold)}.badge{position:absolute;top:-.7rem;right:1rem;background:var(--gold);color:#241805;font-size:.75rem;font-weight:700;padding:.15rem .6rem;border-radius:99px}
.gold-pill{background:#f3ead9;color:#7a5520;vertical-align:middle}.center{text-align:center}.homelogin{margin:1.5rem auto 2rem}
@media(min-width:720px){.home>section{padding:3rem 2rem}.hero h1{font-size:2.6rem;max-width:22ch}.hero-cta{flex-direction:row}.fgrid{grid-template-columns:repeat(2,1fr)}.tiers{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px){.fgrid{grid-template-columns:repeat(4,1fr)}}
.inaction h2,.soon h2{font-size:1.4rem;margin:0 0 .4rem}.inaction>p{margin:0 0 .8rem}
.shots{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.6rem;-webkit-overflow-scrolling:touch}
.shot{flex:0 0 86%;scroll-snap-align:start;margin:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.shot img{display:block;width:100%;height:auto;aspect-ratio:900/573;object-fit:cover;object-position:top;border-bottom:1px solid var(--line)}
.shot.tall img{object-fit:contain;background:#f5f6f3}.shot figcaption{padding:.55rem .7rem;font-size:.88rem;color:var(--mut)}
.soon-card{background:#fff;border:2px solid var(--gold);border-radius:14px;padding:1rem 1.1rem}.soon-card h2{color:var(--pri);margin-top:.5rem}.soon-card p{margin:.2rem 0 0}
.soonli{color:var(--mut)}
@media(min-width:720px){.shots{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible}.shot{flex:none}}
.hero-grid{display:flex;flex-direction:column;gap:1rem}.hero h1{font-size:1.45rem;margin:.7rem 0 0}
.hero .homelogin{margin:0;color:var(--ink);width:100%;max-width:none;order:2}.hero .homelogin h2{margin:0 0 .3rem;font-size:1.2rem}.hero .homelogin label{margin:.25rem 0}
.hero-text{display:contents}.hero-text>.hero-brand,.hero-text>h1{order:1}.hero-more{order:3}.hero-more .lead{margin-top:0}
.homelogin a{color:var(--pri)}.backtop{padding:0 1rem 2rem;margin:0}
@media(min-width:720px){.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center}.hero-text{display:block}.hero h1{font-size:2.4rem;margin:1rem 0 .6rem}.hero .homelogin{max-width:400px;justify-self:end}}
.plangroup{border-top:1px solid var(--line);padding-top:.3rem;margin-top:.6rem}.plangroup h3{margin:.4rem 0}.plangroup.unassigned{background:#fbf7ef;border:1px solid #eadcbf;border-radius:10px;padding:.5rem .8rem}
.planmove{list-style:none;margin:-.2rem 0 .6rem}.planmove select{flex:1 1 180px}
.showing{margin:-.4rem 0 1rem;font-size:.95rem}
.devhead{justify-content:space-between;align-items:center}.devhead h2{margin:.6rem 0}
.notice.warn{background:#fff6e0;border:1px solid #f0d58a;border-radius:10px;padding:.6rem .8rem;margin-bottom:1rem}
.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.25rem .7rem;margin:.15rem;font-size:.85rem;cursor:pointer}.chip.on{background:#e8f1ff;border-color:#9bbcf0}
.docline{margin-bottom:.6rem}.check{display:flex;gap:.5rem;align-items:center}.err{color:#b42318;font-weight:600}
.pill.ok{background:#e3f6e8;color:#1a7f37}.pill.warn{background:#fff1d6;color:#8a5a00}.pill.danger{background:#fde4e2;color:#b42318}
.grid label.check{display:flex;flex-direction:row;align-items:center;gap:.5rem;grid-column:1/-1}.grid label.check input{width:auto;margin:0}
.bell{position:relative;display:inline-flex;align-items:center}.bell .badge{position:absolute;top:-6px;right:-10px;background:#c0392b;color:#fff;border-radius:999px;font-size:.7rem;font-weight:700;line-height:1;padding:.18rem .36rem;min-width:1.1rem;text-align:center}
.gate{background:#fdecea;border:1px solid #f1b0a8;border-left:6px solid #c0392b;border-radius:10px;padding:.8rem 1rem;margin-bottom:1rem}.gate h2{margin:0 0 .3rem;font-size:1.1rem;color:#9b2c1f}
.gate ul{margin:.3rem 0 0;padding-left:1.1rem}.okbar{background:#e3f6e8;border:1px solid #b5e0c1;border-radius:10px;padding:.6rem .9rem;margin-bottom:1rem}
.sitecard h3{margin:.1rem 0}.sitecard .meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.4rem}
.sigpad{border:1.5px dashed #9aa5a0;border-radius:10px;background:#fff;width:100%;height:170px;touch-action:none;display:block}
.matrix th,.matrix td{text-align:center}.matrix td:first-child,.matrix th:first-child{text-align:left}
.st-signed{background:#e3f6e8;color:#1a7f37}.st-pending{background:#fff1d6;color:#8a5a00}.st-outdated{background:#fde4e2;color:#b42318}.st-not_sent{background:#eef0ef;color:#555}
.notif{display:flex;gap:.7rem;padding:.7rem .2rem;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.notif.unread{font-weight:600}.notif .dot{width:.6rem;height:.6rem;border-radius:50%;background:#c0392b;margin-top:.45rem;flex:none}.notif.read .dot{background:transparent}
.disabled-note{color:#9b2c1f;font-size:.9rem}
label.check{display:flex;flex-direction:row;align-items:center;gap:.55rem}label.check input{width:auto;margin:0;flex:none}
.scrollx{overflow-x:auto}.tbl.matrix,.tbl.matrix thead,.tbl.matrix tbody{display:table;width:100%}.tbl.matrix thead{display:table-header-group}.tbl.matrix tbody{display:table-row-group}.tbl.matrix tr{display:table-row}.tbl.matrix th,.tbl.matrix td{display:table-cell;padding:.45rem .4rem;vertical-align:middle}.tbl.matrix td::before{content:none!important}
.cobrand{display:flex;align-items:center;gap:.6rem;min-width:0}.cologo{max-height:40px;max-width:140px;width:auto;height:auto;object-fit:contain}.coname{font-weight:700;font-size:1.05rem;color:var(--ink,#1c2b25);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.steps{display:flex;gap:.3rem;margin:.2rem 0 1rem;padding:0;list-style:none}.steps li{flex:1;height:6px;border-radius:3px;background:#dfe5e2}.steps li.done{background:#0b5a3c}.steps li.cur{background:#4f9a7a}
.stepof{font-size:.85rem;color:var(--mut);margin:0}.ob h1{margin:.2rem 0 .3rem}.ob .actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.ob .actions .btn{width:100%}
.logo-preview{display:flex;align-items:center;justify-content:center;min-height:120px;border:1.5px dashed #b9c4bf;border-radius:12px;background:#fff;margin:.6rem 0;padding:.6rem}.logo-preview img{max-width:100%;max-height:140px}
.chres{list-style:none;padding:0;margin:.4rem 0}.chres li{border:1px solid var(--line);border-radius:10px;padding:.5rem .7rem;margin:.35rem 0}.check-list{list-style:none;padding:0}.check-list li{padding:.35rem 0;display:flex;gap:.5rem;align-items:center}.check-list .tick{width:1.3rem;height:1.3rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;background:#eef0ef;color:#777}.check-list .tick.on{background:#0b5a3c;color:#fff}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.center{text-align:center;margin-top:.8rem}
.modcard{border:1px solid var(--line);border-radius:12px;padding:.7rem .8rem;margin:.5rem 0;align-items:flex-start!important}.modcard input{margin-top:.25rem!important}
.noticebody{white-space:pre-wrap;background:#f7f8f7;border-radius:10px;padding:.7rem .9rem;margin:.6rem 0}
.quals{list-style:none;padding:0;margin:.4rem 0;display:grid;gap:.5rem}.qual{border:1px solid var(--line);border-left:4px solid #2e8b57;border-radius:10px;padding:.55rem .7rem;display:flex;flex-direction:column;gap:.15rem}
.qual.q-expiring{border-left-color:#d08a00}.qual.q-expired{border-left-color:#c0392b}.qhead{display:flex;justify-content:space-between;gap:.5rem;align-items:center}
.qualform .qf{display:none}.qualform[data-t] .qf.on{display:block}.grid2{display:grid;gap:.6rem}@media(min-width:640px){.grid2{grid-template-columns:1fr 1fr}}
.addqual summary{list-style:none;cursor:pointer;margin:.4rem 0}.addqual summary::-webkit-details-marker{display:none}
ul.plain{list-style:none;padding:0;margin:0}ul.plain li{padding:.45rem 0;border-bottom:1px solid var(--line)}ul.plain li:last-child{border-bottom:0}
.obbar{display:block;height:6px;background:#e5e9e6;border-radius:3px;overflow:hidden;width:110px;margin:.2rem 0}.obbar span{display:block;height:100%;background:#0B5A3C}
dl.kv{display:grid;grid-template-columns:auto 1fr;gap:.2rem .8rem;margin:.3rem 0 .6rem}dl.kv dt{color:#667}dl.kv dd{margin:0}
.chip.on{background:#0B5A3C;color:#fff}fieldset{border:1px solid var(--line);border-radius:10px;padding:.5rem .8rem}
.hindex{margin:.3rem 0 .6rem 1.1rem;padding:0}.hindex li{margin:.2rem 0}.plotact{white-space:nowrap}
.chwarn{background:#fdecea;border:1px solid #f1b0a8;color:#8a1c12;border-radius:10px;padding:.55rem .75rem;margin:.3rem 0;font-weight:600}.chlist{list-style:none;padding:0;margin:.3rem 0;display:grid;gap:.45rem}.chlist li{border:1px solid var(--line);border-radius:10px;padding:.5rem .7rem;background:#fff}.chlist li.warnrow{border-color:#f1b0a8;background:#fff7f6}.chlookup .row input{flex:1}
.badge-done{display:inline-block;background:#e3f4ea;color:#0b5a3c;border:1px solid #9fd3b5;border-radius:999px;padding:.12rem .55rem;font-size:.82rem;font-weight:600}
.badge-logged{display:inline-block;background:#fff4dc;color:#7a5200;border:1px solid #f0cf86;border-radius:999px;padding:.12rem .55rem;font-size:.82rem;font-weight:600}
tr.row-done td{background:#f0faf4}tr.row-logged td{background:#fffaf0}
.phaselist{display:grid;gap:.6rem;margin:.4rem 0}.phase{border:1px solid var(--line);border-radius:12px;padding:.55rem .75rem}.phase .row{gap:.5rem;align-items:center}
.hobar{display:flex;height:8px;background:#e8ebe9;border-radius:4px;overflow:hidden;margin:.35rem 0}.hobar .sent{background:#2e8b57}.hobar .logged{background:#e0a526}
.phhead{margin:.9rem 0 .2rem}.mv select{font-size:.8rem;padding:.1rem .3rem;width:auto}
.map{height:260px;border-radius:12px;border:1px solid var(--line);margin:.5rem 0}.map.small{height:180px}.map.big{height:360px}
.dirlinks{display:flex;gap:.5rem;flex-wrap:wrap}

/* ---- site progress bars, setup chips, wizard ---- */
.sbar{height:6px;border-radius:4px;background:#e6e8e7;overflow:hidden;margin:4px 0 2px;min-width:80px}
.sbar>span{display:block;height:100%;border-radius:4px;background:#9aa5a0}
.sbar.pwork>span{background:#d8961c}.sbar.pdone>span{background:#2e7d4f}.sbar.pdocs>span{background:#1f7a8c}.sbar.pmoney>span{background:#0B5A3C}
.sbar.plogged>span{background:linear-gradient(90deg,#1f7a8c 85%,#e0a526 85%)}
.sbar-lbl{font-size:.78rem;color:#4b5651;display:block}
.chips{display:inline-flex;flex-wrap:wrap;gap:4px;vertical-align:middle}
.chip{display:inline-block;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:999px;text-decoration:none;line-height:1.5}
.chip.red{background:#fde7e6;color:#a4231b;border:1px solid #f3b9b4}.chip.amber{background:#fff3d9;color:#8a5a00;border:1px solid #f1d39a}
.setupmini{margin-top:3px}
.setupcard .sbar{height:8px}
.gatebox{border:1px solid #f3b9b4;background:#fff7f6;border-radius:8px;padding:6px 10px}
.wiz .wiznav{display:flex;gap:14px;align-items:center;margin-top:14px}
.wiz .steps li a{display:block;width:100%;height:100%}
.wizlist{padding-left:18px}.wizsum{list-style:none;padding:0}.wizsum li{padding:4px 0}.wizsum li.ok{color:#2e7d4f}.wizsum li.red{color:#a4231b}.wizsum li.amber{color:#8a5a00}
.siteinline{flex-wrap:wrap;gap:6px}.siteinline .sno{width:5.5em}.siteinline select{max-width:11em}
.setupbar{margin:6px 0 10px}.money{width:7em}
.hist{margin:6px 0 0 14px}
/* ---- site cards (development page; no horizontal overflow at 390px) ---- */
.sitecards{display:grid;gap:.5rem;margin:.4rem 0 1rem}
.sitecard{border:1px solid #e3e7ee;border-radius:10px;padding:.6rem .7rem;background:#fff;min-width:0}
.sitecard.row-done{background:#f0faf4}.sitecard.row-logged{background:#fffaf0}
.sc-head{display:flex;flex-wrap:wrap;gap:.25rem .6rem;align-items:baseline}.sc-name{font-weight:700}
.sc-badges{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:.35rem 0}
.sitecard .plotact{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.sitecard .plotact select{max-width:9rem}
.sitecard details.siteedit form.grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.sitecard .hist{overflow-wrap:anywhere}
/* ---- lifecycle stepper ---- */
.stepper{list-style:none;margin:.5rem 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:.3rem}
.stepper li{display:flex;gap:.35rem;align-items:center;font-size:.82rem;color:#6b7280;padding:.25rem .35rem;border-radius:8px;background:#f5f6f8;min-width:0}
.stepper .dot{flex:none;width:1.35rem;height:1.35rem;border-radius:50%;display:grid;place-items:center;background:#dfe3ea;font-size:.72rem;font-weight:700;color:#374151}
.stepper .lbl{overflow-wrap:anywhere;line-height:1.15}
.stepper li.done{background:#e3f4ea;color:#0b5a3c}.stepper li.done .dot{background:#2f9e6a;color:#fff}
.stepper li.cur{background:#e6efff;color:#1d3b8b;font-weight:600;outline:2px solid #9db8f5}.stepper li.cur .dot{background:#2b5fd9;color:#fff}
.stepper.compact{grid-template-columns:repeat(5,1fr)}.stepper.compact .lbl{display:none}.stepper.compact li{justify-content:center;padding:.15rem}
.completebox{border:1px dashed #cbd2dd;border-radius:10px;padding:.6rem .7rem;margin-top:.6rem}.completebox.is-done{border:1px solid #9fd3b5;background:#f0faf4}
.warnline{color:#7a5200}
.sumgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.4rem;margin:.4rem 0}
.sumgrid>div{background:#f5f6f8;border-radius:8px;padding:.45rem .6rem}.sumgrid small{display:block;color:#6b7280}.sumgrid b{font-size:1.1rem}.sumgrid .over{background:#fdecec;color:#8a1c1c}
.invlist{display:grid;gap:.5rem}.invcard{border:1px solid #e3e7ee;border-radius:10px;padding:.55rem .7rem;background:#fff}
.invcard.row-done{background:#f0faf4}.invcard.row-logged{background:#fffaf0}.invcard .row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.invcard .amt{margin-left:auto}
.typecard{display:flex;gap:.6rem;border:1px solid #e3e7ee;border-radius:10px;padding:.55rem .7rem;margin:.35rem 0}.typecard.off{opacity:.55}
.wizsteps{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem;padding:0;margin:.4rem 0}.wizsteps li{font-size:.82rem;padding:.2rem .55rem;border-radius:999px;background:#f0f2f5}.wizsteps li.cur{background:#2b5fd9;color:#fff}.wizsteps li.done{background:#e3f4ea;color:#0b5a3c}
.start-btn{background:#2f9e6a;border-color:#2f9e6a;color:#fff}
.slctl{display:grid;grid-template-columns:1fr;gap:.5rem;margin:.6rem 0}.slctl label{margin:0}.slctl select{width:100%}
@media(min-width:560px){.slctl{grid-template-columns:1fr 1fr}}
.tabs{display:flex;gap:.4rem;margin:.4rem 0 .8rem;flex-wrap:wrap}.tabs a{padding:.35rem .8rem;border-radius:999px;border:1px solid #d6dbd8;text-decoration:none;color:inherit;background:#fff}.tabs a.on{background:#0B5A3C;color:#fff;border-color:#0B5A3C}
.repctl,.devsearch{display:grid;grid-template-columns:1fr 1fr;gap:.5rem .7rem;align-items:end}.repctl label,.devsearch label{margin:0;min-width:0}.repctl input,.repctl select,.devsearch input,.devsearch select{width:100%}.repctl .full{grid-column:1/-1}.repctl .row{display:flex;gap:.4rem;flex-wrap:wrap}.devsearch label:first-child{grid-column:1/-1}
.rep-sum{margin:.3rem 0 .6rem}.printonly{display:none}
.devrow{display:block;text-decoration:none;color:inherit}
.keyfacts{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin:.6rem 0}.keyfacts .kf{background:#fff;border:1px solid #e3e7ee;border-radius:10px;padding:.6rem .7rem}.keyfacts .kf b{display:block;font-size:1.5rem;line-height:1.1}.keyfacts .kf.hot{border-color:#e0a526;background:#fffaf0}
@media(min-width:720px){.keyfacts{grid-template-columns:repeat(4,1fr)}.repctl{grid-template-columns:repeat(4,1fr)}}
.readylist .line{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}
@media print{header.top,.noprint,.flash,.demo,footer{display:none!important}.printonly{display:block}.tbl thead{display:table-header-group}.tbl tr{display:table-row}.tbl td{display:table-cell}.tbl td[data-l]::before{content:none}body{background:#fff}.card{box-shadow:none;border:0;padding:0}.tbl{font-size:10pt}.tbl td,.tbl th{border-bottom:1px solid #ccc;padding:3px 4px}.wrap{max-width:none;padding:0}a{color:inherit;text-decoration:none}}
.timeline{list-style:none;margin:0;padding:0}.timeline li{display:grid;grid-template-columns:7.2rem 1fr;gap:.6rem;padding:.45rem 0;border-bottom:1px solid #eef0ef;font-size:.9rem}.timeline time{color:#4b5651;font-variant-numeric:tabular-nums;font-size:.82rem}
.timeline .evd{overflow-wrap:anywhere}.stepper .doneby{display:block;font-size:.72rem;color:#2e7d4f;font-weight:400}.doneline{color:#2e6b48}
.startedby{display:block;font-size:.78rem;color:#4b5651}
@media(max-width:420px){.timeline li{grid-template-columns:1fr;gap:.1rem}}
details.fold>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.5rem}details.fold>summary::-webkit-details-marker{display:none}
details.fold>summary>h2,details.fold>summary>h3{margin:0;flex:1;font-size:1.05rem}details.fold>summary::after{content:'›';font-size:1.3rem;color:#6b7570;transform:rotate(90deg);transition:transform .15s}details.fold[open]>summary::after{transform:rotate(-90deg)}
details.fold[open]>summary{margin-bottom:.6rem}details.fold>.card,details.fold .card#timeline{border:0;box-shadow:none;padding:0;margin:0}details.fold #timeline>h2{display:none}
.primary-act{display:block;text-align:center;margin:.4rem 0 .8rem;padding:.75rem 1rem;font-size:1rem}
.hsbadge{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;text-decoration:none;color:inherit;padding:.7rem .9rem;min-width:0}.hsbadge small{flex-basis:100%;overflow-wrap:anywhere}
.bar{height:6px;background:var(--line);border-radius:3px;margin-top:.3rem;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent,#0B5A3C)}
.top>.bell{order:2;margin-left:auto;min-width:44px;min-height:44px;justify-content:center;color:var(--pri)}.top>.brand{order:1}.top>nav{order:3}
@media (max-width:760px){.top>nav{flex-basis:100%}}
.devcards{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 0 1rem}
.devcard{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--dc);border-radius:12px;padding:.8rem .9rem;min-width:0}
.dc-head{display:flex;align-items:center;gap:.55rem;min-width:0}.dc-ini{flex:none;width:2rem;height:2rem;border-radius:50%;background:var(--dcl);color:var(--dc);font-weight:700;font-size:.8rem;display:grid;place-items:center}
.dc-name{font-weight:700;font-size:1.05rem;flex:1;min-width:0;overflow-wrap:anywhere}.dc-head .pill{flex:none}
.dc-addr{margin:.25rem 0 0 2.55rem;color:var(--muted,#666);font-size:.85rem;overflow-wrap:anywhere}
.dc-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin:.65rem 0 .5rem}.dc-counts div{background:#f6f7f6;border-radius:8px;padding:.35rem .2rem;text-align:center;min-width:0}
.dc-counts b{display:block;font-size:1.15rem;line-height:1.2}.dc-counts span{display:block;font-size:.68rem;line-height:1.15;color:var(--muted,#666)}.dc-counts .hot{background:#fff6e0}.dc-counts .hot b{color:#8a5a00}
.dc-prog small{display:block;margin-top:.2rem}.dc-setup{margin-top:.5rem}.dc-chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}.dc-chips .chip{white-space:normal;max-width:100%}
.hsdoc{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1rem;overflow-wrap:anywhere}.hsdoc table{border-collapse:collapse;width:100%;font-size:.85rem;margin:.5rem 0}.hsdoc td,.hsdoc th{border:1px solid var(--line);padding:.3rem .4rem;vertical-align:top}
.hsdoc-head{display:flex;gap:.8rem;align-items:center;border-bottom:3px solid var(--pri);padding-bottom:.6rem;margin-bottom:.8rem}.hsdoc-logo{max-height:48px;max-width:120px;object-fit:contain}.hsdoc-co{font-weight:700;color:var(--pri)}.hsdoc-title{font-weight:700;font-size:1.1rem}.hsdoc-facts{display:flex;flex-wrap:wrap;gap:.2rem .8rem;font-size:.75rem;color:var(--muted,#666)}.hsdoc-foot{margin-top:1rem;font-size:.75rem;color:var(--muted,#666);border-top:1px solid var(--line);padding-top:.4rem}
@media print{.hsdoc{border:0;padding:0}.hsdoc-head{position:running(hshead)}}
.hsdoc-gap{min-height:1.6rem;border-bottom:1px dotted var(--line)}
.hsnav{display:flex;gap:.3rem;overflow-x:auto;margin:0 0 1rem;padding-bottom:.2rem}.hsnav a{flex:none;padding:.45rem .8rem;border-radius:999px;border:1px solid var(--line);background:#fff;text-decoration:none;font-weight:600;font-size:.9rem}.hsnav a.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.hs-search{display:flex;gap:.4rem;margin:0 0 .8rem}.hs-search input{flex:1;min-width:0}
.catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem}.catcard{display:flex;flex-direction:column;gap:.2rem;background:#fff;border:1px solid var(--line);border-radius:12px;padding:.8rem;text-decoration:none;color:inherit;min-height:4.2rem}.catcard b{color:var(--pri)}
.docrow{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.docrow>span:first-child{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}.docrow b{color:var(--pri)}.subhead{margin:.8rem 0 .2rem;font-size:.95rem}
.dochead h1{font-size:1.35rem;overflow-wrap:anywhere}.actions{gap:.4rem;flex-wrap:wrap}
.tplcard{padding:.7rem .9rem;margin-bottom:.6rem}.tplcard .row{gap:.4rem;flex-wrap:wrap}.tplcard select{min-width:0;flex:1}
.hs-tosign{display:flex;align-items:center;gap:.5rem;background:#fff6e0;border-color:#f1d39a;text-decoration:none;color:#5b3d00;font-weight:600}.hs-tosign b{font-size:1.3rem}.hs-tosign span{margin-left:auto}
.hs-filter{gap:.4rem;flex-wrap:wrap;margin-bottom:.8rem}.hs-filter select{flex:1;min-width:0}
.matrixwrap{overflow-x:auto;padding:0;position:relative}.matrix{border-collapse:separate;border-spacing:0;font-size:.85rem;min-width:100%}.matrix th,.matrix td{border-bottom:1px solid var(--line);padding:.45rem .5rem;text-align:center}
.matrix thead th{vertical-align:bottom;min-width:5.5rem;max-width:8rem;font-weight:600;font-size:.78rem;line-height:1.2}.matrix thead th small,.matrix tbody th small{display:block;color:var(--muted,#666);font-weight:400}
.matrix tbody th,.matrix thead th:first-child{position:sticky;left:0;background:#fff;text-align:left;min-width:7.5rem;max-width:9rem;font-weight:600;box-shadow:1px 0 0 var(--line)}
.mx-ok{color:#1b7a3d;font-weight:700}.mx-no{color:#b42318;font-weight:700;background:#fdeceb}.mx-old{color:#8a5a00;font-weight:700;background:#fff3d9}.mx-na{color:#aaa}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.assigngrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.2rem .6rem;margin-bottom:.5rem}
.accbtn-row{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin:0 0 1rem}.accbtn{background:#b42318;border-color:#b42318}.accbtn:hover{background:#912018}
.accform{display:flex;flex-direction:column;gap:.7rem}.accform label{display:flex;flex-direction:column;gap:.2rem}.accform label.check{flex-direction:row;align-items:center;gap:.4rem}
.kindgrid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.kindopt{flex-direction:row!important;align-items:center;gap:.4rem;border:1px solid var(--line);border-radius:10px;padding:.55rem .6rem;min-height:44px;background:#fff}.kindopt:has(input:checked){border-color:var(--pri);background:#eef6f1;font-weight:600}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.injgrid{display:grid;grid-template-columns:1fr;gap:.15rem}@media(min-width:600px){.injgrid{grid-template-columns:1fr 1fr}}
.riddor{border:2px solid #b42318;background:#fff7f6}.phone-now{background:#b42318;color:#fff;border-radius:10px;padding:.6rem .8rem}.phone-now a{color:#fff;font-weight:700;font-size:1.1rem}.riddor-bar{background:#fdeceb;color:#912018;border-radius:10px;padding:.5rem .8rem}
.deadline{font-size:.95rem}.pillstack{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;flex:none}.accdl{display:grid;grid-template-columns:minmax(6rem,38%) 1fr;gap:.3rem .6rem;font-size:.9rem}.accdl dt{color:var(--muted,#666)}.accdl dd{margin:0;overflow-wrap:anywhere}
.acc-steps{display:flex;gap:.3rem;list-style:none;padding:0;margin:.5rem 0;flex-wrap:wrap}.acc-steps li{flex:1;min-width:4.5rem;text-align:center;font-size:.78rem;padding:.35rem .2rem;border-radius:8px;background:#f1f2f1;color:#777}.acc-steps li.done{background:#e2f2e8;color:#1b7a3d}.acc-steps li.cur{background:var(--pri);color:#fff;font-weight:600}
/* radio/checkbox tiles: never stretch the control (iOS Safari) */
input[type=radio],input[type=checkbox]{display:inline-block;width:auto;flex:none;margin:0;padding:0}
label.check>span,label.check{min-width:0;overflow-wrap:anywhere}
.kindgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.45rem}
.accform label.kindopt,label.kindopt{display:flex;flex-direction:row;align-items:center;gap:.55rem;margin:0;min-height:44px;padding:.6rem .7rem;color:var(--ink);cursor:pointer;min-width:0}
.kindopt input{width:1.15rem;height:1.15rem;accent-color:var(--pri)}.kindopt>span{flex:1;min-width:0;line-height:1.25;text-align:left;overflow-wrap:anywhere}
.kindopt:has(input:focus-visible){outline:2px solid var(--pri);outline-offset:2px}
/* iOS Safari date/time inputs: kill intrinsic size so they match selects and never overflow */
input,select,textarea{box-sizing:border-box;max-width:100%}
input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:none;appearance:none;min-width:0;width:100%;height:2.75rem;line-height:1.2;text-align:left;padding-top:0;padding-bottom:0}
.grid select,.grid2 select,.repctl select,.devsearch select,.accform select,.card>form>label>select{height:2.75rem}
input::-webkit-date-and-time-value{text-align:left;margin:0}input::-webkit-datetime-edit{padding:0}
.grid>*,.grid2>*,.repctl>*,.devsearch>*,.kindgrid>*,.cards>*,.stats>*{min-width:0}
@media(max-width:419px){.repctl,.devsearch,.grid2{grid-template-columns:1fr}}
@media(max-width:719px){.tbl:not(.matrix),.tbl:not(.matrix) tbody{display:block;width:100%}.tbl td{min-width:0;overflow-wrap:anywhere;text-align:right}.tbl td>*{min-width:0}.tbl td[data-l]::before{flex:none;text-align:left}}
.sitecard .plotact details.siteedit{flex:1 1 100%;min-width:0;max-width:100%}.sitecard details.siteedit form.grid{grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr))}
/* ---- interactive H&S documents ---- */
.hsixnote{background:#eef6f1;border:1px solid #cfe5d8;border-radius:10px;padding:.6rem .75rem;font-size:.92rem;margin:.6rem 0}.reqdot{display:inline-block;border-left:3px solid #c2410c;padding-left:.3rem;font-weight:600}
.hscheck{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;min-width:44px;padding:.2rem .35rem;margin:0;border-radius:8px;cursor:pointer;color:var(--ink);vertical-align:middle;flex-wrap:wrap}
.hscheck input[type=checkbox]{width:1.45rem;height:1.45rem;accent-color:var(--pri);margin:0;flex:none}
.hscheck.req{box-shadow:inset 3px 0 0 #c2410c}.hscheck.on{box-shadow:inset 3px 0 0 var(--pri);background:#eef6f1}
.hsstamp{font-size:.75rem;color:var(--mut);line-height:1.2;white-space:nowrap}.hscheck .hsstamp:empty{display:none}
.hsdoc input.hsfield{display:inline-block;width:100%;min-width:7rem;height:2.6rem;margin:.15rem 0;padding:.4rem .55rem;font-size:1rem}
.hsdoc input.hsfield[data-req]{border-left:3px solid #c2410c}
.hsdoc p input.hsfield,.hsdoc li input.hsfield{width:auto;max-width:100%;min-width:9rem;flex:1}
.hstick{display:inline-block;min-width:1.2em;font-size:1.1rem;color:#888;text-align:center}.hstick.on{color:var(--pri);font-weight:700}
.hstick.req{color:#c2410c}.hsval{font-weight:600;color:#13233a;border-bottom:1px dotted #9aa}.hsblank{color:#999;letter-spacing:.05em}
.hsdoc small.hsstamp{display:block}
.ixprogress{margin:.6rem 0;font-size:.95rem;padding:.5rem .7rem;border-radius:8px;background:#fff7ed;border:1px solid #fed7aa}.ixprogress.done{background:#eef6f1;border-color:#cfe5d8}
#signbtn:disabled{opacity:.55;cursor:not-allowed}
/* tables with tick boxes stack nicely on phones */
@media(max-width:719px){.hsdoc.hsix table{display:block;width:100%}.hsdoc.hsix tbody,.hsdoc.hsix thead{display:block}.hsdoc.hsix tr{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .5rem;border-bottom:1px solid var(--line);padding:.35rem 0}.hsdoc.hsix th,.hsdoc.hsix td{display:block;border:0;padding:.1rem 0;flex:1 1 auto;min-width:0}.hsdoc.hsix td:has(.hscheck:only-child),.hsdoc.hsix td:has(> .hstick){flex:0 0 auto}.hsdoc.hsix td:has(input.hsfield){flex:1 1 100%}}
.ackfacts{display:grid;grid-template-columns:1fr;gap:.3rem;margin:.6rem 0}.ackfacts div{display:flex;justify-content:space-between;gap:1rem}.ackfacts dt{color:var(--mut)}.ackfacts dd{margin:0;text-align:right;font-weight:600}
.ackbtns{gap:.5rem;flex-wrap:wrap}.ackbtns .btn{flex:1 1 8rem;text-align:center}
.resplist{list-style:none;margin:0;padding:0}.resplist li{display:grid;grid-template-columns:1.5rem 1fr;gap:.1rem .4rem;padding:.45rem 0;border-bottom:1px solid var(--line)}.resplist .rk{grid-row:span 2;font-weight:700;color:var(--pri)}.resplist li.off .rk{color:#b42318}.resplist .rv{color:var(--mut);font-size:.88rem}
.acksig{max-width:260px;width:100%;height:auto;border-bottom:1px solid #333;background:#fff}
.mxlink{display:block;text-decoration:none;color:inherit;min-height:44px;line-height:44px}
/* clean print view */
body.printview{background:#fff}.printwrap{max-width:800px;margin:0 auto;padding:1rem}.printbar{gap:.5rem;margin-bottom:1rem}
.printsig{margin-top:1.5rem;border-top:2px solid var(--pri);padding-top:.8rem;break-inside:avoid}.printfacts{border-collapse:collapse;margin:.4rem 0}.printfacts th{text-align:left;padding:.2rem 1rem .2rem 0;color:#555;font-weight:600}.printfacts td{padding:.2rem 0}
@media print{body.printview .noprint{display:none!important}.printwrap{padding:0;max-width:none}.hsdoc{font-size:10.5pt}.hsdoc table{display:table!important;width:100%;border-collapse:collapse}.hsdoc thead{display:table-header-group!important}.hsdoc tbody{display:table-row-group!important}.hsdoc tr{display:table-row!important}.hsdoc td,.hsdoc th{display:table-cell!important;border:1px solid #bbb!important;padding:3px 5px!important}.hstick.on{color:#000}.hsstamp{color:#333}.hsval{border:0}@page{margin:14mm}}
/* editor: interactive items toolbar, list and live preview */
.ixbar{display:flex;flex-wrap:wrap;gap:.4rem;margin:.3rem 0 .4rem}.ixbar .btn{flex:1 1 auto;min-height:44px}
.ixlist{list-style:none;margin:.4rem 0;padding:0}.ixlist li{display:grid;grid-template-columns:auto 1fr;gap:.3rem .5rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--line)}
.ixlist .ixk{font-size:1.1rem;width:1.6rem;text-align:center}.ixlist input[type=text]{margin:0;height:2.5rem}.ixlist .ixact{grid-column:2;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.ixlist .ixact label{margin:0;display:inline-flex;gap:.35rem;align-items:center;min-height:44px;color:var(--ink)}
.ixlist .ixact .btn{min-height:40px}.ixempty{color:var(--mut);font-size:.9rem}
.ixpreview{border:1px dashed var(--line);border-radius:10px;padding:.6rem;max-height:70vh;overflow:auto;background:#fff}
.hsfield-chip{display:inline-block;border:1px dashed #94a3b8;border-radius:6px;padding:.05rem .4rem;font-size:.85em;color:#475569;background:#f8fafc}.hsfield-chip.req{border-color:#c2410c;color:#9a3412}
/* interactive docs v2: consistent rows on phones (label left, tick right; fields full width under their label) */
.hscheck.req,.hscheck.on{box-shadow:none}.hscheck{border:2px solid transparent}.hscheck.req{border-color:#fdba74;background:#fff7ed}.hscheck.on{border-color:#86c5a1;background:#eef6f1}
@media(max-width:719px){
.hsdoc.hsix tr{flex-wrap:wrap;align-items:center}
.hsdoc.hsix th,.hsdoc.hsix td{flex:1 1 0;text-align:left}
.hsdoc.hsix td:has(.hscheck),.hsdoc.hsix th:has(.hscheck){flex:0 0 auto;margin-left:auto}
.hsdoc.hsix td:has(.hscheck) ~ td:not(:has(.hscheck)){flex:1 1 100%}
.hsdoc.hsix td:has(input.hsfield),.hsdoc.hsix th:has(input.hsfield){flex:1 1 100%}
.hsdoc.hsix thead tr{border-bottom:2px solid var(--line)}
}
.hsdoc.hsix .hscheck{max-width:8.5rem}.hsdoc.hsix .hscheck .hsstamp{white-space:normal;flex:1 1 4rem;min-width:0;font-size:.72rem}
/* ===== shared mobile patterns (audit 13/10/2026) ===== */
.cardlist{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.plotcard{border:1px solid var(--line);border-radius:12px;padding:.75rem .8rem;background:#fff;display:flex;flex-direction:column;gap:.35rem;min-width:0}
.pc-top{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;flex-wrap:wrap}.pc-name{font-size:1.02rem}.pc-phase{font-weight:600;color:var(--mut)}
.pc-pct{font-size:.85rem;color:#4b5651;margin-left:auto;text-align:right}
.plotcard .sbar-wrap .sbar-lbl{display:none}.plotcard .sbar{height:8px;margin:0;min-width:0;width:100%}
.pc-meta{margin:0;font-size:.8rem;color:var(--mut)}
.plotcard form{margin:.2rem 0 0}
.btn.block{display:block;width:100%;min-height:44px;text-align:center}
/* action row: control grows, button keeps its size */
.actrow{display:flex;gap:.5rem;align-items:center;flex-wrap:nowrap;min-width:0;margin:0}.actrow>select,.actrow>input:not([type=hidden]):not([type=checkbox]){flex:1 1 auto;min-width:0;width:auto;margin:0;height:2.75rem}.actrow>.btn,.actrow>button{flex:0 0 auto;min-height:2.75rem;margin:0;white-space:nowrap}
.actrow>.btn,.actrow>button{width:auto}.actrow>select,.actrow>input:not([type=hidden]):not([type=checkbox]){flex:1 1 0}
/* shared: .row forms with a select — control grows, buttons keep their size (Safari-safe) */
.row>select{flex:1 1 9rem;width:auto;min-width:0;margin:0}.row>.btn,.row>button.btn{width:auto;flex:0 0 auto;margin-top:0}
@media(max-width:719px){
  /* header: brand + bell on one line, nav as a scrollable row of 44px pills */
  header.top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem .5rem;padding:.5rem .75rem}
  header.top .brand{min-width:0}header.top .bell{grid-column:2;grid-row:1;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
  header.top nav{grid-column:1/-1;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.35rem;margin:0 -.75rem;padding:0 .75rem .15rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  header.top nav::-webkit-scrollbar{display:none}
  header.top nav>a,header.top nav .link{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 .8rem;border:1px solid var(--line);border-radius:999px;background:#fff;white-space:nowrap;font-size:.95rem}
  header.top nav form{flex:none;margin:0;display:flex}
  /* tap targets: small buttons, link-buttons, tick boxes */
  .btn.small{min-height:44px;padding:.55rem .85rem;display:inline-flex;align-items:center;justify-content:center}
  button.link{min-height:44px;padding:.4rem .2rem;display:inline-flex;align-items:center}
  label.check,.check{min-height:44px}
  .hsnav a{min-height:44px;display:inline-flex;align-items:center}
}
header.top .bell{margin-right:.35rem}
@media(max-width:719px){
  label:has(> input[type=checkbox]),label:has(> input[type=radio]),label.chk{min-height:44px;display:flex;align-items:center;gap:.5rem}
  main select,main input[type=file]{min-height:44px}
  button.chip{min-height:40px;padding:.4rem .8rem}
  header.top .brand{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:719px){.tbl td{flex-wrap:wrap;align-items:baseline}.tbl td>*:not(:first-child),.tbl td[data-l]>*{margin-left:auto}.tbl td[data-l]::before{margin-right:auto}}
.tbl td .usernameform{flex:1 1 100%;margin-left:0}.usernameform input{min-width:8rem}
/* final invoice due + deposits */
.finaldue{background:#fff4e0;border:1px solid #f0b54a;border-radius:.5rem;padding:.6rem .8rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.finaldue .btn{width:auto}
.finaldue-card{border-left:4px solid #f0b54a}
.finaldue-card li.row{justify-content:space-between;flex-wrap:wrap;gap:.25rem .75rem;padding:.4rem 0;border-bottom:1px solid #eee}
.finaldue-card li.row:last-child{border-bottom:0}
.invcard.inv-deposit{border-left:4px solid #3b82c4}
.fdtag{display:block;font-weight:600;color:#9a5b00}
/* Header icons: bell, account, log out (all roles), 44px targets */
header.top .hicons{display:inline-flex;align-items:center;gap:.2rem;margin-left:auto}
header.top .hicons .bell{margin-right:0}
header.top .hicon{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--pri);background:none;border:0;padding:0;cursor:pointer;border-radius:999px}
header.top .hicon:hover{background:#eef4f0}
header.top .hiconf{margin:0;display:inline-flex}
@media (max-width:719px){
  header.top .hicons{grid-column:2;grid-row:1}
  header.top .hicons .bell{grid-column:auto;grid-row:auto}
  /* nav pills wrap onto rows instead of a hidden horizontal scroller */
  header.top nav{grid-column:1/-1;flex-wrap:wrap;overflow-x:visible;margin:0;padding:0}
}
/* notifications: no empty indent */
.notif{align-items:flex-start;padding:.7rem .2rem;gap:.55rem}
.notif.read .dot{display:none}
.notif>span:last-child{min-width:0;flex:1}
.top>.hicons{order:2}.top>.hicons .bell{min-width:44px;min-height:44px;justify-content:center;color:var(--pri)}
/* No hidden horizontal scrollers for navigation: wrap everything */
.hsnav{flex-wrap:wrap;overflow-x:visible}.hsnav a{flex:0 1 auto}
@media (max-width:719px){
  header.top nav{flex-wrap:wrap!important;overflow:visible!important;gap:.3rem;margin:0!important;padding:0!important}
  header.top nav>a,header.top nav .link{min-height:40px;padding:0 .6rem;font-size:.88rem;flex:0 1 auto}
}
@media (max-width:380px){header.top nav>a,header.top nav .link{padding:0 .5rem;font-size:.84rem}}
.certrow{display:flex;flex-wrap:wrap;gap:.35rem .6rem;align-items:center;justify-content:space-between;padding:.3rem 0}.certrow .btn{width:auto}
/* Stage progression: wrapping stepper, Next-step button, Change stage, Undo toast, bulk bar */
.stagesteps{list-style:none;margin:.4rem 0 .6rem;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .5rem}
.stagesteps li{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .55rem;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.82rem;color:var(--mut)}
.stagesteps li.done{background:#e8f5ee;border-color:#9dcfb0;color:var(--pri)}.stagesteps li.cur{background:var(--pri);border-color:var(--pri);color:#fff;font-weight:600}
.stagesteps .ss-dot{display:inline-flex;align-items:center;justify-content:center;min-width:1.1rem;font-weight:700}
.stagesteps .ss-date{opacity:.85;font-size:.75rem}
.stageacts{display:grid;gap:.4rem;margin-top:.4rem}
.stageacts .next-btn{width:100%}
.changestage>summary{cursor:pointer;color:var(--pri);font-weight:600;list-style:none}
.changestage>summary::-webkit-details-marker{display:none}
.changestage-form{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-top:.35rem}
.changestage-form select{flex:1 1 8rem;min-width:0}.changestage-form .btn{width:auto}
.undotoast{position:fixed;left:.75rem;right:.75rem;bottom:.75rem;z-index:80;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between;background:#1f3d2f;color:#fff;padding:.7rem .9rem;border-radius:.6rem;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.undotoast .btn{width:auto;background:#fff;color:var(--pri)}.undotoast .muted{color:#c9ddd2}
.bulkbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.4rem 0 .6rem;padding:.45rem .6rem;background:#f3f6f4;border-radius:.5rem}
.bulkbar .btn{width:auto}.bulkpick{position:absolute;top:.45rem;left:.45rem;z-index:1}
.plotcard{position:relative}.plotcard .bulkpick+.pc-top{margin-left:1.9rem}
.bulkpick-inline{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;font-size:.9rem;color:var(--mut)}
.photo-cert-btn{background:#0b5a3c;color:#fff;border:0;text-align:center;margin:.4rem 0}
.certphoto>summary.btn{list-style:none}.certphoto>summary.btn::-webkit-details-marker{display:none}
.certphoto-form{margin-top:.5rem}
@media (max-width:719px){.stagesteps li{font-size:.78rem;padding:.2rem .45rem}.undotoast{bottom:calc(.5rem + env(safe-area-inset-bottom,0))}}
.fulltl>summary{cursor:pointer;color:var(--pri);font-weight:600;margin:.2rem 0 .4rem}
.phasepills{display:flex;flex-wrap:wrap;gap:.35rem;margin:.3rem 0 .6rem}
.phasepills .ppill{display:inline-flex;align-items:center;gap:.25rem;min-height:40px;padding:0 .7rem;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--pri);text-decoration:none;font-weight:600;font-size:.9rem}
.phasepills .ppill small{font-weight:500;color:var(--mut)}
.phasepills .ppill.on{background:var(--pri);border-color:var(--pri);color:#fff}.phasepills .ppill.on small{color:#d7e9df}
.phmanage{margin:.2rem 0 .6rem}.phmanage .phaselist{margin-top:.4rem}
.quotedocs{margin-top:.8rem}.quotedocs .doclist{list-style:none;padding:0;margin:.3rem 0}.quotedocs .doclist li{padding:.35rem 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.sechead{margin:1.2rem 0 .4rem}
/* Consistent collapsible section header: title + badge + chevron, whole row tappable */
details.card.fold>summary{min-height:44px;padding:.15rem 0;flex-wrap:wrap;-webkit-tap-highlight-color:transparent}
details.card.fold>summary>h2,details.card.fold>summary>h3{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;min-width:0}
details.card.fold>summary:focus-visible{outline:2px solid var(--pri);outline-offset:3px;border-radius:6px}
#dev-plans>section.card>h2:first-child,details.fold>section#contacts.card>h2:first-child{display:none}
.foldall{margin:.2rem 0 .5rem;text-align:right}.foldall .link{min-height:44px;padding:0 .3rem}
.coheading{display:flex;align-items:center;gap:.6rem;flex-wrap:nowrap;min-width:0}.coheading>span{min-width:0;overflow-wrap:anywhere}.cohlogo{height:44px;width:auto;max-width:160px;object-fit:contain;flex:none}
