.ey{font-size:12px;color:var(--text-3);font-weight:500}
.who{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:820px}
.who button{all:unset;cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:16px;box-shadow:var(--sh1)}.who button:hover{border-color:var(--accent-line);background:var(--accent-soft)}
.who b{display:block;color:var(--ink)}.who span{font-size:12.5px;color:var(--text-2)}
.cols{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}
.kv{display:grid;grid-template-columns:200px 1fr;gap:6px 14px;font-size:13px}.kv dt{color:var(--text-3)}.kv dd{margin:0}
.calc .big{font-size:22px;font-weight:650;color:var(--ink);letter-spacing:-.3px}
.calc .line{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:6px 0;font-size:13px}.calc .line:last-child{border-bottom:0}
.note{font-size:12.5px;color:var(--text-2);background:var(--sunk);border-radius:var(--r2);padding:10px 12px;margin-top:10px}
.err{color:var(--text);background:var(--sunk);border:1px solid var(--line-2);border-radius:var(--r2);padding:10px 12px;margin:10px 0;font-size:13px}
.ed td input{min-width:0}.ed td{padding:6px 6px}.ed .x{width:40px}
.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:9px 14px;border-radius:var(--r2);font-size:13px;box-shadow:var(--sh2);z-index:50;max-width:90vw}
nav.side{transition:transform .2s}
@media (max-width:1180px){.cols{grid-template-columns:1fr}}
@media (max-width:820px){
 .menu{display:inline-flex}.top .hide-m{display:none}
 nav.side{position:fixed;left:0;top:52px;z-index:30;transform:translateX(-100%);background:var(--bg);box-shadow:var(--sh2)}
 body.nav-open nav.side{transform:none}
 .top .logo{min-width:0;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.top .spacer{display:none}.top .s1{display:none}
 main{padding:16px 14px 60px}.who{grid-template-columns:1fr}.g2,.g3{grid-template-columns:1fr}.kv{grid-template-columns:1fr;gap:0 0}.kv dd{margin-bottom:8px}
 table.resp thead{display:none}table.resp tr{display:block;border-bottom:1px solid var(--line);padding:6px 0}table.resp td{display:block;border:0;padding:3px 4px}
 table.resp td[data-l]::before{content:attr(data-l) " ";color:var(--text-3);font-size:12px}
 .box.tbl{padding:8px}
}
.inv .ih{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.inv .ib{font-weight:650;color:var(--ink);letter-spacing:.3px}.inv .r{text-align:right}
.inv .tot{margin:12px 0 0 auto;max-width:320px}.inv .tot .line{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:6px 0;font-size:13px}.inv .tot .line:last-child{border-bottom:0}
tr.click{cursor:pointer}
@media (max-width:820px){.inv .ih{flex-direction:column}.inv .r{text-align:left}.inv .tot{max-width:none}td.r{text-align:left}}
/* round 284: supplier payment links and the vendor pay page */
.plink{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;margin-right:6px}.plink .i{width:14px;height:14px}
.paypg{max-width:520px;margin:48px auto;padding:0 16px}.paypg .amt{font-size:30px;font-weight:600;letter-spacing:-.01em;margin:6px 0 2px}
/* round 286: owner sign-in (agency-branded, no S1) */
.ownpg{max-width:980px;margin:36px auto;padding:0 18px 60px}.ohead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.orent{margin-top:22px}.orent h2{font-size:18px;margin:0 0 10px}.orent .box{margin-bottom:12px}.ostats .big{font-size:20px;font-weight:600;display:block;margin:2px 0}
.obill{border-bottom:1px solid var(--line);padding:8px 0}.obill:last-of-type{border-bottom:0}.oacct summary{cursor:pointer;color:var(--accent)}
@media (max-width:820px){.ownpg{margin:18px auto}.ostats{grid-template-columns:1fr}}
.toast[hidden]{display:none}