:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background: #eef5f3; color: #173b34; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; padding: 28px; }
.shell { width: min(1120px, 100%); margin: 0 auto; }
header { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
.card { background: white; border: 1px solid #d9e7e3; border-radius: 16px; padding: 26px; box-shadow: 0 12px 35px rgba(23,59,52,.08); }
.auth-card { width: min(480px,100%); margin: 50px auto; }
#mfa-panel { display:grid; gap:16px; }
#recovery-form { border-top:1px solid #d9e7e3; padding-top:16px; }
#recovery-code-list { padding:14px; border-radius:8px; background:#f4f8f7; color:#173b34; line-height:1.6; user-select:all; }
.eyebrow { margin: 0; color: #237968; font-size: .76rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
h1 { margin: 5px 0 0; font-size: clamp(2rem,5vw,3.2rem); }
h2 { margin: 0 0 18px; font-size: 1.2rem; }
form { display: grid; gap: 16px; }
label { display: grid; gap: 7px; color: #365e56; font-size: .88rem; font-weight: 650; }
input,select { width:100%; padding:11px 13px; border:1px solid #b8cec8; border-radius:8px; background:white; color:#173b34; font:inherit; }
input:focus,select:focus { outline:3px solid rgba(35,121,104,.18); border-color:#237968; }
button { border:0; border-radius:8px; padding:11px 15px; background:#237968; color:white; font:inherit; font-weight:750; cursor:pointer; }
button.secondary { background:#e5efec; color:#173b34; }
button:disabled { cursor:not-allowed; opacity:.55; }
.toolbar { display:grid; grid-template-columns:1fr minmax(210px,280px) auto auto; align-items:end; gap:18px; margin-bottom:18px; }
.toolbar div { display:grid; gap:3px; }
.workspace { display:grid; grid-template-columns:minmax(260px,340px) 1fr; gap:18px; align-items:start; }
.section-heading,.fax-heading { display:flex; justify-content:space-between; align-items:center; gap:14px; }
.section-heading h2,.section-heading p { margin:0; }
.fax-list { display:grid; gap:12px; margin-top:18px; }
.fax { border:1px solid #dce9e5; border-radius:11px; padding:16px; }
.fax p { margin:8px 0; }
.events { margin:12px 0; padding-left:22px; color:#486c65; font-size:.86rem; }
.events li+li { margin-top:5px; }
.badge { border-radius:999px; padding:5px 9px; font-size:.7rem; font-weight:800; }
.queued { background:#fff2cc; color:#6f5200; }.processing { background:#dcebff; color:#184d88; }.delivered { background:#d9f3e5; color:#12663c; }.failed { background:#fee4e2; color:#9b2c21; }
.muted,.role,.phase,.empty { color:#68827c; font-size:.86rem; }
.message { min-height:1.25em; margin:0; color:#237968; }.message.error { color:#b42318; }
.phase { text-align:center; margin-top:20px; }
[hidden] { display:none !important; }
@media (max-width:760px) { body{padding:18px}.toolbar,.workspace{grid-template-columns:1fr}header{display:block}.message{margin-top:12px}.card{padding:20px} }

a { color:#176b5b; font-weight:750; } .document-link { margin-left:16px; }

.workflow-status { color:#365e56; font-size:.86rem; font-weight:750; }
.workflow-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.notes-panel { margin:14px 0 10px; padding:12px; border-radius:8px; background:#f4f8f7; }
.notes-list { margin:8px 0 0; padding-left:20px; color:#365e56; font-size:.86rem; overflow-wrap:anywhere; }
.notes-list li + li { margin-top:6px; }

.security-card { margin-bottom:18px; }
.passkey-list { display:grid; gap:10px; margin:16px 0; }
.passkey-row { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px; border:1px solid #dce9e5; border-radius:9px; }
.passkey-row div { display:grid; gap:3px; }
.passkey-form { grid-template-columns:minmax(220px,1fr) auto; align-items:end; }
@media (max-width:760px) { .passkey-row,.passkey-form{grid-template-columns:1fr;display:grid}.passkey-row button{width:100%} }