:root{
  --ink:#14202b; --ink2:#42535f; --ink3:#6d7e8b;
  --paper:#ffffff; --surface:#eff2f4; --sunk:#f7f9fa;
  --line:#dbe1e6; --line2:#c2ccd3;
  --brand:#cb272e; --brand-soft:#fbe8e9;
  --accent2:#2a5a78; --accent2-soft:#e7eff4;
  --rust:#9c4a2f;
  --on-accent:#ffffff;
  --chrome:#14202b; --chrome-ink:#eef4f7; --chrome-dim:#9fb4c1;
  --sans:'Archivo','Helvetica Neue',Arial,system-ui,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ink:#e7eef3; --ink2:#a9b8c3; --ink3:#78888f;
    --paper:#151d24; --surface:#0d1317; --sunk:#1b242c;
    --line:#26323b; --line2:#36454f;
    --brand:#f0666e; --brand-soft:#3b1519;
    --accent2:#79b4d4; --accent2-soft:#152c39;
    --rust:#dd8f74;
    --on-accent:#0b1216;
    --chrome:#091015; --chrome-ink:#e7eef3; --chrome-dim:#8296a3;
  }
}
:root[data-theme="dark"]{
  --ink:#e7eef3; --ink2:#a9b8c3; --ink3:#78888f;
  --paper:#151d24; --surface:#0d1317; --sunk:#1b242c;
  --line:#26323b; --line2:#36454f;
  --brand:#f0666e; --brand-soft:#3b1519;
  --accent2:#79b4d4; --accent2-soft:#152c39;
  --rust:#dd8f74;
  --on-accent:#0b1216;
  --chrome:#091015; --chrome-ink:#e7eef3; --chrome-dim:#8296a3;
}
html{scroll-padding-top:env(safe-area-inset-top,0px);}
*,*::before,*::after{box-sizing:inherit;}
body{
  margin:0; background:var(--surface); color:var(--ink);
  font-family:var(--sans); font-size:15px; line-height:1.45;
  -webkit-text-size-adjust:100%;
}
@media (prefers-reduced-motion:no-preference){
  .drawer,.scrim,.toast{transition:transform .22s ease,opacity .22s ease;}
}

/* ---------- top bar ---------- */
.bar{
  position:sticky; top:env(safe-area-inset-top,0px); z-index:40;
  display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between;
  padding:12px 18px; background:var(--chrome); color:var(--chrome-ink);
  border-bottom:2px solid var(--brand);
}
.brand{display:flex; align-items:center; gap:10px; min-width:0;}
.brand img{height:30px; width:auto; background:#fff; padding:2px 5px; border-radius:3px; flex:none;}
.brand b{font-weight:700; font-size:16px; letter-spacing:-.01em; white-space:nowrap;}
.brand span{font-size:13px; color:var(--chrome-dim); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.actions{display:flex; flex-wrap:wrap; gap:6px;}

button{font:inherit; cursor:pointer;}
.btn{
  border:1px solid var(--line2); background:var(--paper); color:var(--ink);
  border-radius:3px; padding:7px 11px; font-size:14px; font-weight:500;
}
.btn:hover{border-color:var(--brand);}
.bar .btn{background:#22323f; border-color:#3a4c5a; color:#dfe9ef;}
.bar .btn:hover{background:#2c3f4e; border-color:#5c7182;}
.btn.primary{background:var(--brand); border-color:var(--brand); color:var(--on-accent); font-weight:600;}
.bar .btn.primary{background:var(--brand); border-color:var(--brand); color:var(--on-accent);}
.btn.primary:hover{filter:brightness(1.1);}
.btn.ghost{background:transparent; border-color:var(--line);}
.btn.tiny{padding:3px 7px; font-size:12.5px;}
.btn.danger{color:var(--rust); border-color:var(--line2);}
.btn:disabled{opacity:.4; cursor:default;}
:focus-visible{outline:2px solid var(--brand); outline-offset:2px;}

/* ---------- layout ---------- */
main{max-width:1020px; margin:0 auto; padding:18px 18px 140px;}
.card{background:var(--paper); border:1px solid var(--line); border-radius:4px; padding:16px 18px; margin-bottom:14px;}
h2{font-size:13.5px; font-weight:600; letter-spacing:.01em; margin:0 0 12px; color:var(--ink2);}
h2 .count{color:var(--ink3); font-weight:400;}

label.f{display:block; margin-bottom:10px;}
label.f > span{display:block; font-size:12.5px; color:var(--ink3); margin-bottom:3px;}
input,textarea,select{
  font:inherit; width:100%; padding:7px 9px; color:var(--ink);
  background:var(--sunk); border:1px solid var(--line); border-radius:3px;
}
input:focus,textarea:focus,select:focus{background:var(--paper); border-color:var(--brand); outline:none; box-shadow:0 0 0 2px var(--brand-soft);}
textarea{resize:vertical; min-height:70px; line-height:1.5;}
.num{font-family:var(--mono); font-variant-numeric:tabular-nums; text-align:right;}

.metagrid{display:grid; grid-template-columns:1fr 1fr; gap:0 22px;}
@media (max-width:680px){ .metagrid{grid-template-columns:1fr;} }

/* ---------- catalog picker ---------- */
.chips{display:flex; flex-wrap:wrap; gap:6px; margin:10px 0 12px;}
.chip{
  border:1px solid var(--line2); background:var(--paper); color:var(--ink2);
  border-radius:20px; padding:5px 12px; font-size:13px; font-weight:500;
}
.chip[aria-pressed="true"]{background:var(--chrome); border-color:var(--chrome); color:var(--chrome-ink);}
.picklist{max-height:340px; overflow:auto; border:1px solid var(--line); border-radius:3px; background:var(--sunk);}
.pick{display:flex; align-items:center; gap:12px; padding:9px 12px; border-bottom:1px solid var(--line);}
.pick:last-child{border-bottom:none;}
.pick .who{flex:1; min-width:0;}
.pick .who b{display:block; font-weight:500; font-size:14px;}
.pick .who em{display:block; font-style:normal; font-size:12.5px; color:var(--ink3);}
.pick .rate{font-family:var(--mono); font-size:13px; color:var(--ink2); white-space:nowrap;}
.pick .add{display:flex; gap:4px;}
.pick .add .btn.tiny[data-kind="once"]{border-left:3px solid var(--brand);}
.pick .add .btn.tiny[data-kind="monthly"]{border-left:3px solid var(--accent2);}
.pick .add .btn.tiny.primary[data-kind="monthly"]{background:var(--accent2); border-color:var(--accent2); color:var(--on-accent);}
.empty{padding:22px 14px; color:var(--ink3); font-size:14px; text-align:center;}

/* ---------- line sections ---------- */
.lines{border-left:4px solid var(--brand);}
.lines[data-kind="monthly"]{border-left-color:var(--accent2);}
.rowhead{
  display:grid; grid-template-columns:1fr 66px 108px 108px 80px; gap:8px;
  padding:0 0 6px; border-bottom:1px solid var(--line2);
  font-size:12px; color:var(--ink3);
}
.rowhead span:nth-child(n+2){text-align:right;}
.row{display:grid; grid-template-columns:1fr 66px 108px 108px 80px; gap:8px; align-items:start; padding:9px 0; border-bottom:1px solid var(--line);}
.row .desc input{margin-bottom:4px;}
.row .desc input.detail{font-size:13px; color:var(--ink2); padding:5px 9px;}
.linetot{font-family:var(--mono); font-variant-numeric:tabular-nums; text-align:right; padding-top:8px; font-size:14px;}
.rowact{display:flex; gap:3px; justify-content:flex-end; padding-top:4px;}
.iconbtn{width:24px; height:26px; border:1px solid var(--line); background:var(--paper); border-radius:3px; color:var(--ink3); font-size:12px; line-height:1; padding:0;}
.iconbtn:hover{color:var(--ink); border-color:var(--line2);}
.iconbtn.x:hover{color:var(--rust); border-color:var(--rust);}
@media (max-width:680px){
  .rowhead{display:none;}
  .row{grid-template-columns:1fr 1fr 1fr; gap:6px; padding:12px 0;}
  .row .desc{grid-column:1 / -1;}
  .row .linetot{padding-top:9px;}
  .row .rowact{grid-column:1 / -1; justify-content:flex-start;}
}
.subline{display:flex; justify-content:flex-end; gap:16px; padding-top:11px; font-size:14px; color:var(--ink2);}
.subline b{font-family:var(--mono); font-variant-numeric:tabular-nums; font-weight:500; color:var(--ink);}

/* ---------- totals ---------- */
.breakdown{background:var(--paper); border:1px solid var(--line); border-bottom:none; border-radius:4px 4px 0 0; padding:14px 18px;}
.brow{display:flex; justify-content:space-between; font-size:13.5px; color:var(--ink2); padding:3px 0;}
.brow b{font-family:var(--mono); font-variant-numeric:tabular-nums; font-weight:400; color:var(--ink);}
.slab{display:grid; grid-template-columns:1fr 1fr; background:var(--chrome); border-radius:0 0 4px 4px; overflow:hidden;}
.slab > div{padding:18px; border-top:4px solid var(--brand);}
.slab > div + div{border-top-color:var(--accent2); border-left:1px solid #2e3a44;}
.slab .lab{font-size:12.5px; color:var(--chrome-dim); margin-bottom:4px;}
.slab .big{font-family:var(--mono); font-size:27px; font-weight:500; color:var(--chrome-ink); letter-spacing:-.02em;}
.slab .sub{font-size:12px; color:var(--chrome-dim); margin-top:3px;}
@media (max-width:520px){ .slab{grid-template-columns:1fr;} .slab > div + div{border-left:none;} .slab .big{font-size:24px;} }

/* ---------- sticky mobile summary ---------- */
.sticky{
  display:none; position:fixed; left:0; right:0; bottom:0; z-index:35;
  background:var(--chrome); color:var(--chrome-ink); border-top:2px solid var(--brand);
  padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));
  font-size:13.5px; justify-content:space-between; gap:12px; align-items:center;
}
.sticky b{font-family:var(--mono); font-variant-numeric:tabular-nums; font-weight:500;}
.sticky .m{color:#9fcbe4;}
.sticky .o{color:#f5949a;}
@media (max-width:760px){ .sticky{display:flex;} }

/* ---------- drawer ---------- */
.scrim{position:fixed; inset:0; background:rgba(9,16,21,.45); z-index:50; opacity:0; pointer-events:none;}
.scrim.on{opacity:1; pointer-events:auto;}
.drawer{
  position:fixed; top:0; right:0; bottom:0; width:min(560px,100%); z-index:51;
  background:var(--paper); border-left:1px solid var(--line);
  transform:translateX(101%); display:flex; flex-direction:column;
}
.drawer.on{transform:none;}
.drawer > header{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:calc(14px + env(safe-area-inset-top,0px)) 18px 14px;
  border-bottom:1px solid var(--line); background:var(--sunk);
}
.drawer > header h3{margin:0; font-size:16px; font-weight:600;}
.dbody{flex:1; overflow:auto; padding:18px 18px calc(24px + env(safe-area-inset-bottom,0px));}
.dbody h4{font-size:13px; color:var(--ink3); font-weight:600; margin:22px 0 8px;}
.dbody h4:first-child{margin-top:0;}
.hint{font-size:13px; color:var(--ink3); line-height:1.5; margin:0 0 12px;}
.two{display:grid; grid-template-columns:1fr 1fr; gap:0 14px;}
.btnrow{display:flex; flex-wrap:wrap; gap:8px; margin:12px 0;}

/* catalog manager */
.cmrow{display:grid; grid-template-columns:1fr 92px 92px 26px; gap:6px; align-items:center; padding:7px 0; border-bottom:1px solid var(--line);}
.cmrow input,.cmrow select{padding:5px 7px; font-size:13.5px;}
.cmrow .sub2{grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr; gap:6px;}
.catblock{border:1px solid var(--line); border-radius:3px; padding:10px 12px; margin-bottom:12px; background:var(--sunk);}
.catblock > header{display:flex; gap:8px; align-items:center; margin-bottom:6px;}
.catblock > header input{font-weight:600;}

/* quotes list */
.qrow{display:flex; gap:12px; align-items:center; padding:11px 0; border-bottom:1px solid var(--line);}
.qrow .who{flex:1; min-width:0;}
.qrow .who b{display:block; font-size:14px; font-weight:600;}
.qrow .who em{display:block; font-style:normal; font-size:12.5px; color:var(--ink3);}
.qrow.cur{background:var(--brand-soft); margin:0 -10px; padding:11px 10px;}

.toast{
  position:fixed; left:50%; bottom:calc(26px + env(safe-area-inset-bottom,0px)); transform:translate(-50%,14px);
  background:var(--chrome); color:var(--chrome-ink); padding:11px 18px; border-radius:4px; font-size:14px;
  z-index:80; opacity:0; pointer-events:none; max-width:calc(100% - 36px); text-align:center;
  border-left:4px solid var(--brand);
}
.toast.on{opacity:1; transform:translate(-50%,0);}
.toast.bad{border-left-color:var(--rust);}
.jsonbox{font-family:var(--mono); font-size:11.5px; line-height:1.4; min-height:150px;}

/* ======================= server edition additions ======================= */
[hidden]{display:none !important;}
.bar nav a.btn{text-decoration:none; display:inline-block;}
.bar .btn.on{background:var(--brand); border-color:var(--brand); color:#fff;}
.userchip{font-size:13px; color:var(--chrome-dim); margin-left:6px; white-space:nowrap;}
.userchip b{color:var(--chrome-ink); font-weight:600;}
main.wide{max-width:1180px;}
.pagehead{display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between; margin:4px 0 14px;}
.pagehead h1{font-size:20px; margin:0; letter-spacing:-.01em;}
.pagehead .sub{color:var(--ink3); font-size:13.5px;}
.toolbar{display:flex; flex-wrap:wrap; gap:8px; align-items:center;}
.toolbar input,.toolbar select{width:auto; min-width:160px;}
.spacer{flex:1;}
.muted{color:var(--ink3);}
.mono{font-family:var(--mono); font-variant-numeric:tabular-nums;}
.right{text-align:right;}
.mt{margin-top:14px;}
.w100{width:100%;}
.inline{display:flex; gap:9px; align-items:center;}
.inline input[type=checkbox]{width:auto;}

/* login */
.login{min-height:100vh; display:grid; place-items:center; padding:20px;}
.login .card{width:min(400px,100%); padding:26px 26px 20px; border-top:4px solid var(--brand);}
.login img{height:54px; display:block; margin:0 auto 12px; background:#fff; padding:4px 8px; border-radius:3px;}
.login h1{font-size:18px; text-align:center; margin:0 0 18px;}
.login .mfa-qr{height:auto; width:240px; max-width:100%; padding:0; image-rendering:pixelated; border:8px solid #fff;}
.mfa-card details{margin:12px 0 16px; text-align:center; color:var(--ink3); font-size:13px;}
.mfa-secret{display:block; margin:8px 0; padding:9px; color:var(--ink); background:var(--sunk); border:1px solid var(--line); word-break:break-all; font-family:var(--mono);}
.recovery-codes{font:14px/1.65 var(--mono); columns:2; background:var(--sunk); border:1px solid var(--line); padding:14px; white-space:pre-wrap; user-select:all;}
.mfa-back{margin-top:8px;}
.microsoft{display:flex; align-items:center; justify-content:center; gap:9px; text-decoration:none; background:#2f2f2f; color:#fff; border-color:#2f2f2f; padding:10px 12px;}
.microsoft:hover{border-color:#5e5e5e; background:#3b3b3b;}
.ms-mark{display:grid; place-items:center; width:20px; height:20px; background:linear-gradient(90deg,#f25022 0 48%,transparent 48% 52%,#7fba00 52%),linear-gradient(90deg,#00a4ef 0 48%,transparent 48% 52%,#ffb900 52%); color:transparent;}
.or{display:flex; align-items:center; gap:10px; margin:16px 0; color:var(--ink3); font-size:11px; text-transform:uppercase; letter-spacing:.04em;}
.or:before,.or:after{content:""; height:1px; background:var(--line); flex:1;}
.loginerr{margin-bottom:12px; text-align:center;}
@media (max-width:420px){.recovery-codes{columns:1;}}
.err{color:var(--rust); font-size:13.5px; min-height:18px; margin:4px 0 8px;}

/* status pills */
.pill{display:inline-block; font-size:11.5px; font-weight:600; letter-spacing:.02em; text-transform:uppercase; padding:2px 8px; border-radius:20px; border:1px solid var(--line2); color:var(--ink2); background:var(--sunk); white-space:nowrap;}
.pill.draft{color:var(--ink2);}
.pill.sent{color:var(--accent2); border-color:var(--accent2); background:var(--accent2-soft);}
.pill.accepted{color:#1f7a45; border-color:#1f7a45; background:#e6f4ec;}
.pill.lost{color:var(--rust); border-color:var(--rust); background:var(--brand-soft);}
.pill.superseded{color:var(--ink3); text-decoration:line-through;}
.pill.onboarding-pending{color:#9a6512;border-color:#b98125;background:#fff4d9;}
.pill.onboarding-approved{color:#1f7a45;border-color:#1f7a45;background:#e6f4ec;}
.pill.onboarding-rejected{color:var(--rust);border-color:var(--rust);background:var(--brand-soft);}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .pill.accepted{color:#6fd39a; border-color:#6fd39a; background:#12291c;} }

/* dashboard tiles */
.tiles{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:14px;}
@media (max-width:860px){ .tiles{grid-template-columns:repeat(2,1fr);} }
.tile{background:var(--paper); border:1px solid var(--line); border-radius:4px; padding:14px 16px; border-top:3px solid var(--line2);}
.tile.t-brand{border-top-color:var(--brand);} .tile.t-slate{border-top-color:var(--accent2);} .tile.t-green{border-top-color:#1f7a45;}
.tile .lab{font-size:12.5px; color:var(--ink3);}
.tile .big{font-family:var(--mono); font-size:22px; font-weight:500; margin-top:2px; letter-spacing:-.02em;}
.tile .sub{font-size:12.5px; color:var(--ink3); margin-top:2px;}
.cols2{display:grid; grid-template-columns:1.4fr 1fr; gap:14px;}
@media (max-width:860px){ .cols2{grid-template-columns:1fr;} }

/* data tables */
table.list{width:100%; border-collapse:collapse; font-size:14px;}
table.list th{text-align:left; font-size:12px; font-weight:600; color:var(--ink3); padding:6px 8px; border-bottom:1px solid var(--line2); white-space:nowrap;}
table.list td{padding:9px 8px; border-bottom:1px solid var(--line); vertical-align:top;}
table.list tr.click{cursor:pointer;}
table.list tr.click:hover td{background:var(--sunk);}
table.list td.num,table.list th.num{text-align:right; font-family:var(--mono); font-variant-numeric:tabular-nums; white-space:nowrap;}
table.list td b{font-weight:600;}
table.list td em{display:block; font-style:normal; font-size:12.5px; color:var(--ink3);}
.tablewrap{overflow-x:auto;}
@media (max-width:680px){ table.list .hide-sm{display:none;} }

/* quote editor: statusbar */
.qbar{display:flex; flex-wrap:wrap; gap:8px; align-items:center; background:var(--paper); border:1px solid var(--line); border-radius:4px; padding:10px 14px; margin-bottom:14px;}
.qbar .num{font-family:var(--mono); font-weight:500; font-size:15px; text-align:left;}
.qbar .saved{font-size:12.5px; color:var(--ink3); margin-left:4px;}
.lockmsg{background:var(--accent2-soft); color:var(--ink); border:1px solid var(--accent2); border-radius:4px; padding:10px 14px; margin-bottom:14px; font-size:14px;}

/* line rows with cost + margin */
.rowhead.m,.row.m{grid-template-columns:1fr 62px 96px 96px 104px 62px 80px;}
.rowhead span.c,.row .c{display:none;}
.rowhead.m span.c,.row.m .c{display:block;}
.row .mg{font-family:var(--mono); font-size:12.5px; text-align:right; padding-top:9px; color:var(--ink3);}
.row .mg.low{color:var(--rust); font-weight:600;}
.row input.cost{background:repeating-linear-gradient(135deg,var(--sunk),var(--sunk) 6px,var(--paper) 6px,var(--paper) 12px);}
@media (max-width:760px){
  .rowhead.m{display:none;}
  .row.m{grid-template-columns:1fr 1fr 1fr;}
}
.marginbox{background:var(--sunk); border:1px dashed var(--line2); border-radius:4px; padding:10px 14px; margin-top:10px; font-size:13.5px; display:flex; flex-wrap:wrap; gap:6px 22px;}
.marginbox b{font-family:var(--mono); font-weight:500;}
.marginbox .tag{font-size:11px; text-transform:uppercase; letter-spacing:.05em; color:var(--rust); font-weight:700;}
.clientpick{position:relative;}
.suggest{position:absolute; left:0; right:0; top:100%; z-index:30; background:var(--paper); border:1px solid var(--line2); border-radius:3px; box-shadow:0 8px 24px rgba(0,0,0,.14); max-height:260px; overflow:auto;}
.suggest div{padding:8px 10px; cursor:pointer; font-size:14px; border-bottom:1px solid var(--line);}
.suggest div:hover,.suggest div.hl{background:var(--brand-soft);}
.suggest em{font-style:normal; color:var(--ink3); font-size:12.5px; margin-left:6px;}
.linked{font-size:12.5px; color:var(--accent2); margin:-4px 0 10px;}
.linked button{font-size:12px; padding:1px 6px; margin-left:6px;}
.events{font-size:13px; color:var(--ink2); max-height:220px; overflow:auto;}
.events div{padding:5px 0; border-bottom:1px solid var(--line);}
.events time{color:var(--ink3); font-family:var(--mono); font-size:12px; margin-right:8px;}
.revs a{margin-right:10px; font-family:var(--mono); font-size:13px; color:var(--accent2);}
.revs a.cur{color:var(--ink); font-weight:600; text-decoration:none;}
.catrow{display:grid; grid-template-columns:1.5fr 86px 90px 90px 110px 60px 26px; gap:6px; align-items:center; padding:7px 0; border-bottom:1px solid var(--line);}
.catrow input,.catrow select{padding:5px 7px; font-size:13.5px;}
.catrow .mg{font-family:var(--mono); font-size:12.5px; text-align:right; color:var(--ink3);}
.catrow .sub2{grid-column:1 / -1; display:grid; grid-template-columns:120px 1fr; gap:6px;}
.cathead{display:grid; grid-template-columns:1.5fr 86px 90px 90px 110px 60px 26px; gap:6px; font-size:12px; color:var(--ink3); padding:0 0 4px; border-bottom:1px solid var(--line2);}
@media (max-width:760px){ .catrow,.cathead{grid-template-columns:1fr 1fr 1fr;} .cathead{display:none;} .catrow .sub2{grid-template-columns:1fr;} }
.modalbg{position:fixed; inset:0; background:rgba(9,16,21,.5); z-index:90; display:grid; place-items:center; padding:16px;}
.modal{background:var(--paper); border-radius:5px; border-top:4px solid var(--brand); width:min(460px,100%); padding:20px;}
.modal h3{margin:0 0 10px; font-size:16px;}
.toolbar input[type=checkbox]{min-width:0;}
label.f.inline > span,.inline > span{display:inline; margin:0; font-size:13.5px; color:var(--ink2);}
label.f.inline{padding-top:22px;}
.pagehead label.inline,.btnrow label.inline{padding-top:0;}
.userchip{text-decoration:none; align-self:center;}
@media (max-width:560px){
  .pick{flex-wrap:wrap;}
  .pick .who{flex:1 1 100%;}
  .pick .rate{flex:1;}
  .qbar .btn{padding:6px 9px; font-size:13px;}
}

/* client proposal */
.public-body{background:#e9edf0; color:#14202b; color-scheme:light;}
.proposal{max-width:940px; margin:32px auto; padding:42px 50px 0; background:#fff; border:1px solid #dbe1e6; box-shadow:0 12px 35px rgba(20,32,43,.08);}
.proposal-head{display:flex; justify-content:space-between; gap:28px; align-items:flex-start;}
.proposal-head img{height:64px; max-width:190px; object-fit:contain; object-position:left center;}
.proposal-head h1{font-size:22px; margin:8px 0 2px;}
.proposal-head p{margin:0; color:#606e79; font-size:14px;}
.proposal-meta{text-align:right; min-width:300px;}
.quote-word{font-size:34px; color:#cb272e; line-height:1; margin-bottom:16px;}
.proposal-meta dl{display:grid; grid-template-columns:100px 1fr; gap:3px 14px; margin:0; font-size:14px;}
.proposal-meta dt{color:#606e79;}.proposal-meta dd{margin:0; font-weight:600;}
.proposal-rule{height:3px; background:#cb272e; margin:22px 0;}
.prepared{display:grid; grid-template-columns:1fr 1fr; gap:34px; margin-bottom:22px;}
.prepared span,.project span{display:block; color:#606e79; font-size:13px;}
.prepared h2,.project h2{font-size:18px; margin:3px 0; color:#14202b;}
.prepared p{color:#606e79; margin:0; font-size:14px;}
.project{margin-bottom:24px;}.project h2{font-size:17px;}
.proposal-section{margin:24px 0;}.proposal-section h2{font-size:17px; margin-bottom:7px;}
.proposal-section.once h2{color:#cb272e;}
.proposal-section.monthly h2{color:#2a5a78;}
.proposal-tablewrap{overflow-x:auto;}
.proposal-table{width:100%; border-collapse:collapse; font-size:14px;}
.proposal-table th{background:#cb272e; color:#fff; padding:8px 10px; text-align:left; font-weight:600;}
.proposal-section.once .proposal-table th{background:#cb272e;}
.proposal-section.monthly .proposal-table th{background:#2a5a78;}
.proposal-table th:nth-child(n+2),.proposal-table td:nth-child(n+2){text-align:right; white-space:nowrap;}
.proposal-table td{padding:9px 10px; border-bottom:1px solid #dbe1e6;}
.proposal-table tbody tr:nth-child(even){background:#f7f9fa;}
.proposal-table small{display:block; color:#606e79; margin-top:2px;}
.proposal-table tfoot td{border-bottom:none;color:#606e79;}.proposal-table tfoot td:last-child{color:#14202b;}
.proposal-totals{width:min(440px,100%); margin:18px 0 28px auto; background:#f6f8fa; border:1px solid #d4dce2; padding:10px 14px;}
.proposal-totals div{display:flex; justify-content:space-between; gap:20px; padding:4px 0; color:#606e79;}
.proposal-totals b{color:#14202b;font-family:var(--mono);}.proposal-totals .grand{border-top:1px solid #d4dce2; color:#14202b; font-size:16px;}
.proposal-totals .grand b{color:#cb272e;}
.proposal-copy{margin:22px 0;}.proposal-copy h2{font-size:16px;color:#14202b;margin-bottom:5px;}.proposal-copy p{color:#606e79;margin:0;white-space:normal;}
.terms{padding-top:4px;}
.proposal-actions{display:flex; justify-content:flex-end; margin:22px 0;}
.approval{margin:28px -50px 0; padding:30px 50px; background:#14202b; color:#eef4f7; border-top:4px solid #cb272e;}
.approval h2{color:#fff;font-size:20px;margin-bottom:7px;}.approval p{color:#c7d3db;}
.approval .f > span{color:#b1c0ca;}.approval input{background:#fff;color:#14202b;}
.approval-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.acceptcheck{display:flex;gap:10px;align-items:flex-start;margin:10px 0 16px;color:#eef4f7;}.acceptcheck input{width:auto;margin-top:4px;}.acceptcheck span{font-size:14px;}
.approvebtn{padding:11px 17px;}.approval .err{color:#f7a5a9;}
.approval.approved{background:#143323;border-top-color:#278852;}.approval.approved h2{color:#9be2b7;}
.proposal-footer{display:flex;flex-wrap:wrap;gap:10px 20px;padding:16px 0;color:#606e79;font-size:12px;border-top:1px solid #d4dce2;}.proposal-footer b{color:#cb272e;}
.public-error{max-width:540px;margin:15vh auto;background:#fff;border-top:4px solid #cb272e;padding:32px;text-align:center;}.public-error img{height:54px;}.public-error h1{font-size:22px;}
.reviewstatus{border-left:4px solid var(--accent2);}.reviewfacts{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13.5px;color:var(--ink2);}.reviewfacts span+span:before{content:"·";margin-right:18px;color:var(--ink3);}
.onboarding-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:14px;align-items:start;}
.onboarding-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0;}
.onboarding-facts div,.onboarding-meta div{padding:10px 0;border-bottom:1px solid var(--line);}
.onboarding-facts dt,.onboarding-meta dt{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3);}
.onboarding-facts dd,.onboarding-meta dd{margin:3px 0 0;white-space:pre-line;overflow-wrap:anywhere;}
.onboarding-meta{margin:0;}.onboarding-meta div:last-child,.onboarding-facts div:nth-last-child(-n+2){border-bottom:0;}
.onboarding-decision{border-top:3px solid var(--brand);}
.onboarding-events div{padding:8px 0;border-bottom:1px solid var(--line);font-size:13px;}
.onboarding-events div:last-child{border-bottom:0;}.onboarding-events time{display:block;color:var(--ink3);font:11.5px var(--mono);}
.onboarding-events b{font-weight:600;text-transform:capitalize;}.onboarding-events small{display:block;color:var(--ink3);margin-top:2px;}
@media(max-width:820px){.onboarding-layout{grid-template-columns:1fr}.onboarding-facts{grid-template-columns:1fr}.onboarding-facts div{border-bottom:1px solid var(--line)!important}.onboarding-facts div:last-child{border-bottom:0!important}}
@media (max-width:680px){
  .proposal{margin:0;padding:24px 18px 0;border:0;box-shadow:none;}
  .proposal-head{display:block;}.proposal-meta{text-align:left;min-width:0;margin-top:20px;}.proposal-meta dl{grid-template-columns:90px 1fr;}
  .prepared{grid-template-columns:1fr;gap:18px;}.approval{margin:28px -18px 0;padding:26px 18px;}.approval-grid{grid-template-columns:1fr;gap:0;}
  .proposal-table{min-width:560px;}.reviewfacts{display:grid;gap:5px;}.reviewfacts span+span:before{content:none;}
}

/* ======================= 2026 experience refresh ======================= */
:root{
  --radius:12px; --radius-sm:8px;
  --shadow:0 8px 26px rgba(20,32,43,.07);
}
html{scroll-behavior:smooth;}
body{font-size:15px;}
.skiplink{position:fixed;left:12px;top:-80px;z-index:200;background:var(--paper);color:var(--ink);padding:10px 14px;border-radius:8px;box-shadow:var(--shadow);}
.skiplink:focus{top:12px;}
.bar{padding:10px max(20px,calc((100vw - 1380px)/2));gap:18px;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 18px rgba(0,0,0,.15);}
.brand{color:inherit;text-decoration:none;gap:11px;}
.brand img{height:34px;border-radius:6px;}
.brandcopy{display:grid;line-height:1.12;}
.brandcopy b{font-size:15px;}
.brandcopy > span{font-size:11.5px;margin-top:3px;max-width:210px;}
.actions{align-items:center;gap:3px;}
.bar .btn{border-color:transparent;background:transparent;border-radius:7px;padding:8px 10px;}
.bar .btn:hover{border-color:transparent;background:rgba(255,255,255,.09);}
.bar .btn.on{background:rgba(255,255,255,.1);box-shadow:inset 0 -2px 0 var(--brand);}
.bar .btn.primary{padding:9px 14px;margin-left:5px;box-shadow:0 4px 12px rgba(203,39,46,.25);}
.userchip{padding:7px 0 7px 10px;text-decoration:none;border-left:1px solid rgba(255,255,255,.14);}
.navtoggle{display:none;border:1px solid #3a4c5a;background:#22323f;color:#fff;border-radius:8px;padding:8px 10px;gap:7px;align-items:center;}
main{max-width:1080px;padding:28px 22px 150px;}
main.wide{max-width:1240px;}
.card{border-radius:var(--radius);padding:20px 22px;margin-bottom:16px;box-shadow:0 1px 1px rgba(20,32,43,.02);}
.btn{min-height:38px;border-radius:8px;padding:8px 13px;transition:background .15s,border-color .15s,transform .15s;}
.btn:not(:disabled):active{transform:translateY(1px);}
.btn.tiny{min-height:30px;border-radius:6px;}
input,textarea,select{min-height:42px;padding:9px 11px;border-radius:8px;background:var(--paper);}
textarea{min-height:84px;}
label.f > span{font-weight:500;color:var(--ink2);margin-bottom:6px;}
.eyebrow{display:block;color:var(--brand);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin-bottom:5px;}
.pagehead{margin:2px 0 20px;}
.pagehead h1{font-size:28px;letter-spacing:-.03em;}
.pagehead.compact{margin:25px 0 12px;}
.pagehead.compact h2{font-size:17px;color:var(--ink);margin:0;}
.welcome{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 32px;margin-bottom:6px;border-radius:16px;color:#fff;background:linear-gradient(115deg,#14202b 0%,#213a4c 72%,#2a5a78 100%);box-shadow:var(--shadow);position:relative;overflow:hidden;}
.welcome:after{content:"";position:absolute;width:260px;height:260px;border:55px solid rgba(255,255,255,.035);border-radius:50%;right:15%;top:-145px;}
.welcome h1{position:relative;font-size:30px;letter-spacing:-.035em;margin:0 0 5px;}
.welcome p{position:relative;color:#b8c8d3;margin:0;}
.welcome .eyebrow{color:#f58b91;position:relative;}
.herocta{position:relative;z-index:1;min-height:48px;padding:11px 18px;font-size:15px;white-space:nowrap;}
.tiles{gap:16px;}
.tile{border-radius:var(--radius);padding:18px 19px;border-top-width:0;box-shadow:0 1px 1px rgba(20,32,43,.03);position:relative;overflow:hidden;}
.tile:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--line2);}
.tile.t-brand:before{background:var(--brand)}.tile.t-slate:before{background:var(--accent2)}.tile.t-green:before{background:#1f7a45}
.tile .big{font-size:25px;margin-top:6px;}
.emptyaction{display:flex;flex-direction:column;align-items:center;gap:9px;padding:34px 20px;}
.emptyaction b{color:var(--ink);font-size:16px;}.emptyaction span{max-width:420px;}.emptyicon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-size:24px;}
.skeleton{height:250px;border-radius:12px;background:linear-gradient(90deg,var(--sunk) 25%,var(--paper) 45%,var(--sunk) 65%);background-size:300% 100%;animation:shimmer 1.4s infinite;}
@keyframes shimmer{to{background-position:-150% 0}}
table.list th{padding:9px 10px;text-transform:uppercase;letter-spacing:.045em;font-size:10.5px;}
table.list td{padding:12px 10px;}

/* Quote workspace */
.quotehead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 16px;}
.backlink{display:inline-block;color:var(--ink3);text-decoration:none;font-size:13px;margin-bottom:8px;}.backlink:hover{color:var(--brand);}
.quoteidentity{display:flex;align-items:center;gap:10px;}.quoteidentity h1{font:600 25px var(--mono);letter-spacing:-.04em;margin:0;}.quoteidentity .saved{font-size:12.5px;color:var(--ink3);}
.quotehead p{color:var(--ink3);margin:4px 0 0;}
.quoteactions{display:flex;align-items:center;justify-content:flex-end;gap:8px;}
.actionmenu{position:relative;}.actionmenu summary{list-style:none;user-select:none;}.actionmenu summary::-webkit-details-marker{display:none;}
.menupanel{position:absolute;right:0;top:calc(100% + 7px);z-index:25;width:205px;padding:7px;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 40px rgba(20,32,43,.18);display:grid;gap:3px;}
.menupanel .btn{text-align:left;width:100%;border-color:transparent;background:transparent;}.menupanel .btn:hover{background:var(--sunk);border-color:transparent;}.menupanel .danger{color:var(--rust);border-top:1px solid var(--line);border-radius:0;margin-top:3px;}
.readiness{display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--paper);border:1px solid var(--line);border-left:4px solid #d39a35;border-radius:var(--radius);padding:15px 18px;margin-bottom:16px;box-shadow:0 1px 1px rgba(20,32,43,.03);}
.readiness.isready{border-left-color:#278852;}.readiness.isready .eyebrow{color:#278852;}
.readyintro{min-width:210px;}.readyintro strong{display:block;font-size:14px;}
.readysteps{display:flex;gap:22px;}.readystep{display:flex;align-items:center;gap:8px;min-width:120px;}.readycheck{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--sunk);border:1px solid var(--line2);color:var(--ink3);font-weight:700;flex:none;}.readystep.done .readycheck{background:#e6f4ec;border-color:#278852;color:#1f7a45;}.readystep b,.readystep small{display:block;}.readystep b{font-size:12px}.readystep small{font-size:11.5px;color:var(--ink3);max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lockmsg{border-radius:var(--radius);padding:13px 16px;}
.sectiontitle{display:flex;align-items:flex-start;gap:11px;margin-bottom:18px;}.sectiontitle h2{font-size:15px;color:var(--ink);margin:1px 0 2px;}.sectiontitle p{font-size:12.5px;color:var(--ink3);margin:0;}.sectionnum{display:grid;place-items:center;width:27px;height:27px;flex:none;border-radius:50%;background:var(--brand-soft);color:var(--brand);font:600 12px var(--mono);}
.additems{padding:0;overflow:visible;}.additems > summary{display:flex;align-items:center;gap:11px;padding:17px 21px;cursor:pointer;list-style:none;}.additems > summary::-webkit-details-marker{display:none;}.additems > summary b,.additems > summary small{display:block;}.additems > summary b{font-size:15px;}.additems > summary small{font-size:12.5px;color:var(--ink3);margin-top:2px;}.summaryhint{margin-left:auto;color:var(--ink3);font-size:12px;}.additemsbody{padding:0 21px 21px;border-top:1px solid var(--line);padding-top:18px;}
.picklist{border-radius:9px;}.pick{padding:11px 13px;}.chips{margin:12px 0;}.chip{min-height:34px;}
.lines{border-left-width:0;position:relative;overflow:hidden;}.lines:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--brand);}.lines[data-kind="monthly"]:before{background:var(--accent2);}
.breakdown{border-radius:var(--radius) var(--radius) 0 0;padding:16px 20px;}.slab{border-radius:0 0 var(--radius) var(--radius);}.marginbox{border-radius:var(--radius-sm);}
.reviewstatus{border-radius:var(--radius);}
.modal{border-radius:14px;width:min(500px,100%);padding:0 22px 22px;box-shadow:0 24px 70px rgba(9,16,21,.28);}.modalhead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 -3px 13px;padding-top:17px;}.modalhead h3{margin:0;}.modalclose{width:34px;height:34px;border:0;border-radius:50%;background:var(--sunk);color:var(--ink3);}.modalclose:hover{color:var(--ink);background:var(--line);}.modalactions{margin-top:18px;}.quicksteps{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0;padding-top:15px;border-top:1px solid var(--line);}.quicksteps span{display:grid;gap:5px;font-size:11.5px;color:var(--ink3);}.quicksteps b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font:600 11px var(--mono);}

/* Client quote review */
.public-body{background:#edf1f4;}
.proposal{max-width:1040px;margin:28px auto 56px;padding:0 58px;background:#fff;border-radius:14px;overflow:visible;box-shadow:0 18px 55px rgba(20,32,43,.1);}
.proposal-nav{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 -58px;padding:11px 20px;background:rgba(20,32,43,.97);color:#fff;border-radius:14px 14px 0 0;box-shadow:0 7px 20px rgba(20,32,43,.16);}
.proposal-nav > div{display:flex;align-items:center;gap:10px;}.proposal-nav b{font:500 13px var(--mono);}.proposal-nav span{color:#aebdc8;font-size:12.5px;}.proposal-nav .btn{min-height:36px;color:#fff;background:transparent;border-color:#657783;text-decoration:none;}.proposal-nav .btn.primary{background:#cb272e;border-color:#cb272e;}
.reviewhero{display:grid;grid-template-columns:1.25fr 1fr;gap:38px;align-items:center;margin:0 -58px;padding:52px 58px 40px;background:linear-gradient(130deg,#f8fafb,#eef3f6);border-bottom:1px solid #dbe1e6;}.reviewhero h1{font-size:34px;line-height:1.12;letter-spacing:-.035em;margin:4px 0 10px;color:#14202b;}.reviewhero p{max-width:550px;margin:0;color:#5d6c77;}.reviewamounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px;}.reviewamounts > div{padding:18px;background:#fff;border:1px solid #d7dfe4;border-radius:11px;box-shadow:0 7px 22px rgba(20,32,43,.05);}.reviewamounts span,.reviewamounts small{display:block;color:#687782;}.reviewamounts span{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;}.reviewamounts strong{display:block;color:#14202b;font:600 24px var(--mono);letter-spacing:-.04em;margin:5px 0 2px;}.reviewamounts small{font-size:11px;}
.reviewsteps{display:flex;justify-content:center;gap:0;margin:0 -58px 34px;padding:14px 20px;border-bottom:1px solid #dbe1e6;color:#65747f;font-size:12.5px;}.reviewsteps span{display:flex;align-items:center;gap:7px}.reviewsteps span+span:before{content:"";display:block;width:70px;height:1px;background:#ccd5db;margin:0 14px;}.reviewsteps b{display:grid;place-items:center;width:22px;height:22px;border:1px solid #aebbc4;border-radius:50%;font:600 10px var(--mono);}.reviewsteps .done b{background:#e7f4ec;border-color:#278852;color:#1f7a45;}
.proposal-head{padding-top:6px;}.proposal-section{margin:30px 0;}.proposal-table th{padding:10px 12px;}.proposal-table td{padding:12px;}.proposal-totals{border-radius:9px;padding:13px 16px;}.proposal-copy{padding:3px 0;}.proposal-copy p{line-height:1.65;}
.approval{margin:36px -58px 0;padding:40px 58px;border-top-width:0;background:linear-gradient(120deg,#14202b,#20394a);}.approval .eyebrow{color:#f58b91;}.approval h2{font-size:25px;letter-spacing:-.02em;margin:2px 0 7px;}.acceptcheck{padding:13px;border:1px solid rgba(255,255,255,.17);border-radius:9px;background:rgba(255,255,255,.05);}.acceptcheck input{min-height:0;width:18px;height:18px;}.approvalassurance{display:flex;gap:9px;align-items:flex-start;color:#afc0cb;font-size:12.5px;margin:9px 0 15px;}.approvalassurance > span:first-child{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:#254b3a;color:#8bd7a9;}.approvebtn{min-width:190px;min-height:46px;}.approvenote{display:inline;margin-left:11px;font-size:11.5px!important;color:#96a9b5!important;}.approval.approved{display:flex;align-items:center;gap:19px;background:linear-gradient(120deg,#143323,#1d4b34);}.approvalmark{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:50%;background:#e5f5eb;color:#1f7a45;font-size:27px;font-weight:700;}.approval.approved h2{margin:2px 0 6px}.approvalref{font:12.5px var(--mono);padding:9px 12px;border:1px solid rgba(255,255,255,.17);border-radius:7px;display:inline-block;}.proposal-footer{padding:20px 0;}

@media (max-width:1000px){
  .bar{padding-left:14px;padding-right:14px;}.brandcopy > span{display:none;}.actions{gap:1px}.bar .btn{font-size:12.5px;padding:7px}.userchip{display:none;}
  .readiness{align-items:flex-start}.readysteps{gap:10px}.readystep{min-width:105px;}
}
@media (max-width:780px){
  .bar{flex-wrap:nowrap;}.navtoggle{display:flex;margin-left:auto;}.actions{display:none;position:absolute;left:0;right:0;top:100%;padding:9px 12px 14px;background:var(--chrome);border-bottom:2px solid var(--brand);box-shadow:0 12px 24px rgba(0,0,0,.2);grid-template-columns:1fr 1fr;}.actions.open{display:grid}.bar .actions .btn{font-size:14px;text-align:left;padding:10px}.bar .actions .newquote{grid-column:1/-1;text-align:center;margin:5px 0 0}.userchip{display:block;grid-column:1/-1;border-left:0;border-top:1px solid rgba(255,255,255,.12);padding:11px 5px 3px;}
  main,main.wide{padding:20px 14px 130px;}.welcome{padding:24px;}.welcome h1{font-size:25px}.welcome p{font-size:13px}.tiles{gap:10px}.tile{padding:15px}.tile .big{font-size:21px}
  .quotehead{align-items:flex-start;}.quoteactions{flex-wrap:wrap}.readiness{display:block}.readyintro{margin-bottom:13px}.readysteps{justify-content:space-between}.readystep{min-width:0;flex:1}.readystep small{max-width:110px}.rowact .iconbtn{width:36px;height:34px}.actionmenu{position:static}.menupanel{right:14px;top:auto;margin-top:7px}
  .proposal{margin:0;padding:0 22px;border:0;border-radius:0;box-shadow:none;}.proposal-nav{margin:0 -22px;border-radius:0;padding:10px 14px}.proposal-nav span{display:none}.reviewhero{grid-template-columns:1fr;margin:0 -22px;padding:35px 22px 30px;gap:24px}.reviewhero h1{font-size:29px}.reviewsteps{margin:0 -22px 28px}.reviewsteps span+span:before{width:24px;margin:0 8px}.approval{margin:32px -22px 0;padding:32px 22px}.approval.approved{align-items:flex-start}.proposal-footer{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
}
@media (max-width:600px){
  .welcome{display:block}.herocta{width:100%;margin-top:20px}.pagehead:not(.compact){align-items:flex-start}.pagehead .toolbar{width:100%}.pagehead .toolbar input,.pagehead .toolbar select{flex:1;min-width:130px}.pagehead .toolbar .primary{width:100%}.tiles{grid-template-columns:1fr 1fr}.cols2{gap:0}.card{padding:17px 16px}.quotehead{display:block}.quoteactions{justify-content:flex-start;margin-top:15px}.quoteactions > .btn{flex:1}.quoteactions .actionmenu{flex:none}.readysteps{display:grid;grid-template-columns:1fr}.readystep small{max-width:none}.metagrid{gap:0}.quicksteps{grid-template-columns:1fr}.quicksteps span{display:flex;align-items:center}.additems > summary{padding:15px}.additemsbody{padding:15px}.summaryhint{display:none}
  .proposal-nav > div:last-child{gap:6px}.proposal-nav .btn{font-size:12px;padding:7px 8px}.reviewamounts{grid-template-columns:1fr 1fr}.reviewamounts strong{font-size:20px}.reviewsteps{justify-content:space-between;padding:12px 10px}.reviewsteps span{font-size:10.5px;gap:4px}.reviewsteps span+span:before{display:none}.reviewsteps b{width:20px;height:20px}.proposal-head{display:block}.proposal-meta{margin-top:24px}.proposal-tablewrap{overflow:visible}.proposal-table{min-width:0}.proposal-table thead{display:none}.proposal-table,.proposal-table tbody,.proposal-table tr,.proposal-table td{display:block;width:100%}.proposal-table tbody{display:grid;gap:10px}.proposal-table tbody tr{padding:12px;border:1px solid #dbe1e6;border-radius:9px;background:#fff!important}.proposal-table tbody td{display:flex;justify-content:space-between;gap:18px;padding:5px 0;border:0;text-align:right!important;white-space:normal!important}.proposal-table tbody td:first-child{display:block;text-align:left!important;padding-bottom:9px;margin-bottom:4px;border-bottom:1px solid #e5eaed}.proposal-table tbody td:not(:first-child):before{content:attr(data-label);color:#65747f;text-align:left}.proposal-table tfoot{display:table;width:100%;margin-top:8px}.proposal-table tfoot tr{display:table-row}.proposal-table tfoot td{display:table-cell;width:auto;padding:7px;text-align:right!important}.proposal-table tfoot td:first-child{text-align:left!important}.approval-grid{grid-template-columns:1fr;gap:0}.approvenote{display:block;margin:8px 0 0}.approval.approved{display:block}.approvalmark{margin-bottom:14px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skeleton{animation:none}.btn{transition:none}}