/* Cabinet and public landing only. OBS documents do not load this file. */
.dashboard-shell .account-apps { margin:28px 0; container-type:inline-size; }
.dashboard-shell .account-apps-head { margin:0 0 16px; }
.dashboard-shell .account-apps-head h2 { margin:0 0 5px; font:650 18px/1.35 var(--font-body); letter-spacing:0; text-transform:none; }
.dashboard-shell .account-apps-head p { margin:0; color:var(--text-3); font:400 12px/1.5 var(--font-body); }
.dashboard-shell .account-apps-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; border:0; background:none; overflow:visible; }
.dashboard-shell .account-apps-list>.card { display:flex; flex-direction:column; gap:16px; min-width:0; min-height:0; margin:0; padding:20px 18px 16px; border:1px solid #353a42; border-radius:14px; background:#1c1f24; box-shadow:none; }
.dashboard-shell .account-app-heading { display:flex; align-items:center; gap:11px; min-width:0; }
.dashboard-shell .account-app-heading>div { min-width:0; }
.dashboard-shell .account-app-heading h3 { margin:0 0 3px; color:#edf0f5; font:650 14px/1.35 var(--font-body); letter-spacing:0; text-transform:none; }
.dashboard-shell .account-app-heading small { display:block; color:#9da6b4; font:400 11px/1.4 var(--font-body); }
.dashboard-shell .account-app-icon { display:grid; place-items:center; flex:none; width:36px; height:40px; border:1px solid #ff9d6928; border-radius:10px; background:#ff8b5710; color:#ffb48d; }
.dashboard-shell .account-app-icon svg { display:block; width:20px; height:20px; }
.dashboard-shell .account-app-description { margin:0; min-height:38px; color:#b1bac7; font:400 12px/1.6 var(--font-body); }
.dashboard-shell .account-apps :is([data-companion-connections],[data-foxvod-connection]) { margin:0; padding:0; border:0; min-width:0; color:#a8b1bf; font:400 12px/1.5 var(--font-body); }
.dashboard-shell .account-app-state { display:grid; align-content:start; gap:5px; }
.dashboard-shell .account-app-status { display:flex; align-items:center; gap:7px; color:#d4dae3; font:500 12px/1.4 var(--font-body); }
.dashboard-shell .account-app-status i { width:6px; height:6px; flex:none; border-radius:50%; background:#828b99; }
.dashboard-shell .account-app-status.is-online i { background:#81c7a2; }
.dashboard-shell .account-app-state small { color:#8f9ba9; font:400 11px/1.5 var(--font-body); }
.dashboard-shell .account-app-action { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:36px; margin-top:auto; padding:8px 11px; border:1px solid #444b55; border-radius:8px; background:#272c33; color:#e2e7ee; font:500 12px/1.4 var(--font-body); text-decoration:none; text-align:left; cursor:pointer; }
.dashboard-shell .account-app-action:hover { border-color:#c38b68; background:#302a26; color:#ffc39b; }
.dashboard-shell .account-app-action:focus-visible { outline:2px solid var(--primary); outline-offset:3px; }
.dashboard-shell .account-app-action svg { width:14px; height:14px; flex:none; color:#aab3c0; }
.dashboard-shell .account-apps .app-connection-error { display:grid; gap:8px; }
.dashboard-shell .account-apps .app-connection-error .button { justify-self:start; }
/* Ошибка проверки приложения — строкой статуса, как «Не подключено» у Music, «Повторить» — ссылкой (25.09.2026). */
.dashboard-shell .account-app-status.is-warn { color:#ecd3a4; }
.dashboard-shell .account-app-status.is-warn i { background:#e3b25e; }
.dashboard-shell .account-app-state.is-error { justify-items:start; }
.dashboard-shell .account-app-retry { display:inline-flex; align-items:center; min-height:28px; margin:0 0 0 -2px; padding:2px; border:0; border-radius:6px; background:none; color:#ffb18f; font:500 12px/1.4 var(--font-body); cursor:pointer; }
.dashboard-shell .account-app-retry:hover { color:#ffd0b8; text-decoration:underline; text-underline-offset:3px; }
.dashboard-shell .account-app-retry:focus-visible { outline:2px solid #ff6a2b; outline-offset:2px; }
.dashboard-shell .account-app-devices { margin-top:9px; font-size:11px; }
.dashboard-shell .account-app-devices summary { cursor:pointer; color:#b3becd; }
.dashboard-shell .account-apps .companion-device-row { display:flex; align-items:flex-start; flex-direction:column; gap:8px; padding:12px 0; }
.dashboard-shell .account-apps .companion-device-icon { display:none; }
.dashboard-shell .account-apps .companion-device-info { min-width:0; overflow-wrap:anywhere; }
.dashboard-shell .account-apps .companion-device-info strong { font-size:12px; }
.dashboard-shell .account-apps .companion-device-states { display:flex; flex-wrap:wrap; gap:4px; }
.dashboard-shell .account-apps .status-chip { font:400 10px/1.4 var(--font-body); letter-spacing:0; text-transform:none; }
@container(max-width:640px){.dashboard-shell .account-apps-list{grid-template-columns:minmax(0,1fr)}.dashboard-shell .account-apps-list>.card{gap:12px}.dashboard-shell .account-app-description{min-height:0}.dashboard-shell .account-app-action{min-height:40px}}
.foxchat-wordmark { display: inline-block; flex: 0 0 auto; white-space: nowrap; font: 800 13px/1.2 'Onest',system-ui,sans-serif; letter-spacing: .015em; }
.dashboard-shell .workspace-page-nav button { display: inline-flex; gap: 8px; align-items: center; border: 1px solid var(--line); border-radius: 6px; padding: 9px 12px; color: var(--text); background: var(--surface); font: 500 13px/1.4 var(--font-body); cursor: pointer; }
.workspace-page-nav button svg { width: 16px; height: 16px; }
.widget-catalog { max-width: 1080px; margin-inline: auto; }
.widget-catalog-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.widget-catalog-item { display: flex; align-items: center; gap: 16px; min-width: 0; padding: 22px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); color: var(--text); cursor: pointer; text-align: left; font-family: var(--font-body); }
.widget-catalog-item:hover { background: var(--surface-2); border-color: var(--line-strong); }
.widget-catalog-item:focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; }
.widget-catalog-item > svg { width: 22px; height: 22px; flex: 0 0 22px; color: #ff9a70; }
.widget-catalog-item > svg:last-child { width: 16px; height: 16px; flex-basis: 16px; margin-left: auto; color: var(--text-3); }
.widget-catalog-item strong { display: block; font-size: 15px; font-weight: 600; }
.widget-catalog-item small { display: block; margin-top: 6px; font-size: 12px; line-height: 1.5; color: var(--text-2); }
.dashboard-shell [data-workspace-context] > .tt-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 24px; padding: 0 0 16px; border-bottom: 1px solid var(--line); }
.dashboard-shell [data-workspace-context] .tt-tab { padding: 10px 16px; min-height: 40px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); color: var(--text-2); font: 500 13px/1.4 var(--font-body); }
.dashboard-shell [data-workspace-context] .tt-tab.is-active { color: #ffb18f; border-color: #ff6a2b80; background: #ff6a2b18; }
.dashboard-shell [data-workspace-context] .tt-tab::after { display: none; }
@media(max-width:600px){.widget-catalog-grid{grid-template-columns:minmax(0,1fr)}.widget-catalog-item{padding:18px}}
.dashboard-shell .workspace-nav { gap: 0; }
.dashboard-shell .workspace-nav .nav-brand { flex: 0 0 auto; gap: 9px; padding: 18px 12px; margin-bottom: 8px; }
.dashboard-shell .workspace-nav .nav-brand .foxchat-wordmark { display: inline-block; }
.dashboard-shell .workspace-nav-links { flex: 1 0 auto; padding: 0 4px 16px; }
.dashboard-shell .workspace-nav-apps { display:grid; gap:8px; flex:none; margin:0 4px 16px; padding-top:14px; border-top:1px solid var(--line); }
.dashboard-shell .workspace-app-card { display:flex; align-items:center; gap:9px; min-width:0; padding:11px 10px; border:1px solid #343941; border-radius:10px; background:#1c1f24; color:var(--text); text-decoration:none; transition:background .15s,border-color .15s; }
.dashboard-shell .workspace-app-card:hover,.dashboard-shell .workspace-app-card.is-active { border-color:#ae6846; background:#29231f; }
.dashboard-shell .workspace-app-card:focus-visible { outline:2px solid var(--primary); outline-offset:2px; }
.workspace-app-icon { display:grid; place-items:center; flex:none; width:30px; height:34px; border-radius:8px; background:#ff8a5210; color:#ffad83; }
.workspace-app-icon .line-icon { width:18px; height:18px; }
.workspace-app-copy { min-width:0; flex:1; }
.workspace-app-copy b { display:block; font:600 12px/1.4 var(--font-body); }
.workspace-app-copy small { display:block; margin-top:3px; font:400 10px/1.4 var(--font-body); color:#a4aab5; }
.workspace-app-arrow { display:flex; flex:none; color:#858f9e; }
.workspace-app-arrow .line-icon { width:12px; height:12px; }
@media(min-width:861px){
  .dashboard-shell.nav-rail .workspace-nav-apps { margin-inline:0; }
  .dashboard-shell.nav-rail .workspace-app-card { padding:8px 0; justify-content:center; }
  .dashboard-shell.nav-rail .workspace-app-copy,.dashboard-shell.nav-rail .workspace-app-arrow { display:none; }
}
.dashboard-shell .workspace-nav-group { margin: 0; padding: 8px 0; border: 0; }
.dashboard-shell .workspace-nav-group h2 { margin: 6px 10px 8px; font: 500 11px/1.4 var(--font-body); letter-spacing: .035em; color: var(--text-3); text-transform: none; }
.dashboard-shell .workspace-nav .nav-item { min-height: 36px; padding: 8px 10px; gap: 10px; border: 0; border-radius: 6px; font: 500 13px/1.4 var(--font-body); color: var(--text-2); }
.dashboard-shell .workspace-nav .nav-item:hover { background: var(--surface-2); color: var(--text); }
.dashboard-shell .workspace-nav .nav-item.is-active { background: #ff6a2b18; color: #ffb18f; box-shadow: none; }
.dashboard-shell .workspace-nav .nav-item.is-active::before { display: none; }
.dashboard-shell .workspace-nav .nav-item > svg { width: 16px; height: 16px; flex: 0 0 16px; }
.dashboard-shell .workspace-nav .nav-item-label { flex:1; white-space:normal; overflow:visible; overflow-wrap:break-word; text-overflow:clip; }
.dashboard-shell .workspace-nav .nav-item-trail:empty { display:none; }
.dashboard-shell .workspace-page-nav { display: flex; flex-wrap: wrap; gap: 4px; padding: 0 0 14px; margin-bottom: 24px; border-bottom: 1px solid var(--line); }
.dashboard-shell .workspace-page-nav a { display: inline-flex; align-items: center; min-height: 36px; padding: 8px 12px; border-radius: 6px; color: var(--text-2); text-decoration: none; font: 500 13px/1.4 var(--font-body); }
.dashboard-shell .workspace-page-nav a:hover { background: var(--surface-2); color: var(--text); }
.dashboard-shell .workspace-page-nav [aria-current] { background: var(--surface-3); color: var(--text); }
.dashboard-shell .workspace-page-nav a:focus-visible,
.dashboard-shell .workspace-nav .nav-item:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
.dashboard-shell .tg-hub-tabs { display: none; }
@media (min-width: 861px) {
  .dashboard-shell.nav-rail .workspace-nav .nav-brand .foxchat-wordmark,
  .dashboard-shell.nav-rail .workspace-nav-group h2 { display: none; }
  .dashboard-shell.nav-rail .workspace-nav-group + .workspace-nav-group { border-top: 1px solid var(--line); }
}
.dashboard-shell {
  --font-display: var(--font-body);
  --header-h: 56px;
  color: var(--text);
}
.dashboard-shell .app-topbar { background: var(--bg); backdrop-filter: none; box-shadow: none; }
.dashboard-shell .app-topbar h1 { font-weight: 600; }
.dashboard-shell .app-nav { background: var(--bg); }
.dashboard-shell .app-content { min-width: 0; }
.dashboard-shell .nav-brand { font-family: var(--font-body); }
.dashboard-shell .nav-group-trigger { letter-spacing: .04em; font-family: var(--font-body); }
.dashboard-shell .nav-group-trigger small { display: none; }
.dashboard-shell .nav-group-trigger .nav-group-hint { display: none; }
.dashboard-shell .nav-link { font-size: 13px; font-weight: 500; border-radius: 6px; }
.dashboard-shell .nav-link.is-active { background: #ff6a2b14; color: #ffb18f; box-shadow: none; }
.dashboard-shell .nav-link::before { box-shadow: none; }
.dashboard-shell .cf-head { gap: 16px; align-items: center; margin-bottom: 24px; }
.dashboard-shell .cf-head h1 { font-family: var(--font-body); font-size: clamp(24px, 2.4vw, 30px); font-weight: 650; letter-spacing: -.035em; line-height: 1.25; }
.dashboard-shell .cf-head .eyebrow-mini { font-family: var(--font-body); letter-spacing: .04em; font-size: 11px; color: var(--text-3); margin-bottom: 8px; }
.workspace-lead { margin: 8px 0 0; color: var(--text-2); font-size: 14px; line-height: 1.6; }
.dashboard-shell .cf-grid { gap: 24px; }
.dashboard-shell .cf-left { gap: 16px; align-content: start; }
.dashboard-shell :is(.cf-tile,.hx-card,.settings-card,.panel-card) { background: var(--surface); border: 1px solid var(--line); border-radius: 10px; box-shadow: none; }
.dashboard-shell .cf-tile { padding: 20px; }
.dashboard-shell .cf-tile-head { gap: 10px; margin-bottom: 18px; }
.dashboard-shell .cf-tile-head h2 { font-family: var(--font-body); font-size: 16px; font-weight: 600; line-height: 1.4; }
.dashboard-shell .cf-tile-head p { color: var(--text-2); font-size: 12px; line-height: 1.5; }
.dashboard-shell :is(.cf-tile-ico,.hx-card-icon) { background: transparent; border: 0; box-shadow: none; color: var(--text-3); width: 24px; height: 24px; border-radius: 0; flex-basis: 24px; }
.dashboard-shell .cf-count { color: var(--text-3); background: transparent; border: 0; font-family: var(--font-body); font-weight: 400; }
.dashboard-shell .cf-opt b { font-size: 13px; font-weight: 500; }
.dashboard-shell :is(.cf-opt small,.field-hint,.source-card-hint) { color: var(--text-2); line-height: 1.55; }
.dashboard-shell .cf-pill { background: transparent; border-color: transparent; min-height: 26px; height: auto; padding: 3px 0; color: var(--text-2); border-radius: 0; box-shadow: none; }
.dashboard-shell .cf-pills { gap: 16px; margin-top: 8px; }
.dashboard-shell .cf-pill i { box-shadow: none; }
.dashboard-shell .cf-chip { background: transparent; border-color: var(--line); color: var(--text-2); box-shadow: none; border-radius: 7px; min-height: 34px; }
.dashboard-shell .cf-chip.is-on { color: var(--text); background: var(--surface-3); border-color: var(--line-strong); box-shadow: none; }
.dashboard-shell .button { border-radius: 7px; box-shadow: none; font-family: var(--font-body); font-weight: 550; }
.dashboard-shell .button.secondary { background: var(--surface-2); border-color: var(--line-strong); color: var(--text); }
.dashboard-shell .button.secondary:hover { background: var(--surface-3); }
.dashboard-shell :is(.input,.select,textarea) { border-radius: 6px; }
.dashboard-shell .cf-link { font-weight: 500; }
.dashboard-shell .cf-right { position: sticky; top: calc(var(--header-h) + 20px); align-self: start; }
.dashboard-shell .cv-grid > .cf-right { top: calc(var(--header-h) + 20px); }
.dashboard-shell .cf-frame-head { background: transparent; }
.dashboard-shell .cf-frame .cf-live { font-family: var(--font-body); letter-spacing: .03em; font-size: 11px; }
.dashboard-shell .cf-live i { box-shadow: none; }
.dashboard-shell .cv-section-label { font-family: var(--font-body); letter-spacing: .03em; }
.dashboard-shell .cv-frame-tip { font-size: 12px; line-height: 1.6; color: var(--text-2); }
.dashboard-shell .chat-a .cv-frame-box iframe { height: clamp(280px, calc(100dvh - 340px), 520px); }
.dashboard-shell .cv-frame-box { background: var(--bg-subtle); }
.workspace-context { font-size: 13px; line-height: 1.6; color: var(--text-2); margin: 0 0 20px; }
.dashboard-shell .cv-custom fieldset { background: transparent; border-color: var(--line); }
.dashboard-shell .coe-studio { --studio-line: var(--line); --studio-surface: var(--surface); --studio-muted: var(--text-2); }
.dashboard-shell .coe-studio :is(.coe-card,.coe-tabs,.coe-inspector-footer,.coe-bar,.coe-group) { background: var(--surface); }
.dashboard-shell .coe-studio .coe-card.is-selected { background: var(--surface-2); border-color: var(--line-strong); box-shadow: inset 2px 0 var(--primary); }
.dashboard-shell .coe-studio .coe-head h1 { font-family: var(--font-body); }
.dashboard-shell .coe-studio :is(.coe-preview,.coe-preview .cf-frame-head,.coe-pv-tools,.coe-maker-entry) { background: var(--surface); border-color: var(--line); }
.dashboard-shell .coe-studio .coe-maker-entry { box-shadow: none; border-radius: 8px; }
.dashboard-shell .coe-studio .coe-preview-options { border: 0; border-top: 1px solid var(--line); border-radius: 0; margin: 0; }
.dashboard-shell .coe-studio .coe-preview-options > summary { padding: 12px; font-size: 12px; font-weight: 500; }
.dashboard-shell .coe-studio .coe-preview-options .coe-pv-tools { border: 0; }
.dashboard-shell .coe-studio .coe-preview-options :is(select,.coe-bg-choice) { background: var(--bg-subtle); border-color: var(--line-strong); color: var(--text-2); }
.dashboard-shell .coe-studio .coe-bg-choice.is-on { color: var(--text); background: var(--surface-3); }
@container chatstudio (max-width: 900px) {
  .dashboard-shell .coe-studio .coe-right { order: -1; }
}
.dashboard-shell .bot-page :is(h1,h2,h3) { font-family: var(--font-body); }
.dashboard-shell .nav-group-trigger-copy b { font-family: var(--font-body); letter-spacing: .08em; }
.dashboard-shell .nav-link-label { text-overflow: clip; }

/* Disclosures retain their form DOM and drafts while collapsed. */
.workspace-disclosure { display: block; min-width: 0; grid-column: 1 / -1; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
.workspace-disclosure > summary { padding: 17px 20px; font: 550 14px/1.45 var(--font-body); color: var(--text); cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.workspace-disclosure > summary::-webkit-details-marker { display: none; }
.workspace-disclosure > summary::after { content: '+'; color: var(--text-3); font: 20px/1 var(--font-body); }
.workspace-disclosure[open] > summary::after { content: '−'; }
.workspace-disclosure > summary:hover { background: var(--surface-2); border-radius: 10px; }
.workspace-disclosure > summary:focus-visible { outline: 2px solid var(--primary); outline-offset: -3px; }
.workspace-disclosure-body { padding: 0 20px 20px; min-width: 0; }
.workspace-disclosure-body > p { color: var(--text-2); font-size: 13px; line-height: 1.65; }
.dashboard-shell .workspace-disclosure-body > .cf-tile { border: 0; background: transparent; padding: 18px 0; border-radius: 0; }
.dashboard-shell .workspace-disclosure-body > .cf-tile + .cf-tile { border-top: 1px solid var(--line); }
.dashboard-shell .workspace-disclosure-body > .cf-tile:last-child { padding-bottom: 0; }
.dashboard-shell .workspace-disclosure-body .cf-tile-ico { display: none; }
.workspace-disclosure[hidden] { display: none; }

/* OBS is a task list, without a simulated scene or redundant URL cards. */
.dashboard-shell .obs-workspace { display: block; width: 100%; max-width: 1080px; margin: 0 auto; }
.os-status-bar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 18px; padding: 12px 0; border-block: 1px solid var(--line); font-size: 12px; }
.os-status-bar .source-diagnostics-line { display: flex; align-items: center; gap: 8px; color: var(--text-2); }
.os-status-bar .source-diagnostics-line b { font-weight: 400; }
.os-status-bar .source-diagnostics-line { border: 0; padding: 0; background: transparent; }
.os-status-bar .source-diagnostics-line svg { width: 14px; height: 14px; }
.os-status-bar > .cf-link { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 32px; line-height: 1; padding: 6px 0; white-space: nowrap; }
.os-status-bar > .cf-link svg { display: block; width: 14px; height: 14px; flex: 0 0 14px; }
.os-status-bar .source-diagnostics-line small { display: none; }
.obs-workspace .os-help { margin-bottom: 24px; padding: 0; }
.os-help-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.os-help-columns h3 { font: 600 15px var(--font-body); }
.os-help-columns p { color: var(--text-2); font-size: 13px; line-height: 1.6; }
.obs-workspace .os-filters { margin: 24px 0; gap: 8px; }
.os-source-group { margin: 0 0 28px; }
.os-source-group > header { margin-bottom: 12px; }
.os-source-group > header h2 { margin: 0; font: 600 17px/1.4 var(--font-body); }
.os-source-group > header p { margin: 5px 0 0; color: var(--text-3); font-size: 12px; }
.os-source-list { border: 1px solid var(--line); border-radius: 10px; background: var(--surface); overflow: hidden; }
.dashboard-shell .os-source-row { display: grid; grid-template-columns: minmax(160px,1fr) auto auto; align-items: center; gap: 12px 20px; padding: 18px 20px; background: none; border: 0; border-radius: 0; margin: 0; }
.dashboard-shell .os-source-row + .os-source-row { border-top: 1px solid var(--line); }
.os-source-row[hidden] { display: none; }
.os-source-row .os-src-copy b { font: 550 14px/1.5 var(--font-body); }
.os-source-row .os-src-copy small { display: block; max-width: 56ch; color: var(--text-2); font-size: 12px; line-height: 1.5; margin-top: 3px; }
.os-row-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; grid-column: -2; }
.os-source-row .source-status { justify-self: end; border: 0; background: none; font-size: 11px; color: var(--text-3); white-space: nowrap; padding: 0; }
.os-source-row .source-status.is-ok { color: var(--success); }
.os-source-row .source-status svg { display: none; }
.os-source-row .os-src-body { grid-column: 1 / -1; border-top: 1px solid var(--line); padding-top: 16px; }
.os-detail-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; font-size: 12px; }
.os-detail-heading b { font-weight: 500; }
.os-detail-heading span { color: var(--text-3); }
.os-source-row .source-card-hint { display: block; max-width: 78ch; margin: 10px 0 16px; font-size: 12px; }
.os-detail-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 12px; color: var(--text-3); }
.os-detail-actions .button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; }
.os-detail-actions a { margin-left: 0; }
.os-detail-actions svg { width: 14px; height: 14px; }
.os-security { margin-top: 32px; background: transparent; }
.os-security .workspace-disclosure-body { max-width: 80ch; }

/* Home is a daily overview, not a second settings catalogue. */
.dashboard-shell .home-workspace { width: 100%; max-width: 1440px; margin: 0 auto; gap: 24px; }
.home-workspace .cf-head { margin-bottom: 0; }
.home-workspace .hx-in { animation: none; opacity: 1; transform: none; }
.home-workspace .em-live-card { padding: 24px; }
.home-workspace .em-card-head { font-family: var(--font-body); letter-spacing: .03em; text-transform: none; font-size: 12px; }
.home-workspace .em-live-title { font: 600 23px/1.35 var(--font-body); letter-spacing: -.02em; }
.home-workspace .em-live-sub { font-size: 13px; line-height: 1.6; }
.home-start { padding: 4px 0 28px; border-bottom: 1px solid var(--line); }
.home-start h2,.home-history-empty h2 { font: 550 17px/1.5 var(--font-body); margin: 0 0 8px; }
.home-start p,.home-history-empty p { font-size: 13px; line-height: 1.7; color: var(--text-2); max-width: 72ch; margin: 0 0 16px; }
.home-start-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0 14px; }
.home-start > .cf-link { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; }
.home-start > .cf-link svg { width: 14px; height: 14px; }
.home-results { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); gap: 24px; align-items: start; }
.home-history-empty { padding: 4px 0; }
.home-history-empty h2 { color: var(--text-2); font-size: 15px; }

/* Instructional diagram: large targets and sequential steps, no fake scene. */
.cv-dock { --font-display: var(--font-body); }
.dock-guide { min-width: 0; margin: 0; padding: 20px; background: var(--bg-subtle); border: 1px solid var(--line); border-radius: 12px; align-self: start; }
.dock-guide figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; font: 600 14px/1.5 var(--font-body); margin-bottom: 24px; color: var(--text); }
.dock-guide figcaption span { font-size: 10px; color: var(--text-3); font-weight: 400; }
.dock-guide-label { display: flex; align-items: center; gap: 10px; font: 500 13px/1.5 var(--font-body); margin-bottom: 10px; }
.dock-guide-label > span { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid var(--line-strong); border-radius: 50%; color: var(--text-2); }
.dock-guide-label b { font-weight: 500; }
.dock-guide-window,.dock-guide-menu,.dock-guide-form { border: 1px solid var(--line-strong); background: var(--surface-2); border-radius: 7px; overflow: hidden; }
.dock-guide-menubar { display: flex; flex-wrap: wrap; gap: 4px; padding: 8px; align-items: center; font-size: 12px; }
.dock-guide-menubar > * { padding: 8px; }
.dock-guide-menubar > span { color: var(--text-3); }
.dock-guide-menubar strong,.dock-guide-menu strong { color: #ffb18f; background: #ff6a2b18; outline: 1px solid #ff6a2b80; border-radius: 4px; font-weight: 550; }
.dock-guide-connector { color: var(--text-3); margin: 8px 0 8px 11px; font-size: 18px; }
.dock-guide-menu { padding: 8px; font-size: 13px; }
.dock-guide-menu > span { display: block; color: var(--text-3); padding: 6px 8px 12px; font-size: 11px; }
.dock-guide-menu > strong { display: flex; gap: 12px; padding: 12px; align-items: center; line-height: 1.6; }
.dock-guide-menu svg { width: 18px; height: 18px; flex-shrink: 0; }
.dock-guide-form { padding: 14px; display: grid; gap: 12px; }
.dock-guide-form > div:not(.dock-guide-apply) { display: grid; gap: 6px; }
.dock-guide-form span { color: var(--text-2); font-size: 11px; }
.dock-guide-form b { display: block; padding: 10px 12px; background: var(--bg); border: 1px solid var(--line); border-radius: 5px; font: 400 12px/1.5 var(--font-body); }
.dock-guide-form b.dock-guide-url { border-color: #ff6a2b80; color: #ffb18f; }
.dock-guide-apply { display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding-top: 4px; }
.dock-guide-apply strong { padding: 8px 14px; border: 1px solid #ff6a2b80; color: #ffb18f; background: #ff6a2b18; border-radius: 5px; font: 550 12px var(--font-body); }
.dock-guide-result { display: flex; align-items: flex-start; gap: 8px; color: var(--text-2); font-size: 12px; line-height: 1.7; margin: 16px 0 0; }
.dock-guide-result svg { width: 16px; height: 16px; flex-shrink: 0; color: var(--success); margin-top: 3px; }

/* Quiet marketing page: one invitation, a concrete preview, then real examples. */
.fx-landing { --font-display: var(--font-body); background: var(--bg); }
.fx-landing .fx-nav { background: #141517f5; backdrop-filter: blur(16px); border-bottom: 1px solid var(--line); }
.fx-landing .fx-brand { font-family: var(--font-body); letter-spacing: -.03em; text-transform: none; }
.fx-landing .fx-btn { border-radius: 8px; font-family: var(--font-body); font-weight: 600; box-shadow: none; }
.fx-landing .fx-shine::after { display: none; }
.fx-landing .calm-hero { grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); gap: clamp(32px,5vw,80px); min-height: 600px; max-width: 1200px; padding: 100px 32px 80px; margin: 0 auto; align-items: center; }
.fx-landing .calm-hero::before,.fx-landing .calm-hero::after { display: none; }
.calm-kicker { display: block; font: 500 12px/1.5 var(--font-body); letter-spacing: .04em; color: var(--text-3); margin-bottom: 16px; }
.fx-landing .calm-hero .em-h1 { font: 650 clamp(36px,4.3vw,58px)/1.12 var(--font-body); letter-spacing: -.05em; text-transform: none; margin: 0 0 24px; }
.fx-landing .calm-hero .em-accent { color: #ffac87; }
.fx-landing .calm-hero .fx-hero-copy > p { font-size: 17px; line-height: 1.75; max-width: 48ch; color: var(--text-2); }
.fx-landing .calm-hero .fx-hero-copy > .calm-hero-note { font-size: 12px; color: var(--text-3); margin-top: 20px; }
.calm-preview { border: 1px solid #42464e; background: #202227; border-radius: 14px; box-shadow: 0 20px 70px #0003; overflow: hidden; transform: none; }
.calm-preview-head,.calm-preview-foot { padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; font: 500 13px var(--font-body); }
.calm-preview-head { border-bottom: 1px solid var(--line); }
.calm-preview-head > span { display: flex; align-items: center; gap: 10px; }
.calm-preview-head small { color: var(--text-3); font-size: 10px; font-weight: 400; }
.calm-chat { padding: 26px 24px; display: grid; gap: 22px; }
.calm-chat p { margin: 0; display: grid; gap: 6px; font: 14px/1.6 var(--font-body); }
.calm-chat b { color: #ffb28f; font-size: 12px; }
.calm-chat p:nth-child(2) b { color: #b6b0ef; }
.calm-chat p:nth-child(3) b { color: #9ac5a1; }
.calm-preview-foot { border-top: 1px solid var(--line); color: var(--text-3); font-size: 11px; }
.calm-preview-foot a { color: #ffb28f; text-decoration: none; }
.fx-landing .fx-section { max-width: 1200px; margin: 0 auto; padding: 64px 32px; }
.fx-landing .em-h2 { font: 600 clamp(25px,3vw,36px)/1.25 var(--font-body); letter-spacing: -.035em; text-transform: none; }
.fx-landing .em-lede { color: var(--text-2); font-size: 15px; line-height: 1.7; max-width: 65ch; }
.fx-landing .em-card { background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 24px; box-shadow: none; }
.fx-landing .em-card::before,.fx-landing .em-card::after { display: none; }
.fx-landing .em-card-idx { font-family: var(--font-body); letter-spacing: .02em; color: var(--text-3); }
.fx-landing .em-card h3 { font: 600 18px/1.4 var(--font-body); }
.fx-landing .em-card p { color: var(--text-2); font-size: 14px; line-height: 1.65; }
.fx-landing .em-step h3 { font-family: var(--font-body); }
.fx-landing .em-band { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; box-shadow: none; }
.fx-landing .em-band h2 { font: 600 clamp(24px,3vw,36px)/1.3 var(--font-body); letter-spacing: -.035em; }
.fx-landing .em-band p { color: var(--text-2); }
.fx-landing .em-footer-meta { font-family: var(--font-body); }

@media (min-width: 861px) {
  .dashboard-shell .app-layout { grid-template-columns: 224px minmax(0,1fr); }
  .dashboard-shell .app-nav { padding: 14px 12px 24px; }
  .dashboard-shell .app-content { max-width: 1440px; padding: 32px clamp(24px,3vw,48px) 64px; }
  .dashboard-shell.nav-rail .app-layout { grid-template-columns: 64px minmax(0,1fr); }
}
@media (max-width: 1100px) {
  .dashboard-shell .cf-grid { gap: 18px; }
  .dashboard-shell .cv-grid > .cf-right { position:static; top:auto; }
  .os-source-row .source-status { grid-column: 1; grid-row: 2; justify-self: start; }
  .dashboard-shell .os-source-row { grid-template-columns: minmax(0,1fr) auto; }
  .os-source-row .os-row-actions { grid-column: 2; grid-row: 1 / 3; }
  .fx-landing .calm-hero { gap: 32px; }
}
@media (max-width: 860px) {
  .home-results { grid-template-columns: minmax(0,1fr); }
  .dashboard-shell .app-nav { visibility: hidden; }
  .dashboard-shell .app-nav.is-open { visibility: visible; }
  .dashboard-shell .app-content { padding: 24px 18px 48px; }
  .dashboard-shell .cf-right,.dashboard-shell .cv-grid > .cf-right { position: static; top: auto; }
  .dashboard-shell .cf-head { align-items: flex-start; }
  .dashboard-shell .cf-head h1 { font-size: 25px; }
  .os-help-columns { grid-template-columns: 1fr; gap: 16px; }
  .fx-landing .calm-hero { grid-template-columns: 1fr; max-width: 680px; padding: 64px 24px 40px; min-height: 0; }
  .fx-landing .fx-section { padding: 44px 24px; }
}
@media (max-width: 540px) {
  .dashboard-shell .app-content { padding: 20px 12px 40px; }
  .dashboard-shell .cf-tile { padding: 16px; }
  .workspace-disclosure > summary { padding: 16px; }
  .workspace-disclosure-body { padding: 0 16px 16px; }
  .dashboard-shell .os-source-row { padding: 16px; gap: 8px; }
  .os-source-row .os-src-copy small { font-size: 11px; }
  .os-source-row .os-row-actions { gap: 4px; }
  .os-row-actions .button { padding-inline: 10px; font-size: 12px; }
  .os-row-actions .icon-button { width: 32px; height: 32px; }
  .dashboard-shell .os-source-row:not([data-source-mode]) { grid-template-columns: minmax(0,1fr); }
  .os-source-row:not([data-source-mode]) .os-row-actions { grid-column: 1; grid-row: 2; justify-content: flex-start; }
  .os-filters { flex-wrap: wrap; }
  .os-detail-actions a { margin-left: 0; }
  .fx-landing .calm-hero .em-h1 { font-size: 37px; }
  .calm-preview-head,.calm-preview-foot { padding: 16px; flex-wrap: wrap; }
  .calm-chat { padding: 22px 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .dashboard-shell *, .fx-landing * { scroll-behavior: auto; }
}

/* Service pages: one working area, with optional account and setup details. */
.dashboard-shell :is(.alerts-workspace-head,.connections-head) { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; }
.dashboard-shell :is(.alerts-workspace-head,.connections-head) h1 { margin:0 0 8px; font:650 28px/1.2 var(--font-body); letter-spacing:-.025em; }
.dashboard-shell :is(.alerts-workspace-head,.connections-head) p { margin:0; color:var(--muted); font-size:14px; line-height:1.6; }
.dashboard-shell .alerts-layout { gap:0; }
.dashboard-shell .alert-studio { border:1px solid var(--line); border-radius:10px; background:var(--surface); overflow:hidden; }
.dashboard-shell :is(.alert-studio-rail,.alert-studio-editor,.alert-studio-inspector,.alert-studio-head,.alert-group,.alert-rail-scene) { background:var(--surface); border-color:var(--line); box-shadow:none; }
.dashboard-shell .alert-studio-empty { background:var(--surface); min-height:420px; }
.dashboard-shell .alert-studio-empty-art { display:none; }
.dashboard-shell .alert-studio-empty h3 { font:650 23px/1.3 var(--font-body); }
.dashboard-shell .alert-studio-empty p { max-width:460px; color:var(--muted); line-height:1.7; }
.dashboard-shell :is(.alert-rail-head,.alert-rail-scene,.alert-studio-head) .eyebrow-mini { font:500 12px/1.4 var(--font-body); text-transform:none; letter-spacing:normal; }
.dashboard-shell .alert-rail-item { box-shadow:none; border-color:var(--line); background:var(--bg); }
.dashboard-shell .alert-rail-item.is-active { border-color:var(--primary); background:color-mix(in srgb,var(--primary) 8%,var(--surface)); }
.dashboard-shell .alert-inspector-nav { grid-template-columns:repeat(3,minmax(0,1fr)); padding:10px; gap:6px; background:var(--surface); backdrop-filter:none; }
.dashboard-shell .alert-inspector-nav button { display:flex; align-items:center; justify-content:center; gap:6px; min-height:40px; padding:8px 6px; font:500 13px/1.4 var(--font-body); text-transform:none; letter-spacing:normal; border-radius:6px; color:var(--muted); }
.dashboard-shell .alert-inspector-nav button.is-active { background:var(--surface-2); color:var(--text); box-shadow:inset 0 -2px var(--primary); }
.dashboard-shell .alert-group-head b { font:600 15px/1.4 var(--font-body); text-transform:none; letter-spacing:normal; color:var(--text); }
.dashboard-shell :is(.alert-studio-head-actions,.alert-preview-actions) .button { min-height:38px; padding:9px 14px; font:500 13px/1.4 var(--font-body); letter-spacing:normal; text-transform:none; }
.dashboard-shell .alert-studio-inspector :is(.field-label,.alert-field > span) { font-size:13px; letter-spacing:normal; text-transform:none; }
.dashboard-shell .alert-studio-inspector :is(.field-hint,.switch-row small) { font-size:12px; line-height:1.6; color:var(--muted); }
.analytics-follow-note { display:flex; flex-wrap:wrap; align-items:center; gap:8px; color:var(--muted); font-size:12px; line-height:1.6; margin:12px 0 4px; }
.analytics-follow-note a { color:var(--primary); }
.alert-palette-picker { display:grid; gap:10px; margin:18px 0; }
.alert-palette-options { display:flex; flex-wrap:wrap; gap:8px; }
.alert-palette-swatch { width:16px; height:16px; border:1px solid #696d74; border-radius:4px; border-left:4px solid #ff6a2b; }
.alert-palette-swatch.is-graphite { background:#1c1e21; }
.alert-palette-swatch.is-ember { background:#302519; }
.dashboard-shell .alert-palette-options [aria-pressed="true"] { border-color:var(--primary); background:#ff6a2b18; color:var(--text); box-shadow:inset 0 -2px var(--primary); }
/* Show the object being configured, rather than abstract dots and bars. */
.dashboard-shell .alert-choice-row:is(.is-layout,.is-animation) { gap:10px; }
.dashboard-shell .alert-choice-row:is(.is-layout,.is-animation) > button { padding:8px; border:1px solid var(--line); border-radius:8px; background:var(--bg); min-width:0; }
.dashboard-shell .alert-choice-row:is(.is-layout,.is-animation) > button.is-active { border-color:var(--primary); background:#ff6a2b10; }
.dashboard-shell .alert-choice-row:is(.is-layout,.is-animation) > button > b { font:500 13px/1.4 var(--font-body); color:var(--text); margin-top:8px; letter-spacing:normal; text-transform:none; }
.dashboard-shell .alert-choice-row:is(.is-layout,.is-animation) .alert-choice-demo { display:flex; position:relative; align-items:center; justify-content:center; width:100%; height:90px; min-height:90px; margin:0; padding:8px; overflow:hidden; border:0; border-radius:5px; background:#141517; box-shadow:none; }
.dashboard-shell .alert-choice-row .alert-choice-demo::before,
.dashboard-shell .alert-choice-row .alert-choice-demo::after { display:none; content:none; }
.dashboard-shell .alert-choice-row .alert-sample-notice { display:flex; flex-direction:row; align-items:center; justify-content:center; gap:7px; position:relative; width:100%; max-width:180px; min-width:0; padding:9px 7px; border:1px solid #3b3f45; border-left:2px solid #ff6a2b; border-radius:6px; background:#24272c; color:#f1f0ed; font-style:normal; box-shadow:0 4px 12px #0003; transform:none; }
.dashboard-shell .alert-sample-notice > img { flex:none; width:24px; height:24px; object-fit:contain; }
.dashboard-shell .alert-sample-copy { display:block; min-width:0; position:relative; font-style:normal; text-align:left; }
.dashboard-shell .alert-sample-copy strong { display:block; font:600 10px/1.4 var(--font-body); white-space:normal; color:#f1f0ed; }
.dashboard-shell .alert-sample-copy small { display:block; font:400 9px/1.4 var(--font-body); color:#b7bbc3; white-space:normal; }
.dashboard-shell .sample-text-only .alert-sample-notice > img { display:none; }
.dashboard-shell .sample-media-top .alert-sample-notice { flex-direction:column; gap:3px; padding:4px; }
.dashboard-shell .sample-media-top .alert-sample-copy { text-align:center; }
.dashboard-shell .sample-media-right .alert-sample-notice { flex-direction:row-reverse; }
.dashboard-shell .sample-background .alert-sample-notice { min-height:65px; background:#303740; overflow:hidden; }
.dashboard-shell .sample-background .alert-sample-notice > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; opacity:.16; background:transparent; border:0; border-radius:0; }
.dashboard-shell .sample-background .alert-sample-copy { z-index:1; text-align:center; text-shadow:0 1px 4px #000; }
.dashboard-shell .sample-animation { --sample-x:0px; --sample-y:0px; --sample-scale:1; --sample-rotate:0deg; --sample-flip:0deg; --sample-blur:0px; }
.dashboard-shell .sample-fade-up { --sample-y:20px; }
.dashboard-shell .sample-slide-from-left { --sample-x:-140px; }
.dashboard-shell .sample-slide-from-right { --sample-x:140px; }
.dashboard-shell .sample-scale-pop { --sample-scale:.35; }
.dashboard-shell .sample-drop-bounce { --sample-y:-70px; }
.dashboard-shell .sample-flip-in { --sample-flip:85deg; }
.dashboard-shell .sample-blur-in { --sample-blur:12px; --sample-scale:.92; }
.dashboard-shell .sample-swing-in { --sample-rotate:-18deg; --sample-y:-12px; }
.dashboard-shell .is-animation > button:is(:hover,:focus-visible,.is-active) .alert-sample-notice { animation:alert-choice-motion 2.8s cubic-bezier(.22,.8,.3,1) infinite; }
.dashboard-shell .is-animation > .choice-drop-bounce:is(:hover,:focus-visible,.is-active) .alert-sample-notice { animation-name:alert-choice-bounce; }
@keyframes alert-choice-motion {
  0%,8% { opacity:0; transform:translate(var(--sample-x),var(--sample-y)) scale(var(--sample-scale)) rotate(var(--sample-rotate)) rotateY(var(--sample-flip)); filter:blur(var(--sample-blur)); }
  32%,76% { opacity:1; transform:translate(0,0) scale(1) rotate(0) rotateY(0); filter:blur(0); }
  96%,100% { opacity:0; transform:translate(var(--sample-x),var(--sample-y)) scale(var(--sample-scale)) rotate(var(--sample-rotate)) rotateY(var(--sample-flip)); filter:blur(var(--sample-blur)); }
}
@keyframes alert-choice-bounce {
  0%,8% { opacity:0; transform:translateY(-70px); }
  28% { opacity:1; transform:translateY(5px); }
  36% { transform:translateY(-4px); }
  44%,76% { opacity:1; transform:translateY(0); }
  100% { opacity:0; transform:translateY(-70px); }
}
@media (prefers-reduced-motion:reduce) {
  .dashboard-shell .is-animation > button .alert-sample-notice { animation:none!important; }
}
.dashboard-shell .sound-section-switch { display:inline-flex; gap:4px; padding:4px; border:1px solid var(--line); border-radius:9px; background:var(--surface); margin-bottom:22px; }
.dashboard-shell .sound-section-switch .cf-chip { border:0; box-shadow:none; background:transparent; border-radius:6px; min-height:40px; padding:10px 18px; font-size:14px; }
.dashboard-shell .sound-section-switch .cf-chip i { display:none; }
.dashboard-shell .sound-section-switch .cf-chip.is-active { background:var(--surface-2); color:var(--text); box-shadow:inset 0 -2px var(--primary); }
.dashboard-shell .follow-settings-backdrop { z-index:1300; }
.dashboard-shell :is(.uf-modal,.alert-type-modal,.alert-modal-header) { background:var(--surface); border-color:var(--line); box-shadow:none; }
.dashboard-shell .uf-modal { max-height:calc(100dvh - 32px); overflow-y:auto; padding:20px; }
.dashboard-shell .uf-modal .alert-modal-header { padding:0 0 18px; align-items:flex-start; gap:14px; }
.dashboard-shell .uf-modal h3 { font:650 24px/1.3 var(--font-body); }
.dashboard-shell .uf-modal .eyebrow-mini { font:500 12px/1.5 var(--font-body); letter-spacing:normal; text-transform:none; color:var(--muted); }
.follow-settings-explanation { border-left:2px solid var(--line-strong); padding-left:14px; margin:6px 0 14px; }
.follow-settings-explanation p { color:var(--muted); font-size:13px; line-height:1.65; margin:0 0 10px; }
.follow-settings-explanation b { color:var(--text); }
.dashboard-shell .follower-settings-entry { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0; }
.follower-settings-entry h2 { font:600 16px/1.4 var(--font-body); margin:0 0 6px; }
.follower-settings-entry p { font-size:13px; color:var(--muted); margin:0 0 8px; }
.follower-settings-entry small { color:var(--muted); font-size:12px; }
.connections-community { border-top:1px solid var(--line); padding-top:28px; display:grid; grid-template-columns:1fr 1.2fr; gap:24px; }
.connections-community h2 { font:650 20px/1.4 var(--font-body); margin:8px 0; }
.connections-community p { color:var(--muted); font-size:13px; line-height:1.6; }
.connections-community-links { display:grid; gap:10px; }
.connections-community-links a { display:flex; align-items:center; gap:14px; background:var(--surface); border:1px solid var(--line); border-radius:9px; padding:16px; color:var(--text); text-decoration:none; }
.connections-community-links a:hover { border-color:var(--line-strong); background:var(--surface-2); }
.connections-community-links a > span { flex:1; }
.connections-community-links small { display:block; margin-top:5px; color:var(--muted); font-size:12px; }
.connections-version { display:inline-flex; flex-wrap:wrap; align-items:center; gap:10px; color:var(--text); font-size:13px; text-decoration:none; margin-top:12px; }
.connections-version span { color:var(--primary); }
.dashboard-shell .cv-custom .cv-seg { display:flex; flex-wrap:wrap; gap:4px; padding:4px; border-radius:7px; border-color:var(--line); background:var(--bg); }
.dashboard-shell .cv-custom .cv-seg button { flex:1 0 auto; width:auto; min-width:0; min-height:34px; height:auto; padding:8px 10px; border-radius:5px; font:500 12px/1.4 var(--font-body); white-space:normal; }
.dashboard-shell .cv-custom .cv-seg button.is-on { background:var(--surface-2); color:var(--text); box-shadow:inset 0 -2px var(--primary); }
.dashboard-shell .cv-grp { min-width:0; border-color:var(--line); border-radius:9px; }
.dashboard-shell .cv-grp-h { font:500 12px/1.4 var(--font-body); color:var(--muted); text-transform:none; letter-spacing:normal; }
.dashboard-shell .cv-font-btn { min-width:0; gap:8px; border-radius:7px; background:var(--bg); border-color:var(--line); }
.dashboard-shell .cv-font-btn > b { min-width:0; overflow:hidden; text-overflow:ellipsis; }
.dashboard-shell .cv-font-sample { flex-shrink:0; }
.dashboard-shell .connections-group:first-of-type .integrations-grid { grid-template-columns:minmax(0,1fr); }
.dashboard-shell .integration-actions .button:not(.secondary):not(.danger):not(.ghost-button) { background:var(--primary); color:#151515; border-color:var(--primary); box-shadow:none; }
@media (max-width:640px) {
  .connections-community { grid-template-columns:1fr; }
  .dashboard-shell .follower-settings-entry { flex-wrap:wrap; }
  .dashboard-shell .sound-section-switch { display:flex; }
  .dashboard-shell .sound-section-switch .cf-chip { flex:1; padding:10px; font-size:13px; }
}
.dashboard-shell .sd-a .cf-grid { grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr); gap:24px; align-items:start; }
.dashboard-shell .sd-a .cf-left { grid-column:auto; grid-template-columns:minmax(0,1fr); gap:14px; }
.dashboard-shell .sd-a .cf-right { grid-column:auto; position:static; display:grid; gap:16px; min-width:0; }
.dashboard-shell .sd-a .cf-span2 { grid-column:auto; }
.dashboard-shell .sd-rule { gap:18px; min-width:0; }
.dashboard-shell .sd-rule .cf-tile-head { margin:0; }
.dashboard-shell .sd-rule .sd-upload { margin:0; padding:14px; min-height:48px; }
.dashboard-shell .sd-a .sd-info { border:0; background:transparent; padding:8px 0; }
.dashboard-shell .sd-a .sd-info .cf-tile-head { margin:0; }
.dashboard-shell .wg-addr { display:flex; flex-wrap:wrap; gap:10px; min-width:0; height:auto; padding:10px; }
.dashboard-shell .wg-addr > code { flex:1 1 180px; min-width:0; overflow:hidden; text-overflow:ellipsis; }
.dashboard-shell .wg-addr-side { flex:1 1 auto; min-width:0; flex-wrap:wrap; justify-content:flex-end; }
.dashboard-shell .wg-addr-side .source-status { margin-right:auto; max-width:100%; }
.dashboard-shell .connections-workspace { display:grid; gap:24px; }
.dashboard-shell .connections-head { margin:0; }
.connections-identity { display:flex; align-items:center; gap:10px; flex-shrink:0; font-size:13px; }
.connections-identity .hx-an-avatar { width:36px; height:36px; border-radius:8px; font-size:18px; }
.connections-identity small { display:block; color:var(--muted); font-size:12px; margin-top:4px; }
.connections-intro p { margin:0; color:var(--muted); font-size:13px; line-height:1.6; }
.connections-group h2 { font:600 16px/1.4 var(--font-body); margin:0 0 12px; }
.dashboard-shell .connections-group .integrations-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.dashboard-shell .integration-tile { display:flex; flex-direction:column; align-items:stretch; gap:14px; padding:20px; min-width:0; border-radius:10px; background:var(--surface); border-color:var(--line); box-shadow:none; }
.dashboard-shell .integration-tile::before,.dashboard-shell .integration-tile::after { display:none; }
.dashboard-shell .em-int-head { gap:12px; margin:0; }
.dashboard-shell .em-int-id { min-width:0; }
.dashboard-shell .em-int-id b { font:650 16px/1.4 var(--font-body); }
.dashboard-shell .em-int-status { display:block; font:400 12px/1.5 var(--font-body); letter-spacing:normal; text-transform:none; margin-top:4px; overflow-wrap:anywhere; color:var(--muted); }
.dashboard-shell .em-int-status.is-ok { color:#a0d38c; }
.dashboard-shell .em-int-status.is-warn { color:#ffc078; }
.integration-purpose { margin:0; color:var(--muted); font-size:13px; line-height:1.6; }
.dashboard-shell .integration-note { margin:0; padding:0; color:var(--faint); background:transparent; font-size:12px; line-height:1.6; }
.dashboard-shell .integration-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:auto; padding-top:2px; }
.dashboard-shell .integration-actions .button { font:500 13px/1.3 var(--font-body); text-transform:none; letter-spacing:normal; min-height:36px; }
.dashboard-shell .integration-actions .em-int-form { display:flex; flex-wrap:wrap; width:100%; gap:8px; }
.dashboard-shell .integration-actions .em-int-form[hidden] { display:none; }
.dashboard-shell .em-int-form .input { flex:1 1 180px; min-width:0; }
.dashboard-shell .account-details .card,.dashboard-shell .connections-workspace .danger-zone { background:transparent; border:0; padding:0; box-shadow:none; }
@media (max-width:1100px) {
  .dashboard-shell .sd-a .cf-grid { grid-template-columns:minmax(0,1fr); }
  .dashboard-shell .sd-a .cf-right { order:initial; }
}
@media (max-width:640px) {
  .dashboard-shell :is(.alerts-workspace-head,.connections-head) { flex-wrap:wrap; }
  .dashboard-shell .connections-group .integrations-grid { grid-template-columns:minmax(0,1fr); }
  .dashboard-shell .alert-studio { display:flex; flex-direction:column; }
  .dashboard-shell .alert-studio-rail { width:auto; border-right:0; border-bottom:1px solid var(--line); }
  .dashboard-shell .alert-studio-empty { min-height:260px; padding:28px 18px; }
  .dashboard-shell .alert-studio-head { flex-wrap:wrap; }
  .dashboard-shell .account-row { flex-wrap:wrap; }
}

/* One segmented control for sibling pages throughout the cabinet. */
.dashboard-shell .home-calm { max-width:1240px; display:grid; gap:24px; }
.home-page-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.home-page-heading h1 { margin:0; font:700 30px/1.2 var(--font-body); letter-spacing:-.03em; }
.home-page-heading p { margin:7px 0 0; color:var(--text-2); font-size:14px; }
.home-live-state { display:flex; align-items:center; gap:8px; color:var(--text-2); font-size:13px; white-space:nowrap; }
.home-live-state i { width:7px; height:7px; border-radius:50%; background:var(--text-3); }
.home-live-state.is-live { color:#a2d593; }.home-live-state.is-live i { background:#91ce7f; }
.home-now { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:32px; border:1px solid var(--line); border-radius:14px; background:var(--surface); }
.home-caption { font:500 12px/1.5 var(--font-body); color:var(--text-3); }
.home-now-copy { min-width:0; max-width:800px; }
.home-now h2 { margin:12px 0; font:650 clamp(23px,2.6vw,32px)/1.3 var(--font-body); letter-spacing:-.025em; overflow-wrap:anywhere; }
.home-now p { max-width:610px; margin:0; color:var(--text-2); font-size:15px; line-height:1.65; }
.home-now-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-top:26px; }
.home-text-link { display:inline-flex; align-items:center; gap:8px; padding:8px 0; border:0; background:transparent; color:var(--text-2); font:500 13px var(--font-body); cursor:pointer; }
.home-text-link svg,.home-card-link svg { width:16px; height:16px; flex:none; }
.home-now-mark { display:grid; place-items:center; flex:none; width:88px; height:88px; border:1px solid var(--line); border-radius:24px; background:var(--bg); color:var(--primary); }
.home-now-mark svg { width:36px; height:36px; }
.home-recap-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:24px; }
.home-recap,.home-month { display:flex; flex-direction:column; min-width:0; padding:24px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.home-recap header,.home-month header { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:8px; margin-bottom:22px; }
.home-recap h2,.home-month h2,.home-first-stream h2 { margin:0; font:600 16px/1.4 var(--font-body); }
.home-recap time,.home-category { font-size:12px; color:var(--text-3); }
.home-recap h3 { margin:0; font:600 19px/1.5 var(--font-body); overflow-wrap:anywhere; }
.home-category { margin:7px 0 0; }
.home-last-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:26px 0; }
.home-calm dt { color:var(--text-2); font:400 12px/1.5 var(--font-body); }
.home-calm dd { margin:7px 0 0; color:var(--text); font:600 20px/1.35 var(--font-body); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.home-month dl { display:grid; gap:0; margin:0 0 18px; }
.home-month dl>div { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; padding:12px 0; border-bottom:1px solid var(--line); }
.home-month dl>div:last-child { border:0; }.home-month dd { margin:0; font-size:19px; }
.home-card-link { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; margin-top:auto; padding:15px 0 0; border:0; border-top:1px solid var(--line); background:transparent; color:var(--text-2); font:500 13px/1.5 var(--font-body); text-align:left; cursor:pointer; }
.home-card-link:hover,.home-text-link:hover { color:var(--primary); }
.home-card-link:focus-visible,.home-text-link:focus-visible { outline:2px solid var(--primary); outline-offset:5px; border-radius:3px; }
.home-first-stream { display:flex; align-items:center; gap:16px; padding:24px 0; color:var(--text-2); }
.home-first-stream>span { display:grid; place-items:center; width:44px; height:44px; flex:none; border:1px solid var(--line); border-radius:10px; }.home-first-stream svg{width:20px;height:20px}
.home-first-stream p { margin:6px 0 0; font-size:14px; line-height:1.6; }
@media(max-width:1000px) { .home-recap-grid { grid-template-columns:minmax(0,1fr); } }
@media(max-width:600px) { .home-now { padding:22px; }.home-now-mark { display:none; }.home-recap,.home-month { padding:20px; }.home-last-metrics { grid-template-columns:minmax(0,1fr); gap:12px; }.home-last-metrics>div { display:flex; justify-content:space-between; gap:10px; align-items:center; }.home-last-metrics dd { margin:0; }.home-now-actions { gap:10px; } }
.dashboard-shell .workspace-context,.dashboard-shell .cf-head p { font:400 15px/1.65 var(--font-body); color:var(--text-2); }
.dashboard-shell .workspace-context .cf-link { font:600 15px/1.65 var(--font-body); }
.dashboard-shell .cf-head .cf-pill { font:500 13px/1.5 var(--font-body); }
.dashboard-shell .cf-head .eyebrow-mini { font:600 12px/1.5 var(--font-body); letter-spacing:.025em; }
.dashboard-shell .analytics-follow-status { display:flex; align-items:center; width:fit-content; gap:7px; margin-top:10px; padding:5px 0; color:var(--text-2); text-decoration:none; font:400 13px/1.5 var(--font-body); }
.dashboard-shell .analytics-follow-status svg { width:15px; height:15px; flex:none; }
.dashboard-shell .analytics-follow-status:hover { color:var(--primary); }
.dashboard-shell .analytics-follow-status:focus-visible { outline:2px solid var(--primary); outline-offset:3px; }
.audience-viewer-cell { width:160px; }
.audience-history-action { display:flex; align-items:center; justify-content:flex-end; gap:12px; }
.audience-channel-count { font:500 13px/1.45 var(--font-body,system-ui); white-space:nowrap; color:var(--text-2); text-align:right; }
.audience-channel-count b { color:var(--text); font-variant-numeric:tabular-nums; }
.audience-channel-count small { display:block; font-size:11px; color:var(--text-3); }
.audience-history-action .audience-viewer-btn { flex:none; min-width:34px; min-height:34px; border-radius:7px; }
.dashboard-shell .analytics-channel-card { margin-bottom:24px; border:1px solid var(--line); border-radius:12px; background:var(--surface); overflow:hidden; }
.dashboard-shell .analytics-channel-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:18px; padding:22px 24px; }
.dashboard-shell .analytics-channel-identity { display:flex; align-items:center; gap:14px; min-width:0; }
.dashboard-shell .analytics-channel-identity > div { min-width:0; }
.dashboard-shell .analytics-channel-identity .hx-an-avatar { width:48px; height:48px; flex:none; border-radius:10px; object-fit:cover; }
.dashboard-shell .analytics-channel-identity .avatar-fallback { display:grid; place-items:center; background:var(--surface-2); color:var(--primary); font-size:22px; }
.dashboard-shell .analytics-channel-identity h2 { margin:0 0 5px; font:650 21px/1.3 var(--font-body); overflow-wrap:anywhere; }
.dashboard-shell .analytics-channel-identity p { margin:0; font:400 13px/1.5 var(--font-body); color:var(--text-2); }
.dashboard-shell .analytics-channel-head .analytics-follow-status { margin:0; padding:8px 10px; border:1px solid var(--line); border-radius:7px; font-size:12px; }
.dashboard-shell .analytics-channel-card .hx-an-life { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; padding:0; border-top:1px solid var(--line); }
.dashboard-shell .analytics-channel-card .hx-kpi { padding:18px 24px; border:0; border-right:1px solid var(--line); border-radius:0; background:transparent; box-shadow:none; transform:none; }
.dashboard-shell .analytics-channel-card .hx-kpi:last-child { border-right:0; }
.dashboard-shell .analytics-channel-card .hx-kpi small { font:500 13px/1.5 var(--font-body); letter-spacing:normal; text-transform:none; white-space:normal; }
.dashboard-shell .analytics-channel-card .hx-kpi b { font:650 28px/1.3 var(--font-body); white-space:normal; overflow-wrap:anywhere; }
@media(max-width:700px) {
  .dashboard-shell .analytics-channel-head { padding:18px; }
  .dashboard-shell .analytics-channel-card .hx-an-life { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dashboard-shell .analytics-channel-card .hx-kpi { padding:16px 18px; }
  .dashboard-shell .analytics-channel-card .hx-kpi:nth-child(2) { border-right:0; }
  .dashboard-shell .analytics-channel-card .hx-kpi:nth-child(n+3) { border-top:1px solid var(--line); }
}
.dashboard-shell .meme-form.meme-create-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,.75fr); align-items:start; gap:24px; }
.dashboard-shell .meme-create-fields { display:grid; gap:22px; }
.dashboard-shell .meme-create-fields .field-label { font:500 14px/1.5 var(--font-body); }
.dashboard-shell .meme-create-fields .input { min-height:46px; font-size:15px; }
.dashboard-shell .meme-exchange { display:grid; grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr); align-items:center; gap:10px; padding:16px; background:var(--bg); border:1px solid var(--line); border-radius:9px; }
.dashboard-shell .meme-exchange-arrow { text-align:center; font-size:22px; color:var(--primary); }
.dashboard-shell .meme-exchange small { display:block; margin-top:6px; color:var(--text-2); font-size:12px; }
.dashboard-shell .meme-form-preview.meme-create-preview { margin:0; padding:20px; border-radius:12px; background:var(--bg); }
.dashboard-shell .meme-preview-art { display:flex; flex-direction:column; align-items:center; gap:8px; padding:24px 8px; margin:14px 0 20px; border-radius:8px; background:radial-gradient(ellipse at top,#ff6a2b16,transparent 75%); }
.dashboard-shell .meme-preview-art > svg { display:block; flex:none; width:32px; height:32px; margin:0 auto; color:#ff9a70; }
.dashboard-shell .meme-preview-art > strong { display:block; width:100%; margin:0; text-align:center; color:var(--text); font:700 36px/1.1 var(--font-body); font-variant-numeric:tabular-nums; }
.dashboard-shell .meme-preview-art > span { font-size:14px; color:var(--text-2); overflow-wrap:anywhere; text-align:center; }

/* Filled analytics lists: a clear heading, useful search and bounded rows. */
.dashboard-shell .analytics-list-head { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:8px 0 24px; }
.dashboard-shell .analytics-list-head h1 { margin:0 0 8px; font:700 30px/1.2 var(--font-body); letter-spacing:-.6px; }
.dashboard-shell .analytics-list-head p { margin:0; max-width:650px; font:400 15px/1.6 var(--font-body); color:var(--text-2); }
.dashboard-shell .analytics-total { display:flex; flex-direction:column; gap:4px; padding-left:24px; border-left:1px solid var(--border); }
.dashboard-shell .analytics-total b { font:700 28px/1.1 var(--font-body); }
.dashboard-shell .analytics-total span,.analytics-method { font-size:14px; color:var(--text-2); }
.dashboard-shell .analytics-method { padding:16px 4px; }
.dashboard-shell .analytics-method summary { cursor:pointer; }
.dashboard-shell .follower-roster-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:16px; padding:0 0 18px; }
.dashboard-shell .follower-tabs,.panel-analytics-dialog .follower-tabs { display:flex; flex-wrap:wrap; gap:4px; padding:4px; border:1px solid var(--border); border-radius:10px; background:var(--surface-2,#17191b); }
.dashboard-shell .follower-tab,.panel-analytics-dialog .follower-tab { min-height:38px; padding:8px 14px; border:0; border-radius:7px; background:transparent; color:var(--text-2); font:600 14px/1.4 var(--font-body); cursor:pointer; }
.dashboard-shell .follower-tab.is-active,.panel-analytics-dialog .follower-tab.is-active { background:#ff6a2b18; color:#ff9a70; box-shadow:inset 0 -2px #ff6a2b; }
.dashboard-shell .follower-tab:hover,.panel-analytics-dialog .follower-tab:hover { background:#ffffff09; color:var(--text); }
.dashboard-shell .follower-search { margin-left:auto; width:260px; max-width:100%; font-size:15px; }
.dashboard-shell .follower-roster-toolbar>.follower-meta { flex-basis:100%; font-size:13px; }
.dashboard-shell .follower-table td,.panel-analytics-dialog .follower-table td { padding:14px 12px; font-size:14px; }
.dashboard-shell .follower-table th,.panel-analytics-dialog .follower-table th { font:600 12px/1.4 var(--font-body); letter-spacing:.3px; padding:12px; }
.dashboard-shell .follower-table tbody tr,.panel-analytics-dialog .follower-table tbody tr { transition:background .15s; }
.dashboard-shell .follower-table tbody tr:hover,.panel-analytics-dialog .follower-table tbody tr:hover { background:#ffffff05; }
.analytics-list-pager { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 0 0; color:var(--text-2); font-size:14px; }
.analytics-list-pager>div { display:flex; align-items:center; gap:12px; }
.analytics-list-pager button { min-width:38px; min-height:38px; padding:8px; }
.audience-list-search { display:flex; gap:16px; align-items:center; justify-content:space-between; margin:0 0 14px; font-size:14px; color:var(--text-2); }
.audience-list-search input { max-width:320px; font-size:15px; }
.audience-back { margin-bottom:20px; }
.dashboard-shell .analytics-list-head .status-chip { font:500 13px/1.4 var(--font-body); text-transform:none; letter-spacing:0; padding:8px 12px; }
.dashboard-shell .audience-funnel { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.dashboard-shell .audience-funnel-arrow { display:none; }
.dashboard-shell .audience-funnel-bar { display:none; }
.dashboard-shell .audience-toolbar { justify-content:space-between; flex-direction:row-reverse; margin-bottom:22px; gap:16px; }
.dashboard-shell .audience-funnel-step { background:#ffffff03; border:1px solid var(--border); border-radius:10px; padding:18px; }
.dashboard-shell .audience-funnel-label { font:500 14px/1.5 var(--font-body); text-transform:none; letter-spacing:0; }
.dashboard-shell .audience-funnel-step small { font-size:13px; line-height:1.5; }
.dashboard-shell .audience-stream-group summary { padding:18px; gap:16px; grid-template-columns:170px minmax(0,1fr) auto 18px; }
.dashboard-shell .audience-stream-title { font-size:14px; white-space:normal; overflow-wrap:anywhere; }
.dashboard-shell .audience-signal div>span { font-size:14px; line-height:1.5; }
@media(max-width:700px){
  .dashboard-shell .audience-funnel { grid-template-columns:1fr; }
  .dashboard-shell .analytics-list-head { align-items:flex-start; flex-direction:column; gap:16px; }
  .dashboard-shell .analytics-total { border:0; padding:0; }
  .dashboard-shell .follower-search { width:100%; margin:0; }
  .dashboard-shell .follower-tabs { width:100%; }
  .dashboard-shell .audience-stream-group summary { grid-template-columns:1fr 20px; }
  .dashboard-shell .audience-stream-title,.dashboard-shell .audience-stream-chips { grid-column:1; }
  .audience-list-search { align-items:flex-start; flex-direction:column; }
}

/* Bot navigation follows the same menu language as the sound workspace. */
.dashboard-shell .em-bot-groups { display:flex; flex-wrap:wrap; width:fit-content; max-width:100%; gap:4px; padding:4px; border:1px solid var(--border); border-radius:10px; background:#1b1d20; margin-bottom:12px; }
.dashboard-shell .em-bot-gtab { min-height:40px; border:0; border-radius:7px; padding:9px 16px; font:600 14px/1.4 var(--font-body); }
.dashboard-shell .em-bot-gtab.is-on { color:#ff9a70; background:#ff6a2b15; box-shadow:inset 0 -2px #ff6a2b; }
.dashboard-shell .em-bot-gtab:hover { background:#ffffff08; }
.dashboard-shell .bot-rail-item { min-height:38px; padding:8px 12px; border-radius:7px; border-color:var(--border); font:500 14px/1.4 var(--font-body); }
.dashboard-shell .bot-rail-item.is-active { background:#ff6a2b15; color:#ff9a70; border-color:#ff6a2b55; }
.dashboard-shell .bot-rail-item::before { display:none; }
.dashboard-shell :is(.bot-section-head,.bot-personal-head,.bot-overview-head) h2 { font:600 18px/1.4 var(--font-body); letter-spacing:0; text-transform:none; }
.dashboard-shell .bot-overview-card-stat { font:400 13px/1.5 var(--font-body); letter-spacing:0; text-transform:none; color:var(--text-2); }
.dashboard-shell .bot-overview-card { border-radius:10px; transition:background .15s,border-color .15s,transform .15s; }
.dashboard-shell .bot-overview-card:hover { background:#242629; border-color:#ff6a2b66; transform:translateY(-2px); }
.dashboard-shell .bot-command-toolbar :is(input,select) { font-size:14px; border-radius:8px; }
.dashboard-shell .bot-command-hero { background:var(--surface); border:1px solid var(--border); border-radius:12px; }

/* Overlay library scales to ten sources without ten permanent toolbars. */
.dashboard-shell .coe-head { margin-bottom:24px; padding-bottom:0; }
.dashboard-shell .coe-library { margin:0 0 20px; border:1px solid var(--border); border-radius:12px; background:var(--surface); }
.dashboard-shell .coe-library>summary { list-style:none; display:flex; align-items:center; gap:18px; min-height:62px; padding:16px 20px; cursor:pointer; font-size:15px; }
.dashboard-shell .coe-library>summary::-webkit-details-marker { display:none; }
.dashboard-shell .coe-library>summary>span:first-child { display:flex; gap:10px; align-items:center; color:var(--text); font-weight:600; }
.dashboard-shell .coe-library>summary b { border-radius:5px; background:#ffffff08; padding:2px 7px; color:var(--text-2); font-size:12px; }
.dashboard-shell [data-co-selected-name] { margin-left:auto; color:var(--text-2); overflow-wrap:anywhere; }
.dashboard-shell .coe-library svg { width:18px; height:18px; flex:none; }
.dashboard-shell .coe-library .coe-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:0 16px 16px; margin:0; overflow:visible; }
.dashboard-shell .coe-library .coe-card { display:flex; flex-direction:column; align-items:stretch; min-width:0; padding:0; border-radius:9px; background:#ffffff02; border:1px solid var(--border); box-shadow:none; }
.dashboard-shell .coe-library .coe-card.is-selected { border-color:#ff6a2b; background:#ff6a2b09; }
.dashboard-shell .coe-library .coe-card-main { display:grid; gap:7px; width:100%; padding:14px; text-align:left; }
.dashboard-shell .coe-library .coe-card-name { white-space:normal; overflow-wrap:anywhere; font-size:15px; }
.dashboard-shell .coe-library .coe-card-status { font-size:12px; }
.dashboard-shell .coe-library .coe-card-meta { font-size:12px; }
.dashboard-shell .coe-library .coe-card-actions { display:none; padding:0 10px 10px; justify-content:flex-end; }
.dashboard-shell .coe-library .coe-card.is-selected .coe-card-actions { display:flex; }
.dashboard-shell .coe-tabs { display:flex; gap:4px; padding:6px; margin:0 16px 16px; border:1px solid var(--border); border-radius:10px; background:#151719; }
.dashboard-shell .coe-tabs button { min-height:40px; border:0; border-radius:6px; font:600 14px/1.3 var(--font-body); text-transform:none; letter-spacing:0; }
.dashboard-shell .coe-tabs button[aria-selected="true"] { background:#ff6a2b18; color:#ff9a70; box-shadow:inset 0 -2px #ff6a2b; }
.dashboard-shell .coe-group[data-co-group="presets"] { margin:0 0 22px; border:0; background:transparent; box-shadow:none; }
.dashboard-shell .coe-group[data-co-group="presets"] .coe-group-sum { padding:8px 0 14px; }
.dashboard-shell .coe-group[data-co-group="presets"] .coe-group-body { padding:0; }
.dashboard-shell .coe-group[data-co-group="presets"] .coe-group-title small { display:none; }
.dashboard-shell .coe-preset-card { background:#16181a; border-color:var(--border); }
.dashboard-shell .coe-preset-card:hover { transform:translateY(-2px); border-color:#ff6a2b88; }
@media(max-width:900px){.dashboard-shell .coe-library .coe-cards{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.dashboard-shell .coe-library .coe-cards{grid-template-columns:1fr;}.dashboard-shell .coe-library>summary{display:grid;grid-template-columns:1fr 18px;gap:10px;}.dashboard-shell [data-co-selected-name]{grid-row:2;grid-column:1;}.dashboard-shell .coe-library>summary>svg{grid-column:2;grid-row:1 / 3;}.dashboard-shell .coe-tabs{margin-inline:8px;}.dashboard-shell .coe-tabs button{padding:8px;font-size:13px;}}

/* Пульт: главное место занимает чат, настройки подключения живут в OBS. */
.dashboard-shell .live-page-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;}
.dashboard-shell .live-page-head h1{margin:0 0 8px;font-size:30px;letter-spacing:-.6px;}
.dashboard-shell .live-page-head p{margin:0;color:var(--text-2);font-size:15px;line-height:1.6;}
.dashboard-shell .live-page-metrics{margin-bottom:24px;}
.dashboard-shell .hx-live-grid{grid-template-columns:minmax(250px,300px) minmax(0,1fr);gap:20px;align-items:start;}
.dashboard-shell .hx-live .hx-card{border-radius:12px;box-shadow:none;}
.dashboard-shell .hx-live .hx-monitor-bar{padding:18px 20px;}
.dashboard-shell .hx-live .hx-monitor-title b{font-family:inherit;font-size:16px;letter-spacing:0;}
.dashboard-shell .hx-live .hx-monitor-title small{font-size:13px;}
.dashboard-shell .hx-live .hx-monitor-screen{aspect-ratio:auto;height:min(72vh,820px);min-height:480px;}
.dashboard-shell .hx-live .hx-test-group summary b{font:600 14px var(--font-ui,inherit);letter-spacing:0;text-transform:none;}
.dashboard-shell .hx-live .hx-test-group summary small{font-family:inherit;letter-spacing:0;}
.dashboard-shell .hx-live .hx-test-ico,.dashboard-shell .hx-live .hx-test-btn-ico{color:var(--text-2);background:transparent;}
.dashboard-shell .hx-live .hx-card-head{padding:18px 20px;}
@media(max-width:900px){.dashboard-shell .hx-live-grid{grid-template-columns:1fr;}.dashboard-shell .hx-live .hx-monitor{grid-row:1;}.dashboard-shell .hx-live-stack{display:grid;grid-template-columns:1fr 1fr;gap:16px;}.dashboard-shell .hx-live .hx-monitor-screen{height:60vh;}}
@media(max-width:560px){.dashboard-shell .live-page-head{align-items:flex-start;flex-direction:column;gap:12px;}.dashboard-shell .hx-live-stack{grid-template-columns:1fr;}}

/* Мастерская: спокойная поверхность; акцент обозначает выбор, а не каждый блок. */
.dashboard-shell .coe-studio .coe-sub,
.dashboard-shell .coe-studio .coe-font-upload,
.dashboard-shell .coe-studio .coe-maker-entry,
.dashboard-shell .coe-studio .coe-design-modes button{background:#17191c;border-color:var(--border);color:var(--text);box-shadow:none;}
.dashboard-shell .coe-studio .coe-design-modes button.is-active,
.dashboard-shell .coe-studio .coe-design-modes button[aria-pressed="true"]{background:#24272c;border-color:#69717b;box-shadow:inset 3px 0 #ff6a2b;}
.dashboard-shell .coe-studio .coe-sub h4,
.dashboard-shell .coe-studio .coe-font-upload summary,
.dashboard-shell .coe-studio .coe-expert-head,
.dashboard-shell .coe-studio .coe-footer-button,
.dashboard-shell .coe-studio .coe-design-modes button small{color:var(--text-2);}
.dashboard-shell .coe-studio .coe-css,
.dashboard-shell .coe-studio .coe-code-input{background:#111315;border-color:#3b4047;font-size:13px;line-height:1.65;}
.dashboard-shell .coe-studio .coe-expert-head{border-color:var(--border);letter-spacing:0;font-family:inherit;font-size:15px;}
.dashboard-shell .coe-studio .coe-footer-button{background:#202328;border-color:var(--border);}
.dashboard-shell .coe-studio .coe-footer-button:hover{background:#2b3036;color:var(--text);}
.dashboard-shell .coe-studio .cf-seg{background:#15171a;border-color:var(--border);}
.dashboard-shell .coe-studio .cf-seg button.active{background:#30353c;color:var(--text);border-color:#69717b;}
.dashboard-shell .bot-account-panel header h2{font:600 18px var(--font-ui,inherit);letter-spacing:0;text-transform:none;}

.platform-switch{display:flex;gap:5px;margin-bottom:24px;width:fit-content;padding:4px;border:1px solid var(--border);border-radius:10px;background:var(--surface);}
.dashboard-shell .coe-studio .coe-help{padding:22px;}
.dashboard-shell .coe-studio .coe-help h2{font-size:21px;}
.dashboard-shell .coe-studio .coe-help p{font-size:14px;line-height:1.65;color:var(--text-2);}
.dashboard-shell .coe-studio [data-co-help-results] article{padding:18px;margin:12px 0;background:#17191c;border-color:var(--border);}
.dashboard-shell .coe-studio [data-co-help-results] h3{font-size:16px;color:var(--text);}
.dashboard-shell .coe-studio [data-co-help-results] small{font-size:12px;color:var(--text-2);}
.dashboard-shell .coe-studio .coe-help button{min-height:36px;background:#25292f;border-color:var(--border);color:var(--text);font-size:13px;}
.dashboard-shell .coe-help-group{border-bottom:1px solid var(--border);}.dashboard-shell .coe-help-group>summary{padding:17px 0;font-size:16px;font-weight:600;cursor:pointer;}.dashboard-shell .coe-help-group>summary span{float:right;font-size:13px;color:var(--text-2);font-weight:400;}
.platform-switch button{border:0;border-radius:6px;background:transparent;color:var(--text-2);padding:10px 22px;font:600 14px inherit;cursor:pointer;}
.platform-switch button[aria-pressed="true"]{background:#ffffff10;color:var(--text);box-shadow:inset 0 -2px #ff6a2b;}
.platform-switch button:hover{background:#ffffff08;color:var(--text);}
.youtube-section-head{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:20px;}
.youtube-section-head h1,.youtube-section-head h2,.youtube-section-head h3{margin:0;font-family:inherit;letter-spacing:0;text-transform:none;}
.youtube-section-head h1{font-size:28px;}.youtube-section-head h2{font-size:21px;}.youtube-section-head h3{font-size:18px;}
.youtube-section-head p{margin:8px 0 0;color:var(--text-2);font-size:15px;line-height:1.6;}
.youtube-connect-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;}.youtube-connect-form label{flex:1;min-width:240px;display:grid;gap:8px;}
.youtube-alert-grid{display:grid;grid-template-columns:225px minmax(0,1fr);gap:20px;align-items:start;}
.dashboard-shell .alerts-panel-section{grid-template-columns:minmax(0,1fr);}
.dashboard-shell .alerts-studio,[data-youtube-alerts],.youtube-alert-grid>.card{min-width:0;max-width:100%;}
.youtube-event-list{display:grid;gap:6px;padding:10px;}
.youtube-event-list button{display:grid;gap:6px;text-align:left;padding:14px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;}
.youtube-event-list button[aria-pressed="true"]{border-color:#666e79;background:#ffffff08;}.youtube-event-list small{color:var(--text-2);}
.youtube-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0;}.youtube-form-grid>label{display:grid;gap:8px;font-size:14px;min-width:0;}.youtube-form-grid input{width:100%;min-width:0;}.youtube-form-grid input[type="color"]{height:40px;padding:5px;}
.youtube-check{display:flex;gap:10px;align-items:center;font-size:14px;}.youtube-check input{width:18px;height:18px;accent-color:#ff6a2b;}
.youtube-form-footer{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px;}.youtube-form-footer [role="status"]{font-size:14px;color:var(--text-2);}
.youtube-design-preview{padding:28px 16px;background:#111315;border:1px solid var(--border);border-radius:10px;min-height:210px;display:grid;place-items:center;overflow:hidden;}
.youtube-design-preview>[data-yt-card]{width:min(100%,500px);}.youtube-design-preview .fc-alert-card{max-width:100%;}
.youtube-coverage{border-left:2px solid #666e79;padding:8px 16px;font-size:14px;line-height:1.65;color:var(--text-2);margin:0 0 24px;max-width:900px;}
.youtube-stream-list{display:grid;gap:16px;}.youtube-stream dl{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;}.youtube-stream dt{font-size:13px;color:var(--text-2);}.youtube-stream dd{font-size:23px;font-weight:600;margin:8px 0 0;}.youtube-stream small{color:var(--text-2);}.youtube-stream a{color:var(--text);font-weight:600;}
.alerts-studio>[hidden]{display:none!important;}
@media(max-width:1000px){.youtube-stream dl{grid-template-columns:repeat(3,minmax(0,1fr));}.youtube-alert-grid{grid-template-columns:1fr;}.youtube-event-list{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:560px){.youtube-section-head{align-items:flex-start;flex-direction:column;gap:12px;}.youtube-form-grid{grid-template-columns:1fr;}.youtube-event-list{grid-template-columns:1fr 1fr;}.youtube-stream dl{grid-template-columns:1fr 1fr;}.youtube-connect-form label{min-width:0;flex-basis:100%;}.youtube-connect-form .input{min-width:0;width:100%;}}
.dashboard-shell .meme-create-preview .meme-preview-copy b { display:block; font:600 17px/1.4 var(--font-body); overflow-wrap:anywhere; }
.dashboard-shell .meme-create-preview .meme-preview-copy small { display:block; margin-top:8px; font:400 13px/1.65 var(--font-body); color:var(--text-2); }
.dashboard-shell .meme-preview-price { display:flex; align-items:center; flex-wrap:wrap; gap:6px; padding-top:16px; margin-top:18px; border-top:1px solid var(--line); font-size:13px; }
.dashboard-shell .meme-preview-price svg { width:16px; height:16px; color:var(--primary); }
.dashboard-shell .meme-preview-price span { color:var(--text-2); }
.dashboard-shell .meme-create-layout .meme-form-footer { grid-column:1/-1; margin-top:0; padding-top:20px; border-top:1px solid var(--line); }
@media(max-width:850px) { .dashboard-shell .meme-form.meme-create-layout { grid-template-columns:minmax(0,1fr); } }
.dashboard-shell .uf-log-entry { display:flex; align-items:center; gap:12px; width:100%; padding:16px; border:1px solid var(--line); border-radius:8px; background:var(--surface-2); color:var(--text); text-align:left; cursor:pointer; }
.dashboard-shell .uf-log-entry > svg { width:20px; height:20px; flex:none; }
.dashboard-shell .uf-log-entry > svg:last-child { margin-left:auto; width:16px; }
.dashboard-shell .uf-log-entry b { display:block; font:600 14px/1.5 var(--font-body); }
.dashboard-shell .uf-log-entry small { display:block; margin-top:4px; color:var(--text-2); font:400 12px/1.5 var(--font-body); }
.dashboard-shell .uf-log-modal { width:min(760px,100%); max-height:calc(100dvh - 40px); overflow:auto; }
.dashboard-shell .uf-log-body { padding:20px; }
.dashboard-shell .uf-log-tools { display:flex; flex-wrap:wrap; align-items:flex-end; gap:12px; margin-bottom:16px; }
.dashboard-shell .uf-log-tools label { flex:1; min-width:180px; font-size:12px; color:var(--text-2); }
.dashboard-shell .uf-log-tools input { margin-top:6px; }
.dashboard-shell .uf-log-switch { display:flex; padding:4px; gap:4px; border:1px solid var(--line); border-radius:8px; }
.dashboard-shell .uf-log-switch button { padding:9px 14px; border:0; border-radius:5px; background:transparent; color:var(--text-2); font:500 13px var(--font-body); cursor:pointer; }
.dashboard-shell .uf-log-switch button[aria-pressed="true"] { background:var(--surface-2); color:var(--text); box-shadow:inset 0 -2px var(--primary); }
.dashboard-shell .uf-log-rows { min-height:120px; max-height:48dvh; overflow-y:auto; overscroll-behavior:contain; }
.dashboard-shell .uf-log-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:6px 16px; padding:13px 0; border-bottom:1px solid var(--line); }
.dashboard-shell .uf-log-row b { display:block; font-size:14px; overflow-wrap:anywhere; }
.dashboard-shell .uf-log-row time { display:block; margin-top:4px; font-size:12px; color:var(--text-3); }
.dashboard-shell .uf-log-row p { grid-column:1/-1; margin:0; color:var(--text-2); font:400 12px/1.5 var(--font-body); }
.dashboard-shell .uf-log-result { padding:4px 8px; border-radius:5px; color:var(--text-2); background:var(--surface-2); font-size:12px; }
.dashboard-shell .uf-log-result.is-hidden { color:#ffba99; background:#ff6a2b18; }
.dashboard-shell .uf-log-pagination { display:flex; align-items:center; gap:8px; margin-top:18px; }
.dashboard-shell .uf-log-pagination > span { margin-right:auto; color:var(--text-2); font-size:12px; }
.dashboard-shell .uf-log-scope { font:400 12px/1.6 var(--font-body); color:var(--text-3); margin:16px 0 0; }
.dashboard-shell .uf-log-empty { padding:24px 0; color:var(--text-2); font-size:14px; line-height:1.6; }
.dashboard-shell .hx-summary .hx-kpi > b { white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; font-size:clamp(22px,3cqi,30px); line-height:1.25; }
.dashboard-shell .hx-summary .hx-kpi > small { font:500 12px/1.5 var(--font-body); letter-spacing:normal; text-transform:none; }
.dashboard-shell .hx-summary .hx-card-head h2 { font:600 18px/1.4 var(--font-body); letter-spacing:normal; text-transform:none; }
.dashboard-shell .home-workspace .em-recent-row { padding:16px 10px; border-radius:6px; transition:background .15s ease; }
.dashboard-shell .home-workspace .em-recent-row span { white-space:normal; overflow:visible; text-overflow:clip; line-height:1.5; overflow-wrap:anywhere; }
.dashboard-shell .home-workspace .em-recent-row:hover,.dashboard-shell .home-workspace .em-recent-row:focus-visible { background:var(--surface-2); }
@media(max-width:1200px) { .dashboard-shell .home-workspace .home-results { grid-template-columns:minmax(0,1fr); } }
.dashboard-shell :is(.workspace-page-nav,.tt-tabs,.section-tabs,.sound-section-switch) > :is(a,button):hover { background:var(--surface-2); color:var(--text); }
.dashboard-shell :is(.workspace-page-nav,.tt-tabs,.section-tabs,.sound-section-switch) > :is(a,button):focus-visible { outline:2px solid var(--primary); outline-offset:2px; }
.dashboard-shell .hs-plot { position:relative; }
.dashboard-shell .hs-probes { position:absolute; inset:0; }
.dashboard-shell .hs-probe { position:absolute; top:0; bottom:0; padding:0; transform:translateX(-50%); border:0; border-radius:4px; background:transparent; cursor:crosshair; }
.dashboard-shell .hs-probe:first-child { transform:none; }
.dashboard-shell .hs-probe:last-child { transform:translateX(-100%); }
.dashboard-shell .hs-probe::before { content:''; position:absolute; top:0; bottom:0; left:50%; width:1px; background:var(--primary); opacity:0; }
.dashboard-shell .hs-probe:hover::before,.dashboard-shell .hs-probe:focus-visible::before { opacity:.6; }
.dashboard-shell .hs-tooltip { display:none; position:absolute; z-index:5; left:0; bottom:calc(100% - 18px); width:230px; padding:14px; border:1px solid var(--line-strong); border-radius:9px; background:var(--surface-2); box-shadow:0 8px 24px #0006; color:var(--text); text-align:left; pointer-events:none; font:400 12px/1.5 var(--font-body); }
.dashboard-shell .hs-tooltip > strong { display:block; margin-bottom:4px; font-size:13px; }
.dashboard-shell .hs-tooltip > span { display:flex; justify-content:space-between; gap:12px; margin-top:4px; color:var(--text-2); overflow-wrap:anywhere; }
.dashboard-shell .hs-tooltip b { color:var(--text); white-space:nowrap; }
.dashboard-shell .hs-probe.is-right .hs-tooltip { left:auto; right:0; }
.dashboard-shell .hs-probe:hover .hs-tooltip,.dashboard-shell .hs-probe:focus-visible .hs-tooltip { display:block; }
.dashboard-shell :is(.workspace-page-nav,[data-workspace-context] > .tt-tabs,.section-tabs,.sound-section-switch) {
  display:flex; flex-wrap:wrap; width:fit-content; max-width:100%; gap:4px; padding:4px; margin:0 0 22px;
  border:1px solid var(--line); border-radius:9px; background:var(--surface); box-shadow:none;
}
.dashboard-shell :is(.workspace-page-nav,[data-workspace-context] > .tt-tabs,.section-tabs,.sound-section-switch) > :is(a,button) {
  display:inline-flex; align-items:center; justify-content:center; gap:8px; flex:0 1 auto; min-height:40px; padding:10px 18px;
  border:0; border-radius:6px; background:transparent; box-shadow:none; color:var(--text-2); font:500 14px/1.4 var(--font-body);
  text-transform:none; letter-spacing:normal; text-decoration:none; white-space:normal;
}
.dashboard-shell :is(.workspace-page-nav,[data-workspace-context] > .tt-tabs,.section-tabs,.sound-section-switch) > :is(a,button):is(.is-active,[aria-current="page"],[aria-selected="true"]) {
  background:var(--surface-2); color:var(--text); box-shadow:inset 0 -2px var(--primary); border:0;
}
.dashboard-shell :is(.workspace-page-nav,[data-workspace-context] > .tt-tabs,.section-tabs,.sound-section-switch) > :is(a,button)::after { display:none; }
.dashboard-shell .meme-workspace { max-width:1100px; margin:0 auto; }
.dashboard-shell .meme-page-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-bottom:16px; }
.dashboard-shell .meme-page-head h1 { margin:0 0 8px; font:700 28px/1.2 var(--font-body); letter-spacing:-.02em; }
.dashboard-shell .meme-page-head p { margin:0; color:var(--text-2); font:400 14px/1.6 var(--font-body); }
.dashboard-shell .meme-connection-status { display:flex; align-items:center; gap:8px; margin-bottom:24px; font-size:13px; color:var(--text-2); }
.dashboard-shell .meme-connection-status svg { width:16px; height:16px; color:var(--success); }
.dashboard-shell .meme-connection-status.is-warn svg { color:var(--warning); }
.dashboard-shell .meme-rewards-body { display:grid; gap:16px; }
.dashboard-shell .meme-rewards-body > .card { margin:0; padding:22px; border:1px solid var(--line); border-radius:10px; background:var(--surface); box-shadow:none; }
.dashboard-shell .meme-rewards-body .card-head { align-items:center; padding:0; margin-bottom:18px; border:0; }
.dashboard-shell .meme-rewards-body .card-head h2 { font:600 18px/1.4 var(--font-body); text-transform:none; letter-spacing:normal; margin:0; }
.dashboard-shell .meme-rewards-body .card-sub { font:400 13px/1.5 var(--font-body); color:var(--text-2); margin:6px 0 0; }
.dashboard-shell .meme-reward-list { display:grid; gap:0; }
.dashboard-shell .meme-reward-row { display:grid; grid-template-columns:36px minmax(0,1fr) 20px minmax(100px,.55fr) 36px; gap:14px; align-items:center; padding:18px 0; border:0; border-top:1px solid var(--line); border-radius:0; background:none; }
.dashboard-shell .meme-reward-info b,.dashboard-shell .meme-reward-yield b { font:600 15px/1.5 var(--font-body); overflow-wrap:anywhere; }
.dashboard-shell .meme-reward-info small,.dashboard-shell .meme-reward-yield small { display:block; margin-top:4px; font:400 12px/1.5 var(--font-body); color:var(--text-2); overflow-wrap:anywhere; }
.dashboard-shell .meme-reward-yield { text-align:left; }
.dashboard-shell .meme-form-card > summary,.dashboard-shell .meme-flow-card > summary { display:flex; align-items:center; gap:10px; cursor:pointer; font:600 16px/1.5 var(--font-body); color:var(--text); list-style:none; }
.dashboard-shell .meme-form-card > summary::after,.dashboard-shell .meme-flow-card > summary::after { content:'+'; margin-left:auto; color:var(--text-3); }
.dashboard-shell :is(.meme-form-card,.meme-flow-card)[open] > summary::after { content:'−'; }
.dashboard-shell :is(.meme-form-card,.meme-flow-card) > summary svg { width:18px; height:18px; }
.dashboard-shell .meme-form-intro { margin:16px 0 20px; font:400 13px/1.6 var(--font-body); color:var(--text-2); }
.dashboard-shell .meme-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.dashboard-shell .meme-form-preview { margin-top:22px; padding:16px; background:var(--bg); border:1px solid var(--line); border-radius:8px; }
.dashboard-shell .meme-form-preview .eyebrow-mini { font:500 12px/1.5 var(--font-body); letter-spacing:normal; text-transform:none; color:var(--text-2); }
.dashboard-shell .meme-form-footer { align-items:center; flex-wrap:wrap; gap:12px; margin-top:20px; }
.dashboard-shell .meme-flow-card { margin:0; padding:18px 22px; border:1px solid var(--line); border-radius:10px; background:transparent; }
.dashboard-shell .meme-flow-card > summary { font-size:14px; color:var(--text-2); }
.dashboard-shell .meme-flow { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:22px 0 0; padding:0; }
.dashboard-shell .meme-flow-step { display:flex; align-items:flex-start; gap:12px; padding:0; border:0; background:transparent; }
.dashboard-shell .meme-flow-number { display:grid; place-items:center; flex:0 0 26px; height:26px; border:1px solid var(--line); border-radius:50%; color:var(--text-2); font-size:12px; }
.dashboard-shell .meme-flow-step small { margin-top:6px; font:400 13px/1.6 var(--font-body); color:var(--text-2); }
.dashboard-shell .hx-summary { container-type:inline-size; }
.dashboard-shell .hx-summary .hx-kpis-4 { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.dashboard-shell .hx-summary .hx-kpi { min-width:0; padding:16px; text-align:left; }
.dashboard-shell .hx-summary .stat-trend { display:flex; justify-content:flex-start; margin-top:8px; font:500 12px/1.5 var(--font-body); }
.dashboard-shell .hx-summary .hs-chart-head { flex-wrap:wrap; gap:12px; }
@container (min-width:850px) { .dashboard-shell .hx-summary .hx-kpis-4 { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:600px) {
  .dashboard-shell .meme-form-grid,.dashboard-shell .meme-flow { grid-template-columns:minmax(0,1fr); }
  .dashboard-shell .meme-reward-row { grid-template-columns:minmax(0,1fr) minmax(75px,.6fr) 32px; gap:10px; }
  .dashboard-shell .meme-reward-mark,.dashboard-shell .meme-reward-arrow { display:none; }
  .dashboard-shell .meme-rewards-body > .card { padding:16px; }
}
.youtube-account-head { display:flex; flex-wrap:wrap; align-items:center; gap:16px; padding-bottom:20px; margin-bottom:16px; border-bottom:1px solid var(--border,#34383e); }
.youtube-account-head > div:nth-child(2) { flex:1; min-width:200px; }
.youtube-account-head p { margin:6px 0 0; }
.youtube-account-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:14px; background:#ff555514; color:#ff7777; border:1px solid #ff777733; }
.youtube-source-hint { display:flex; align-items:center; flex-wrap:wrap; gap:10px 20px; font-size:13px; line-height:1.6; color:#a6adb8; }
.youtube-source-hint a { color:#d7dbe2; text-decoration:underline; text-underline-offset:3px; }
.dashboard-shell .connections-workspace .integration-logo.is-img { flex:0 0 40px; width:40px; min-width:40px; height:40px; overflow:visible; background:transparent; border:0; box-shadow:none; padding:0; border-radius:0; }
.dashboard-shell .connections-workspace .integration-logo.is-img img { display:block; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; object-position:center; }
.dashboard-shell .youtube-connection { margin:0; padding:24px; display:flex; flex-direction:column; gap:16px; }
.dashboard-shell .connections-group .integrations-grid { align-items:stretch; }
.dashboard-shell .connections-group .integration-tile { min-height:0; height:auto; border:1px solid var(--line); border-radius:10px; padding:20px; }
.dashboard-shell .connections-group .integration-actions { margin-top:auto; }
.dashboard-shell .youtube-connection h3 { font:650 16px/1.4 var(--font-body); }
.dashboard-shell .youtube-connection .integration-role { font-size:13px; line-height:1.6; color:var(--muted); }
.youtube-connection .integration-tile-head { display:flex; gap:16px; align-items:center; }
.youtube-connection h3,.youtube-connection p { margin:0; }
.youtube-connection .integration-tile-head p { margin-top:6px; font-size:14px; }
.youtube-connection .integration-actions { display:flex; flex-wrap:wrap; gap:8px; }
.youtube-connection .integration-actions form { margin:0; }
.dashboard-shell .integration-actions > .integration-note { flex-basis:100%; margin:4px 0 0; font-size:12px; line-height:1.5; color:var(--text-3); }
.youtube-chat-state { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:8px; padding-top:16px; border-top:1px solid var(--line); }
.youtube-chat-state label { display:flex; gap:8px; align-items:center; }
.youtube-chat-state small { color:var(--text-2); }
.youtube-connection [role=status]:empty { display:none; }
.youtube-channel-choice { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
.youtube-channel-option { display:grid; gap:6px; flex:1 1 200px; text-align:left; padding:16px; border:1px solid var(--line); border-radius:10px; background:var(--surface); color:var(--text); cursor:pointer; }
.youtube-channel-option:hover,.youtube-channel-option:focus-visible { border-color:#9fa6af; background:var(--surface-2); }
.youtube-channel-option strong { font:600 14px/1.4 var(--font-body); }
.youtube-channel-option span { font:400 12px/1.6 var(--font-body); color:var(--muted); }
.youtube-live-design { margin-top:24px; display:grid; gap:14px; }
.youtube-live-editor { margin-top:18px; border-top:1px solid var(--line); padding-top:16px; }
.youtube-live-editor summary { color:var(--text); font-size:14px; cursor:pointer; }
.dashboard-shell .hx-yt { gap:20px; }
.dashboard-shell .hx-yt .post-actions { margin:0; }
.dashboard-shell .hx-yt .tg-main h2 { font:600 18px/1.4 var(--font-body); text-transform:none; letter-spacing:normal; }
@media(max-width:1200px){.dashboard-shell .hx-yt .tg-layout{grid-template-columns:minmax(0,1fr)}.dashboard-shell .hx-yt .yt-preview{position:static}}
.youtube-live-vars { display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:12px; color:var(--muted); }
.youtube-live-vars button { border:1px solid var(--line); background:var(--surface); color:var(--text); padding:6px 10px; border-radius:6px; cursor:pointer; }
.youtube-live-design [data-yt-live-preview] { white-space:pre-wrap; overflow-wrap:anywhere; }
.dashboard-shell .hx-yt .yt-presets { grid-template-columns:repeat(2,minmax(0,1fr)); }
.dashboard-shell .hx-yt .yt-preset { min-height:80px; gap:6px; background:var(--surface); box-shadow:none; }
.dashboard-shell .hx-yt .yt-preset.is-active { background:var(--surface-2); border-color:#8a929e; }
.dashboard-shell .hx-yt .tg-step-num { display:none; }
.dashboard-shell .hx-yt .tg-main>section.card { border-radius:12px; background:var(--surface); box-shadow:none; padding:22px; }
.dashboard-shell .hx-yt .tg-event-card:has(input:checked) { background:#242a2b; border-color:#5a6969; box-shadow:none; }
.dashboard-shell .hx-yt .tg-event-switch { box-shadow:none; }
.youtube-live-post-head { display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; }
.youtube-live-post-head h2 { margin:0 0 8px; }
.youtube-live-toggle { display:flex; gap:10px; align-items:center; white-space:nowrap; padding:10px 14px; background:#24282e; border:1px solid #3a414b; border-radius:10px; cursor:pointer; }
.youtube-live-toggle input { appearance:none; position:relative; width:42px; height:24px; flex:0 0 42px; margin:0; border:1px solid #596471; border-radius:20px; background:#343d47; cursor:pointer; }
.youtube-live-toggle input::after { content:""; position:absolute; width:16px; height:16px; top:3px; left:3px; border-radius:50%; background:#b7c1cd; }
.youtube-live-toggle input:checked { border-color:#ee965d; background:#e98444; }
.youtube-live-toggle input:checked::after { left:21px; background:#24282e; }
.youtube-live-toggle input:focus-visible { outline:2px solid #ffb789; outline-offset:3px; }
.youtube-live-toggle:has(input:disabled) { opacity:.55; cursor:default; }
.youtube-live-post-head>div { flex:1 1 260px; }
.youtube-live-post .youtube-live-design [data-yt-live-vk-preview] { white-space:pre-wrap; overflow-wrap:anywhere; }
.youtube-live-example { margin-top:20px; border-top:1px solid var(--line); padding-top:14px; }
.youtube-live-example summary { cursor:pointer; color:var(--text-2); }
.youtube-live-example>div { margin-top:14px; padding:18px; border:1px solid var(--line); border-radius:12px; background:#24292e; }
.youtube-live-example span { display:block; text-align:center; padding:10px; border-top:1px solid #ffffff14; }
.dashboard-shell .hx-yt .hx-svc-hero { background:transparent; border:0; padding:0 0 24px; box-shadow:none; min-height:0; }
.dashboard-shell .hx-yt .hx-svc-hero h1 { font-size:32px; }
.dashboard-shell .hx-yt .hx-svc-hero .hx-kpis { display:none; }
.dashboard-shell .hx-yt .hx-svc-hero:before,.dashboard-shell .hx-yt .hx-svc-hero:after { display:none; }
.dashboard-shell .alert-studio-rail { display:flex; flex-direction:column; justify-content:flex-start; align-self:start; height:100%; }
.dashboard-shell .alert-rail-list { display:block; flex:0 1 auto; overflow-x:hidden; max-height:560px; }
.dashboard-shell .alert-rail-group-title { display:none; }
.dashboard-shell .alert-rail-copy b { white-space:normal; overflow:visible; text-overflow:clip; line-height:1.4; }
.dashboard-shell .alert-rail-copy { min-width:0; }
.dashboard-shell .alert-studio-head-actions { flex-wrap:wrap; }
.dashboard-shell .alerts-studio .alert-layer-toolbar { flex-wrap:wrap; }
.dashboard-shell .alerts-studio .alert-layer-toolbar-tabs { flex-wrap:wrap; min-width:0; }
@media(max-width:1120px){.dashboard-shell .alert-studio{grid-template-columns:minmax(0,1fr)}.dashboard-shell .alert-studio-rail{height:auto}.dashboard-shell .alert-rail-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.dashboard-shell .alert-rail-scene{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dashboard-shell .alert-studio-body{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.dashboard-shell .alert-rail-scene{grid-template-columns:1fr}.dashboard-shell .alert-rail-group{grid-template-columns:1fr}}

/* Platform groups in the live desk and dock settings. */
.dashboard-shell .live-test-platform { display:grid; gap:8px; min-width:0; }
.dashboard-shell .live-test-platform + .live-test-platform { margin-top:22px; padding-top:18px; border-top:1px solid #33373e; }
.dashboard-shell .live-test-platform h3,.dashboard-shell .dock-event-platform h3 { margin:0 0 4px; font:600 14px/1.5 Inter,sans-serif; letter-spacing:0; color:#d8dbe1; }
.dashboard-shell .hx-tests .hx-test-group { margin:0; border:0; border-radius:0; background:transparent; }
.dashboard-shell .hx-tests .hx-test-group summary { min-height:44px; padding:10px 2px; gap:10px; }
.dashboard-shell .hx-tests .hx-test-group summary b { color:#e4e7ed; }
.dashboard-shell .hx-tests .hx-test-group summary small { margin-left:auto; color:#939aa6; }
.dashboard-shell .hx-tests .hx-test-ico,.dashboard-shell .hx-tests .hx-test-btn-ico { color:#aeb6c2; }
.dashboard-shell .hx-tests .hx-test-buttons { display:grid; grid-template-columns:minmax(0,1fr); gap:4px; padding:0 0 8px; }
.dashboard-shell .hx-tests .hx-test-buttons button { display:flex; align-items:center; justify-content:flex-start; gap:12px; width:100%; min-width:0; min-height:40px; border:1px solid transparent; background:#24272c; border-radius:7px; font-size:13px; line-height:1.4; padding:10px 12px; text-align:left; }
.dashboard-shell .hx-tests .hx-test-buttons button>span:last-child{min-width:0;white-space:normal;overflow-wrap:anywhere}
.dashboard-shell .hx-tests .hx-test-btn-ico{width:18px;flex:0 0 18px;display:grid;place-items:center}
.dashboard-shell .hx-tests .hx-test-btn-ico img{width:18px;height:18px;max-width:none;object-fit:contain;overflow:visible}
.dashboard-shell .hx-tests .hx-test-buttons button:hover { background:#30343b; border-color:#747d8b; }
.dashboard-shell .dock-event-platform + .dock-event-platform { margin-top:20px; padding-top:18px; border-top:1px solid #33373e; }
.dashboard-shell .dock-event-platform h3 { margin-bottom:10px; }
@media(max-width:420px){.dashboard-shell .hx-tests .hx-test-buttons{grid-template-columns:1fr}}

/* 25.09.2026 · «по развёртыванию»: внутри раскрывающихся блоков иконка плитки скрыта
   (.workspace-disclosure-body .cf-tile-ico выше), а шапки некоторых разделов собраны
   сеткой «24px | текст | статус» — текст попадал в колонку иконки и вставал по слову
   в строку. Внутри раскрытых блоков шапка — гибкая строка: заголовок слева, статус
   или переключатель справа, на узком экране статус переносится под заголовок. */
.dashboard-shell .workspace-disclosure-body .cf-tile .cf-tile-head { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; }
.dashboard-shell .workspace-disclosure-body .cf-tile .cf-tile-head > div { flex:1 1 220px; min-width:0; }
.dashboard-shell .workspace-disclosure-body .cf-tile .cf-tile-head > :not(div):not(.cf-tile-ico) { flex:0 0 auto; margin-left:auto; }
/* 25.09.2026 · телефоны: карточки «Особое» (размер в OBS, стили) не распирают экран —
   дети сетки могут сжиматься, подписи переносятся. */
.dashboard-shell :is(.sgx-row,.special-size-row) > * { min-width:0; }
.dashboard-shell .special-size-card :is(strong,small) { overflow-wrap:anywhere; }
@media(max-width:560px){
  /* «Точная настройка прав» у модераторов: подпись «Необязательно» уходит под заголовок. */
  .dashboard-shell .hx-perm-editor-title { flex-wrap:wrap; row-gap:2px; min-width:0; }
  .dashboard-shell .hx-perm-editor-title small { flex-basis:100%; padding-left:23px; }
}