:root {
  color-scheme: dark;
  --bg: #0c0d0f;
  --ink: #f3f3f4;
  --muted: #a8a9ad;
  --line: #343639;
  --accent: #ed9a5c;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 16px;
}

.sign-in-emblem { position: relative; flex: none; width: min(68%, 240px); margin: auto auto 0; padding-top: 32px; text-align: center; }
.sign-in-emblem img { display: block; width: 100%; height: auto; filter: drop-shadow(0 0 16px #d6864748); animation: none; }
.sign-in-emblem taborious-logo { display: block; width: 100%; height: auto; border: 0; outline: 0; background: none; }
.sign-in-emblem taborious-logo > picture { display: block; width: 100%; max-width: 100%; }
.sign-in-emblem taborious-logo img { border: 0; outline: 0; background: none; }
.workspace-open .sign-in-emblem { display: none; }
.company-access-group { min-width: 0; }
.company-access-group summary { cursor: pointer; padding: 12px 4px; }
.company-access-group summary strong { font-size: .95rem; }
.company-access-group summary small { display: block; margin: 5px 0 0 18px; color: var(--muted); }
.company-controls-note { padding: 12px; margin: 0 0 15px; border: 1px solid #735035; border-radius: 6px; background: #bc77380d; }
.company-controls-note p { margin-top: 0; line-height: 1.5; }
.company-controls-note small { display: block; margin-top: 12px; line-height: 1.5; color: var(--muted); }
@media (prefers-reduced-motion: reduce) { .sign-in-emblem img { animation: none; transition: none; } }

* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); }
a { color: inherit; text-decoration: none; }
a:focus-visible { outline: 3px solid var(--accent); outline-offset: 6px; }
a:hover { color: var(--accent); }

/* The public entry has one destination. Setup remains on the next page. */
.entry-page { background: #000; }
.entry {
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 36px 24px;
  overflow: hidden;
}
.entry-content {
  display: grid;
  justify-items: center;
  width: min(1080px, 100%);
  gap: clamp(24px, 4svh, 42px);
}
.entry-emblem {
  position: relative;
  isolation: isolate;
  width: min(100%, 94.6svh);
  animation: entry-wake 1.25s ease-out .4s both;
}
.entry-emblem::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url("/brand/taborious.png") center / contain no-repeat;
  filter: blur(22px) saturate(1.45) brightness(1.2);
  opacity: .46;
  transform: scale(1.025);
}
.entry-emblem img {
  display: block;
  width: 100%;
  height: auto;
  mix-blend-mode: screen;
}
/* Short light packets follow the original image's circuit traces. */
.pcb-power { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.pcb-copper { stroke: #ffcf84; filter: drop-shadow(0 0 5px #ff8b28); }
.pcb-silver { stroke: #e5f2ff; filter: drop-shadow(0 0 5px #b6d9ff); }
.pcb-power path {
  fill: none;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 8 112;
  stroke-dashoffset: 10;
  opacity: 0;
  animation: pcb-current 7s linear infinite;
}
.pcb-core path { stroke-width: 2.6; animation-duration: 8s; }
.pcb-power path:nth-child(2) { animation-delay: -2.4s; }
.pcb-power path:nth-child(3) { animation-delay: -4.8s; }
.pcb-power path:nth-child(4) { animation-delay: -1.2s; }
.pcb-power path:nth-child(5) { animation-delay: -3.6s; }
.pcb-power path:nth-child(6) { animation-delay: -6s; }
.pcb-power path:nth-child(7) { animation-delay: -5.4s; }
.pcb-silver { animation: pcb-bank 14s ease-in-out infinite; }
@keyframes pcb-current {
  0% { stroke-dashoffset: 10; opacity: 0; }
  10% { opacity: .9; }
  65% { opacity: .9; }
  80%, 100% { stroke-dashoffset: -110; opacity: 0; }
}
@keyframes pcb-bank { 0%, 100% { opacity: .65; } 50% { opacity: 1; } }
.entry-identity { display: grid; justify-items: center; gap: 12px; }
.entry-brand {
  display: grid;
  gap: 10px;
  margin: 0;
  text-align: center;
  line-height: 1.2;
  letter-spacing: normal;
  font-weight: 400;
  animation: entry-reveal .6s ease-out 1.7s both;
}
.entry-core {
  margin: 0;
  color: #b9b3ad;
  font-size: .68rem;
  line-height: 1.4;
  letter-spacing: .28em;
  text-indent: .28em;
  text-transform: uppercase;
  animation: entry-reveal .4s ease-out 2.3s both;
}
@keyframes entry-wake {
  from { opacity: 0; visibility: hidden; transform: scale(.985); }
  to { opacity: 1; visibility: visible; transform: none; }
}
@keyframes entry-reveal {
  from { opacity: 0; visibility: hidden; transform: translateY(5px); }
  to { opacity: 1; visibility: visible; transform: none; }
}
.entry-brand span {
  color: #b9b3ad;
  font-size: .78rem;
  letter-spacing: .16em;
}
.entry-brand strong {
  font-size: clamp(1.35rem, 3.2vw, 2rem);
  font-weight: 500;
  letter-spacing: .3em;
  text-indent: .3em;
  text-transform: uppercase;
  text-shadow: 0 0 30px #ed9a5c26;
}
.entry-sign-in {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 154px;
  min-height: 50px;
  padding: 13px 30px;
  border: 1px solid #b9784999;
  border-radius: 999px;
  background: linear-gradient(180deg, #231910, #100c08);
  color: #f4dfcd;
  font-size: .95rem;
  font-weight: 500;
  letter-spacing: .04em;
  box-shadow: 0 0 28px #d5752014, inset 0 1px 0 #eab58716;
  transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
  animation: entry-reveal .35s ease-out 2.7s both;
}
.entry-sign-in:hover {
  border-color: #e8a16d;
  background: #2b1b10;
  color: #fff1e6;
  box-shadow: 0 0 30px #d5752030;
}

/* The existing unavailable sign-in view. */
.shell { max-width: 1440px; margin: auto; padding: 0 64px; }
header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--line); min-height: 108px; gap: 24px; }
.wordmark { font-weight: 650; letter-spacing: .24em; font-size: 1.35rem; display: flex; gap: 12px; align-items: center; }
.mark-dot { background: var(--accent); width: 6px; height: 6px; border-radius: 50%; }
.sign-in { font-size: 1rem; display: flex; gap: 24px; align-items: center; }
.eyebrow { font-size: .86rem; letter-spacing: .17em; text-transform: uppercase; color: var(--accent); font-weight: 600; margin: 0 0 25px; }
h1 { font-size: clamp(2.4rem, 4.2vw, 4.6rem); font-weight: 450; letter-spacing: -.045em; line-height: 1.08; margin: 0 0 24px; }
.intro { font-size: 1.16rem; line-height: 1.65; color: #c0c1c4; margin: 0 0 30px; }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 50px; background: #eea26b; color: #17100c; font-weight: 650; min-height: 50px; padding: 13px 22px; border: 1px solid #eea26b; border-radius: 3px; }
.button:hover { background: #ffc08e; color: #17100c; border-color: #ffc08e; }
.muted { color: var(--muted); }
footer { display: flex; justify-content: space-between; gap: 20px; padding: 28px 0; font-size: .8rem; color: #b2b3b6; line-height: 1.5; }
footer > span:first-child { letter-spacing: .08em; }
.setup-main { padding: 72px 0 70px; max-width: 680px; min-height: calc(100vh - 210px); }
.setup-main h1 { font-size: clamp(2.4rem, 4.2vw, 3.8rem); }
.setup-main .intro { max-width: 590px; }
.setup-mark { width: 145px; height: auto; display: block; margin: 0 0 30px -18px; }
.setup-note { border-left: 2px solid var(--accent); padding: 2px 0 2px 18px; margin: 30px 0; font-size: .96rem; line-height: 1.6; }
.setup-note strong { font-weight: 550; }
.setup-note p { color: var(--muted); margin: 8px 0 0; }
.setup-links { display: flex; gap: 24px; flex-wrap: wrap; align-items: center; margin-bottom: 26px; }
.text-link { padding: 12px 0; color: #e4b18b; text-decoration: underline; text-underline-offset: 4px; }

.auth-shell { width: min(640px, 100%); min-height: 100vh; margin: 0 auto; padding: 44px 24px 80px; }
.auth-shell:not(.workspace-open) { display: flex; flex-direction: column; min-height: 100svh; padding-bottom: 24px; }
.auth-home { display: inline-block; margin-bottom: 52px; color: #e8bd9d; font-size: .9rem; letter-spacing: .24em; text-transform: uppercase; }
.auth-card { padding: clamp(28px, 6vw, 54px); border: 1px solid var(--line); background: #111214; box-shadow: 0 28px 90px #0008; }
.auth-shell:not(.workspace-open) > .auth-card { flex: none; }
.auth-card h1 { font-size: clamp(2.35rem, 8vw, 4rem); }
.auth-card h2 { margin: 0 0 14px; font-size: 1.35rem; font-weight: 520; }
.auth-step p { line-height: 1.6; }
.auth-form { display: grid; gap: 11px; }
.auth-form label { margin-top: 8px; color: #d4d4d6; font-size: .9rem; }
.auth-form input { width: 100%; min-height: 50px; border: 1px solid #4b4d51; border-radius: 3px; padding: 11px 13px; background: #090a0b; color: var(--ink); font: inherit; }
.auth-form input:focus { outline: 2px solid var(--accent); outline-offset: 2px; }
.auth-form .button, .auth-step .button { margin-top: 14px; cursor: pointer; }
.auth-form .button:disabled, .auth-step .button:disabled { cursor: wait; opacity: .55; }
.auth-secret { display: block; overflow-wrap: anywhere; margin: 20px 0; padding: 16px; border: 1px solid #6d4c33; background: #070707; color: #ffd7b9; font: 600 1.05rem/1.6 ui-monospace, Consolas, monospace; letter-spacing: .12em; }
.auth-status { min-height: 1.5em; margin: 22px 0 0; color: #bfc0c3; }
.auth-error { color: #ffb4a9; }
.auth-recovery-link { color: #d7bb78; text-underline-offset: .22em; }
.auth-action-link { display: inline-flex; text-decoration: none; }
.portal-panel { margin-top: 30px; padding-top: 28px; border-top: 1px solid var(--line); }
.oauth-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.portal-panel h3 { margin: 0 0 16px; font-size: 1.4rem; }
.panel-heading { display: flex; justify-content: space-between; align-items: start; gap: 20px; }
.panel-heading .eyebrow { margin-bottom: 8px; }
.secondary-button { min-height: 40px; border: 1px solid #5a5c61; border-radius: 3px; padding: 8px 14px; background: #191a1d; color: var(--ink); cursor: pointer; }
.secondary-button:hover { border-color: var(--accent); }
.admin-form { margin-top: 24px; padding: 22px; background: #0b0c0e; border: 1px solid var(--line); }
.form-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.form-pair label { display: grid; gap: 11px; }
.admin-form fieldset { margin: 14px 0 0; padding: 16px; border: 1px solid var(--line); }
.admin-form legend { padding: 0 8px; color: #d4d4d6; }
.access-groups { display: grid; gap: 18px; margin-top: 8px; max-height: 360px; overflow: auto; }
.access-group h4 { margin: 0 0 8px; color: #e8bd9d; }
.program-option { display: grid; grid-template-columns: 20px 1fr; gap: 9px; align-items: start; margin: 7px 0; font-size: .9rem; }
.program-option input { width: 17px; min-height: auto; margin: 2px 0 0; }
.employee-list { display: grid; gap: 10px; margin-top: 24px; }
.employee-card { padding: 15px 17px; border: 1px solid var(--line); background: #0b0c0e; }
.employee-card span { color: var(--muted); }
.employee-card p { margin: 7px 0 0; color: var(--muted); font-size: .88rem; }
.employee-card > .secondary-button { margin-top: 12px; }
.employee-access-editor { display: grid; gap: 12px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); }
.employee-access-editor fieldset { margin: 0; padding: 12px 14px; border: 1px solid var(--line); }
.employee-access-editor legend { padding: 0 7px; color: #e8bd9d; font-size: .86rem; }
.employee-access-editor .button { justify-self: start; margin-top: 2px; }
.invitation-result { margin-top: 18px; padding: 18px; border-left: 3px solid var(--accent); background: #18130f; }
.invite-link { display: block; margin: 12px 0; padding: 12px; overflow-wrap: anywhere; background: #070707; color: #ffd7b9; font: .82rem/1.5 ui-monospace, Consolas, monospace; }
.program-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 12px; }
.program-card { display: grid; gap: 8px; min-height: 120px; padding: 16px; border: 1px solid var(--line); background: #0b0c0e; }
a.program-card:hover { border-color: var(--accent); color: var(--ink); }
.program-card strong { font-size: 1rem; }
.program-card small,.program-company { color: var(--muted); }
.program-company { font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }

/* Taborious brain-access command deck. Employee authority is the first live surface. */
.auth-shell.workspace-open { width: 100%; min-height: 100vh; padding: 0; }
.workspace-open > .auth-status { position: fixed; z-index: 40; right: 24px; bottom: 18px; max-width: min(520px, calc(100vw - 48px)); min-height: 0; margin: 0; padding: 11px 15px; border: 1px solid #44484f; border-radius: 8px; background: #11151aee; box-shadow: 0 16px 50px #000b; }
.workspace-open > .auth-status:empty { display: none; }
.command-center { min-height: 100vh; background: radial-gradient(circle at 72% -20%, #43261655, transparent 36%), #07090c; color: #eef1f3; }
.command-header { position: sticky; z-index: 20; top: 0; min-height: 78px; padding: 0 clamp(20px, 3vw, 46px); border-bottom: 1px solid #272d34; background: #090c10ed; backdrop-filter: blur(18px); }
.command-brand, .command-identity { display: flex; align-items: center; gap: 13px; }
.command-brand taborious-logo, .command-brand img { width: 40px; height: auto; object-fit: contain; border: 0; outline: 0; background: none; }
.command-brand span, .command-identity div { display: grid; gap: 2px; }
.command-brand b { color: #f6f7f8; letter-spacing: .2em; text-transform: uppercase; }
.command-brand small, .command-identity small { color: #858d97; font-size: .76rem; letter-spacing: .08em; text-transform: uppercase; }
.command-identity { margin-left: auto; }
.command-identity strong { max-width: 360px; overflow: hidden; color: #e8eaec; font-size: .9rem; text-overflow: ellipsis; white-space: nowrap; }
.live-dot { width: 9px; height: 9px; border: 2px solid #68dfac; border-radius: 50%; box-shadow: 0 0 14px #47dc9c; animation: live-pulse 2.4s ease-in-out infinite; }
@keyframes live-pulse { 50% { opacity: .45; box-shadow: 0 0 4px #47dc9c; } }
.command-layout { display: grid; grid-template-columns: 250px minmax(0, 1fr); min-height: calc(100vh - 78px); }
.command-nav { position: sticky; top: 78px; align-self: start; min-height: calc(100vh - 78px); padding: 30px 18px 22px; border-right: 1px solid #222831; background: linear-gradient(180deg, #0c1015, #090c10); }
.nav-label { margin: 5px 11px 10px; color: #68717c; font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.nav-label:not(:first-child) { margin-top: 28px; }
.command-nav-button { display: grid; grid-template-columns: 28px 1fr; gap: 9px; align-items: center; width: 100%; min-height: 46px; margin: 4px 0; padding: 10px 12px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: #aeb5bd; text-align: left; font: inherit; font-size: .9rem; font-weight: 600; line-height: 1.25; cursor: pointer; }
.command-nav-button span { color: #626b76; font: .7rem/1 ui-monospace, Consolas, monospace; }
.command-nav-button:hover { border-color: #3a424c; color: #fff; }
.command-nav-button.active { border-color: #91572f; background: linear-gradient(90deg, #3a2115, #151315); color: #ffe7d4; box-shadow: inset 3px 0 #ef9e64, 0 10px 25px #0004; }
.command-nav-button.active span { color: #ef9e64; }
.authority-seal { display: grid; grid-template-columns: 12px 1fr; gap: 3px 10px; margin: 34px 10px 0; padding-top: 20px; border-top: 1px solid #252b32; }
.authority-seal > span { grid-row: 1 / span 2; width: 9px; height: 9px; margin-top: 4px; border-radius: 50%; background: #47c98b; box-shadow: 0 0 12px #47c98b; }
.authority-seal strong { color: #cbd1d7; font-size: .78rem; }
.authority-seal small { color: #707985; font-size: .7rem; line-height: 1.45; }
.command-workspace { min-width: 0; padding: clamp(26px, 4vw, 54px); }
.workspace-summary { margin: 0 0 26px; color: #89939f; font-size: .86rem; }
.workspace-panel { display: none; }
.workspace-panel.active { display: block; animation: panel-enter .22s ease-out; }
.command-nav-button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.api-section { margin-top: 28px; }
.api-section h2 { margin: 0 0 12px; font-size: 1.25rem; font-weight: 550; }
.api-provider { align-content: start; gap: 12px; border-radius: 8px; }
.api-readiness { margin: 0; border: 1px solid #2b333c; border-radius: 10px; background: #0b0e12; }
.api-readiness > div { padding: 18px 22px; }
.api-readiness > div + div { border-top: 1px solid #2b333c; }
.api-readiness dt { font-weight: 600; line-height: 1.5; }
.api-readiness dd { margin: 5px 0 0; color: var(--muted); line-height: 1.6; overflow-wrap: anywhere; }
@keyframes panel-enter { from { opacity: 0; transform: translateY(5px); } }
.workspace-heading { display: flex; justify-content: space-between; gap: 26px; align-items: flex-start; margin-bottom: 28px; }
.workspace-heading .eyebrow { margin-bottom: 10px; }
.workspace-heading h1 { margin: 0 0 10px; font-size: clamp(2.15rem, 4vw, 3.6rem); font-weight: 500; letter-spacing: -.045em; }
.workspace-heading p:not(.eyebrow) { max-width: 760px; margin: 0; color: #9da5ae; font-size: 1rem; line-height: 1.6; }
.authority-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 28px; }
.authority-stats article { display: grid; gap: 8px; min-height: 132px; padding: 20px; border: 1px solid #2a3139; border-radius: 9px; background: linear-gradient(145deg, #11161c, #0c1014); box-shadow: 0 18px 50px #0003; }
.authority-stats small, .authority-stats span { color: #7e8893; font-size: .76rem; }
.authority-stats small { letter-spacing: .08em; text-transform: uppercase; }
.authority-stats strong { color: #f3f5f6; font-size: 2rem; font-weight: 500; }
.authority-stats .authority-status { border-color: #61442f; background: linear-gradient(145deg, #241910, #101216); }
.authority-stats .authority-status strong { display: flex; gap: 9px; align-items: center; color: #d9f9e9; font-size: 1.1rem; }
.authority-status i { width: 8px; height: 8px; border-radius: 50%; background: #47d596; box-shadow: 0 0 14px #47d596; }
.add-employee-panel { overflow: hidden; margin-bottom: 18px; border: 1px solid #6a452d; border-radius: 9px; background: #0e1115; }
.add-employee-panel > summary { display: flex; gap: 15px; align-items: center; padding: 18px 20px; cursor: pointer; list-style: none; background: linear-gradient(90deg, #3a2115, #151416); }
.add-employee-panel > summary::-webkit-details-marker { display: none; }
.add-employee-panel > summary > span { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #b66e3d; border-radius: 50%; color: #ffc99f; font-size: 1.35rem; }
.add-employee-panel > summary div { display: grid; gap: 3px; }
.add-employee-panel > summary strong { color: #fff0e4; }
.add-employee-panel > summary small { color: #ae9583; font-size: .8rem; line-height: 1.45; }
.add-employee-panel .admin-form { margin: 0; border: 0; border-top: 1px solid #39291f; background: #0b0e12; }
.field-help { margin: 0 0 14px; color: #89929d; font-size: .8rem; }
.program-option { padding: 8px 9px; border: 1px solid #252c34; border-radius: 6px; background: #11161b; }
.program-option span { display: grid; gap: 2px; }
.program-option strong { color: #dce0e4; font-size: .86rem; font-weight: 600; }
.program-option small { color: #707a84; font-size: .7rem; text-transform: capitalize; }
.program-option:has(input:checked) { border-color: #a8673d; background: #251a13; }
.invitation-result { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(280px, 1.5fr) auto; gap: 18px; align-items: center; border: 1px solid #6e4c32; border-left: 4px solid var(--accent); border-radius: 8px; }
.invitation-result .eyebrow { margin-bottom: 6px; }
.invitation-result h3, .invitation-result p { margin: 0; }
.invitation-result p { color: #b8a99d; font-size: .8rem; line-height: 1.45; }
.invitation-actions { display: grid; gap: 10px; max-width: 300px; }
.invitation-actions label { display: flex; align-items: start; gap: 8px; color: #d0c3b8; font-size: .78rem; }
.invitation-actions input { width: auto; flex: 0 0 auto; margin: 1px 0 0; }
.roster-toolbar { display: flex; justify-content: space-between; gap: 20px; align-items: end; margin-top: 30px; padding: 0 2px 12px; border-bottom: 1px solid #30363e; }
.roster-toolbar > div { display: grid; gap: 4px; }
.roster-toolbar strong { font-size: 1.05rem; }
.roster-toolbar span { color: #7f8994; font-size: .76rem; }
.roster-search { display: grid; gap: 6px; width: min(310px, 42vw); }
.roster-search input { min-height: 40px; padding: 8px 11px; border: 1px solid #3a424b; border-radius: 6px; background: #090c10; color: #edf0f2; font: inherit; }
.employee-list { gap: 0; margin-top: 0; }
.legacy-employee-note { display: grid; grid-template-columns: minmax(190px, .75fr) minmax(280px, 2fr); gap: 20px; margin: 15px 0 18px; padding: 15px 18px; border: 1px solid #2d3c42; border-left: 3px solid #4b9faa; border-radius: 7px; background: #0e171a; }
.legacy-employee-note strong { color: #c8edf0; font-size: .86rem; }
.legacy-employee-note p { margin: 0; color: #8da7ab; font-size: .8rem; line-height: 1.5; }
.roster-headings, .employee-card { display: grid; grid-template-columns: minmax(220px, 1.45fr) minmax(110px, .7fr) minmax(140px, .8fr) minmax(190px, 1.2fr) minmax(170px, auto); gap: 14px; align-items: center; }
.roster-headings { padding: 10px 14px; color: #6f7984; font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.employee-card { position: relative; padding: 15px 14px; border: 0; border-top: 1px solid #242a31; background: transparent; }
.employee-card:hover { background: #0e1217; }
.employee-identity { display: flex; gap: 12px; align-items: center; min-width: 0; }
.employee-avatar { display: grid; flex: 0 0 auto; place-items: center; width: 38px; height: 38px; border: 1px solid #775039; border-radius: 10px; background: linear-gradient(145deg, #342116, #141619); color: #ffc397; font-weight: 700; }
.employee-identity > div, .employee-programs, .employee-state { display: grid; gap: 4px; min-width: 0; }
.employee-identity strong, .employee-identity small, .employee-programs small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.employee-identity strong, .employee-programs strong { font-size: .88rem; }
.employee-identity small, .employee-programs small, .employee-state small { color: #78828c; font-size: .72rem; }
.employee-user-id { width: max-content; padding: 5px 8px; border: 1px solid #303841; border-radius: 5px; background: #090c0f; color: #b9c1c9; font-size: .78rem; }
.state-pill, .status-pill { display: inline-flex; width: max-content; align-items: center; gap: 7px; padding: 5px 9px; border: 1px solid #365443; border-radius: 999px; background: #0e2119; color: #93e5ba; font-size: .72rem; }
.state-pill.invited { border-color: #725038; background: #281b12; color: #f5bc91; }
.state-pill.blocked { border-color: #653b3e; background: #241316; color: #f1a3a8; }
.employee-controls { display: flex; flex-wrap: wrap; gap: 7px; justify-content: flex-end; }
.employee-controls .secondary-button { min-height: 35px; padding: 7px 10px; font-size: .76rem; }
.employee-controls .invitation-button { border-color: #8d5937; color: #ffd3b4; }
.employee-access-editor { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(180px, 1fr)); padding: 20px; border: 1px solid #393f47; border-radius: 8px; background: #0b0e12; }
.employee-access-editor h4 { grid-column: 1 / -1; margin: 0; }
.employee-access-editor .button { align-self: end; }
.employee-notification-editor { grid-column: 1 / -1; display: grid; gap: 12px; padding: 20px; border: 1px solid #393f47; border-radius: 8px; background: #0b0e12; }
.employee-notification-editor h4, .employee-notification-editor p { margin: 0; }
.employee-notification-editor > div { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); }
.employee-notification-editor fieldset { display: grid; gap: 8px; margin: 0; padding: 12px 14px; border: 1px solid var(--line); }
.employee-notification-editor legend { padding: 0 7px; color: #e8bd9d; }
.employee-notification-editor > button { justify-self: start; }
.commission-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 20px; align-items: center; padding: 25px; border: 1px solid #2b333c; border-radius: 10px; background: linear-gradient(145deg, #10151a, #0b0e12); }
.commission-icon { display: grid; place-items: center; width: 54px; height: 54px; border: 1px solid #744a31; border-radius: 50%; color: #efa36d; font-size: 1.5rem; box-shadow: inset 0 0 20px #b6602522; }
.commission-card p { max-width: 720px; margin: 6px 0 0; color: #89939d; line-height: 1.55; }
#api-usage-summary > div { min-width: 0; grid-column: 1 / -1; overflow-x: auto; }
#api-usage-summary table { width: 100%; min-width: 560px; border-collapse: collapse; margin: 14px 0; font-variant-numeric: tabular-nums; }
#api-usage-summary th, #api-usage-summary td { padding: 8px 10px; border-bottom: 1px solid #34404d; text-align: left; white-space: nowrap; }
#api-usage-summary th { color: #b5c1d0; font-size: .8rem; }
.status-pill { border-color: #4b5158; background: #16191d; color: #aeb5bc; }
.jarvis-shell { display: grid; justify-items: center; gap: 18px; padding: 54px 24px; border: 1px solid #2c343e; border-radius: 12px; background: radial-gradient(circle at 50% 45%, #3d231733, transparent 28%), #0c1014; text-align: center; }
.jarvis-orbit { display: grid; place-items: center; width: 92px; height: 92px; border: 1px solid #b56e3d; border-radius: 50%; box-shadow: 0 0 45px #d6743038, inset 0 0 30px #d6743022; animation: jarvis-breathe 3s ease-in-out infinite; }
.jarvis-orbit span { width: 22px; height: 22px; border-radius: 50%; background: #f3a268; box-shadow: 0 0 25px #f3a268; }
@keyframes jarvis-breathe { 50% { transform: scale(1.04); box-shadow: 0 0 65px #d674304f, inset 0 0 34px #d6743033; } }
.jarvis-shell p { color: #8e98a3; }
[hidden] { display: none !important; }

@media (max-width: 1000px) {
  .shell { padding: 0 32px; }
  .command-layout { grid-template-columns: 210px minmax(0, 1fr); }
  .authority-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .roster-headings { display: none; }
  .employee-card { grid-template-columns: 1fr 1fr; }
  .employee-controls { justify-content: flex-start; }
}
@media (max-width: 680px) {
  .entry { padding: 28px 18px; }
  .entry-content { gap: 30px; }
  .entry-emblem::before { filter: blur(14px) saturate(1.45) brightness(1.2); }
  .shell { padding: 0 22px; }
  header { min-height: 86px; flex-wrap: wrap; padding: 22px 0; gap: 16px; }
  .wordmark { font-size: 1.05rem; letter-spacing: .17em; }
  .sign-in { gap: 12px; font-size: .9rem; margin-left: auto; }
  .eyebrow { font-size: .8rem; margin-bottom: 18px; }
  .intro { font-size: 1.05rem; margin-bottom: 24px; }
  footer { flex-direction: column; gap: 9px; padding: 25px 0; }
  .setup-main { padding: 40px 0; }
  .setup-mark { width: 125px; margin-bottom: 25px; }
  .setup-links { gap: 12px 22px; }
  .setup-note { font-size: .95rem; }
  .form-pair { grid-template-columns: 1fr; }
  .auth-shell { padding-inline: 14px; }
  .auth-card { padding-inline: 20px; }
  .command-header { padding: 0 15px; }
  .command-identity div { display: none; }
  .command-layout { display: block; }
  .command-nav { position: sticky; z-index: 15; top: 78px; display: flex; min-height: auto; padding: 9px 12px; overflow-x: auto; border-right: 0; border-bottom: 1px solid #262d35; }
  .command-nav .nav-label, .authority-seal { display: none; }
  .command-nav-button { flex: 0 0 auto; display: flex; width: auto; min-height: 40px; white-space: nowrap; }
  .command-nav-button span { display: none; }
  .command-workspace { padding: 24px 16px 50px; }
  .workspace-heading { display: grid; }
  .authority-stats { grid-template-columns: 1fr 1fr; }
  .authority-stats article { min-height: 112px; padding: 16px; }
  .invitation-result { grid-template-columns: 1fr; }
  .roster-toolbar { align-items: stretch; flex-direction: column; }
  .roster-search { width: 100%; }
  .legacy-employee-note { grid-template-columns: 1fr; gap: 6px; }
  .employee-card { grid-template-columns: 1fr; gap: 11px; }
  .employee-access-editor { grid-template-columns: 1fr; }
  .commission-card { grid-template-columns: auto 1fr; }
  .commission-card .status-pill { grid-column: 2; }
}
@media (max-height: 540px) {
  .entry { padding-block: 20px; }
  .entry-content { gap: 18px; }
  .entry-emblem { width: min(100%, 72svh); }
}
@media (prefers-reduced-motion: reduce) {
  .entry-sign-in { transition: none; }
  .entry-emblem, .entry-brand, .entry-core, .entry-sign-in { animation: none; }
  .pcb-power { display: none; }
  .pcb-power g, .pcb-power path { animation: none; }
  .workspace-panel.active, .live-dot, .jarvis-orbit { animation: none; }
}
.authority-activity { margin-top: 2rem; }
.authority-activity-list { list-style: none; padding: 0; display: grid; gap: .75rem; }
.authority-activity-list li { display: grid; gap: .4rem; padding: 1rem; border: 1px solid #5f4d3b; border-radius: .75rem; background: #15191e; overflow-wrap: anywhere; }
.authority-activity-list small { color: #b7bec7; }
.company-employee-controls { margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid #835636; }
.company-editor-heading h2 { margin: .5rem 0; font-size: 1.7rem; }
.company-editor-heading p { max-width: 68ch; color: #b7bec7; }
.company-editor-status { min-height: 1.5rem; margin-block: 1rem; overflow-wrap: anywhere; }
.company-editor-workspace { display: grid; grid-template-columns: minmax(210px, .75fr) minmax(0, 2fr); gap: 1.5rem; align-items: start; }
.company-roster { position: sticky; top: 100px; display: grid; gap: 1rem; min-width: 0; }
.company-roster > label, .company-edit-fields > label { display: grid; gap: .6rem; }
.company-roster-list { display: grid; gap: .5rem; max-height: 65vh; overflow-y: auto; }
.company-person { display: grid; gap: .4rem; border: 1px solid #3d454f; border-radius: .45rem; padding: .9rem; background: #12161c; color: #edf0f2; text-align: left; font: inherit; cursor: pointer; overflow-wrap: anywhere; }
.company-person.selected { border-color: #e5a371; background: #2a1c15; box-shadow: inset 3px 0 #e5a371; }
.company-person small, .company-choice small { display: block; color: #b7bec7; font-size: .875rem; }
.company-profile { min-width: 0; padding: 1.25rem; background: #11161c; border: 1px solid #343d48; border-radius: .6rem; }
.company-profile:only-child { grid-column: 1 / -1; }
.company-profile-heading h3 { margin: 0; font-size: 1.35rem; }
.company-profile-heading p { color: #b7bec7; overflow-wrap: anywhere; }
.company-employee-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .85rem; padding-bottom: 1rem; border-bottom: 1px solid #343d48; }
.company-employee-facts dt { color: #b7bec7; font-size: .875rem; }
.company-employee-facts dd { margin: .35rem 0 0; overflow-wrap: anywhere; }
.company-edit-fields { border: 0; margin: 0; padding: 0; display: grid; gap: 1.1rem; min-width: 0; }
.company-edit-fields > legend { margin-bottom: 1.2rem; color: #f1be97; font-weight: 650; }
.company-access-form input:not([type=checkbox]), .company-access-form select, .company-roster input { width: 100%; min-width: 0; min-height: 44px; border: 1px solid #56616e; border-radius: .3rem; padding: .65rem; background: #090c10; color: #edf0f2; font: inherit; }
.company-choice-section { min-width: 0; border: 1px solid #3d454f; border-radius: .4rem; padding: .85rem; margin: 0; }
.company-choice-section legend { padding-inline: .35rem; }
.company-choice-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; }
.company-choice { display: flex; gap: .65rem; align-items: flex-start; padding: .75rem; border: 1px solid #3d454f; border-radius: .3rem; overflow-wrap: anywhere; }
.company-choice:has(input:checked) { border-color: #ae754c; background: #241b16; }
.company-choice input { flex: 0 0 auto; width: 18px; height: 18px; margin: .15rem 0 0; accent-color: #efac79; }
.company-choice strong { font-weight: 550; }
.company-choice small { margin-top: .35rem; }
.company-save-actions { display: flex; flex-wrap: wrap; gap: .75rem; padding-block: 1.25rem; }
.company-save-actions button { font: inherit; white-space: normal; cursor: pointer; }
.company-employee-controls button:disabled { opacity: .55; cursor: not-allowed; }
.company-employee-controls :focus-visible { outline: 2px solid #efac79; outline-offset: 3px; }
.company-events { margin-top: 1.25rem; border-top: 1px solid #3d454f; padding-top: 1rem; overflow-wrap: anywhere; }
.company-events summary { cursor: pointer; }
.company-events li { margin-block: .65rem; }
.company-employee-controls [hidden] { display: none !important; }
@media(max-width:1100px) { .company-editor-workspace { grid-template-columns: 1fr; } .company-roster { position: static; } .company-roster-list { max-height: 18rem; grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) { .company-choice-grid, .company-employee-facts, .company-roster-list { grid-template-columns: 1fr; } .company-profile { padding: .85rem; } .company-save-actions { flex-direction: column; } }

/* Command refinement: scoped to the native sign-in and workspace page. */
.command-ui { background: #080b10; }
.command-ui .auth-shell:not(.workspace-open) { display: flex; flex-direction: column; width: min(660px, 100%); min-height: 100svh; padding-top: clamp(24px, 5vh, 56px); padding-bottom: 24px; }
.command-ui .auth-home { margin-bottom: 28px; font-size: .875rem; }
.command-ui .auth-card { flex: none; border-radius: 18px; border-color: #38414b; border-top: 3px solid #ed9a5c; background: linear-gradient(145deg, #171d25, #10141b); padding: clamp(24px, 5vw, 44px); }
.command-ui .auth-card h1 { font-size: clamp(1.85rem, 4.5vw, 2.5rem); line-height: 1.18; margin-bottom: 20px; }
.command-ui .auth-card .eyebrow { margin-bottom: 16px; }
.command-ui .intro { font-size: 1rem; color: #bcc6d2; line-height: 1.65; }
.command-ui .sign-in-emblem { flex: none; width: min(68%, 240px); margin: auto auto 0; padding-top: 32px; }
.command-ui .auth-shell:not(.workspace-open) .sign-in-emblem { order: -1; width: 112px; max-width: 112px; margin: 0 auto 16px; padding-top: 0; align-self: center; }
@media (max-width: 700px) {
  .command-ui .auth-shell:not(.workspace-open) { padding-top: 12px; padding-bottom: 12px; }
  .command-ui .auth-home { margin-bottom: 8px; }
  .command-ui .auth-shell:not(.workspace-open) .sign-in-emblem { width: 64px; max-width: 64px; margin: 0 auto 8px; }
  .command-ui .auth-card { padding: 14px 14px 16px; }
  .command-ui .auth-card h1 { font-size: 1.42rem; margin-bottom: 8px; }
  .command-ui .auth-card .eyebrow { margin-bottom: 6px; }
  .command-ui .intro { margin-bottom: 10px; }
  .command-ui .sign-in-steps { gap: 8px 14px; padding-bottom: 10px; margin-bottom: 10px; }
}
.command-ui .sign-in-emblem img { animation: none; filter: drop-shadow(0 0 16px #d6864748); }
.sign-in-steps { display: flex; gap: 12px 24px; flex-wrap: wrap; padding: 0 0 22px; margin: 0 0 22px; border-bottom: 1px solid #36404b; list-style: none; }
.sign-in-steps li { display: flex; align-items: center; gap: 8px; color: #c7d0da; font-size: .875rem; line-height: 1.5; }
.sign-in-steps span { display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid #886447; border-radius: 50%; color: #ffc494; font-size: .75rem; }
.command-ui .auth-form label { font-size: .9375rem; }
.command-ui .auth-form input { border-radius: 7px; border-color: #546171; }
.command-ui :is(.button, .secondary-button) { min-height: 44px; font: 600 .9375rem/1.4 "Segoe UI", Arial, sans-serif; border-radius: 7px; }
.command-ui .auth-card .button { justify-content: center; min-height: 50px; }
.command-ui .auth-recovery-link { padding-top: 10px; font-size: .875rem; text-decoration: underline; line-height: 1.5; }
.command-ui :is(button, summary, a):focus-visible { outline: 2px solid #ffc391; outline-offset: 4px; }
.command-ui :is(button, input, select, textarea):disabled { opacity: .6; cursor: not-allowed; }
.command-ui .command-center { background: #0b0f15; }
.command-ui .command-header { min-height: 80px; background: #10151df5; border-color: #323b47; }
.command-ui .command-brand small, .command-ui .command-identity small { color: #a5b1c0; font-size: .75rem; letter-spacing: .06em; }
.command-ui .command-brand b { letter-spacing: .12em; }
.command-ui .live-dot { animation: none; box-shadow: none; }
.command-ui .command-layout { grid-template-columns: 240px minmax(0, 1fr); }
.command-ui .command-nav { top: 80px; padding: 24px 14px; min-height: calc(100vh - 80px); background: #10151d; border-color: #323b47; }
.command-ui .nav-label { color: #a1aebe; font-size: .75rem; letter-spacing: .12em; margin-bottom: 14px; }
.command-ui .command-nav-button { min-height: 50px; padding: 12px; margin-block: 5px; font-size: .9375rem; line-height: 1.4; color: #c3ccd6; }
.command-ui .command-nav-button span { color: #98a6b8; font-size: .75rem; }
.command-ui .command-nav-button.active { background: #362619; border-color: #926746; color: #ffe3cd; box-shadow: inset 3px 0 #f2b17f; }
.command-ui .command-nav-button.active span { color: #ffc391; }
.command-ui .authority-seal { margin: 28px 10px 0; border-color: #323b47; }
.command-ui .authority-seal > span { box-shadow: none; }
.command-ui .authority-seal strong { font-size: .875rem; }
.command-ui .authority-seal small { color: #a7b3c2; font-size: .8125rem; }
.command-ui .command-workspace { padding: clamp(24px, 3.2vw, 48px); width: 100%; max-width: 1560px; margin-inline: auto; }
.command-ui .workspace-summary { padding-bottom: 18px; border-bottom: 1px solid #2e3743; margin-bottom: 28px; color: #aebccc; font-size: .875rem; line-height: 1.6; }
.command-ui .workspace-heading h1 { font-size: clamp(2rem, 3.5vw, 3rem); line-height: 1.15; }
.command-ui .workspace-heading p:not(.eyebrow) { max-width: 68ch; color: #afbccb; }
.command-ui .workspace-heading .eyebrow { font-size: .875rem; letter-spacing: .09em; }
.command-ui .authority-stats article { background: #141b24; border-color: #35404d; box-shadow: none; min-height: 130px; }
.command-ui .authority-stats :is(small, span) { color: #afbccb; font-size: .875rem; line-height: 1.5; }
.command-ui .authority-stats small { letter-spacing: 0; text-transform: none; }
.command-ui .authority-stats .authority-status { background: #221c17; border-color: #795a41; }
.command-ui .authority-stats .authority-status strong { color: #ffd5b4; }
.command-ui .commission-card { background: #141b24; border-color: #3a4756; padding: 22px; margin-bottom: 24px; gap: 16px; }
.command-ui .commission-icon { width: 40px; height: 40px; border-radius: 10px; box-shadow: none; }
.command-ui .commission-card p { color: #b5c1d0; font-size: 1rem; }
.command-ui .status-pill { padding: 6px 10px; border: 1px solid #4b5868; border-radius: 6px; font-size: .8125rem; line-height: 1.5; color: #cbd5e1; }
.command-ui .program-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 16px; }
.command-ui .program-card { border-radius: 10px; padding: 22px; border-color: #35404d; background: #141b24; min-width: 0; overflow-wrap: anywhere; }
.command-ui .program-card small, .command-ui .program-company { font-size: .875rem; line-height: 1.6; color: #afbccb; }
.command-ui .program-card p { color: #b6c2d0; line-height: 1.6; }
.command-ui .roster-toolbar { gap: 20px; }
.command-ui .roster-toolbar span, .command-ui .roster-search span { color: #b2bfce; font-size: .875rem; }
.command-ui .employee-card { border-color: #35404d; background: #111820; }
.command-ui .employee-card p, .command-ui .employee-controls .secondary-button { font-size: .875rem; }
.command-ui .employee-controls .secondary-button { min-height: 44px; }
.command-ui .add-employee-panel summary small { color: #c0b7b0; font-size: .875rem; line-height: 1.6; }
.command-ui .owner-api-console { border-top: 3px solid #e5a16e; background: #141b24; border-color: #73563e; margin-top: 24px; }
.command-ui .owner-api-status { border-radius: 7px; padding: 14px 16px; background: #0b1017; border: 1px solid #3c4959; line-height: 1.6; }
.command-ui .owner-api-next-step { margin: 0 0 22px; padding-left: 14px; border-left: 2px solid #e5a16e; color: #f5d4b9; font-size: 1rem; line-height: 1.6; }
.command-ui .owner-api-note { color: #b5c1d0; font-size: .9375rem; }
.api-cost-overview { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin: 24px 0; border: 1px solid #35404d; border-radius: 10px; background: #35404d; overflow: hidden; }
.api-cost-overview > div { min-width: 0; padding: 22px; background: #111820; }
.api-cost-overview dt { font-size: .875rem; color: #b5c1d0; }
.api-cost-overview dd { margin: 12px 0 8px; font-size: clamp(1.3rem, 2.4vw, 1.75rem); font-weight: 550; color: #f3d0b3; }
.api-cost-overview small { display: block; color: #b5c1d0; line-height: 1.6; font-size: .875rem; }
.command-ui .api-provider { min-height: 90px; gap: 5px; }
.setup-details { border: 1px solid #35404d; border-radius: 10px; background: #111820; margin-top: 24px; }
.setup-details > summary { padding: 20px 22px; font-size: 1rem; font-weight: 600; cursor: pointer; line-height: 1.5; }
.setup-details > summary::marker { color: #efac79; }
.setup-details[open] > summary { border-bottom: 1px solid #35404d; }
.setup-details-body { padding: 4px 22px 14px; color: #b5c1d0; line-height: 1.7; }
.command-ui .setup-details .api-readiness { border: 0; border-radius: 0; background: transparent; }
.security-checklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.security-guide { padding: 24px; background: #141b24; border: 1px solid #35404d; border-radius: 10px; min-width: 0; }
.security-guide .eyebrow { margin-bottom: 14px; font-size: .875rem; letter-spacing: .08em; }
.security-guide h2 { font-size: 1.35rem; line-height: 1.4; margin: 0 0 12px; }
.security-guide p:not(.eyebrow) { color: #bac6d4; font-size: 1rem; line-height: 1.7; }
.security-guide .secondary-button { display: inline-flex; align-items: center; margin: 4px 0 16px; }
.message-history { min-width: 0; }
.message-history-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 16px 0; }
.message-history-toolbar p { flex: 1; margin: 0; min-width: min(240px, 100%); }
.message-history-filters { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; margin: 20px 0; }
.message-history-filters label { display: flex; flex: 1 1 160px; min-width: 0; flex-direction: column; gap: 6px; font-size: .875rem; }
.message-history-filters :is(input,select) { width: 100%; min-width: 0; min-height: 44px; color: var(--ink); background: #191a1d; border: 1px solid #5a5c61; border-radius: 7px; padding: 9px; color-scheme: dark; }
.message-history-filters :is(input,select):focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.message-history-coverage { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.message-history-state { min-height: 1.5em; }
.message-history button:disabled, .message-history :is(select,input):disabled { opacity: .55; cursor: not-allowed; }
.security-guide small { display: block; color: #aebccc; font-size: .875rem; line-height: 1.6; }
.command-ui .talk-console :is(.talk-note, label, .talk-saved-requests) { font-size: .9375rem; }
.command-ui .talk-console :is(.talk-reference, .talk-speaker) { font-size: .8125rem; }
.command-ui .talk-status { color: #f4d4b8; background: #241d17; border-color: #7a5b43; }
.command-ui .talk-history, .command-ui .talk-answer { background: #141b24; border-color: #35404d; }
.command-ui .talk-console :is(.talk-heading, .talk-section-heading) { flex-wrap: wrap; }
.command-ui .talk-console :is(input, select, textarea) { min-height: 46px; border-color: #536071; }
.command-ui .talk-console .talk-selectors label { min-width: min(180px, 100%); }
.command-ui :is(.command-workspace, .auth-card) { overflow-wrap: anywhere; }
@media (max-width: 1120px) {
  .command-ui .command-layout { grid-template-columns: 210px minmax(0, 1fr); }
  .security-checklist { grid-template-columns: 1fr; }
  .command-ui .talk-layout { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .command-ui .command-layout { display: block; }
  .command-ui .command-header { position: static; padding: 16px; flex-wrap: wrap; gap: 16px; }
  .command-ui .command-identity { margin-left: auto; }
  .command-ui .command-identity div { display: none; }
  .command-ui .command-nav { position: static; display: flex; min-height: 0; padding: 10px 12px; overflow-x: auto; border-right: 0; border-bottom: 1px solid #35404d; gap: 6px; }
  .command-ui .command-nav :is(.nav-label, .authority-seal) { display: none; }
  .command-ui .command-nav-button { display: flex; flex: 0 0 auto; width: auto; min-height: 44px; white-space: nowrap; }
  .command-ui .command-nav-button span { display: none; }
  .command-ui .command-workspace { padding: 24px 16px 48px; }
  .api-cost-overview { grid-template-columns: 1fr; }
  .api-cost-overview > div { padding: 18px 20px; }
  .api-cost-overview dd { margin-top: 6px; }
  .command-ui .commission-card { grid-template-columns: auto minmax(0, 1fr); padding: 18px; }
  .command-ui .commission-card .status-pill { grid-column: 2; justify-self: start; }
  .command-ui .workspace-heading { display: grid; gap: 18px; }
  .command-ui .authority-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 380px) {
  .command-ui .authority-stats { grid-template-columns: 1fr; }
  .command-ui .command-identity { margin-left: 0; }
  .command-ui .commission-card { grid-template-columns: minmax(0, 1fr); }
  .command-ui .commission-card .commission-icon { display: none; }
  .command-ui .commission-card .status-pill { grid-column: 1; }
}

/* A connected-program consent ceremony is not the administration workspace. */
.command-ui .auth-shell.workspace-open.consent-flow { display: flex; flex-direction: column; width: min(660px, 100%); min-height: 100vh; min-height: 100svh; padding: clamp(24px, 5vh, 56px) 24px 24px; }
.consent-flow :is(.command-brand, .command-nav, .workspace-summary, [data-workspace-panel]) { display: none !important; }
.command-ui .consent-flow .command-center { min-height: 0; background: transparent; }
.command-ui .consent-flow .command-layout { display: block; }
.command-ui .consent-flow .command-header { position: static; justify-content: flex-end; min-height: 0; padding: 0 0 18px; border: 0; background: transparent; backdrop-filter: none; }
.command-ui .consent-flow .command-identity div { display: block; }
.command-ui .consent-flow .command-workspace { width: 100%; margin: 0; padding: clamp(24px, 5vw, 44px); border: 1px solid #38414b; border-top: 3px solid #ed9a5c; border-radius: 18px; background: linear-gradient(145deg, #171d25, #10141b); }
.consent-flow #oauth-consent { margin: 0; padding: 0; border: 0; }
.consent-flow > .auth-status { position: static; max-width: 100%; margin: 18px 0 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
.consent-flow .sign-in-emblem { display: block; }
.login-setup-page .shell { display: flex; flex-direction: column; min-height: 100vh; min-height: 100svh; }
.login-setup-page .setup-main { width: 100%; min-height: 0; margin-inline: auto; padding: clamp(32px, 6vw, 64px) 0 36px; }
.login-setup-page .setup-main h1 { font-size: clamp(1.85rem, 4.5vw, 2.5rem); line-height: 1.18; }
.login-setup-page .setup-footer { display: block; margin-top: auto; padding: 0 0 24px; border: 0; }

/* Phone width: keep sign-in, recovery and setup inside the viewport. */
.auth-shell, .auth-card, .auth-form, .shell, .setup-main, .setup-footer { min-width: 0; max-width: 100%; }
.auth-form input, .auth-form .button, .auth-step .button { min-width: 0; max-width: 100%; }
.sign-in-emblem { min-width: 0; max-width: min(68%, 240px); align-self: center; }
.sign-in-emblem img { max-width: 100%; min-width: 0; }
@media (max-width: 760px) {
  html, body { overflow-x: clip; }
  .shell { width: 100%; padding-left: 16px; padding-right: 16px; }
  header, footer { min-width: 0; }
  .wordmark { min-width: 0; letter-spacing: .08em; }
  .auth-shell,
  .command-ui .auth-shell:not(.workspace-open),
  .command-ui .auth-shell.workspace-open.consent-flow { width: 100%; max-width: 100%; padding-left: 16px; padding-right: 16px; overflow-x: clip; }
  .auth-card { padding: 22px 16px; }
  .auth-card h1, .setup-main h1, .login-setup-page .setup-main h1 { font-size: clamp(1.65rem, 7.2vw, 2.15rem); overflow-wrap: anywhere; }
  .intro, .auth-home, .eyebrow { overflow-wrap: anywhere; }
  .button { gap: 12px; white-space: normal; }
}