:root {
  --canvas: #f1efe8;
  --paper: #fbfaf6;
  --ink: #17242b;
  --muted: #68757a;
  --line: #d7d8d1;
  --navy: #112d38;
  --lime: #b8ef62;
  --blue: #267cb0;
  --blue-soft: #e8f4fa;
  --amber: #b86d1d;
  --amber-soft: #fff2df;
  --red: #b9433e;
  font-family: "Bahnschrift", "Microsoft YaHei", sans-serif;
  color: var(--ink);
  background: var(--canvas);
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 980px; background: var(--canvas); }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .42; }

body::before {
  content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .35;
  background-image: radial-gradient(rgba(17,45,56,.12) .45px, transparent .45px);
  background-size: 5px 5px;
}

.shell { width: min(1540px, calc(100vw - 36px)); margin: 0 auto; padding-bottom: 18px; position: relative; }
.topbar { min-height: 62px; display: flex; align-items: center; gap: 28px; position: sticky; top: 0; z-index: 20; background: rgba(241,239,232,.94); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); }
.wordmark { display: flex; align-items: center; gap: 9px; color: var(--navy); text-decoration: none; font-size: 12px; font-weight: 900; letter-spacing: .11em; white-space: nowrap; }
.wordmark em { color: #4d8612; font-style: normal; }
.signal-mark { width: 22px; height: 21px; display: flex; gap: 3px; align-items: end; transform: skewX(-12deg); }
.signal-mark i { width: 5px; display: block; background: var(--navy); }.signal-mark i:nth-child(1){height:8px}.signal-mark i:nth-child(2){height:18px;background:#6baf29}.signal-mark i:nth-child(3){height:12px}
.topnav { display: flex; gap: 5px; }.topnav a { padding: 8px 10px; color: #5f6d72; text-decoration: none; font-size: 11px; border-radius: 6px; }.topnav a:hover { color: var(--navy); background: rgba(17,45,56,.06); }
.live-status { margin-left: auto; display: flex; align-items: center; gap: 13px; }.live-status strong { font-family: "Cascadia Mono", monospace; font-size: 12px; }.meeting-state { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:11px; }.state-dot,.health-light { width:7px; height:7px; border-radius:50%; background:#99a2a1; display:inline-block; }.meeting-state.active .state-dot,.health-row.good .health-light { background:#6aaf28; box-shadow:0 0 0 4px rgba(106,175,40,.12); }.meeting-state.warn .state-dot,.health-row.warn .health-light { background:#df922f; }.meeting-state.error .state-dot,.health-row.error .health-light { background:var(--red); }.session-code { color:#879194; font-family:"Cascadia Mono",monospace; font-size:8px; letter-spacing:.08em; }
.compact-controls { display:flex; gap:6px; }.compact-controls button { padding:7px 10px; border:1px solid var(--line); border-radius:6px; background:var(--paper); color:#4e5e64; font-size:10px; }.compact-controls button:hover:not(:disabled) { border-color:#98a2a0; color:var(--navy); }.compact-controls .export-button { color:var(--paper); border-color:var(--navy); background:var(--navy); }

.health-ribbon { min-height: 32px; display: flex; align-items: center; gap: 18px; border-bottom: 1px solid var(--line); color: #667378; }.health-row { display:flex; align-items:center; gap:6px; font-family:"Cascadia Mono",monospace; font-size:8px; }.health-row strong { color:#526166; font-weight:600; text-transform:uppercase; }.transport-readout { margin-left:auto; color:#879194; font-family:"Cascadia Mono",monospace; font-size:8px; }

.setup-panel { margin: 14px 0; padding: 14px 16px; display: grid; grid-template-columns: minmax(250px,1.15fr) 190px 120px minmax(220px,.9fr) 130px; gap: 14px; align-items: end; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); box-shadow: 0 10px 35px rgba(28,42,45,.04); }
.session-live .setup-panel:not(.force-open) { display:none; }.setup-copy p,.section-heading p,.leader-board header p { margin:0; color:#678029; font-family:"Cascadia Mono",monospace; font-size:8px; letter-spacing:.14em; }.setup-copy h1 { margin:4px 0 2px; font-family:"Iowan Old Style","STKaiti",serif; font-size:23px; font-weight:600; }.setup-copy span { color:var(--muted); font-size:10px; }.mode-switch { margin:0; padding:0; border:0; display:flex; gap:9px; flex-wrap:wrap; }.mode-switch legend,.field-label { color:#69777b; font-size:9px; letter-spacing:.04em; }.mode-switch label { color:#34474e; font-size:10px; }.mode-switch input { accent-color:#6baf29; }.field-label { display:grid; gap:5px; }.field-label input,.field-label select { width:100%; height:34px; padding:0 9px; color:var(--ink); background:#fff; border:1px solid var(--line); border-radius:6px; outline:none; font-size:10px; }.field-label input:focus,.field-label select:focus { border-color:#7ba53f; box-shadow:0 0 0 3px rgba(123,165,63,.11); }.start-button { height:36px; border:0; border-radius:7px; background:var(--navy); color:#fff; font-size:11px; font-weight:800; }.start-button span { color:var(--lime); }.privacy-note { grid-column:1 / -1; margin:0; padding-top:8px; border-top:1px solid #e4e4de; color:#8a9292; font-size:9px; }

.cockpit { display:grid; grid-template-columns:minmax(620px,1.55fr) minmax(400px,.82fr); gap:14px; align-items:start; }.brief-stage,.assistant-stage { min-width:0; border:1px solid var(--line); border-radius:14px; background:var(--paper); box-shadow:0 14px 45px rgba(28,42,45,.045); }.brief-stage { padding:20px; }.assistant-stage { padding:18px; position:sticky; top:108px; }
.section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:14px; }.section-heading h2 { margin:4px 0 0; font-family:"Iowan Old Style","STKaiti",serif; font-size:26px; line-height:1; font-weight:600; }.brief-actions { display:flex; align-items:center; gap:8px; }.brief-actions span { color:#8a9495; font-size:9px; }.brief-actions button { padding:6px 9px; color:#496218; background:#f5faed; border:1px solid #cadcae; border-radius:6px; font-size:9px; }
.overview-card { min-height:130px; padding:20px 22px; position:relative; overflow:hidden; color:#f4f7f2; background:var(--navy); border-radius:11px; }.overview-card::after { content:""; position:absolute; width:190px; height:190px; right:-70px; top:-100px; border:1px solid rgba(184,239,98,.24); border-radius:50%; }.source-chip { color:var(--lime); font-family:"Cascadia Mono",monospace; font-size:8px; letter-spacing:.1em; }.overview-card h3 { max-width:78%; margin:13px 0 7px; font-family:"Iowan Old Style","STKaiti",serif; font-size:27px; line-height:1.08; font-weight:500; }.overview-card p { max-width:82%; margin:0; color:#bfc9c6; font-size:11px; line-height:1.65; }
.brief-grid { margin-top:12px; display:grid; grid-template-columns:1fr 1fr; gap:10px; }.brief-card { min-height:150px; padding:14px; border:1px solid #dedfd9; border-radius:9px; background:#fff; }.brief-card header { display:flex; align-items:center; gap:9px; padding-bottom:9px; border-bottom:1px solid #ecece7; }.brief-card header span { color:#6e982e; font-family:"Cascadia Mono",monospace; font-size:8px; }.brief-card h3 { margin:0; font-size:12px; }.brief-list { display:grid; gap:7px; margin-top:9px; }.brief-item { padding-left:10px; border-left:2px solid #c9d6bd; }.brief-item strong { display:block; color:#26383f; font-size:10px; line-height:1.45; }.brief-item p { margin:3px 0 0; color:#748084; font-size:9px; line-height:1.5; }.evidence-link { display:inline-block; margin-top:4px; color:#587426; background:transparent; border:0; padding:0; font-family:"Cascadia Mono",monospace; font-size:7px; }.empty-list { color:#9ba2a1; font-size:10px; place-content:center; }
.leader-board { margin-top:12px; padding:15px; border-radius:10px; background:#edf4f6; border:1px solid #d5e3e6; }.leader-board header { display:flex; justify-content:space-between; align-items:flex-start; }.leader-board header h3 { margin:4px 0 0; font-family:"Iowan Old Style","STKaiti",serif; font-size:20px; }.leader-board header>span { color:#6e858d; font-family:"Cascadia Mono",monospace; font-size:7px; }.leader-grid { display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:10px; margin-top:12px; }.leader-grid>div { padding:11px; border-radius:7px; background:rgba(255,255,255,.72); }.leader-grid h4 { margin:0 0 6px; color:#267096; font-size:9px; }.leader-grid p,.mini-list { margin:0; color:#53666c; font-size:9px; line-height:1.55; }.mini-list div+div { margin-top:5px; }

.transcript-drawer { margin-top:12px; border:1px solid var(--line); border-radius:9px; overflow:hidden; }.transcript-drawer>summary { padding:12px 14px; display:flex; justify-content:space-between; cursor:pointer; list-style:none; background:#f6f5f0; }.transcript-drawer>summary span { font-size:11px; font-weight:700; }.transcript-drawer>summary em { color:#7d888a; font-style:normal; font-size:9px; }.context-strip { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.context-strip>div { padding:9px 14px; }.context-strip>div+div { border-left:1px solid var(--line); }.context-strip span,.context-strip em { color:#7e898a; font-family:"Cascadia Mono",monospace; font-size:7px; font-style:normal; }.context-strip strong { margin:0 6px; color:#5d8420; font-size:12px; }.context-evidence { margin:10px; border:1px solid var(--line); font-size:9px; }.context-evidence summary { padding:8px; cursor:pointer; color:#5b732e; }.context-evidence>div { padding:0 9px 8px; }.context-evidence h3 { margin:5px 0; font-size:9px; }.context-evidence div div { color:#68777a; white-space:pre-wrap; line-height:1.5; }.transcript { max-height:330px; overflow-y:auto; padding:2px 14px 10px; }.empty-transcript { min-height:130px; display:grid; place-content:center; text-align:center; color:#909999; }.empty-wave { color:#78a53a; font-size:30px; }.transcript-entry { display:grid; grid-template-columns:46px 1fr; gap:9px; padding:9px 0; border-bottom:1px solid #ecece7; }.transcript-entry time { color:#6f982f; font-family:"Cascadia Mono",monospace; font-size:8px; }.transcript-entry p { margin:0; color:#34474d; font-size:10px; line-height:1.55; }.transcript-entry .meta { display:block; margin-top:3px; color:#929a9a; font-family:"Cascadia Mono",monospace; font-size:7px; }.interim-line { min-height:32px; padding:8px 14px; color:#869092; border-top:1px solid var(--line); font-size:9px; font-style:italic; }

.assistant-heading { margin-bottom:10px; }.assistant-heading kbd { color:#52751d; border:1px solid #c8d9ae; border-radius:5px; padding:5px 7px; font-family:"Cascadia Mono",monospace; font-size:7px; }.assistant-tabs { display:grid; grid-template-columns:repeat(3,1fr); padding:3px; gap:3px; border-radius:8px; background:#ebeae5; }.assistant-tabs button { padding:8px 5px; border:0; border-radius:6px; color:#687579; background:transparent; font-size:9px; }.assistant-tabs button.active { color:#fff; background:var(--navy); }.assistant-panel { padding-top:12px; }.assistant-panel[hidden] { display:none; }
.handoff-card { padding:13px; border:1px solid #d8e5e8; border-radius:9px; background:var(--blue-soft); }.handoff-card header { display:flex; justify-content:space-between; align-items:center; }.handoff-card header span { color:#4280a0; font-family:"Cascadia Mono",monospace; font-size:7px; }.handoff-card header strong { color:#205d7b; font-size:10px; }.handoff-list { margin-top:9px; display:grid; gap:7px; }.handoff-list>p { margin:0; color:#71848a; font-size:9px; line-height:1.55; }.handoff-item { padding:9px; border-radius:7px; background:#fff; }.handoff-item strong { display:block; color:#235e7a; font-size:10px; line-height:1.45; }.handoff-item p { margin:5px 0 0; color:#576a70; font-size:9px; line-height:1.55; }.verify-flag { display:inline-block; margin-top:5px; color:var(--amber); font-family:"Cascadia Mono",monospace; font-size:7px; }
.question-box { margin-top:10px; display:grid; grid-template-columns:1fr 82px; gap:7px; }.question-box textarea,.behavior-log input,.direct-composer textarea,.research-desk textarea,.research-desk input { width:100%; color:var(--ink); background:#fff; border:1px solid var(--line); border-radius:7px; outline:none; padding:9px 10px; font-size:10px; line-height:1.5; }.question-box textarea { resize:none; height:54px; }.question-box textarea:focus,.behavior-log input:focus,.direct-composer textarea:focus,.research-desk textarea:focus,.research-desk input:focus { border-color:#6c9a2c; box-shadow:0 0 0 3px rgba(108,154,44,.1); }.question-box button { border:0; border-radius:7px; color:#fff; background:var(--navy); font-size:9px; }.question-box button span { display:block; margin-top:4px; color:var(--lime); }
.answer-card { margin-top:9px; min-height:150px; padding:14px; border:1px solid #dfe1db; border-radius:9px; background:#fff; }.answer-index { color:#6a902d; font-family:"Cascadia Mono",monospace; font-size:7px; letter-spacing:.1em; }.answer-content { margin-top:9px; white-space:pre-wrap; color:#26383e; font-family:"Iowan Old Style","STKaiti",serif; font-size:13px; line-height:1.6; }.answer-placeholder { color:#8a9494; font-family:"Bahnschrift","Microsoft YaHei",sans-serif; font-size:10px; }.answer-content.is-streaming::after,.direct-answer.is-streaming::after,#researchResultContent.is-streaming::after { content:"▋"; color:#6b9d2c; animation:blink .8s step-end infinite; }.latency-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:8px; }.latency-grid div { padding:7px; border-radius:6px; background:#f0f2ed; }.latency-grid span { color:#808a8b; font-size:7px; }.latency-grid strong { display:block; margin-top:3px; font-family:"Cascadia Mono",monospace; font-size:9px; }.behavior-log { margin-top:10px; padding-top:10px; border-top:1px solid var(--line); }.behavior-log p { margin:0 0 7px; font-size:10px; }.behavior-log small { color:var(--amber); font-size:8px; }.label-row { display:flex; flex-wrap:wrap; gap:4px; margin-bottom:7px; }.label-row button { padding:5px 6px; border:1px solid var(--line); border-radius:5px; background:#fff; color:#607075; font-size:8px; }.label-row button.active { color:#fff; background:#5c8b25; }.label-row button[data-label="critical_error"].active { background:var(--red); }

.panel-explainer { display:flex; justify-content:space-between; align-items:center; }.panel-explainer strong { font-family:"Iowan Old Style","STKaiti",serif; font-size:19px; }.panel-explainer span { color:#6e848b; font-family:"Cascadia Mono",monospace; font-size:7px; }.direct-desk>p,.research-desk>p { margin:7px 0 11px; color:#748185; font-size:9px; line-height:1.55; }.direct-composer { display:grid; grid-template-columns:1fr 64px; gap:7px; }.direct-composer textarea { resize:vertical; }.direct-composer button { border:0; border-radius:7px; color:#fff; background:var(--blue); font-size:9px; }.direct-composer button span { display:block; margin-top:4px; }.direct-history { display:grid; gap:8px; margin-top:10px; max-height:430px; overflow-y:auto; }.direct-empty { padding:16px; border:1px dashed var(--line); border-radius:7px; color:#939b9b; font-size:9px; }.direct-turn { padding:10px; border-radius:8px; background:#f0f6f8; }.direct-question { margin:0 0 6px; color:#367a99; font-family:"Cascadia Mono",monospace; font-size:8px; line-height:1.45; }.direct-question::before { content:"YOU / "; }.direct-answer { white-space:pre-wrap; color:#293d44; font-family:"Iowan Old Style","STKaiti",serif; font-size:12px; line-height:1.6; }.direct-meta { margin-top:6px; color:#829093; font-family:"Cascadia Mono",monospace; font-size:7px; }
.research-desk form { display:grid; gap:7px; }.research-desk label,.research-query-row { color:#6e7879; font-size:8px; }.research-query-row { display:flex; justify-content:space-between; align-items:center; }.research-query-row button,.search-launchers button { padding:5px 7px; border:1px solid #e2bc87; border-radius:5px; color:#9b5e1c; background:var(--amber-soft); font-size:8px; }.search-launchers { display:flex; gap:5px; }.research-submit { display:flex; justify-content:space-between; padding:9px; border:0; border-radius:7px; color:#fff; background:#9d611f; font-size:9px; }.research-result { margin-top:10px; padding:10px; border-radius:8px; background:var(--amber-soft); }.research-result-meta { display:flex; justify-content:space-between; font-size:8px; }.research-result-meta a { color:#8b571e; }.research-result #researchResultContent { margin-top:8px; white-space:pre-wrap; color:#4e4438; font-family:"Iowan Old Style","STKaiti",serif; font-size:12px; line-height:1.6; }
.recovery-banner { margin-top:10px; padding:8px 10px; border-left:3px solid var(--amber); border-radius:5px; color:#855117; background:var(--amber-soft); font-size:9px; }.footer-note { display:flex; justify-content:center; align-items:center; gap:8px; padding:13px; color:#8b9392; font-family:"Cascadia Mono",monospace; font-size:8px; }.footer-note i { width:3px; height:3px; border-radius:50%; background:#7a9d48; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@keyframes blink { 50% { opacity:0; } }

@media (max-width: 1120px) {
  .shell { width:calc(100% - 24px); }
  body { min-width:0; }.shell { width:calc(100vw - 24px); }.topnav { display:none; }.cockpit { grid-template-columns:1fr; }.assistant-stage { position:static; }.setup-panel { grid-template-columns:1fr 1fr 1fr; }.setup-copy { grid-column:1 / -1; }.hotword-field { grid-column:span 2; }.leader-grid { grid-template-columns:1fr; }
  .shell { width:calc(100% - 24px); }
}
@media (max-width: 680px) {
  .shell { width:calc(100% - 12px); }
  .shell { width:calc(100vw - 12px); }.topbar { min-height:54px; gap:8px; }.wordmark { font-size:9px; }.wordmark>span:last-child { display:none; }.session-code,.compact-controls #settingsToggle,.health-ribbon #systemHealth,.compact-controls button:disabled { display:none; }.live-status { margin-left:auto; gap:7px; }.compact-controls { gap:4px; }.compact-controls button { padding:6px 7px; }.health-ribbon { gap:11px; }.transport-readout { max-width:105px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.setup-panel { grid-template-columns:1fr 1fr; }.setup-copy,.hotword-field,.privacy-note { grid-column:1 / -1; }.cockpit { gap:8px; }.brief-stage,.assistant-stage { padding:13px; border-radius:10px; }.overview-card h3,.overview-card p { max-width:92%; }.overview-card h3 { font-size:22px; }.brief-grid { grid-template-columns:1fr; }.brief-card { min-height:105px; }.section-heading h2 { font-size:22px; }.brief-actions span { display:none; }.leader-board header>span { max-width:110px; text-align:right; }.transcript-drawer>summary em { max-width:150px; text-align:right; }.assistant-tabs button { font-size:8px; }.direct-history { max-height:330px; }
  .shell { width:calc(100% - 12px); }
}

/* Access layer: the cockpit is only initialized after an authenticated identity
   has selected its own browser-storage namespace. */
.auth-screen { position:fixed; z-index:100; inset:0; display:grid; place-items:center; padding:20px; overflow:auto; background:rgba(241,239,232,.96); backdrop-filter:blur(8px); }
.auth-card { width:min(460px,100%); padding:30px; border:1px solid var(--line); border-top:4px solid var(--navy); border-radius:12px; background:var(--paper); box-shadow:0 26px 80px rgba(17,45,56,.15); }
.auth-mark { display:flex; align-items:center; gap:9px; color:var(--navy); font-size:11px; font-weight:900; letter-spacing:.12em; }.auth-mark em { color:#4d8612; font-style:normal; }
.auth-kicker { margin:31px 0 7px; color:#66802b; font-family:"Cascadia Mono",monospace; font-size:8px; letter-spacing:.14em; }.auth-card h1,.dialog-top h2 { margin:0; font-family:"Iowan Old Style","STKaiti",serif; font-size:33px; font-weight:600; line-height:1.05; }.auth-copy,.dialog-copy { margin:12px 0 21px; color:#6f7c7e; font-size:11px; line-height:1.65; }
.auth-form { display:grid; gap:12px; }.auth-form label,.create-user-form label { display:grid; gap:5px; color:#657276; font-size:9px; }.auth-form input,.create-user-form input,.create-user-form select { min-width:0; width:100%; height:38px; padding:0 10px; color:var(--ink); border:1px solid var(--line); border-radius:6px; outline:0; background:#fff; font-size:12px; }.auth-form input:focus,.create-user-form input:focus,.create-user-form select:focus { border-color:#6e982e; box-shadow:0 0 0 3px rgba(110,152,46,.12); }.auth-form button,.create-user-form button { min-height:39px; border:0; border-radius:6px; color:#fff; background:var(--navy); font-weight:800; font-size:11px; text-align:left; padding:0 13px; }.auth-form button span { float:right; color:var(--lime); font-size:16px; }.form-message { min-height:15px; margin:0; color:#52751d; font-size:9px; line-height:1.5; }.form-message.is-error { color:var(--red); }
.account-dialog { width:min(520px,calc(100% - 24px)); padding:21px; color:var(--ink); border:1px solid var(--line); border-top:4px solid var(--navy); border-radius:11px; background:var(--paper); box-shadow:0 24px 70px rgba(17,45,56,.22); }.account-dialog::backdrop { background:rgba(17,45,56,.38); backdrop-filter:blur(3px); }.dialog-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }.dialog-top .auth-kicker { margin:0 0 6px; }.dialog-top h2 { font-size:27px; }.icon-button { width:29px; height:29px; border:1px solid var(--line); border-radius:50%; color:#58676b; background:#fff; font-size:19px; line-height:1; }.account-details { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:24px 0 15px; padding:15px; border:1px solid #d9dfd8; border-radius:8px; background:#fff; }.account-details strong { font-size:13px; }.account-details span { color:#638224; font-family:"Cascadia Mono",monospace; font-size:8px; }.account-actions { display:grid; gap:7px; }.account-actions button { padding:10px 11px; color:#405156; border:1px solid var(--line); border-radius:6px; background:#fff; font-size:10px; text-align:left; }.account-actions .danger-action { color:#a63732; border-color:#e3bbb8; background:#fff7f6; }.compact-form { margin-top:18px; }
.admin-dialog { width:min(950px,calc(100% - 24px)); }.admin-tabs { display:flex; gap:4px; margin:21px 0 14px; padding:3px; border-radius:7px; background:#e8e9e2; }.admin-tabs button { flex:1; padding:8px; color:#6b787b; border:0; border-radius:5px; background:transparent; font-size:9px; }.admin-tabs button.active { color:#fff; background:var(--navy); }.create-user-form { display:grid; grid-template-columns:1fr 1fr 110px 100px; gap:8px; align-items:end; }.create-user-form button { height:38px; padding:0 9px; text-align:center; }.admin-table-wrap { overflow:auto; margin-top:10px; border:1px solid var(--line); border-radius:7px; background:#fff; }table { width:100%; border-collapse:collapse; font-size:10px; }th,td { padding:10px; border-bottom:1px solid #e8e8e3; text-align:left; vertical-align:middle; }th { color:#718083; background:#f4f4ef; font-family:"Cascadia Mono",monospace; font-size:8px; font-weight:500; letter-spacing:.06em; }td strong,td small { display:block; }td small { margin-top:3px; color:#879294; font-family:"Cascadia Mono",monospace; font-size:8px; }.row-actions { display:flex; gap:5px; flex-wrap:wrap; }.row-actions button { padding:5px 7px; color:#506268; border:1px solid var(--line); border-radius:4px; background:#fff; font-size:8px; }.status-pill { display:inline-block; padding:3px 6px; border-radius:20px; color:#477016; background:#edf5e1; font-size:8px; }.status-pill.muted { color:#7b5551; background:#f6e8e6; }.usage-summary { padding:13px; color:#496318; border:1px solid #cfdfb8; border-radius:7px; background:#f5faed; font-size:10px; }
@media (max-width:680px) { .auth-card{padding:23px 19px}.auth-card h1{font-size:29px}.account-dialog{padding:17px}.create-user-form{grid-template-columns:1fr 1fr}.create-user-form label:last-of-type{grid-column:span 1}.create-user-form button{grid-column:span 1}.admin-table-wrap{margin-left:-1px;margin-right:-1px}.account-button{padding:6px 7px} }