/* Styles for views-roles.js. Shared tokens and components live in style.css; do not redefine them here.
   Everything below is scoped to vr-* classes owned by views-roles.js. */

/* ---------- Shared bits ---------- */
.vr-main{min-width:0}
.vr-head-copy{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.vr-head-copy h1{margin:0}
.vr-status{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;font-weight:500;white-space:nowrap}
.vr-status.good{color:var(--success)}
.vr-status.warn{color:var(--warning-ink)}
.vr-status.legal{padding:3px 10px;border-radius:var(--radius-pill);background:var(--charcoal);color:var(--white)}
.vr-status.vr-chip{padding:3px 10px;border:1px solid var(--line-soft);border-radius:var(--radius-pill);background:var(--mist)}
.vr-status.vr-chip.good{background:var(--success-soft);border-color:#C8DFD2}
.vr-icon-btn{min-width:34px;padding:6px 8px}
.vr-icon-btn .icon{margin:0}
.vr-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.vr-panel-head h2,.vr-panel-head .panel-title{margin:0}
.vr-right{text-align:right}
.vr-name-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vr-name-line strong{margin:0}
.vr-kicker{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;font-size:13px;font-weight:600}
.vr-kicker.good{color:var(--success)}
.vr-kicker.warn{color:var(--warning-ink)}
.vr-segments{margin:8px 0 18px}
.vr-segments>span{height:6px}
.vr-plain-list{list-style:none;margin:0;padding:0}
.vr-plain-list li{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line-soft);font-size:14px}
.vr-plain-list li:last-child{border-bottom:0}
.vr-plain-list li>.icon{margin-top:3px;color:var(--muted)}
.vr-plain-list small{display:block;margin-top:2px}
.vr-numbered{list-style:none;counter-reset:vr;margin:0;padding:0}
.vr-numbered li{counter-increment:vr;position:relative;padding:0 0 14px 36px;font-size:14px;line-height:1.55;color:var(--muted)}
.vr-numbered li:last-child{padding-bottom:0}
.vr-numbered li::before{content:counter(vr);position:absolute;left:0;top:0;width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--ink);font-size:12px;font-weight:600}
.vr-numbered strong{color:var(--ink);font-weight:500}
.vr-person{display:flex;align-items:center;gap:12px;min-width:0}
.vr-person strong{display:block;font-weight:500}
.vr-person small{display:block;overflow-wrap:anywhere}
.vr-person-lg{padding:4px 0 16px}
.vr-person-lg .avatar{width:48px;height:48px;font-size:15px}
.vr-person-email{margin-left:auto;color:var(--muted);font-size:14px;overflow-wrap:anywhere}

/* Documents with Read + download */
.vr-doc{display:flex;align-items:center;gap:14px;margin-top:12px;padding:14px 16px;border:1px solid var(--line-soft);border-radius:var(--radius-card);background:var(--white)}
.vr-doc-icon{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--radius-small);background:var(--peach);color:var(--rust-dark);font-size:10px;font-weight:700;letter-spacing:.04em}
.vr-doc-main{min-width:0;flex:1}
.vr-doc-main strong{display:block;font-weight:500;overflow-wrap:anywhere}
.vr-doc-main small{display:block}
.vr-doc-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.vr-locked{display:flex;align-items:center;gap:14px;margin-top:12px;padding:14px 16px;border:1px dashed var(--line);border-radius:var(--radius-card);color:var(--muted)}
.vr-locked strong{display:block;color:var(--ink);font-weight:500}
.vr-locked small{display:block}

/* Filter chips and tabs */
.vr-tabs{display:inline-flex;gap:2px;padding:4px;border:1px solid var(--line-soft);border-radius:var(--radius-control);background:var(--surface-soft)}
.vr-tabs button{padding:6px 14px;border:1px solid transparent;border-radius:var(--radius-small);background:none;color:var(--muted);font-size:13px;white-space:nowrap}
.vr-tabs button.active{border-color:var(--line-soft);background:var(--white);color:var(--ink);font-weight:500;box-shadow:var(--shadow-soft)}
.vr-chips{display:flex;flex-wrap:wrap;gap:8px}
.vr-chips button{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--white);color:var(--ink);font-size:13px;white-space:nowrap}
.vr-chips button span{color:var(--muted)}
.vr-chips button.active{border-color:var(--charcoal);background:var(--charcoal);color:var(--white)}
.vr-chips button.active span{color:rgba(255,255,255,.75)}

/* ---------- SAFE matters (02) ---------- */
.vr-needs{border:2px solid var(--rust);padding:0;overflow:hidden}
.vr-needs.is-clear{border:1px solid var(--line-soft)}
.vr-needs-head{padding:22px 24px 18px}
.vr-needs-head h2{margin:0}
.vr-needs.is-clear .action-kicker{color:var(--muted)}
.vr-needs-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-soft)}
.vr-needs-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid var(--line-soft)}
.vr-needs-list li:last-child{border-bottom:0}
.vr-needs-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-small);background:var(--peach);color:var(--rust)}
.vr-needs-main strong{display:block;font-weight:500}
.vr-needs-main small{display:block}
.vr-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:24px}
.vr-count{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--line-soft);border-radius:var(--radius-card);background:var(--white)}
.vr-count-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line-soft);border-radius:var(--radius-small);background:var(--mist);color:var(--muted)}
.vr-count-icon.rust{background:var(--peach);border-color:var(--sand);color:var(--rust)}
.vr-count-icon.good{background:var(--success-soft);border-color:#C8DFD2;color:var(--success)}
.vr-count small{display:block}
.vr-count strong{font-family:var(--font-head);font-size:28px;font-weight:600;letter-spacing:-.03em;line-height:1.1}
.vr-table-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 24px}
.vr-table-head h2{margin:0}
.vr-table-head .muted{font-weight:500}
.vr-matter-table .table-wrap,.vr-directory .table-wrap{position:relative}
.vr-matters td{vertical-align:middle}
.vr-matters td>small.vr-stage-n{margin-top:6px}
.vr-ceiling{min-width:170px}
.vr-ceiling>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:14px}
.vr-last{display:block}
.vr-matters tr.clickable td:last-child{width:48px}

/* New matter modal (popover) */
.vr-modal{width:min(600px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:0;border:0;border-radius:var(--radius-card);background:var(--white);color:var(--ink);box-shadow:var(--shadow-pop);overflow:auto}
.vr-modal::backdrop{background:rgba(37,35,34,.45)}
.vr-modal:not(:popover-open){display:none}
.vr-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 28px;border-bottom:1px solid var(--line-soft)}
.vr-modal-head h2{margin:0}
.vr-modal-body{padding:24px 28px}
.vr-modal-body>label.field{margin-bottom:8px}
.vr-or{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.vr-or::before,.vr-or::after{content:"";flex:1;height:1px;background:var(--line-soft)}
.vr-scope-field{margin-top:18px}
.vr-scope-field input{max-width:180px}
.vr-modal-foot{display:flex;justify-content:flex-end;gap:12px;padding:18px 28px;border-top:1px solid var(--line-soft);background:var(--surface-soft)}

/* ---------- Board and signing (10, 25) ---------- */
.vr-step-mark{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--muted);font-size:13px;font-weight:600}
.done>.vr-step-mark,.vr-step-mark.done{border-color:var(--success);background:var(--success);color:var(--white)}
.vr-step-mark.current{border-color:var(--rust);background:var(--rust);color:var(--white);box-shadow:0 0 0 4px var(--peach)}
.vr-step-detail.current{border-color:var(--rust);box-shadow:0 0 0 1px var(--rust)}
.current>.vr-step-mark{border-color:var(--rust);background:var(--rust);color:var(--white);box-shadow:0 0 0 4px var(--peach)}
.vr-exec{padding:0;overflow:hidden}
.vr-num{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--muted);font-weight:600}
.vr-num.current{border-color:var(--rust);background:var(--rust);color:var(--white)}
.vr-num.done{border-color:var(--success);background:var(--success);color:var(--white)}
.vr-exec>.vr-sig-head,.vr-exec>.vr-segments,.vr-exec>.vr-director-cards{margin-left:24px;margin-right:24px}
.vr-exec>.vr-director-cards{margin-bottom:24px}
.vr-exec>.vr-sig-head{margin-top:4px}
.vr-sig-head{display:flex;justify-content:space-between;gap:12px;margin-top:20px;font-size:14px}
.vr-sig-head span{color:var(--muted)}
.vr-sig-head b{color:var(--ink)}
.vr-director-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.vr-director-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border:1px solid var(--line-soft);border-radius:var(--radius-card)}
.vr-director-card.pending{border:2px solid #EBC9B3;background:#FFFBF8;padding:15px}
.vr-director-card .vr-person{margin-bottom:6px}
.vr-director-card .btn{margin-top:4px}
.vr-embedded-signing{padding:16px 24px 4px;overflow-x:auto}
.vr-embedded-signing .signing-panel{margin:0 0 16px;padding:0;border:0;background:none}
.vr-embedded-signing.has-cards .signing-body{display:none}
.vr-embedded-signing .signing-head h2{font-size:17px}
.vr-step-detail{padding:0;overflow:hidden;margin-bottom:16px}
.vr-step-detail>summary{display:flex;align-items:center;gap:14px;padding:18px 24px;list-style:none}
.vr-step-detail>summary::-webkit-details-marker{display:none}
.vr-step-detail>summary>strong{font-family:var(--font-head);font-size:18px;font-weight:600;letter-spacing:-.03em;white-space:nowrap}
.vr-step-meta{flex:1;min-width:0;color:var(--muted);font-size:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vr-caret{color:var(--muted);transform:rotate(90deg);transition:transform .15s}
.vr-step-detail[open]>summary .vr-caret,.vr-ob[open]>summary .vr-caret{transform:rotate(-90deg)}
.vr-step-body{padding:0 24px 20px}
.vr-mini-activity{list-style:none;margin:0;padding:0}
.vr-mini-activity li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:14px}
.vr-mini-activity small{white-space:nowrap}
/* founder */
.vr-approving{background:var(--peach);border-color:var(--sand)}
.vr-approving h2{margin-bottom:18px}
.vr-approving .eyebrow{margin-bottom:6px}
.vr-approving-title{font-size:26px;max-width:520px}
.vr-approve-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.vr-approve-tiles>div{padding:16px;border:1px solid var(--line-soft);border-radius:var(--radius-card);background:var(--white)}
.vr-approve-tiles small,.vr-approve-tiles span{display:block}
.vr-approve-tiles strong{display:block;margin:6px 0 4px;font-family:var(--font-head);font-size:26px;font-weight:600;letter-spacing:-.03em;line-height:1.1}
.vr-approve-tiles strong.vr-tile-text{font-size:18px;line-height:1.6}
.vr-approve-tiles span{font-size:12px;color:var(--muted)}
.vr-checks{list-style:none;margin:18px 0 0;padding:0}
.vr-checks li{display:flex;gap:10px;padding:5px 0;font-size:15px}
.vr-checks .icon{margin-top:3px;color:var(--rust)}
.vr-dir-sigs-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;border-bottom:1px solid var(--line-soft)}
.vr-dir-sigs-head h2{margin:0 0 2px}
.vr-dir-count{width:200px}
.vr-dir-count>span{display:flex;justify-content:space-between;font-size:13px}
.vr-dir-count .vr-segments{margin:8px 0 0}
.vr-dir-rows{list-style:none;margin:0;padding:0}
.vr-dir-rows li{display:flex;align-items:center;gap:14px;padding:14px 24px;border-bottom:1px solid var(--line-soft)}
.vr-dir-rows li:last-child{border-bottom:0}
.vr-dir-rows li.pending{background:#FFFBF8}
.vr-dir-rows .vr-dir-main{flex:1;min-width:0}
.vr-dir-rows strong{display:block;font-weight:500}
.vr-dir-rows small{display:block;overflow-wrap:anywhere}
.vr-dir-rows.compact li{padding:12px 0}
.vr-dir-note{display:flex;gap:10px;margin:0;padding:14px 24px;border-top:1px solid var(--line-soft);background:var(--surface-soft);font-size:14px;color:var(--muted)}
.vr-dir-note .icon{margin-top:3px}
.vr-status-card h3{margin-bottom:6px}
.vr-status-card .btn{margin-top:12px}
.vr-ask-card{background:var(--peach);border-color:var(--sand)}
.vr-ask-card p{margin-bottom:8px}
.vr-signed-files{margin-top:4px}

/* ---------- Release and access (12) ---------- */
.vr-approval h2{margin-bottom:12px}
.vr-missing{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:0 0 18px;padding:0}
.vr-missing li{display:flex;gap:8px;font-size:14px}
.vr-missing .icon{margin-top:3px;color:var(--warning)}
.vr-ready{display:flex;align-items:center;gap:8px;color:var(--success)}
.vr-directory td,.vr-queue li{font-size:14px}
.vr-directory td small{margin-top:2px}
.vr-directory td>.vr-status+small{display:block;margin-top:2px}
.vr-preview-link{color:var(--rust-dark)}
.vr-queue-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-soft)}
.vr-queue-list li{display:grid;grid-template-columns:minmax(0,1.3fr) auto minmax(0,1.4fr) auto;align-items:center;gap:18px;padding:16px 24px;border-bottom:1px solid var(--line-soft)}
.vr-queue-list li:last-child{border-bottom:0}
.vr-queue-name .tag{margin-top:6px}
.vr-queue-name small{display:block;margin-top:2px}
.vr-queue-amount{font-weight:500}
.vr-queue-list .vr-status{white-space:normal}
.vr-ceiling-note{font-size:14px}
.vr-kv-left dd{text-align:left}
.vr-stack{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.vr-stack .btn{width:100%}

/* ---------- Compliance (13) ---------- */
.vr-ob-strip{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding:18px 24px}
.vr-ob-total{padding-right:28px;border-right:1px solid var(--line-soft)}
.vr-ob-total small{display:block}
.vr-ob-total strong{font-family:var(--font-head);font-size:24px;font-weight:600}
.vr-ob-strip ul{list-style:none;display:flex;flex-wrap:wrap;gap:22px;margin:0;padding:0;font-size:14px;color:var(--muted)}
.vr-ob-strip li{display:flex;align-items:center;gap:6px}
.vr-ob-strip li b{color:var(--ink)}
.vr-ob-strip li.good .icon{color:var(--success)}
.vr-ob-strip li.warn .icon{color:var(--warning)}
.vr-next-due{display:flex;align-items:center;gap:8px;margin-left:auto;padding:10px 16px;border:1px solid var(--sand);border-radius:var(--radius-control);background:var(--peach);font-size:14px}
.vr-next-due .icon{color:var(--rust)}
.vr-ob-strip+.vr-chips{margin-bottom:20px}
.vr-ob-cols,.vr-ob>summary{display:grid;grid-template-columns:20px minmax(0,1fr) 160px 150px 110px;align-items:center;gap:16px}
.vr-ob-cols{padding:0 24px 10px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.vr-ob-cols span:first-child{grid-column:2}
.vr-ob-cols span:last-child{text-align:right}
.vr-ob{padding:0;margin-bottom:12px;overflow:hidden}
.vr-ob>summary{padding:18px 24px;list-style:none;font-weight:400}
.vr-ob>summary::-webkit-details-marker{display:none}
.vr-ob-title strong{display:block;font-weight:500}
.vr-ob-scope{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.vr-ob-scope .tag{padding:1px 8px;font-size:11px}
.vr-ob-owner{display:flex;align-items:center;gap:8px;font-size:14px}
.vr-ob-due{text-align:right;font-size:14px;color:var(--muted)}
.vr-ob-form{padding:4px 24px 20px;border-top:1px solid var(--line-soft)}
.vr-ob-form .grid{margin-top:18px}
.vr-add-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 18px}
.vr-span2{grid-column:span 2}
.vr-span3{grid-column:1/-1}
.vr-dates{list-style:none;margin:0;padding:0}
.vr-dates li{display:flex;align-items:center;gap:14px;padding:8px 0;font-size:14px}
.vr-date-chip{width:44px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:6px 0;border:1px solid var(--line-soft);border-radius:var(--radius-small);background:var(--mist);font-size:11px;color:var(--muted);text-transform:uppercase}
.vr-date-chip b{color:var(--ink);font-size:14px}

/* ---------- Activity (14) ---------- */
.vr-actor-bar{display:flex;align-items:center;gap:16px;padding:16px 24px}
.vr-actor-bar>.muted{font-size:14px}

.vr-day{margin-bottom:20px}
.vr-day-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;border-bottom:1px solid var(--line-soft);background:var(--surface-soft)}
.vr-day-head h2{margin:0;font-size:16px}
.vr-timeline{list-style:none;margin:0;padding:0}
.vr-timeline li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:flex-start;padding:16px 24px;border-bottom:1px solid var(--line-soft)}
.vr-timeline li:last-child{border-bottom:0}
.vr-tl-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--mist);color:var(--muted)}
.vr-tl-icon.parallax{background:var(--charcoal);color:var(--white)}
.vr-tl-icon.company{background:var(--sand);color:var(--ink)}
.vr-tl-icon.investors,.vr-tl-icon.directors{background:var(--peach);color:var(--rust-dark)}
.vr-tl-main strong{display:block;font-weight:500;line-height:1.45}
.vr-tl-main strong .muted{font-weight:400}
.vr-tl-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}
.vr-tl-meta .tag{padding:1px 8px;font-size:11px}
.vr-timeline time{color:var(--muted);font-size:13px;white-space:nowrap}
.vr-end{text-align:center;font-size:13px}

/* ---------- Investor intake (30–34) ---------- */
.vr-intake{display:grid;grid-template-columns:232px minmax(0,720px);gap:48px;align-items:start}
.vr-intake-rail{position:sticky;top:calc(var(--client-topbar-height) + 24px)}
.vr-rail-caption{margin:0 0 10px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.vr-rail-progress{height:5px;margin-bottom:16px;border-radius:var(--radius-pill);background:var(--line-soft);overflow:hidden}
.vr-rail-progress span{display:block;height:100%;background:var(--rust);border-radius:inherit}
.vr-steps{list-style:none;margin:0 0 24px;padding:0}
.vr-steps button{width:100%;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid transparent;border-radius:var(--radius-control);background:none;text-align:left}
.vr-steps button:hover{background:rgba(255,255,255,.6)}
.vr-steps li.current button{border-color:var(--line-soft);background:var(--white);box-shadow:var(--shadow-soft)}
.vr-steps strong{font-weight:400;font-size:15px}
.vr-steps li.current strong{font-weight:600}
.vr-steps small{font-size:12px}
.vr-steps li.done small{color:var(--success)}
.vr-steps li.current small{color:var(--rust)}
.vr-step-num{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--white);font-size:12px;font-weight:600;color:var(--muted)}
.vr-steps li.done .vr-step-num{border-color:#C8DFD2;background:var(--success-soft);color:var(--success)}
.vr-steps li.current .vr-step-num{border-color:var(--rust);background:var(--rust);color:var(--white)}
.vr-invest-card{padding:16px;border:1px solid var(--line-soft);border-radius:var(--radius-card);background:var(--white);font-size:14px}
.vr-invest-card>small,.vr-invest-card>strong,.vr-invest-card>span{display:block}
.vr-invest-card>strong{margin-top:2px;font-weight:600}
.vr-invest-card>span{color:var(--muted)}
.vr-invest-card dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line-soft)}
.vr-invest-card dt{color:var(--muted)}
.vr-invest-card dd{margin:0;text-align:right;font-weight:500;overflow-wrap:anywhere}
.vr-intake-form>h1{font-size:40px;margin:0 0 12px}
.vr-lead{font-size:17px;color:var(--muted);margin:0 0 28px;max-width:700px}
.vr-intake-form>h1+.vr-card,.vr-intake-form>h1+section{margin-top:28px}
.vr-card{padding:28px}
.vr-card h2{font-size:20px}
.vr-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.vr-card-head h2{margin:0}
.vr-complete{display:inline-flex;align-items:center;gap:6px;color:var(--success);font-size:13px;font-weight:500}
.vr-stack-fields{display:flex;flex-direction:column;gap:18px}
.vr-stack-fields+.vr-stack-fields{margin-top:18px}
.vr-grid-3{grid-template-columns:140px minmax(0,1fr) minmax(0,1fr)}
.vr-big-amount{display:flex;align-items:baseline;gap:10px;margin-bottom:20px}
.vr-big-amount .money{font-family:var(--font-head);font-size:48px;font-weight:600;letter-spacing:-.04em;line-height:1}
.vr-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));border:1px solid var(--line-soft);border-radius:var(--radius-control);overflow:hidden}
.vr-facts>div{padding:12px 16px;border-right:1px solid var(--line-soft)}
.vr-facts>div:last-child{border-right:0}
.vr-facts small{display:block;font-size:12px}
.vr-facts strong{font-weight:500}
.vr-card .grid+.vr-facts{margin-top:20px}
.vr-amount-choice{display:flex;flex-direction:column;gap:12px}
.vr-choice{margin:0;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--white)}
.vr-choice>summary{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;list-style:none;font-weight:400}
.vr-choice>summary::-webkit-details-marker{display:none}
.vr-choice>summary strong{display:block;font-weight:500}
.vr-choice>summary small{display:block;margin-top:2px}
.vr-choice[open]{border:2px solid var(--rust);background:var(--peach)}
.vr-choice[open]>summary{padding:15px 17px}
.vr-choice[open]>summary strong{color:var(--rust-dark);font-weight:600}
.vr-radio{width:18px;height:18px;flex-shrink:0;margin-top:2px;border:1.5px solid var(--line);border-radius:50%;background:var(--white)}
.vr-choice[open] .vr-radio{border:5px solid var(--rust)}
.vr-amount-choice:not(:has(details[open])) .vr-choice:first-child{border:2px solid var(--rust);background:var(--peach)}
.vr-choice-body{padding:0 18px 18px 48px}
.vr-choice-body .field input{max-width:240px;background:var(--white)}
.vr-toggle{display:flex;align-items:center;gap:16px;margin-bottom:18px;padding:14px 16px;border:1px solid var(--line-soft);border-radius:var(--radius-control);cursor:pointer}
.vr-toggle>span:first-child{flex:1;min-width:0}
.vr-toggle strong{display:block;font-weight:500}
.vr-toggle small{display:block}
.vr-toggle input{position:absolute;opacity:0;width:1px;height:1px}
.vr-switch{position:relative;width:44px;height:24px;flex-shrink:0;border-radius:var(--radius-pill);background:var(--line)}
.vr-switch::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--white);transition:transform .15s}
.vr-toggle input:checked+.vr-switch,.vr-custom-sig[open] .vr-switch{background:var(--rust)}
.vr-toggle input:checked+.vr-switch::after,.vr-custom-sig[open] .vr-switch::after{transform:translateX(20px)}
.vr-toggle:has(input:focus-visible){outline:2px solid var(--rust);outline-offset:2px}
.vr-sig-stage{padding:24px;border:1px solid var(--line-soft);border-radius:var(--radius-control);background:var(--mist)}
.vr-sig-card{max-width:400px;margin:0 auto;padding:24px 28px;border:1px solid var(--line-soft);border-radius:var(--radius-small);background:var(--white);font-size:14px}
.vr-sig-card small{display:block;font-size:12px;letter-spacing:.04em}
.vr-sig-card strong{display:block;margin:6px 0 16px;font-weight:600;letter-spacing:.02em}
.vr-sig-line{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px;padding:5px 0}
.vr-sig-line span:first-child{color:var(--muted)}
.vr-sig-rule{border-bottom:1px solid var(--ink);height:18px}
.vr-custom-sig{margin:16px 0 0;border:1px solid var(--line-soft);border-radius:var(--radius-control)}
.vr-custom-sig>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;list-style:none;font-weight:400}
.vr-custom-sig>summary::-webkit-details-marker{display:none}
.vr-custom-sig>summary strong{font-weight:500}
.vr-custom-sig>.field{padding:0 16px 16px}
.vr-custom-sig textarea{min-height:150px;font-family:ui-monospace,Consolas,monospace;font-size:13px}
.vr-review-sec{padding:22px 28px;border-bottom:1px solid var(--line-soft)}
.vr-review-sec:last-child{border-bottom:0}
.vr-review-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.vr-review-head h3,.vr-review-sec>h3{margin:0}
.vr-review-sec>h3{margin-bottom:14px}
.vr-review-sec dl,.vr-dl{display:grid;grid-template-columns:200px minmax(0,1fr);gap:8px 16px;font-size:15px}
.vr-review-sec dt,.vr-dl dt{color:var(--muted)}
.vr-review-sec dd,.vr-dl dd{margin:0;overflow-wrap:anywhere}
.vr-edit{gap:4px;text-decoration:none}
.vr-review-you{background:var(--surface-soft)}
.vr-review-you .grid{margin-bottom:14px}
.vr-wire-field{max-width:260px}
.vr-submit-note{margin:0;font-size:15px}
.vr-after{margin:8px 0 0}
.vr-after h2{font-size:19px;margin-bottom:16px}
/* The bar spans the form column and the page's right edge only, so it never covers the step rail and its “Investing in” card. */
.vr-intake-foot{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:16px;margin-top:40px;padding:14px 0;background:var(--white);box-shadow:0 0 0 100vmax var(--white);clip-path:inset(0 -100vmax 0 -24px);border-top:1px solid var(--line-soft)}
.vr-intake-foot::before{content:"";position:absolute;top:-1px;left:-24px;right:-100vmax;height:1px;background:var(--line-soft)}
.vr-intake-form .field.invalid input,.vr-intake-form .field.invalid select,.vr-intake-form .field.invalid textarea{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}
.vr-intake-form .field.invalid label::after{content:" · required";color:var(--danger);font-weight:500}
.vr-steps button:disabled{cursor:not-allowed;opacity:.55}
.vr-intake-foot .actions{margin-left:auto}
.vr-next{color:var(--muted);font-size:14px}
.vr-next strong{color:var(--ink);font-weight:500}

/* ---------- Investor status (35) and correction (36) ---------- */
.vr-status-head{margin-bottom:28px}
.vr-status-head h1{font-size:40px;margin:14px 0 10px}
.vr-status-head p{max-width:680px;color:var(--muted);font-size:17px;margin:0}
.vr-track ol{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0}
.vr-track li{position:relative;padding-right:16px;font-size:13px}
.vr-track li:not(:last-child)::after{content:"";position:absolute;top:14px;left:40px;right:12px;height:1px;background:var(--line-soft)}
.vr-track-icon{position:relative;z-index:1;width:28px;height:28px;display:grid;place-items:center;margin-bottom:12px;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--muted)}
.vr-track li.done .vr-track-icon{border-color:#C8DFD2;background:var(--success-soft);color:var(--success)}
.vr-track li.current .vr-track-icon{border-color:var(--rust);background:var(--rust);color:var(--white)}
.vr-track strong{display:block;font-size:15px;font-weight:500}
.vr-track small{display:block;font-size:13px}
.vr-track .vr-track-state{margin:2px 0 4px}
.vr-track li.done .vr-track-state{color:var(--success)}
.vr-track li.current .vr-track-state{color:var(--rust)}
.vr-empty-dashed{display:flex;flex-direction:column;align-items:center;gap:6px;padding:32px 24px;border:1px dashed var(--line);border-radius:var(--radius-card);text-align:center;color:var(--muted);font-size:14px}
.vr-empty-dashed .icon{width:40px;height:40px;padding:9px;border:1px solid var(--line-soft);border-radius:50%;background:var(--white)}
.vr-empty-dashed strong{color:var(--ink);font-weight:500;font-size:15px}
.vr-docs-panel .vr-doc:first-of-type{margin-top:0}
.vr-foot-note{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--line-soft);font-size:14px;color:var(--muted)}
.vr-foot-note strong{color:var(--ink)}
.vr-invest-summary>small,.vr-invest-summary>span{display:block}
.vr-invest-summary>strong{display:block;margin:4px 0 2px;font-family:var(--font-head);font-size:30px;font-weight:600;letter-spacing:-.03em}
.vr-invest-summary>strong .muted{font-family:var(--font-body);font-size:15px;font-weight:400;letter-spacing:0}
.vr-invest-summary>span{color:var(--muted);font-size:14px;margin-bottom:10px}
.vr-wire .panel-title{display:flex;align-items:center;gap:10px}
.vr-wire-alert{display:flex;gap:10px;padding:14px;border:1px solid var(--sand);border-radius:var(--radius-control);background:var(--peach);font-size:14px}
.vr-wire-alert .icon{margin-top:3px;color:var(--rust)}
.vr-correction-banner{display:flex;gap:18px;padding:28px;background:var(--peach);border-color:var(--sand)}
.vr-correction-banner h1{font-size:30px;margin:0 0 10px}
.vr-correction-banner p{max-width:720px}
.vr-banner-icon{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--sand);border-radius:50%;background:var(--white);color:var(--warning)}
.vr-ok{display:flex;align-items:center;gap:8px;margin:0}
.vr-ok .icon{color:var(--success)}
.vr-change{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px}
.vr-change>div{padding:18px 20px;border-radius:var(--radius-card)}
.vr-change small,.vr-change-old span{display:block}
.vr-change-old{border:1px solid var(--line-soft);background:var(--mist)}
.vr-change-old s{display:block;margin:6px 0;font-family:var(--font-head);font-size:28px;font-weight:600;color:var(--muted)}
.vr-change-old span{font-size:13px;color:var(--muted)}
.vr-change-new{border:2px solid var(--rust)}
.vr-change-new small{color:var(--rust-dark)}
.vr-change-new strong{display:block;margin:6px 0;font-family:var(--font-head);font-size:28px;font-weight:600}
.vr-change>.icon{color:var(--muted)}

/* Vertical step list (status, signatory, correction) */
.vr-steps-v{list-style:none;margin:0;padding:0}
.vr-steps-v li{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:16px;padding-bottom:22px}
.vr-steps-v li:last-child{padding-bottom:0}
.vr-steps-v li:not(:last-child)::before{content:"";position:absolute;left:13px;top:30px;bottom:2px;width:1px;background:var(--line-soft)}
.vr-steps-v li>span:first-child{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--muted)}
.vr-steps-v li.done>span:first-child{border-color:var(--success);background:var(--success);color:var(--white)}
.vr-steps-v li.current>span:first-child{border-color:var(--rust);background:var(--rust);color:var(--white)}
.vr-steps-v strong{display:block;font-weight:500}
.vr-steps-v li.current strong{color:var(--rust)}
.vr-steps-v small{display:block}
.vr-steps-v li.done small:first-of-type{color:var(--muted)}
.vr-step-state{font-size:13px;color:var(--muted);white-space:nowrap}
.vr-steps-v li.done .vr-step-state{color:var(--success)}
.vr-steps-v li.current .vr-step-state{color:var(--warning-ink)}

/* ---------- Signatory (40, 41) and director (42) ---------- */
.vr-sign-card{display:flex;gap:18px}
.vr-sign-card>div{min-width:0;flex:1}
.vr-sign-card h2{font-size:24px;margin-bottom:8px}
.vr-sign-card p{color:var(--muted)}
.vr-sign-card.is-waiting{border:1px solid var(--line-soft)}
.vr-sign-icon{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--sand);border-radius:50%;background:var(--peach);color:var(--rust)}
.vr-sign-card.is-waiting .vr-sign-icon{background:var(--mist);border-color:var(--line-soft);color:var(--muted)}
.vr-mail-preview{display:flex;align-items:center;gap:12px;margin:4px 0 16px;padding:14px 16px;border:1px solid var(--line-soft);border-radius:var(--radius-control);background:var(--mist);font-size:14px}
.vr-mail-preview>div{flex:1;min-width:0}
.vr-mail-preview small{display:block;color:var(--ink)}
.vr-mail-date{color:var(--muted)!important;white-space:nowrap}
.vr-hint{margin:0;font-size:14px}
.vr-sig-block{margin:4px 0 0;padding:16px;border:1px solid var(--line-soft);border-radius:var(--radius-control);background:var(--mist);font-family:ui-monospace,Consolas,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.vr-complete-hero{display:grid;grid-template-columns:auto minmax(0,1fr) 220px;gap:24px;align-items:start;padding:32px}
.vr-complete-hero h1{font-size:40px;margin:0 0 10px}
.vr-complete-hero p{color:var(--muted);font-size:17px}
.vr-big-check{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:var(--success);color:var(--white)}
.vr-complete-amount{padding:20px;border:1px solid var(--line-soft);border-radius:var(--radius-card);background:var(--mist)}
.vr-complete-amount small,.vr-complete-amount span{display:block}
.vr-complete-amount strong{display:block;margin:4px 0 12px;font-family:var(--font-head);font-size:26px;font-weight:600}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
 .vr-needs-list li{grid-template-columns:auto minmax(0,1fr) auto}
 .vr-needs-list li>.vr-status{grid-column:2;grid-row:2}
 .vr-needs-list li>.btn{grid-row:1/3;grid-column:3}
 .vr-intake{grid-template-columns:200px minmax(0,1fr);gap:32px}
 .vr-ob-cols,.vr-ob>summary{grid-template-columns:20px minmax(0,1fr) 130px 120px}
 .vr-ob-cols span:last-child,.vr-ob-due{display:none}
 .vr-complete-hero{grid-template-columns:auto minmax(0,1fr)}
 .vr-complete-amount{grid-column:2}
}
@media (max-width:900px){
 .vr-intake{grid-template-columns:1fr}
 .vr-intake-rail{position:static}
 .vr-intake-foot{clip-path:inset(0 -100vmax)}
 .vr-intake-foot::before{left:-100vmax}
 .vr-steps{display:flex;overflow-x:auto;gap:4px}
 .vr-steps button{min-width:max-content;grid-template-columns:24px auto}
 .vr-steps small{display:none}
 .vr-invest-card{display:none}
 .vr-track ol{grid-template-columns:1fr;gap:14px}
 .vr-track li::after{display:none}
 .vr-queue-list li{grid-template-columns:minmax(0,1fr) auto}
 .vr-missing{grid-template-columns:1fr}
 .vr-add-grid{grid-template-columns:1fr 1fr}
 .vr-timeline li{grid-template-columns:auto minmax(0,1fr)}
 .vr-timeline time{grid-column:2}
}
@media (max-width:700px){
 .vr-counts{grid-template-columns:1fr;gap:12px}
 .vr-needs-list li{grid-template-columns:auto minmax(0,1fr)}
 .vr-needs-list li>.btn{grid-row:auto;grid-column:2;justify-self:start}
 .vr-approve-tiles,.vr-grid-3,.vr-change{grid-template-columns:1fr}
 .vr-change>.icon{transform:rotate(90deg);justify-self:center}
 .vr-review-sec dl,.vr-dl{grid-template-columns:1fr;gap:2px}
 .vr-review-sec dd,.vr-dl dd{margin-bottom:8px}
 .vr-intake-form>h1,.vr-status-head h1,.vr-complete-hero h1{font-size:30px}
 .vr-ob-cols{display:none}
 .vr-ob>summary{grid-template-columns:20px minmax(0,1fr)}
 .vr-ob>summary>span:nth-child(n+3){grid-column:2}
 .vr-add-grid{grid-template-columns:1fr}
 .vr-span2{grid-column:auto}
 .vr-step-detail>summary{flex-wrap:wrap}
 .vr-step-meta{flex-basis:100%;order:5;white-space:normal}
 .vr-next-due{margin-left:0}
 .vr-dir-sigs-head{flex-direction:column}
 .vr-person-lg{flex-wrap:wrap}
 .vr-person-email{margin-left:60px}
 .vr-complete-hero{grid-template-columns:1fr;padding:24px}
 .vr-complete-amount{grid-column:auto}
 .vr-doc{flex-wrap:wrap}
}

/* The intake footer band is full-bleed; clip it to the viewport so the page never scrolls sideways. */
.client-shell .client-body{overflow-x:clip}

/* — views-roles: sign-off, template baselines, director emails and the investor wire panel — */
.vr-closing-setup{padding:0;overflow:hidden;margin-bottom:16px}
.vr-closing-setup>summary{list-style:none;cursor:pointer}
.vr-closing-setup>summary::-webkit-details-marker{display:none}
.vr-closing-setup>summary h2 strong{font-weight:600}
.vr-closing-setup[open]>summary .mx-card-tags>.icon{transform:rotate(90deg)}
.vr-closing-body{display:grid;gap:16px;padding:0 24px 24px}
.vr-closing-body>.panel{margin:0;box-shadow:none}
.vr-approval.done{border-color:#C8DFD2;background:var(--white)}
.vr-director-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.vr-director-foot .error-inline{width:100%;margin:0}
.vr-baselines{margin-bottom:20px}
.vr-baseline-note{margin:0;padding:0 24px 12px}
.vr-baseline-list{list-style:none;margin:0;padding:0}
.vr-baseline-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-top:1px solid var(--line-soft)}
.vr-baseline-list li strong,.vr-baseline-list li small{display:block}
.vr-baseline-list li small{color:var(--muted);font-size:13px;overflow-wrap:anywhere}
.vr-baseline-list .actions{flex-wrap:nowrap}
.vr-wire-form h2{margin:4px 0 6px}
.vr-wire-form>p{margin:0;color:var(--muted)}
.vr-wire-sent p{margin:8px 0 0}
@media (max-width:700px){.vr-baseline-list li{flex-direction:column;align-items:flex-start}}