/* Settings page CSS (Wave 5 · Lane B · Card 6 UI, doc 95). ADDITIVE — new selectors only; it reuses the shared
   shell components (.card / .row / .pill / .grid / .scroll-x / .note / .origin / .pdf-btn / .newreq-link) from
   portal/shell.css and only adds the sidebar Settings entry + the .st-* settings components. Theme-aware via the
   shared design tokens; no raw colour value lives here. */

/* ---- sidebar Settings entry (foot) — mirrors .cp-about so the foot reads as one row of controls ---- */
.cp-foot .cp-settings{background:transparent;color:var(--sidebar-ink);border:1px solid var(--sidebar-line);border-radius:var(--radius-sm);padding:6px 10px;font-family:inherit;font-size:var(--fs-small);text-decoration:none;display:inline-flex;align-items:center;gap:6px;}
.cp-foot .cp-settings:hover{border-color:var(--sidebar-accent);color:var(--sidebar-accent);}
.cp-foot .cp-settings.is-current{border-color:var(--sidebar-accent);color:var(--sidebar-accent);font-weight:var(--fw-semibold);background:var(--sidebar-active);}
.is-collapsed .cp-foot .cp-settings span{display:none;}

/* ---- layout ---- */
.st-wrap{display:flex;flex-direction:column;gap:var(--space-5);}
.st-card{margin:0;}
.st-sub{font-size:var(--fs-small);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:0.4px;color:var(--muted);margin:var(--space-4) 0 var(--space-2);}
.st-btns{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);}

/* ---- people register ---- */
.st-identity{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin:var(--space-3) 0;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);}
.st-identity label{font-size:var(--fs-small);font-weight:var(--fw-semibold);}
.st-identity select{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 8px;font-family:inherit;font-size:var(--fs-small);}
.st-identity-note{font-size:var(--fs-micro);color:var(--muted);flex:1;min-width:220px;}
.st-people-tbl th,.st-people-tbl td{text-align:left;vertical-align:top;}
.st-people-tbl td.st-actions{white-space:nowrap;text-align:right;}
.st-people-tbl tr.st-off td{opacity:0.7;}
.st-people-tbl .st-name{font-weight:var(--fw-semibold);}
.st-empty{color:var(--muted);text-align:center;}
.st-mini{background:transparent;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--accent);font-family:inherit;font-size:var(--fs-micro);padding:4px 9px;cursor:pointer;margin-left:6px;}
.st-mini:hover{border-color:var(--accent);}
.st-mini.danger{color:var(--danger-ink,var(--danger));}
.st-mini.danger:hover{border-color:var(--danger);}

/* ---- add/edit form ---- */
.st-form-wrap{margin-top:var(--space-3);}
.st-form{border:1px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-4);background:var(--panel);box-shadow:var(--shadow);}
.st-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3) var(--space-4);}
@media(max-width:640px){.st-form-grid{grid-template-columns:1fr;}}
.st-form-grid label{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-small);font-weight:var(--fw-semibold);}
.st-form-grid input[type=text],.st-form-grid input[type=email]{font:inherit;font-size:var(--fs-small);padding:7px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink);}
.st-form-grid input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;}
.st-check{flex-direction:row !important;align-items:center;gap:8px !important;font-weight:var(--fw-regular) !important;}
.st-form-btns{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-3);}
.st-f-id{font-size:var(--fs-micro);color:var(--muted);margin-left:auto;font-variant-numeric:tabular-nums;}

/* ---- notifications: reviewer email preview ---- */
.st-email{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg);overflow:hidden;max-width:640px;}
.st-email-h{background:var(--panel);border-bottom:1px solid var(--line);padding:8px 14px;font-size:var(--fs-small);color:var(--muted);}
.st-email-subj{padding:10px 14px 4px;font-weight:var(--fw-bold);font-size:var(--fs-body);}
.st-email-body{padding:4px 14px 14px;}
.st-email-body p{margin:8px 0;font-size:var(--fs-small);}
.st-figs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2) var(--space-4);margin:var(--space-3) 0;}
@media(max-width:560px){.st-figs{grid-template-columns:1fr;}}
.st-figs div{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:6px;}
.st-figs dt{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:0.4px;color:var(--muted);font-weight:var(--fw-semibold);}
.st-figs dd{margin:2px 0 0;font-size:var(--fs-small);font-variant-numeric:tabular-nums;}
.st-email-basis{color:var(--muted);font-size:var(--fs-micro) !important;}
.st-email-cta{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-3) 0 6px;}
.pdf-btn.is-inert{cursor:default;opacity:0.75;}
.pdf-btn.is-inert:hover{border-color:var(--line);color:var(--ink);}
.st-email-link{color:var(--accent);font-size:var(--fs-small);font-weight:var(--fw-semibold);}
.st-email-approveonly{color:var(--muted);font-size:var(--fs-micro) !important;}
.st-email-note{border-top:1px solid var(--line);background:var(--warn-bg);color:var(--warn-ink);padding:8px 14px;font-size:var(--fs-micro);}

/* ---- approval-link expiry ---- */
.st-expiry{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--fs-small);}
.st-expiry input[type=number]{width:72px;font:inherit;font-size:var(--fs-small);padding:6px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink);text-align:right;}
.st-expiry .origin{margin-left:6px;}

/* ---- approval chain / ladder ---- */
.st-ladder{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:var(--space-2) 0;}
.st-ladder-step{display:inline-block;font-size:var(--fs-small);font-weight:var(--fw-semibold);background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:3px 11px;}
.st-ladder-step.entry{background:var(--panel);color:var(--ink);border-color:var(--line);}
.st-ladder-arrow{color:var(--muted);}
.st-ladder-terms{font-size:var(--fs-micro);color:var(--muted);margin-bottom:var(--space-3);}
.st-ladder-term{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:1px 9px;margin-left:6px;color:var(--muted);}
.st-role-list{list-style:none;margin:0;padding:0;}
.st-role-list li{display:flex;flex-wrap:wrap;gap:6px var(--space-3);align-items:baseline;padding:7px 0;border-top:1px solid var(--line);font-size:var(--fs-small);}
.st-role-list li:first-child{border-top:none;}
.st-role{font-weight:var(--fw-semibold);min-width:200px;}
.st-holders{color:var(--muted);}
.st-unresolved{color:var(--warn-ink);background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:999px;padding:0 8px;font-size:var(--fs-micro);}
.st-g2-controls,.st-g2-editor{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin:var(--space-2) 0;font-size:var(--fs-small);}
.st-g2-controls label,.st-g2-editor label{font-weight:var(--fw-semibold);}
.st-g2-controls select,.st-g2-editor select{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 8px;font-family:inherit;font-size:var(--fs-small);}

/* ---- data ---- */
.st-data-facts p{margin:6px 0;font-size:var(--fs-small);}
.st-file-list{list-style:none;margin:6px 0;padding:0;}
.st-file-list li{padding:6px 0;border-top:1px solid var(--line);font-size:var(--fs-small);}
.st-file-list li:first-child{border-top:none;}
.st-file-list a{color:var(--accent);font-weight:var(--fw-semibold);text-decoration:none;}
.st-file-list a:hover{text-decoration:underline;}