:root {
  --base: #0b0c10; --rail: #101015; --surface: #15151c; --raised: #1c1b24;
  --ink: #eceaf0; --secondary: #a09aac; --copper: #e0955f; --line: #2d2a36;
  --green: #9ac8ae; --red: #e5a6ac; --radius: 14px;
  --sans: 'Instrument Sans', system-ui, sans-serif;
  --mono: 'Geist Mono', ui-monospace, monospace;
}
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(ellipse at 86% 0, #23182155, transparent 48%), var(--base); color: var(--ink); font: 14px/1.5 var(--sans); -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; color: inherit; }
button, select { cursor: pointer; }
button { border: 0; background: none; }
button:disabled { cursor: not-allowed; color: var(--secondary); }
button, input, select, textarea { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--copper); outline-offset: 4px; }
[hidden] { display: none !important; }
h1, h2, h3, p { margin: 0; }
h1 { font-size: 34px; line-height: 1.15; font-weight: 600; letter-spacing: -.045em; }
h2 { font-size: 17px; font-weight: 600; letter-spacing: -.02em; }
h3 { font-size: 14px; font-weight: 600; }
small { font-size: 12px; }
.num, time { font-family: var(--mono); font-variant-numeric: tabular-nums; }
.secondary { color: var(--secondary); }
.skip { position: fixed; left: 16px; top: -80px; z-index: 10; padding: 12px 20px; background: var(--copper); color: var(--base); border-radius: 8px; }
.skip:focus { top: 12px; }
.shell { display: grid; grid-template-columns: 224px minmax(0, 1fr); min-height: 100dvh; }
.rail { position: sticky; top: 0; height: 100dvh; background: var(--rail); border-right: 1px solid var(--line); padding: 32px 18px 22px; display: flex; flex-direction: column; }
.brand { display: flex; gap: 11px; align-items: center; padding: 0 8px; margin-bottom: 40px; }
.brand-mark { width: 29px; height: 29px; flex: none; border: 1px solid #76604f; border-radius: 9px; display: grid; place-items: center; }
.brand-mark::after { content: ''; width: 11px; height: 11px; border: 2px solid var(--copper); border-radius: 50%; }
.brand strong { display: block; font-size: 15px; font-weight: 600; letter-spacing: -.025em; }
.brand small { color: var(--secondary); }
.nav-group { margin-bottom: 26px; }
.nav-group h2 { color: var(--secondary); font-size: 12px; font-weight: 500; letter-spacing: .03em; padding: 0 12px 9px; }
.nav-item { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 44px; text-align: left; padding: 10px 12px; border-radius: 8px; color: var(--secondary); margin: 3px 0; }
.nav-item:not(:disabled):hover { background: var(--raised); color: var(--ink); }
.nav-item[aria-current] { background: #242029; color: var(--ink); box-shadow: inset 2px 0 var(--copper); }
.nav-item small { color: var(--secondary); }
.nav-count { font-size: 12px; padding: 1px 7px; background: #38303b; border-radius: 5px; }
.rail-bottom { margin-top: auto; padding: 28px 8px 0; }
.workspace { display: flex; gap: 10px; align-items: center; padding-bottom: 20px; margin-bottom: 18px; border-bottom: 1px solid var(--line); }
.avatar { width: 36px; height: 36px; flex: none; border-radius: 11px; background: #302631; color: #d8c8d5; display: grid; place-items: center; font-size: 13px; font-weight: 500; }
.workspace strong { display: block; font-size: 13px; font-weight: 500; }
.workspace small { color: var(--secondary); }
.workspace-note { font-size: 12px; color: var(--secondary); line-height: 1.6; }
.workspace-note b { font-weight: 500; color: var(--ink); }
main { min-width: 0; padding: 28px 32px 32px; max-width: 1640px; width: 100%; margin: 0 auto; }
.snapshot-line { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 24px; color: var(--secondary); font-size: 12px; }
.snapshot-label { display: flex; align-items: center; gap: 8px; }
.snapshot-label::before { content: ''; width: 6px; height: 6px; border: 1px solid var(--copper); transform: rotate(45deg); }
.topbar { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 28px; }
.topbar p { color: var(--secondary); margin-top: 9px; font-size: 14px; }
.button { min-height: 40px; padding: 10px 16px; border: 1px solid #46404e; border-radius: 8px; background: var(--raised); font-weight: 500; white-space: nowrap; }
.button:not(:disabled):hover { background: #2a2732; }
.button.primary { background: var(--copper); border-color: var(--copper); color: #24170e; }
.button.primary:not(:disabled):hover { background: #edac7b; }
.button:disabled { border-color: var(--line); background: transparent; }
.link-button { color: var(--ink); padding: 8px 0 8px 8px; font-size: 13px; white-space: nowrap; }
.link-button:hover { color: var(--copper); }
.panel { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); min-width: 0; }
.section-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 24px 24px 0; }
.section-heading p { color: var(--secondary); font-size: 13px; margin-top: 4px; }
.occupancy-top { display: grid; grid-template-columns: 302px minmax(0, 1fr); gap: 24px; }
.capacity { padding: 24px; }
.capacity .section-heading { padding: 0; }
.capacity .section-heading > span { color: var(--copper); font-size: 13px; padding-top: 3px; }
.dial { width: 232px; height: 232px; position: relative; margin: 14px auto 10px; }
.dial svg { width: 100%; height: 100%; }
.dial-center { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.dial-center strong { font-size: 65px; line-height: 1.15; letter-spacing: -.065em; font-weight: 400; }
.dial-center span { color: var(--secondary); margin-top: 3px; font-size: 13px; }
.dial-center small { margin-top: 12px; color: var(--copper); font-size: 12px; }
.capacity-footer { display: grid; grid-template-columns: 1fr 1fr; padding-top: 17px; border-top: 1px solid var(--line); }
.capacity-footer > div + div { border-left: 1px solid var(--line); padding-left: 24px; }
.capacity-footer dt { color: var(--secondary); font-size: 12px; }
.capacity-footer dd { margin: 4px 0 0; font-size: 20px; }
.capacity-footer { margin-bottom: 0; }
.chart-panel { display: flex; flex-direction: column; }
.chart-meta { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 20px 24px 0; font-size: 12px; color: var(--secondary); }
.legend { display: flex; gap: 20px; flex-wrap: wrap; }
.legend span { display: flex; align-items: center; gap: 8px; }
.legend i { width: 17px; height: 2px; background: #d1cbdc; }
.legend .cta-key { background: var(--copper); }
.chart-wrap { margin: 12px 20px 0 16px; }
.chart-wrap svg { width: 100%; height: 230px; display: block; overflow: visible; }
.chart-wrap text { fill: var(--secondary); font-family: var(--sans); font-size: 12px; }
.chart-grid { stroke: #2d2a36; stroke-width: 1; }
.data-details { padding: 2px 24px 18px; font-size: 12px; color: var(--secondary); }
summary { cursor: pointer; width: fit-content; }
.data-details table { width: 100%; border-collapse: collapse; margin-top: 12px; }
.data-details th, .data-details td { text-align: right; padding: 7px 4px; border-bottom: 1px solid var(--line); }
.data-details th:first-child, .data-details td:first-child { text-align: left; }
.kpi-strip { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 24px 0; padding: 24px 0; }
.kpi { padding: 0 24px; }
.kpi + .kpi { border-left: 1px solid var(--line); }
.kpi h2 { font-size: 13px; font-weight: 400; color: var(--secondary); letter-spacing: 0; }
.kpi strong { display: block; font-size: 29px; font-weight: 400; letter-spacing: -.045em; margin: 6px 0; line-height: 1.3; }
.kpi p { font-size: 12px; color: var(--secondary); }
.occupancy-bottom { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr); gap: 24px; }
.account-list { padding: 20px 24px 8px; }
.account-labels { display: grid; grid-template-columns: 1fr 76px 78px; gap: 12px; color: var(--secondary); font-size: 12px; padding-bottom: 4px; }
.account-labels span:not(:first-child) { text-align: right; }
.account-row { display: grid; grid-template-columns: minmax(0, 1fr) 76px 78px; gap: 12px; align-items: center; padding: 15px 0; }
.account-row + .account-row { border-top: 1px solid #25232e; }
.account-name { min-width: 0; }
.account-name b { display: block; font-weight: 500; }
.account-name small { display: block; color: var(--secondary); }
.account-usage { text-align: right; font-size: 13px; }
.usage-track { margin-top: 7px; height: 3px; background: #36313e; border-radius: 2px; }
.usage-track span { display: block; width: var(--usage); height: 100%; background: #a69cba; border-radius: inherit; }
.usage-track.full span { background: var(--copper); }
.status { display: inline-flex; justify-content: center; align-items: center; width: fit-content; padding: 3px 8px; font-size: 12px; border-radius: 5px; color: var(--secondary); background: #24222c; }
.account-row .status { justify-self: end; }
.status.on { color: var(--green); background: #1f2c28; }
.status.full, .status.cta { color: #edb58c; background: #33271f; }
.status.error { color: var(--red); background: #322329; }
.panel-foot { padding: 12px 24px 20px; color: var(--secondary); font-size: 12px; }
.live-list { padding: 15px 12px 10px; }
.live-row { display: grid; grid-template-columns: 33px minmax(0, 1fr) 77px 47px; align-items: center; gap: 12px; width: 100%; padding: 11px 12px; text-align: left; border-radius: 8px; }
.live-row:hover { background: var(--raised); }
.live-row .avatar { width: 31px; height: 31px; border-radius: 10px; font-size: 12px; }
.live-row b { font-weight: 500; font-size: 13px; }
.live-row time { font-size: 11px; text-align: right; color: var(--secondary); }
.preview-text { display: block; color: var(--secondary); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.live-row .status { justify-self: end; }
.occupancy-note { color: var(--secondary); font-size: 12px; margin-top: 20px; }
.inbox-layout { display: grid; grid-template-columns: 256px minmax(0, 1fr) 240px; min-height: 680px; height: calc(100dvh - 199px); overflow: hidden; }
.fans-pane, .thread-pane, .inspector { min-width: 0; min-height: 0; }
.fans-pane { display: flex; flex-direction: column; border-right: 1px solid var(--line); }
.pane-heading { padding: 21px 20px 16px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.pane-heading h2 { font-size: 15px; }
.pane-heading > span { color: var(--secondary); font-size: 12px; }
.filters { padding: 0 16px 16px; border-bottom: 1px solid var(--line); }
.filters label { display: block; font-size: 12px; color: var(--secondary); margin-bottom: 6px; }
.search { width: 100%; border: 1px solid #48414f; background: #111117; border-radius: 7px; min-height: 39px; padding: 9px 11px; outline-offset: 2px; }
input::placeholder, textarea::placeholder { color: var(--secondary); opacity: 1; }
.filter-row { display: grid; grid-template-columns: minmax(0, 1fr) 78px; gap: 8px; margin-top: 9px; }
.filter-row select { min-width: 0; width: 100%; border: 1px solid #48414f; border-radius: 7px; background: var(--raised); padding: 8px; font-size: 12px; }
.filter-toggle { min-height: 36px; border: 1px solid #48414f; border-radius: 7px; color: var(--secondary); font-size: 12px; }
.filter-toggle[aria-pressed="true"] { background: #302836; border-color: #837087; color: var(--ink); }
.fan-list { overflow: auto; margin: 0; padding: 8px; list-style: none; }
.fan-button { text-align: left; padding: 14px 10px; display: grid; grid-template-columns: minmax(0, 1fr) 45px; gap: 10px; width: 100%; border-radius: 8px; margin: 2px 0; }
.fan-button:hover { background: #1e1c26; }
.fan-button[aria-current="true"] { background: #29232e; box-shadow: inset 2px 0 var(--copper); }
.fan-button b { display: block; font-weight: 500; font-size: 14px; }
.fan-button .preview-text { margin-top: 5px; font-size: 13px; }
.fan-button time { color: var(--secondary); font-size: 11px; display: block; text-align: right; }
.empty { color: var(--secondary); padding: 24px 16px; font-size: 13px; }
.thread-pane { display: flex; flex-direction: column; background: #111117; }
.thread-header { min-height: 80px; border-bottom: 1px solid var(--line); padding: 18px 24px; display: flex; justify-content: space-between; gap: 14px; align-items: center; }
.thread-identity { display: flex; gap: 11px; align-items: center; min-width: 0; }
.thread-identity h2 { font-size: 15px; overflow-wrap: anywhere; }
.thread-identity p { font-size: 12px; color: var(--secondary); margin-top: 2px; }
.messages { flex: 1; overflow: auto; min-height: 0; display: flex; flex-direction: column; gap: 18px; padding: 22px 24px; }
.day { font-size: 12px; text-align: center; color: var(--secondary); margin-bottom: 3px; }
.message { max-width: 87%; align-self: flex-start; }
.message.out { align-self: flex-end; }
.message-meta { display: flex; gap: 10px; align-items: baseline; color: var(--secondary); font-size: 11px; margin: 0 2px 6px; }
.message.out .message-meta { justify-content: flex-end; }
.bubble { padding: 12px 14px; background: #201d28; border: 1px solid #302a3b; border-radius: 11px 11px 11px 3px; font-size: 14px; line-height: 1.55; overflow-wrap: anywhere; }
.message.out .bubble { background: #27232e; border-color: #38313e; border-radius: 11px 11px 3px 11px; }
.message.cta .bubble { background: #2b211d; border-color: #6a4733; }
.cta-caption { display: block; color: #edb58c; font-size: 11px; font-weight: 500; margin-bottom: 6px; }
.cta-destination { margin-top: 9px; padding-top: 9px; border-top: 1px solid #59402f; color: #edb58c; font-size: 12px; }
.composer { padding: 18px 24px; border-top: 1px solid var(--line); background: #17151d; }
.composer label { display: block; font-size: 13px; font-weight: 500; margin-bottom: 9px; }
.composer label span { font-weight: 400; color: var(--secondary); margin-left: 5px; }
.composer textarea { width: 100%; min-height: 76px; resize: vertical; display: block; padding: 11px 12px; border: 1px solid #48414f; border-radius: 8px; background: #111117; }
.composer-footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 12px; }
.composer-footer p { color: var(--secondary); font-size: 11px; max-width: 180px; }
.composer-footer .button { font-size: 12px; padding: 9px 12px; }
.inspector { overflow: auto; background: #18161f; border-left: 1px solid var(--line); }
.inspector > .pane-heading { border-bottom: 1px solid var(--line); min-height: 80px; }
.inspector-group { padding: 20px; }
.inspector-group + .inspector-group { border-top: 1px solid var(--line); }
.inspector-group h3 { margin-bottom: 15px; }
.kv { margin: 0; display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 10px 8px; font-size: 12px; }
.kv dt { color: var(--secondary); }
.kv dd { margin: 0; overflow-wrap: anywhere; }
.inspector-note { font-size: 12px; color: var(--secondary); line-height: 1.6; margin-top: 12px; }
.inspector .button { width: 100%; font-size: 12px; margin-top: 12px; }
.arm-copy { font-size: 13px; line-height: 1.6; padding: 11px 12px; border-radius: 7px; background: #211d29; }
.arm-label { display: block; font-size: 12px; color: var(--secondary); margin-bottom: 7px; }
.announcement { position: fixed; bottom: 20px; left: calc(50% + 112px); transform: translateX(-50%); z-index: 5; max-width: min(420px, calc(100vw - 32px)); padding: 12px 18px; background: #302936; border: 1px solid #675b70; border-radius: 9px; box-shadow: 0 8px 30px #0005; font-size: 13px; }
.announcement:empty { display: none; }
@media (min-width: 1550px) { .inbox-layout { grid-template-columns: 290px minmax(0, 1fr) 270px; } }
@media (max-width: 1250px) {
  main { padding-left: 24px; padding-right: 24px; }
  .occupancy-top { grid-template-columns: 282px minmax(0, 1fr); gap: 20px; }
  .capacity { padding: 20px; }
  .occupancy-bottom { gap: 20px; }
  .kpi { padding: 0 18px; }
  .inbox-layout { grid-template-columns: 226px minmax(0, 1fr) 210px; }
  .thread-header, .messages, .composer { padding-left: 18px; padding-right: 18px; }
  .inspector-group { padding: 18px 16px; }
  .kv { grid-template-columns: 66px minmax(0, 1fr); gap: 10px 6px; }
  .composer-footer { flex-wrap: wrap; }
  .composer-footer p { max-width: none; flex: 1 1 110px; }
  .section-heading { padding: 20px 20px 0; }
  .account-list { padding-left: 20px; padding-right: 20px; }
  .account-row, .account-labels { grid-template-columns: minmax(0, 1fr) 65px 67px; gap: 8px; }
  .live-row { grid-template-columns: 28px minmax(0, 1fr) 65px 43px; gap: 8px; }
}
@media (max-width: 1050px) {
  .shell { grid-template-columns: 190px minmax(0, 1fr); }
  .rail { padding-left: 12px; padding-right: 12px; }
  .brand { gap: 8px; }
  .brand strong { font-size: 13px; }
  .occupancy-top { grid-template-columns: 260px minmax(0, 1fr); gap: 16px; }
  .capacity { padding: 16px; }
  .dial { width: 216px; height: 216px; }
  .chart-meta { align-items: flex-start; flex-direction: column; }
  .occupancy-bottom { grid-template-columns: 1fr; }
  .inbox-layout { grid-template-columns: 220px minmax(0, 1fr); height: auto; overflow: visible; }
  .fans-pane { grid-row: span 2; }
  .fan-list { max-height: 700px; }
  .thread-pane { min-height: 650px; border-radius: 0 14px 0 0; }
  .messages { max-height: 470px; }
  .inspector { grid-column: 2; border-left: 0; border-top: 1px solid var(--line); border-radius: 0 0 14px 0; }
  .inspector .kv { grid-template-columns: 100px 1fr; }
  .announcement { left: calc(50% + 95px); }
  .kpi { padding: 0 12px; }
  .kpi strong { font-size: 25px; }
}
@media (max-width: 760px) {
  .shell { display: block; }
  .rail { position: static; height: auto; padding: 18px 20px 12px; border-right: 0; border-bottom: 1px solid var(--line); }
  .brand { padding: 0; margin: 0 0 16px; }
  .brand strong { font-size: 15px; }
  .brand small { display: none; }
  .navigation { display: flex; flex-wrap: wrap; gap: 5px; }
  .nav-group { display: contents; }
  .nav-group h2, .rail-bottom { display: none; }
  .nav-item { width: auto; min-height: 40px; padding: 9px 10px; font-size: 13px; gap: 8px; margin: 0; }
  .nav-item small { display: none; }
  .nav-item[aria-current] { box-shadow: inset 0 -2px var(--copper); }
  main { padding: 20px 20px 28px; }
  .snapshot-line { padding-bottom: 22px; }
  .snapshot-line > span:last-child { display: none; }
  .topbar { align-items: flex-start; flex-wrap: wrap; gap: 16px; margin-bottom: 22px; }
  h1 { font-size: 30px; }
  .topbar p { font-size: 13px; }
  .occupancy-top { grid-template-columns: minmax(0, 1fr); }
  .capacity { padding: 24px; }
  .dial { width: 232px; height: 232px; }
  .capacity-footer { text-align: center; }
  .capacity-footer > div + div { padding-left: 0; }
  .chart-meta { flex-direction: row; flex-wrap: wrap; }
  .chart-wrap svg { height: auto; min-height: 180px; }
  .kpi-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0; }
  .kpi { padding: 20px; }
  .kpi + .kpi { border-left: 0; }
  .kpi:nth-child(even) { border-left: 1px solid var(--line); }
  .kpi:nth-child(n+3) { border-top: 1px solid var(--line); }
  .kpi:last-child { grid-column: 1 / -1; }
  .kpi strong { font-size: 29px; }
  .inbox-layout { display: flex; flex-direction: column; }
  .fans-pane { border-right: 0; border-bottom: 1px solid var(--line); }
  .fan-list { max-height: 275px; }
  .fan-button { grid-template-columns: minmax(0, 1fr) 48px; }
  .thread-pane { min-height: 650px; border-radius: 0; }
  .thread-header { flex-wrap: wrap; }
  .messages { min-height: 330px; max-height: 560px; }
  .message { max-width: 92%; }
  .inspector { border-radius: 0 0 14px 14px; }
  .inspector-group { padding: 22px; }
  .announcement { left: 50%; }
}
@media (max-width: 380px) {
  main { padding: 18px 12px 24px; }
  .rail { padding-left: 12px; padding-right: 12px; }
  .nav-item { padding: 8px; font-size: 12px; }
  .section-heading { padding-left: 16px; padding-right: 16px; }
  .live-row { grid-template-columns: minmax(0, 1fr) 65px 43px; }
  .live-row .avatar { display: none; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }

[Showing lines 14-293 of 574. Use :294 to continue]
/* Editors share the same panel, typography, and spacing as the desk. */
button, input, select, textarea { max-width: 100%; }
button:disabled { opacity: .65; }
input, select, textarea { min-width: 0; border: 1px solid #48414f; background: #111117; border-radius: 7px; min-height: 40px; padding: 9px 11px; }
textarea { resize: vertical; width: 100%; }
input[type="checkbox"] { min-height: 18px; width: 18px; height: 18px; accent-color: var(--copper); }
input:disabled, select:disabled, textarea:disabled { opacity: .65; }
fieldset { min-width: 0; border: 0; margin: 0; padding: 0; }
.actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.form { display: grid; gap: 18px; }
.form label, .field { display: grid; gap: 7px; font-size: 12px; color: var(--secondary); }
.form input, .form textarea, .form select { width: 100%; color: var(--ink); }
.form .button { justify-self: start; }
.form h3 { margin-top: 7px; color: var(--ink); }
.grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.editor-layout { display: grid; grid-template-columns: 254px minmax(0, 1fr); gap: 24px; align-items: start; }
.editor-list { padding: 12px; }
.editor-list .section-heading { padding: 10px 10px 16px; }
.editor-choice { display: block; width: 100%; text-align: left; padding: 14px 12px; border-radius: 8px; overflow-wrap: anywhere; }
.editor-choice b { display: block; font-weight: 500; }
.editor-choice small { display: block; color: var(--secondary); margin-top: 4px; }
.editor-choice:hover { background: var(--raised); }
.editor-choice[aria-current="true"] { background: #29232e; box-shadow: inset 2px 0 var(--copper); }
.editor-list > .button { margin: 12px; width: calc(100% - 24px); }
.editor-body { padding: 24px; }
.editor-body > .section-heading { padding: 0 0 24px; }
.editor-stack { display: grid; gap: 24px; min-width: 0; }
.form-note { font-size: 12px; color: var(--secondary); }
.checks { display: flex; flex-wrap: wrap; gap: 18px; }
.checks label { display: flex; align-items: center; gap: 8px; }
.checks input { width: 18px; }
.inline-form { display: flex; gap: 8px; align-items: start; }
.inline-form input, .inline-form textarea { flex: 1; min-width: 0; }
.inline-form textarea { min-height: 66px; }
.inline-form .button { flex: none; }
.line-group + .line-group { border-top: 1px solid var(--line); margin-top: 24px; padding-top: 24px; }
.line-group h3 { margin-bottom: 12px; }
.line-group form + form { margin-top: 10px; }
.danger { color: var(--red); }
.ignore-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.ignore-row .button { flex: none; }
.account-card + .account-card { border-top: 1px solid var(--line); padding-top: 24px; margin-top: 24px; }
.account-card-header { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 18px; }
.account-card-header h3 { overflow-wrap: anywhere; }
.account-facts { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 14px; color: var(--secondary); font-size: 12px; }
.error-banner, .collection-note { border: 1px solid #6a4733; background: #2b211d; color: #edb58c; padding: 12px 16px; border-radius: 8px; font-size: 12px; margin-bottom: 20px; overflow-wrap: anywhere; }
.error-banner { border-color: #80545c; color: var(--red); background: #322329; }
.error-text { color: var(--red); overflow-wrap: anywhere; }
.collection-note:last-child { margin-bottom: 0; }
.bubble { white-space: pre-wrap; }
.status { white-space: nowrap; }
.snapshot-line { flex-wrap: wrap; }
.workspace-note { overflow-wrap: anywhere; }
.message-meta time { font-size: 10px; }
.composer .grid2 { gap: 10px; margin-bottom: 12px; }
.composer .grid2 label { color: var(--secondary); font-size: 12px; }
.composer .grid2 input, .composer .grid2 select { width: 100%; }
.composer-footer p { max-width: 250px; }
.inspector-group .status { margin-top: 4px; }
.inspector .arm-copy { white-space: pre-wrap; overflow-wrap: anywhere; }
.fans-pane .panel-foot { margin-top: auto; padding: 12px 16px; }
.thread-loading { margin: auto; text-align: center; color: var(--secondary); }
.empty .button { margin-top: 14px; }
.chart-panel .empty { margin: auto; }
.chart-wrap svg { overflow: hidden; }
.account-name b, .account-name small, .live-row b { overflow-wrap: anywhere; }
dialog { width: min(440px, calc(100vw - 32px)); border: 1px solid var(--line); border-radius: 14px; background: var(--surface); color: var(--ink); padding: 28px; box-shadow: 0 24px 100px #0008; }
dialog::backdrop { background: #050509bd; }
@media (max-width: 1250px) { .topbar { align-items: flex-start; } .topbar .actions { justify-content: flex-end; } .editor-layout { grid-template-columns: 220px minmax(0, 1fr); gap: 20px; } }
@media (max-width: 1050px) { .editor-layout { grid-template-columns: minmax(0, 1fr); } .editor-list { display: flex; flex-wrap: wrap; align-items: start; } .editor-list .section-heading { width: 100%; } .editor-choice { width: auto; flex: 1 1 150px; } .editor-list > .button { width: auto; } }
@media (max-width: 760px) { .topbar .actions { justify-content: flex-start; } .grid2 { grid-template-columns: minmax(0, 1fr); } .editor-body { padding: 20px; } .inline-form { flex-wrap: wrap; } .inline-form textarea { flex-basis: 100%; } .snapshot-line > span:last-child { display: block; } .composer .grid2 { grid-template-columns: minmax(0, 1fr); } }