:root{color-scheme:dark;--bg:#16120f;--sidebar:#100d0b;--panel:#1d1815;--panel-2:#191410;--surface:#241f1a;--line:#302823;--line-soft:#2a231e;--text:#f4efe9;--text-2:#c9bdb1;--muted:#9b8d80;--faint:#8a7e73;--accent:#f2a65a;--accent-hover:#ffbf82;--accent-bg:#2c2318;--crit:#e8705f;--crit-bg:#2d1a18;--warn:#f2c14e;--warn-bg:#2c2415;--ok:#74c69d;--ok-bg:#182b21;--info:#b39ddb;--info-bg:#2d2130;--ink:var(--text);--cream:var(--bg);--paper:var(--panel);--sage:var(--muted);--sage-dark:var(--accent);--rose:var(--crit);--dark:var(--sidebar);--danger:var(--crit);--shadow:0 32px 80px #0a070540}
*{-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text);font-family:Manrope,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:14px}.eyebrow{color:var(--faint);font-size:10.5px;font-weight:800;letter-spacing:.16em}.muted{color:var(--muted)}
.brand-mark{color:var(--text);font-size:15px;letter-spacing:-.03em}.brand-mark span{color:var(--crit)}.brand-mark.small{display:flex;align-items:center;gap:2px;padding:22px 20px 8px}.brand-mark.small:before{content:"D";display:grid;place-items:center;width:32px;height:32px;margin-right:9px;border-radius:9px;background:linear-gradient(140deg,var(--accent),var(--crit));color:#1a1411;font-size:12px;letter-spacing:0}.brand-mark.small small{display:block;margin-left:8px;color:var(--faint);font-size:9px;letter-spacing:.14em}
.login-shell{grid-template-columns:minmax(0,1.08fr) minmax(410px,.92fr);background:var(--bg)}.login-copy{padding:7vw;background:radial-gradient(circle at 78% 16%,#f2a65a2e,transparent 32%),radial-gradient(circle at 10% 92%,#e8705f24,transparent 34%),linear-gradient(155deg,#1b1411,#241812 48%,#2b1c16)}.login-copy .eyebrow{color:var(--accent)}.login-copy h1{font-family:inherit;font-size:clamp(3rem,5vw,52px);font-weight:800;line-height:1.05;letter-spacing:-.04em}.login-copy h1 em{color:var(--accent);font-style:normal;font-weight:800}.login-copy>p:not(.eyebrow){color:var(--text-2)}.trust{color:var(--muted)}.login-card{background:var(--bg);padding:clamp(30px,6vw,90px)}.login-card>div,.login-card>form,.login-card>footer{width:min(410px,100%);margin-left:auto;margin-right:auto}.login-card h2{font-family:inherit;font-size:28px;font-weight:800;letter-spacing:-.03em}.login-card form{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}
label{color:var(--text-2);font-size:12px;font-weight:700}input,select,textarea{border:1px solid #362e27!important;background:#171310!important;color:var(--text)!important;border-radius:10px!important;padding:12px 13px!important}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--accent)!important;box-shadow:0 0 0 3px #f2a65a18!important}.primary{background:var(--accent);color:#1a1411;border-radius:10px}.primary:hover{background:var(--accent-hover)}.secondary{background:var(--surface);border:1px solid #3a312a;color:#e8dfd5}.secondary:hover{border-color:var(--accent);color:var(--accent)}.text-button{color:var(--accent)}.form-error{color:var(--crit)}.legal-links a{color:var(--muted)}
.app-shell{grid-template-columns:246px minmax(0,1fr);background:var(--bg)}.app-shell aside{width:246px;background:var(--sidebar);border-right:1px solid #241e1a}.app-shell nav{gap:3px;padding:12px 14px 24px;overflow:auto}.nav-group{margin:16px 8px 6px;color:#5d534a;font-size:10px;font-weight:800;letter-spacing:.16em}.app-shell nav button,.quiet{padding:9px 10px;border-radius:10px;color:var(--muted);font-size:13.5px;font-weight:600}.app-shell nav button:hover{background:#1f1a16;color:var(--text)}.app-shell nav button.active{background:var(--surface);color:var(--text)}.aside-bottom{border-color:#241e1a}.user-chip>div:first-child{background:var(--accent-bg);color:var(--accent)}.user-chip small{color:var(--faint)}
.workspace{grid-column:2;background:var(--bg)}.workspace>header{height:86px;padding:18px 32px;background:#16120feb;border-color:#241e1a}.workspace>header h1{font-family:inherit;font-size:22px;font-weight:800;letter-spacing:-.02em}.status-pill{background:var(--ok-bg);border:1px solid #24402f;color:var(--ok)}.status-pill i{background:var(--ok)}.status-pill.error{background:var(--crit-bg);color:var(--crit)}.content{max-width:1600px;padding:26px 32px 56px}
.hero{padding:28px 30px;border:1px solid #3a2e25;border-radius:18px;background:linear-gradient(120deg,#241c16,#2b1e19 55%,#2d211a)}.hero h2{font-family:inherit;font-size:26px;font-weight:800;letter-spacing:-.03em}.hero p:last-child{color:var(--muted)}.hero-orb{background:#1d1714;box-shadow:inset 0 0 0 14px #f2a65a12;color:var(--accent);font-family:"IBM Plex Mono",ui-monospace,monospace;font-style:normal;font-weight:800}.stats{gap:14px;margin:18px 0}.stats article,.card,.service-card{background:var(--panel);border:1px solid var(--line);box-shadow:none}.stats article{border-radius:14px;padding:16px 18px}.stats span,.stats small{color:var(--muted);font-size:11.5px}.stats strong{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:28px;font-weight:800}.card,.service-card{border-radius:16px;padding:20px 22px}.card-head h3,.service-card h3,.security-card h3,.invite-user-card h3,.key-create-card h3,.editor-card h3,.invitation-output h3,.key-output h3,.invite-card h1,.readiness-hero h2{font-family:inherit!important;font-weight:800!important;letter-spacing:-.02em}.card.accent{background:linear-gradient(135deg,#241c16,#2d1e18);border-color:#3a2e25}.provider-icon,.user-avatar{background:var(--accent-bg);color:var(--accent)}.integration-list>div{border-color:#241e1a}.integration-list small{color:var(--muted)}.badge{background:var(--surface);color:var(--muted);padding:5px 9px}.badge.active{background:var(--ok-bg);color:var(--ok)}
.toolbar,.section-intro{gap:14px}.toolbar input{background:var(--panel)!important}.switch i{width:36px;height:20px;background:#3a312a}.switch i:after{width:16px;height:16px;background:var(--text)}.switch input:checked+i{background:var(--accent)}.switch input:checked+i:after{transform:translateX(16px)}
.editor-modal,.invitation-output,.key-output{background:#0c0908cc}.editor-card,.invitation-output>div,.key-output>div,.invite-card,.recovery-output{background:var(--panel);border:1px solid #3a312a;border-radius:20px;box-shadow:var(--shadow)}.invitation-output code,.setup-box code,.key-output code,.code-grid code{background:var(--panel-2);border:1px solid var(--line-soft);color:var(--text);font-family:"IBM Plex Mono",ui-monospace,monospace}.setup-box{border-color:var(--line)}
.integration-summary div,.import-summary{background:var(--panel-2);border:1px solid var(--line-soft)}.channel-configs fieldset{border-color:var(--line)}.readiness-hero{background:#241c16;border:1px solid #3a2e25}.readiness-hero.ready{background:var(--ok-bg);border-color:#24402f}.readiness-hero>strong{color:var(--accent);font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:800}.readiness-list>div,.audit-list>div,.record-list>div,.user-row,.key-row,.invitation-head,.invitation-row{border-color:#241e1a}.invitation-head{color:var(--muted)}.invitation-row small{font-family:"IBM Plex Mono",ui-monospace,monospace}.readiness-list i{background:var(--surface);color:var(--muted)}.readiness-list i.complete{background:var(--ok-bg);color:var(--ok)}.audit-list time,.record-list time,.key-row small{font-family:"IBM Plex Mono",ui-monospace,monospace}
.security-card,.invite-user-card,.key-create-card{background:var(--panel)}.service-sheet-wrap{border-color:var(--line);background:var(--panel)}.service-sheet th{background:var(--panel-2);color:var(--faint);border-color:var(--line-soft)}.service-sheet td{background:var(--panel);border-color:#241e1a}.service-sheet tr:nth-child(even) td{background:var(--panel-2)}.service-sheet tr.draft-row td,.service-sheet tr.dirty-row td{background:#2a2115}.service-sheet input{background:transparent!important;border:0!important;color:var(--text-2)!important}.service-sheet input:focus{background:#211b16!important;outline:2px solid var(--accent)!important}.service-save-bar{background:#2a2115;border-color:#4a3a26;box-shadow:none}.service-save-bar span{color:var(--warn)}.limit-percentage strong{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:800;color:var(--text)}.limit-progress{background:#302823}.limit-progress i{background:linear-gradient(90deg,var(--accent),var(--crit))}.limit-split b{color:var(--text)}
.toast{background:var(--surface);color:var(--text);border:1px solid var(--line)}.toast.error{background:var(--crit-bg);color:var(--crit);border-color:#4a2f2a}.empty,.loading,.empty-inline{color:var(--faint)}.loading i{border-color:var(--line);border-top-color:var(--accent)}
@media(max-width:1000px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.app-shell aside{width:210px}.content{padding:22px}.workspace>header{padding:18px 22px}}@media(max-width:720px){.login-shell{grid-template-columns:1fr}.login-copy{display:none}.app-shell{display:block}.app-shell aside{width:auto;border:0;border-top:1px solid #241e1a}.app-shell nav{overflow:auto}.nav-group{display:none}.workspace{padding-bottom:70px}.content{padding:16px}.login-card{padding:24px 16px}.login-card form{padding:20px}}

/* 0.21.1 accessibility and typography regression fixes. */
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
.legal-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}
.card.accent h3{font-family:inherit!important;font-weight:800!important}