:root {
  --bg: #080b10;
  --panel: #0f141c;
  --panel-2: #151b25;
  --line: #242d3b;
  --text: #edf2f8;
  --muted: #8592a6;
  --green: #31d790;
  --yellow: #f6c95f;
  --red: #ff6b6b;
  --blue: #63a7ff;
  --purple: #9887ff;
  --radius: 16px;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--bg); color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif; }
button, input, select { font: inherit; }
button { color: inherit; }
[hidden] { display: none !important; }
.app-shell { min-height: 100vh; display: grid; grid-template-columns: 244px 1fr; }
.sidebar { position: sticky; top: 0; height: 100vh; padding: 24px 16px; background: #0b0f15; border-right: 1px solid var(--line); display: flex; flex-direction: column; z-index: 5; }
.brand { display: flex; gap: 12px; align-items: center; padding: 0 8px 24px; }
.brand strong, .brand span { display: block; }
.brand span { color: var(--muted); font-size: 12px; margin-top: 2px; }
.brand-mark { width: 54px; height: 54px; border-radius: 16px; display: grid; place-items: center; font-weight: 900; font-size: 24px; color: #07110c; background: linear-gradient(135deg, var(--green), #7fffd1); box-shadow: 0 14px 40px #31d79030; }
.brand-mark.small { width: 38px; height: 38px; border-radius: 11px; font-size: 18px; }
nav { display: grid; gap: 4px; overflow: auto; }
nav button { text-align: left; background: transparent; border: 0; border-radius: 10px; padding: 10px 12px; color: #aab4c4; cursor: pointer; }
nav button:hover { background: #151b24; color: white; }
nav button.active { color: white; background: linear-gradient(90deg, #1a3028, #121c1a); box-shadow: inset 3px 0 var(--green); }
.nav-label { color: #596578; padding: 18px 12px 5px; font-size: 10px; text-transform: uppercase; letter-spacing: .14em; }
.mode-lock { margin-top: auto; border: 1px solid #284337; background: #10231b; border-radius: 12px; padding: 12px; display: flex; gap: 10px; align-items: center; }
.mode-lock strong, .mode-lock small { display: block; }
.mode-lock strong { font-size: 12px; }
.mode-lock small { color: #76aa93; font-size: 10px; margin-top: 2px; }
main { min-width: 0; }
.topbar { min-height: 88px; padding: 18px 32px; display: flex; align-items: center; gap: 16px; border-bottom: 1px solid var(--line); background: #080b10e8; backdrop-filter: blur(16px); position: sticky; top: 0; z-index: 4; }
.topbar h1 { margin: 2px 0 0; font-size: 21px; }
.eyebrow { color: var(--green); letter-spacing: .16em; text-transform: uppercase; font-size: 10px; font-weight: 800; margin: 0; }
.top-actions { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.search-wrap { position: relative; }
input, select { background: #111720; color: var(--text); border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; outline: none; }
input:focus, select:focus { border-color: #3c7b61; box-shadow: 0 0 0 3px #31d79015; }
#global-search { width: min(28vw, 340px); }
.search-results { position: absolute; right: 0; top: calc(100% + 8px); width: 420px; max-height: 420px; overflow: auto; background: #101620; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 20px 60px #000b; padding: 8px; z-index: 10; }
.search-results button { width: 100%; text-align: left; padding: 10px; border: 0; background: transparent; border-radius: 8px; }
.search-results button:hover { background: #1a2230; }
.search-results small { display: block; color: var(--muted); margin-top: 3px; }
.primary, .secondary, .icon-button { border: 1px solid transparent; border-radius: 10px; padding: 10px 14px; cursor: pointer; }
.primary { background: var(--green); color: #06130d; font-weight: 800; }
.secondary { background: #131a24; border-color: var(--line); }
.secondary:hover { border-color: #4a586d; }
.icon-button { background: transparent; border-color: var(--line); padding: 9px 11px; }
#menu-toggle { display: none; }
.mode-banner { color: #9eb8ff; background: #10172a; border-bottom: 1px solid #243257; padding: 7px 32px; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.content { padding: 28px 32px 56px; max-width: 1600px; margin: auto; }
.section-head { display: flex; justify-content: space-between; align-items: end; gap: 16px; margin-bottom: 18px; }
.section-head h2 { margin: 0 0 4px; font-size: 20px; }
.section-head p { margin: 0; color: var(--muted); font-size: 13px; }
.kpi-grid { display: grid; grid-template-columns: repeat(6, minmax(130px, 1fr)); gap: 12px; }
.card { background: linear-gradient(145deg, #111720, #0d1219); border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; }
.kpi { min-height: 128px; display: flex; flex-direction: column; justify-content: space-between; }
.kpi span { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.kpi strong { font-size: 32px; line-height: 1; }
.kpi small { color: #68758a; }
.grid-2 { display: grid; grid-template-columns: 1.15fr .85fr; gap: 16px; margin-top: 16px; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 16px; }
.card h3 { margin: 0 0 14px; font-size: 14px; }
.health-line { display: grid; grid-template-columns: 120px 1fr auto; align-items: center; gap: 12px; padding: 12px 0; border-top: 1px solid var(--line); }
.health-line:first-of-type { border-top: 0; }
.bar { height: 6px; border-radius: 9px; background: #222a36; overflow: hidden; }
.bar > i { display: block; height: 100%; border-radius: inherit; background: var(--green); }
.filters { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.filters input { min-width: 260px; }
.table-wrap { overflow: auto; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); }
table { width: 100%; border-collapse: collapse; font-size: 12px; }
th { position: sticky; top: 0; z-index: 1; color: #7f8ca1; background: #111721; text-transform: uppercase; letter-spacing: .07em; font-size: 9px; text-align: left; padding: 12px 14px; white-space: nowrap; }
td { padding: 12px 14px; border-top: 1px solid #1e2632; color: #cad2df; vertical-align: top; }
tr:hover td { background: #121923; }
.channel-name { color: white; font-weight: 700; }
.subtle { display: block; color: #667388; font-size: 10px; margin-top: 3px; }
.pill { display: inline-flex; align-items: center; gap: 5px; border-radius: 999px; padding: 4px 8px; font-size: 9px; text-transform: uppercase; letter-spacing: .05em; font-weight: 800; background: #202835; color: #aab6c8; white-space: nowrap; }
.pill.healthy, .pill.success, .pill.public { color: var(--green); background: #143126; }
.pill.attention, .pill.warning, .pill.scheduled, .pill.unlisted { color: var(--yellow); background: #342b17; }
.pill.critical, .pill.failure, .pill.error { color: var(--red); background: #351c20; }
.pill.paused, .pill.private { color: #a9b2c2; background: #222934; }
.pill.info { color: var(--blue); background: #172943; }
.metric-row { display: flex; gap: 8px; flex-wrap: wrap; }
.metric-chip { border: 1px solid var(--line); border-radius: 9px; padding: 8px 10px; background: #121821; }
.metric-chip strong, .metric-chip span { display: block; }
.metric-chip span { color: var(--muted); font-size: 9px; margin-top: 3px; text-transform: uppercase; }
.incident { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: start; padding: 14px 0; border-top: 1px solid var(--line); }
.incident:first-of-type { border-top: 0; }
.incident h4, .incident p { margin: 0; }
.incident h4 { font-size: 13px; }
.incident p { color: var(--muted); font-size: 11px; margin-top: 4px; line-height: 1.5; }
.dot { width: 9px; height: 9px; border-radius: 50%; margin-top: 4px; background: var(--muted); box-shadow: 0 0 12px currentColor; }
.dot.critical { background: var(--red); color: var(--red); }
.dot.warning { background: var(--yellow); color: var(--yellow); }
.calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(180px, 1fr)); gap: 10px; overflow-x: auto; padding-bottom: 8px; }
.calendar-day { min-height: 280px; background: var(--panel); border: 1px solid var(--line); border-radius: 13px; padding: 12px; }
.calendar-day h3 { font-size: 12px; margin: 0 0 10px; color: var(--muted); }
.slot { border-left: 3px solid var(--blue); background: #141d2a; border-radius: 7px; padding: 8px; margin-bottom: 7px; font-size: 10px; }
.slot strong { display: block; color: white; margin-bottom: 3px; }
.login-shell { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at 50% 0, #193729 0, #080b10 42%); }
.login-card { width: min(420px, 100%); background: #0f151d; border: 1px solid #273142; border-radius: 22px; padding: 34px; box-shadow: 0 30px 100px #000a; }
.login-card h1 { margin: 12px 0 6px; font-size: 30px; }
.login-card .muted { color: var(--muted); margin: 0 0 24px; }
.login-card label { display: grid; gap: 7px; font-size: 11px; color: #9aa6b8; margin: 14px 0; }
.login-card button { width: 100%; margin-top: 8px; }
.error-text { color: var(--red); min-height: 18px; font-size: 11px; }
.loading, .empty { color: var(--muted); text-align: center; padding: 50px; }
.toast { position: fixed; right: 24px; bottom: 24px; max-width: 380px; padding: 13px 16px; background: #17221d; border: 1px solid #2d5a45; border-radius: 11px; box-shadow: 0 14px 50px #000b; z-index: 30; font-size: 12px; }
.danger-note { color: #ffb4b4; background: #2b171b; border: 1px solid #58252d; border-radius: 11px; padding: 12px; font-size: 11px; margin-bottom: 16px; }
.mono { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 10px; }
.checklist-card { margin-top: 16px; background: radial-gradient(circle at 0 0, #173327 0, #10161f 42%); }
.checklist-head { display: flex; justify-content: space-between; align-items: start; gap: 16px; margin-bottom: 14px; }
.checklist-head h3, .checklist-head p { margin: 0; }
.checklist-head p, .subtle-block { color: var(--muted); font-size: 11px; line-height: 1.5; margin-top: 4px; }
.checklist-grid { display: grid; grid-template-columns: repeat(5, minmax(180px, 1fr)); gap: 10px; overflow-x: auto; }
.check-item { min-width: 180px; display: grid; grid-template-columns: auto 1fr; gap: 9px; border: 1px solid var(--line); background: #0d1419cc; border-radius: 12px; padding: 12px; position: relative; }
.check-item > .pill { grid-column: 2; justify-self: start; }
.check-item strong, .check-item p { margin: 0; }
.check-item strong { font-size: 11px; line-height: 1.4; }
.check-item p { color: var(--muted); font-size: 9px; margin-top: 5px; line-height: 1.4; }
.check-icon { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; background: #20302a; color: var(--green); font-weight: 900; }
.check-item.attention .check-icon { color: var(--yellow); background: #342b17; }
.check-item.pending .check-icon { color: var(--red); background: #351c20; }
.check-progress { height: 4px; background: #252d39; border-radius: 9px; overflow: hidden; margin-top: 9px; }
.check-progress i { display: block; height: 100%; background: var(--green); border-radius: inherit; }
.check-item.attention .check-progress i { background: var(--yellow); }
.check-item.pending .check-progress i { background: var(--red); }
.calendar-toolbar label { display: grid; gap: 5px; color: var(--muted); font-size: 10px; }
.calendar-toolbar button { align-self: end; }
.calendar-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 14px; }
.calendar-summary > div { background: #101720; border: 1px solid var(--line); border-radius: 11px; padding: 12px; }
.calendar-summary strong, .calendar-summary span { display: block; }
.calendar-summary strong { font-size: 18px; }
.calendar-summary span { color: var(--muted); font-size: 9px; margin-top: 3px; text-transform: uppercase; }
.calendar-day { min-height: 340px; padding: 0; overflow: hidden; }
.calendar-day.today { border-color: #3b7c61; box-shadow: 0 0 0 1px #31d7902b; }
.calendar-day > header { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 12px; border-bottom: 1px solid var(--line); background: #121923; }
.calendar-day > header span, .calendar-day > header strong { display: block; }
.calendar-day > header span { color: var(--green); font-size: 9px; text-transform: uppercase; font-weight: 800; }
.calendar-day > header strong { font-size: 11px; margin-top: 2px; }
.day-slots { padding: 9px; }
.slot { width: 100%; color: var(--text); border: 0; border-left: 3px solid var(--blue); text-align: left; cursor: default; }
.slot-time { color: var(--blue); font-weight: 900; font-size: 10px; }
.slot > span:not(.slot-time), .slot small { display: block; color: var(--muted); line-height: 1.35; }
.slot small { margin-top: 4px; font-family: ui-monospace, monospace; font-size: 8px; }
.empty-day { text-align: center; color: var(--muted); padding: 48px 8px; }
.empty-day span { width: 32px; height: 32px; margin: auto; border: 1px dashed #445064; border-radius: 50%; display: grid; place-items: center; font-size: 20px; }
.empty-day p { font-size: 10px; margin: 9px 0 3px; }
.empty-day small { font-size: 8px; }
.gap-card { margin-top: 16px; }
.gap-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.gap-grid article, .candidate-grid article { display: flex; justify-content: space-between; align-items: center; gap: 10px; border: 1px solid var(--line); background: #101720; padding: 10px 12px; border-radius: 10px; }
.gap-grid strong, .gap-grid small, .candidate-grid strong, .candidate-grid small, .candidate-grid span { display: block; }
.gap-grid strong, .candidate-grid strong { font-size: 11px; }
.gap-grid small, .candidate-grid span { color: var(--muted); font-size: 9px; margin-top: 3px; }
.title-kpis { grid-template-columns: repeat(4, 1fr); }
.title-workbench { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(300px, .7fr); gap: 16px; margin-top: 16px; align-items: start; }
.title-insights { position: sticky; top: 126px; max-height: calc(100vh - 150px); overflow: auto; }
.title-cell { max-width: 480px; line-height: 1.45; }
.reference-actions { display: flex; gap: 8px; flex-wrap: wrap; margin: 14px 0; }
.button-link { display: inline-flex; text-decoration: none; align-items: center; }
.reference-list { padding-left: 20px; }
.reference-list li { padding: 8px 0; border-top: 1px solid var(--line); font-size: 11px; line-height: 1.4; }
.reference-list li small { display: block; color: var(--muted); margin-top: 3px; }
.prompt-box { display: grid; gap: 7px; color: var(--muted); font-size: 10px; }
.prompt-box textarea { min-height: 160px; resize: vertical; background: #0b1118; color: #cbd5e3; border: 1px solid var(--line); border-radius: 10px; padding: 11px; font: 10px/1.55 ui-monospace, monospace; }
.candidate-card { margin-top: 16px; }
.candidate-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.candidate-grid .mono { color: #64738a; margin-top: 2px; }
.preview-result { border-color: #315641; }
@media (max-width: 1180px) { .kpi-grid { grid-template-columns: repeat(3, 1fr); } .grid-2 { grid-template-columns: 1fr; } }
@media (max-width: 820px) {
  .app-shell { grid-template-columns: 1fr; }
  .sidebar { position: fixed; left: -260px; transition: left .2s ease; width: 244px; box-shadow: 20px 0 60px #000b; }
  .sidebar.open { left: 0; }
  #menu-toggle { display: inline-block; }
  .topbar { padding: 14px 16px; flex-wrap: wrap; }
  .top-actions { width: 100%; }
  .search-wrap { flex: 1; }
  #global-search { width: 100%; }
  .search-results { width: min(92vw, 420px); }
  .content { padding: 20px 16px 44px; }
  .mode-banner { padding-left: 16px; }
  .kpi-grid { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: 1fr; }
  .calendar-summary { grid-template-columns: repeat(2, 1fr); }
  .gap-grid, .candidate-grid { grid-template-columns: 1fr; }
  .title-workbench { grid-template-columns: 1fr; }
  .title-insights { position: static; max-height: none; }
}
@media (max-width: 520px) { .kpi-grid { grid-template-columns: 1fr; } #sync-button { display: none; } .topbar h1 { font-size: 17px; } }

/* BIDUR visual system — brand-led operations cockpit */
:root { --bg: #09090d; --panel: #111116; --panel-2: #17171e; --line: #292831; --text: #f8f7fa; --muted: #9896a4; --red: #ff3f49; --red-2: #ff765e; --green: #43d99d; --yellow: #f3c55b; --blue: #8fa6ff; --radius: 18px; }
html, body { background: #09090d; }
body { background-image: radial-gradient(circle at 82% 0%, #3a101622 0, transparent 28%), radial-gradient(circle at 20% 100%, #20102418 0, transparent 32%); }
.app-shell { grid-template-columns: 270px 1fr; }
.sidebar { width: 270px; padding: 28px 14px 18px; background: #0a0a0e; border-right-color: #222128; box-shadow: 14px 0 50px #0003; }
.brand-lockup { min-height: 76px; padding: 0 10px 26px; gap: 11px; align-items: center; }
.brand-icon-image { width: 45px; height: 45px; object-fit: cover; border-radius: 13px; box-shadow: 0 9px 24px #ff3f4944; }
.brand-wordmark { display: block; width: 132px; height: 23px; object-fit: contain; object-position: left center; filter: invert(1) grayscale(1) contrast(1.4); mix-blend-mode: screen; }
.brand-lockup span { margin-top: 5px; color: #aaa6b1; font-size: 9px; font-weight: 800; letter-spacing: .16em; }
nav { gap: 3px; padding-top: 4px; }
.nav-label { padding: 22px 12px 7px; color: #6b6875; font-size: 9px; font-weight: 800; letter-spacing: .15em; }
nav button { min-height: 43px; display: flex; align-items: center; gap: 11px; padding: 11px 13px; color: #aaa8b3; font-size: 13px; font-weight: 650; }
nav button:hover { background: #16151b; color: #fff; }
nav button.active { background: linear-gradient(90deg, #40191d, #1d1217); color: #fff; box-shadow: inset 3px 0 var(--red), 0 6px 18px #ff3f4914; }
.nav-icon { width: 16px; color: #807d8b; font-size: 16px; line-height: 1; text-align: center; }
nav button.active .nav-icon { color: var(--red); }
.mode-lock { margin: 22px 4px 0; background: #101b18; border-color: #214433; border-radius: 14px; padding: 13px; }
.topbar { min-height: 78px; padding: 14px 34px; border-bottom-color: #24232a; background: #0b0b10ef; }
.topbar h1 { font-size: 18px; letter-spacing: -.025em; }
.eyebrow { color: #a9a5b5; font-size: 9px; letter-spacing: .17em; }
.top-actions { gap: 11px; }
.version-chip { display: flex; align-items: center; gap: 8px; padding: 10px 13px; border: 1px solid #2b2932; border-radius: 999px; color: #aaa6b2; background: #111116; font-size: 10px; white-space: nowrap; }
.version-chip i { display: block; width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px #43d99d99; }
.profile-chip { display: flex; align-items: center; gap: 9px; color: #ddd9e3; font-size: 10px; font-weight: 700; white-space: nowrap; }
.profile-chip b { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(145deg, #2c2b36, #17161d); border: 1px solid #3b3945; }
.primary { background: linear-gradient(135deg, #ff3f49, #e83340); color: #fff; border: 1px solid #ff5d65; box-shadow: 0 10px 24px #ff3f4930; }
.primary:hover { filter: brightness(1.08); transform: translateY(-1px); }
.secondary, .icon-button { background: #15151b; border-color: #302e38; }
.secondary:hover, .icon-button:hover { border-color: #605b69; background: #1d1c23; }
.mode-banner { padding: 8px 34px; color: #ffaaa8; background: linear-gradient(90deg, #2a1116, #171018); border-bottom-color: #442128; }
.content { max-width: 1680px; padding: 32px 34px 70px; }
.dashboard-hero { min-height: 214px; display: flex; justify-content: space-between; align-items: end; gap: 28px; padding: 34px; border: 1px solid #332128; border-radius: 22px; margin-bottom: 27px; overflow: hidden; position: relative; background: radial-gradient(circle at 78% 42%, #9f2b342e 0, transparent 28%), linear-gradient(110deg, #121116 0%, #161116 65%, #261016 100%); }
.dashboard-hero::after { content: ""; position: absolute; width: 410px; height: 410px; right: -170px; top: -230px; border-radius: 50%; background: #ff3f4917; filter: blur(2px); }
.dashboard-hero > * { position: relative; z-index: 1; }
.hero-kicker { margin: 0 0 9px; color: var(--red-2); font-size: 10px; font-weight: 900; letter-spacing: .16em; }
.dashboard-hero h2 { margin: 0; font-size: clamp(34px, 4.4vw, 64px); line-height: .98; letter-spacing: -.065em; }
.dashboard-hero h2 span { color: #a6a4b1; }
.dashboard-hero p:not(.hero-kicker) { max-width: 620px; color: #aba8b5; margin: 16px 0 0; font-size: 14px; line-height: 1.55; }
.hero-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.hero-actions button { white-space: nowrap; }
.section-head { margin: 28px 0 15px; }
.section-head h2 { font-size: 22px; letter-spacing: -.035em; }
.card { background: linear-gradient(145deg, #15151b, #101015); border-color: #2c2a33; box-shadow: 0 14px 36px #0000001e; }
.kpi-grid { gap: 14px; }
.kpi { min-height: 144px; border-radius: 17px; }
.kpi:first-child { background: radial-gradient(circle at 80% 18%, #ff5d6333 0, transparent 35%), linear-gradient(145deg, #31181d, #171218); border-color: #613039; }
.kpi strong { font-size: 35px; letter-spacing: -.055em; }
.kpi span { color: #9895a2; }
.checklist-card { background: radial-gradient(circle at 85% 0, #6b1b232b 0, transparent 28%), linear-gradient(145deg, #161218, #101015); border-color: #3a2730; }
.checklist-head h3, .card h3 { font-size: 15px; letter-spacing: -.02em; }
.check-item { background: #111116d9; border-color: #302e37; }
.check-icon { background: #173528; }
.table-wrap { border-color: #2a2931; background: #111116; box-shadow: 0 14px 38px #0002; }
th { background: #15151b; color: #807d89; }
td { border-top-color: #24232b; }
tr:hover td { background: #19181f; }
.pill { border: 1px solid currentColor; background: transparent; padding: 4px 8px; }
.pill.healthy, .pill.success, .pill.public { background: #123323; border-color: #22543a; }
.pill.attention, .pill.warning, .pill.scheduled, .pill.unlisted { background: #332a15; border-color: #6b561f; }
.pill.critical, .pill.failure, .pill.error { background: #35191d; border-color: #713037; }
.calendar-summary > div { background: #15151b; border-color: #302e37; }
.calendar-day { background: #121217; border-color: #302e37; box-shadow: 0 9px 23px #0002; }
.calendar-day.today { border-color: #df4651; box-shadow: 0 0 0 1px #ff3f4955, 0 12px 30px #0004; }
.calendar-day > header { background: #18171d; border-bottom-color: #302e37; }
.slot { background: #191922; border-left-color: var(--red); }
.slot-time { color: #ff7b72; }
.gap-grid article, .candidate-grid article { background: #15151b; border-color: #302e37; }
.title-insights { border-color: #3b2931; background: linear-gradient(155deg, #1a151a, #111116); }
.login-shell { background: radial-gradient(circle at 50% 0%, #50171e 0, #0a090d 45%); }
.login-card { background: #121117; border-color: #3b2931; }
.login-card .brand-mark { background: linear-gradient(135deg, #ff3f49, #e83240); color: #fff; }
.login-logo { width: 62px; height: 62px; object-fit: cover; border-radius: 18px; box-shadow: 0 16px 42px #ff3f4945; }
.toast { background: #151d18; border-color: #316044; }
@media (max-width: 1180px) { .app-shell { grid-template-columns: 244px 1fr; } .sidebar { width: 244px; } .profile-chip { display: none; } .checklist-grid { grid-template-columns: repeat(3, minmax(180px, 1fr)); } }
@media (max-width: 820px) { .app-shell { grid-template-columns: 1fr; } .sidebar { width: 270px; } .dashboard-hero { padding: 25px; align-items: start; flex-direction: column; } .topbar { padding: 14px 16px; } .mode-banner { padding-left: 16px; } .content { padding: 20px 16px 50px; } .version-chip { display: none; } .checklist-grid { grid-template-columns: repeat(2, minmax(180px, 1fr)); } }
@media (max-width: 560px) { .dashboard-hero h2 { font-size: 38px; } .hero-actions { width: 100%; } .hero-actions button { flex: 1; } .checklist-grid { grid-template-columns: 1fr; } .profile-chip { display: none; } }

.command-card { min-height: 180px; display: flex; flex-direction: column; align-items: flex-start; }
.command-card > span { color: var(--red-2); font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.command-card h3 { margin: 10px 0 6px; }
.command-card p { color: var(--muted); line-height: 1.45; margin: 0 0 18px; }
.command-card button { margin-top: auto; }
.command-blockers { display: grid; gap: 9px; margin-top: 15px; }
.command-blockers > div { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #312b31; border-radius: 11px; background: #121117; color: #cbc8d1; }
.command-list { display: grid; gap: 10px; margin-top: 18px; }
.command-list article { display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 14px; border: 1px solid #2d2a31; background: #111116; border-radius: 12px; }
.command-list strong, .command-list small { display: block; }
.command-list small { color: #807d88; margin-top: 4px; }
.command-list p { color: #aaa6b0; margin: 6px 0 0; font-size: 12px; }
.command-list article > div:last-child { display: flex; gap: 8px; flex-wrap: wrap; justify-content: end; }
@media (max-width: 700px) { .command-list article { align-items: flex-start; flex-direction: column; } .command-list article > div:last-child { justify-content: start; } }

/* Interactive planning map: expected slot, observed video and gaps in one view. */
.planner-wrap { overflow: auto; border: 1px solid #302e37; border-radius: 18px; background: #0f0f14; box-shadow: 0 16px 44px #0003; }
.planner-caption { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 17px 19px; border-bottom: 1px solid #302e37; background: radial-gradient(circle at 90% 0%, #7a22282b, transparent 38%), #15141a; }
.planner-caption strong, .planner-caption span { display: block; }
.planner-caption strong { font-size: 14px; }
.planner-caption span { margin-top: 4px; color: var(--muted); font-size: 11px; }
.planner-grid { display: grid; min-width: 1240px; }
.planner-head { display: flex; min-height: 64px; flex-direction: column; justify-content: center; gap: 3px; padding: 10px 12px; border-right: 1px solid #302e37; border-bottom: 1px solid #302e37; background: #17161d; color: #a7a3ae; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.planner-head strong { color: #f0eef4; font-size: 12px; letter-spacing: -.01em; text-transform: none; }
.planner-head.today { background: linear-gradient(145deg, #3a171d, #201318); box-shadow: inset 0 3px var(--red); }
.planner-head.channel-head { color: #f3f0f5; font-weight: 800; }
.planner-channel { min-height: 96px; display: flex; flex-direction: column; justify-content: center; gap: 4px; padding: 13px 14px; border-right: 1px solid #302e37; border-bottom: 1px solid #302e37; background: #131218; }
.planner-channel strong { font-size: 13px; }
.planner-channel small { color: #898591; font-size: 10px; }
.planner-channel .pill { align-self: flex-start; margin-top: 5px; }
.planner-cell { min-height: 96px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 5px; padding: 11px 12px; border: 0; border-right: 1px solid #302e37; border-bottom: 1px solid #302e37; text-align: left; text-decoration: none; color: #f4f1f5; background: #111117; transition: background .16s ease, transform .16s ease; }
.planner-cell strong { font-size: 11px; }
.planner-cell small { display: -webkit-box; overflow: hidden; color: #aaa6b2; font-size: 10px; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.planner-cell .planner-time { color: #ff827a; font-size: 11px; font-weight: 850; letter-spacing: .04em; }
.planner-cell.filled { background: linear-gradient(145deg, #163323, #111b16); }
.planner-cell.filled:hover { background: linear-gradient(145deg, #1f4830, #13271c); transform: translateY(-1px); }
.planner-cell.published { background: radial-gradient(circle at 85% 15%, #43d99d22, transparent 34%), linear-gradient(145deg, #173d2a, #101d17); box-shadow: inset 3px 0 #43d99d; }
.planner-cell.published strong { color: #8ff0bf; }
.planner-cell.published:hover { background: linear-gradient(145deg, #205039, #14281e); transform: translateY(-1px); }
.planner-cell.divergent { background: linear-gradient(145deg, #3a2b13, #211a10); }
.planner-cell.empty { background: linear-gradient(145deg, #2b171b, #181116); }
.planner-cell.empty strong { color: #ff9d98; }
.planner-cell.off { align-items: center; color: #686571; background: #0e0e12; text-align: center; }
.planner-cell.off span { font-size: 20px; line-height: 1; }
.planner-cell.off small { color: #64616b; }
.planner-cell.multi { min-height: 124px; align-items: stretch; justify-content: stretch; gap: 0; padding: 0; }
.planner-subslot { min-height: 62px; display: grid; grid-template-columns: 42px 1fr; gap: 2px 8px; align-content: center; padding: 9px 10px; border-bottom: 1px solid #302e37; color: #f4f1f5; text-decoration: none; background: #111117; }
.planner-subslot:last-child { border-bottom: 0; }
.planner-subslot .planner-time { grid-row: 1 / span 2; align-self: center; }
.planner-subslot strong, .planner-subslot small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.planner-subslot.filled { background: linear-gradient(145deg, #163323, #111b16); }
.planner-subslot.published { background: radial-gradient(circle at 85% 15%, #43d99d22, transparent 34%), linear-gradient(145deg, #173d2a, #101d17); }
.planner-subslot.published strong { color: #8ff0bf; }
.planner-subslot.past-unconfirmed { background: linear-gradient(145deg, #342d1d, #1b1812); border-left: 3px solid #d4a64e; }
.planner-subslot.past-unconfirmed strong { color: #f0cf86; }
.planner-subslot.divergent { background: linear-gradient(145deg, #3a2b13, #211a10); }
.planner-subslot.observed { background: linear-gradient(145deg, #202b3b, #131923); border-left: 3px solid #6ea7e8; }
.planner-subslot.observed strong { color: #a9d2ff; }
.planner-subslot.staged { background: linear-gradient(145deg, #2a2b31, #17181d); border-left: 3px solid #777d89; }
.planner-subslot.staged strong { color: #d8dbe2; }
.planner-subslot .planner-origin { color: #777d89; font-size: 9px; }
.planner-subslot.empty { background: linear-gradient(145deg, #2b171b, #181116); }
.planner-subslot.empty strong { color: #ff9d98; }
.produced-queue { margin-top: 16px; padding: 0; overflow: hidden; }
.produced-queue .checklist-head { padding: 18px 19px; border-bottom: 1px solid #302e37; }
.produced-list { max-height: 620px; overflow: auto; }
.produced-row { display: grid; grid-template-columns: 115px minmax(180px, .85fr) minmax(260px, 1.7fr) 125px; align-items: center; gap: 15px; padding: 13px 18px; border-bottom: 1px solid #292731; color: #f4f1f5; text-decoration: none; transition: background .16s ease; }
.produced-row:last-child { border-bottom: 0; }
.produced-row:hover { background: #19181f; }
.produced-date strong, .produced-date span, .produced-channel strong, .produced-channel span, .produced-title strong, .produced-title span, .produced-state small { display: block; }
.produced-date strong, .produced-channel strong, .produced-title strong { font-size: 12px; }
.produced-date span, .produced-channel span, .produced-title span, .produced-state small { margin-top: 4px; color: #8f8b97; font-size: 9px; }
.produced-channel .pill { display: inline-flex; margin-top: 6px; }
.produced-title strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.produced-state { min-width: 0; text-align: right; }
.produced-state small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 700px) { .planner-caption { align-items: flex-start; flex-direction: column; } .planner-grid { min-width: 1090px; } .produced-row { grid-template-columns: 92px 1fr; } .produced-title, .produced-state { grid-column: 1 / -1; text-align: left; } }

/* Production cockpit and people-friendly views */
.mode-banner.official { color: #9ff1c7; background: linear-gradient(90deg, #10251b, #111419); border-bottom-color: #244f38; }
.mode-lock.official { color: #9ff1c7; background: linear-gradient(145deg, #10251b, #111915); border-color: #28513b; }
.mode-lock.official > span { color: var(--green); text-shadow: 0 0 14px #43d99d; }
.info-note, .success-note { border-radius: 13px; padding: 14px 16px; margin-bottom: 17px; font-size: 12px; line-height: 1.55; }
.info-note { color: #cad5ff; background: #171b2b; border: 1px solid #313b63; }
.success-note { color: #b5f3d2; background: linear-gradient(90deg, #11291d, #111a16); border: 1px solid #28533b; }

.channel-card-grid { display: grid; grid-template-columns: repeat(4, minmax(220px, 1fr)); gap: 16px; }
.channel-card { overflow: hidden; min-width: 0; border: 1px solid #302e37; border-radius: 18px; background: #121217; box-shadow: 0 18px 44px #0003; transition: transform .18s ease, border-color .18s ease; }
.channel-card:hover { transform: translateY(-3px); border-color: #5b343c; }
.channel-card-cover { min-height: 108px; padding: 16px; display: flex; align-items: flex-end; justify-content: space-between; background: radial-gradient(circle at 75% 20%, #ff46523d, transparent 28%), linear-gradient(135deg, #3a171e, #151319 70%); }
.channel-card-cover > span { font-size: 38px; font-weight: 900; letter-spacing: -.08em; }
.channel-card-body { padding: 17px; }
.channel-card-body .channel-name { width: 100%; padding: 0; border: 0; background: transparent; text-align: left; font-size: 16px; }
.channel-card-body p { margin: 6px 0 16px; color: var(--muted); font-size: 11px; }
.channel-card-body > small { display: block; margin-top: 14px; padding-top: 12px; border-top: 1px solid #292731; color: #aaa6b1; }
.channel-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.stock-summary { grid-template-columns: repeat(5, minmax(120px, 1fr)); }
.stock-table td { vertical-align: top; min-width: 88px; }
.stock-table td:first-child { min-width: 185px; }
.stock-table td:nth-child(5) { min-width: 220px; }
.stock-table td small { display: block; margin-top: 5px; color: var(--muted); line-height: 1.4; }
.stock-table .channel-name { padding: 0; border: 0; background: transparent; text-align: left; }
@media (max-width: 900px) { .stock-summary { grid-template-columns: repeat(2, 1fr); } }
.channel-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.channel-stats span { color: #777481; font-size: 8px; text-transform: uppercase; }
.channel-stats strong { display: block; margin-bottom: 3px; color: #f8f5fa; font-size: 17px; }

.video-card-grid { display: grid; grid-template-columns: repeat(4, minmax(230px, 1fr)); gap: 17px; }
.video-card { overflow: hidden; min-width: 0; border: 1px solid #302e37; border-radius: 18px; background: linear-gradient(145deg, #15151b, #101015); box-shadow: 0 18px 46px #0003; }
.video-cover { display: block; position: relative; aspect-ratio: 16/9; overflow: hidden; background: #08080b; }
.video-thumbnail { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .24s ease; }
.video-cover:hover .video-thumbnail { transform: scale(1.035); }
.video-thumbnail.placeholder { display: grid; place-items: center; color: var(--muted); font-size: 11px; }
.play-badge { position: absolute; right: 12px; bottom: 11px; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #ee3342e8; box-shadow: 0 7px 20px #0008; }
.video-card-body { padding: 15px; }
.video-card-status { display: flex; gap: 6px; flex-wrap: wrap; }
.video-card h3 { min-height: 39px; margin: 12px 0 5px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.35; }
.video-card p { margin: 0 0 14px; color: var(--muted); font-size: 11px; }
.video-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding-top: 12px; border-top: 1px solid #2a2830; }
.video-meta span { color: #76727f; font-size: 8px; text-transform: uppercase; }
.video-meta strong { display: block; margin-top: 3px; color: #d6d2da; font-size: 10px; text-transform: none; }
.video-warning { margin-top: 10px; padding: 7px 9px; border-radius: 8px; color: #ffd39a; background: #302416; font-size: 10px; }
.video-mini-list { display: grid; gap: 10px; }
.video-mini-list a { display: grid; grid-template-columns: 124px 1fr; gap: 13px; align-items: center; padding: 9px; border: 1px solid #2d2b33; border-radius: 12px; color: inherit; background: #111116; text-decoration: none; }
.video-mini-list .video-thumbnail { width: 124px; aspect-ratio: 16/9; border-radius: 8px; }
.video-mini-list strong, .video-mini-list span { display: block; }
.video-mini-list span { margin-top: 5px; color: var(--muted); font-size: 10px; }

.users-layout { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(320px, .7fr); gap: 18px; align-items: start; }
.users-list { display: grid; gap: 9px; }
.user-row { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 13px; border: 1px solid #2d2b33; border-radius: 13px; background: #111116; }
.user-avatar { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #4c3840; border-radius: 50%; background: linear-gradient(145deg, #3a1a21, #20151a); font-weight: 900; }
.user-row strong, .user-row span, .user-row small { display: block; }
.user-row span { margin-top: 3px; color: #aaa6b0; font-size: 11px; }
.user-row small { margin-top: 4px; color: #716e79; font-size: 9px; }
.user-actions { display: flex; gap: 8px; align-items: center; }
.user-form { position: sticky; top: 110px; }
.user-form label { display: grid; gap: 6px; margin: 13px 0; color: #aaa6b0; font-size: 10px; }
.user-form > button { width: 100%; margin-top: 5px; }

@media (max-width: 1320px) { .channel-card-grid, .video-card-grid { grid-template-columns: repeat(3, minmax(220px, 1fr)); } }
@media (max-width: 1020px) { .channel-card-grid, .video-card-grid { grid-template-columns: repeat(2, minmax(220px, 1fr)); } .users-layout { grid-template-columns: 1fr; } .user-form { position: static; } }
@media (max-width: 620px) { .channel-card-grid, .video-card-grid { grid-template-columns: 1fr; } .user-row { grid-template-columns: auto 1fr; } .user-actions { grid-column: 2; } }

/* Premium next-cycle command card */
.dashboard-operations { align-items: stretch; }
.launch-control-card { overflow: hidden; padding: 0; border-color: #463039; background: radial-gradient(circle at 88% 0, #a52a342d, transparent 30%), linear-gradient(145deg, #181319, #0f1014 62%); }
.launch-control-head { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 22px 22px 17px; }
.launch-control-head h3, .launch-control-head p { margin: 0; }
.launch-control-head h3 { margin-top: 6px; font-size: 18px; }
.launch-control-head p { margin-top: 6px; color: #aaa6b1; font-size: 11px; }
.launch-eyebrow { color: #ff746e; font-size: 9px; font-weight: 900; letter-spacing: .15em; }
.launch-score { min-width: 92px; padding: 11px 14px; border: 1px solid #2f5b46; border-radius: 15px; text-align: center; background: #10261b; }
.launch-score.attention { border-color: #6b561f; background: #2e2615; }
.launch-score strong, .launch-score span { display: block; }
.launch-score strong { color: #62e5a9; font-size: 24px; line-height: 1; letter-spacing: -.05em; }
.launch-score.attention strong { color: #f3c55b; }
.launch-score strong small { font-size: 13px; color: #8d8994; }
.launch-score span { margin-top: 5px; color: #aaa6b1; font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.launch-progress { height: 3px; background: #242229; }
.launch-progress i { height: 100%; display: block; border-radius: 0 99px 99px 0; background: linear-gradient(90deg, #24c987, #69ecb1); box-shadow: 0 0 15px #43d99d77; }
.launch-list { max-height: 470px; overflow: auto; padding: 10px 14px 4px; }
.launch-row { display: grid; grid-template-columns: 58px 90px minmax(0, 1fr) auto; gap: 13px; align-items: center; padding: 11px 9px; border-bottom: 1px solid #29262e; border-radius: 11px; }
.launch-row:last-child { border-bottom: 0; }
.launch-row:hover { background: #ffffff05; }
.launch-time { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 5px; }
.launch-time strong { font-size: 14px; }
.launch-time span { width: 18px; height: 18px; display: grid; place-items: center; border-radius: 50%; color: #07140e; background: var(--green); font-size: 10px; font-weight: 900; }
.launch-row.attention .launch-time span { background: var(--yellow); }
.launch-row.critical .launch-time span { color: #fff; background: var(--red); }
.launch-thumb { overflow: hidden; width: 90px; aspect-ratio: 16/9; border: 1px solid #36323a; border-radius: 9px; background: #09090c; }
.launch-copy { min-width: 0; }
.launch-copy .channel-link { padding: 0; border: 0; color: #ff8b84; background: transparent; font-size: 11px; }
.launch-copy > strong, .launch-copy > small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.launch-copy > strong { margin-top: 4px; font-size: 12px; }
.launch-copy > small { margin-top: 4px; color: #76727e; font-size: 9px; }
.launch-footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 22px 18px; border-top: 1px solid #2c2830; background: #0d0e12aa; }
.launch-footer span { color: #76727e; font-size: 9px; }
@media (max-width: 680px) { .launch-control-head { align-items: flex-start; } .launch-row { grid-template-columns: 52px 70px minmax(0, 1fr); } .launch-row > .pill { grid-column: 3; justify-self: start; } .launch-thumb { width: 70px; } .launch-footer { align-items: flex-start; flex-direction: column; } }

/* Title Intelligence — editorial cockpit connected to the official Writer */
.title-hero { min-height: 235px; display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 18px; padding: 34px; overflow: hidden; position: relative; border: 1px solid #44262e; border-radius: 22px; background: radial-gradient(circle at 82% 28%, #ff425033 0, transparent 27%), linear-gradient(118deg, #161116 0%, #1b1117 65%, #311319 100%); box-shadow: 0 22px 58px #0004; }
.title-hero::after { content: "✦"; position: absolute; right: 70px; top: 22px; color: #ff57634c; font-size: 112px; line-height: 1; transform: rotate(10deg); }
.title-hero > * { position: relative; z-index: 1; }
.title-hero h2 { margin: 0; font-size: clamp(34px, 4vw, 58px); line-height: 1; letter-spacing: -.06em; }
.title-hero h2 span { color: #9d99a6; }
.title-hero > div > p:last-child { max-width: 650px; margin: 16px 0 0; color: #aaa6b1; line-height: 1.55; }
.title-flow { display: flex; align-items: center; gap: 8px; padding: 13px 15px; border: 1px solid #55313a; border-radius: 999px; white-space: nowrap; background: #110f14c9; }
.title-flow span { color: #d9d4dc; font-size: 9px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.title-flow i { color: #ff655f; font-style: normal; }
.title-kpis .kpi { min-height: 128px; }
.title-command-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 18px 0; }
.title-command-card { padding: 23px; border-color: #342f39; background: radial-gradient(circle at 100% 0, #6f1c2721, transparent 30%), linear-gradient(145deg, #16151b, #101015); }
.title-command-card h3 { margin: 5px 0 7px; font-size: 19px; }
.title-command-card > p:not(.hero-kicker) { margin: 0 0 17px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.title-command-card label { display: grid; gap: 6px; margin: 12px 0; color: #aaa6b2; font-size: 10px; }
.title-command-card label small { color: #6f6b77; text-align: right; }
.title-command-card textarea { min-height: 78px; resize: vertical; }
.grid-2.compact { gap: 10px; }
.ai-command-card { border-color: #503039; background: radial-gradient(circle at 88% 12%, #f23b4930, transparent 29%), linear-gradient(145deg, #211319, #101015 70%); }
.ai-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.ai-submit-row { display: flex; align-items: end; justify-content: space-between; gap: 15px; }
.ai-submit-row label { width: 150px; margin: 0; }
.ai-submit-row button { min-width: 180px; }
.title-library { margin-top: 22px; }
.library-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 13px; }
.library-head h3 { margin: 4px 0 0; font-size: 20px; }
.library-head .filters { margin: 0; }
.title-workbench { grid-template-columns: minmax(0, 1.65fr) minmax(310px, .65fr); }
.title-table td { vertical-align: middle; }
.title-cell strong, .title-cell small, .title-table td:nth-child(5) small { display: block; }
.title-cell strong { max-width: 560px; font-size: 12px; line-height: 1.45; }
.title-cell small, .title-table td:nth-child(5) small { margin-top: 4px; color: #77737f; font-size: 9px; }
.origin-label { color: #aba7b1; font-size: 10px; }
.origin-label.gemini { color: #aebcff; }
.origin-label.panel_manual { color: #7fe6b4; }
.table-actions { display: flex; gap: 6px; }
.ghost { padding: 7px 9px; color: #aaa6b1; border-color: #35323b; background: transparent; font-size: 9px; }
.performance-list { display: grid; gap: 7px; margin-top: 17px; }
.performance-list article { display: grid; grid-template-columns: 28px 1fr; gap: 10px; align-items: start; padding: 10px 0; border-top: 1px solid #2c2931; }
.performance-list article b { color: #ff655f; font-size: 10px; }
.performance-list strong, .performance-list small { display: block; }
.performance-list strong { font-size: 11px; line-height: 1.42; }
.performance-list small { margin-top: 4px; color: #76727e; font-size: 9px; }
.ai-result-shell { margin: 18px 0 24px; padding: 26px; border: 1px solid #4d3038; border-radius: 22px; background: radial-gradient(circle at 85% 0, #96263029 0, transparent 26%), linear-gradient(145deg, #181318, #0f1014 65%); box-shadow: 0 20px 60px #0004; }
.ai-result-shell > header { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 23px; }
.ai-result-shell > header h2 { margin: 4px 0 7px; font-size: 29px; }
.ai-result-shell > header p:not(.hero-kicker) { max-width: 760px; margin: 0; color: #aaa6b1; line-height: 1.5; }
.ai-suggestion-group { margin-top: 23px; }
.ai-suggestion-group > div:first-child span { color: #ff716c; font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.ai-suggestion-group h3 { margin: 5px 0 12px; font-size: 18px; }
.suggestion-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.suggestion-grid article { display: flex; min-height: 145px; flex-direction: column; align-items: flex-start; padding: 16px; border: 1px solid #312e37; border-radius: 14px; background: #111116; }
.suggestion-grid article p { margin: 0; font-size: 13px; font-weight: 800; line-height: 1.45; }
.suggestion-grid article small { margin: 8px 0 14px; color: #85818d; font-size: 10px; line-height: 1.4; }
.suggestion-grid article button { margin-top: auto; }
.expert-tip { display: flex; gap: 13px; margin-top: 20px; padding: 17px; border: 1px solid #584526; border-radius: 14px; background: #2b2315; }
.expert-tip > span { color: #f3c55b; font-size: 20px; }
.expert-tip strong, .expert-tip p { display: block; margin: 0; }
.expert-tip p { margin-top: 5px; color: #d4c8ae; font-size: 11px; line-height: 1.5; }
.ai-disclaimer { margin: 13px 0 0; color: #6e6a75; font-size: 9px; }
@media (max-width: 1120px) { .title-command-grid { grid-template-columns: 1fr; } .library-head { align-items: flex-start; flex-direction: column; } .library-head .filters { width: 100%; } }
@media (max-width: 820px) { .title-hero { align-items: flex-start; flex-direction: column; padding: 25px; } .title-flow { max-width: 100%; overflow: auto; } .title-workbench { grid-template-columns: 1fr; } .suggestion-grid { grid-template-columns: 1fr; } .ai-result-shell > header { flex-direction: column; } }
@media (max-width: 560px) { .title-command-card .grid-2 { grid-template-columns: 1fr; } .ai-submit-row { align-items: stretch; flex-direction: column; } .ai-submit-row label, .ai-submit-row button { width: 100%; } }

/* Deterministic video pattern control */
.pattern-fields { display: block; margin: 8px 0; color: #8f8a98; line-height: 1.45; }
.info-note.compact { margin: 10px 0 0; padding: 9px 11px; font-size: 10px; }
.pattern-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 16px 0; }
.pattern-card { padding: 20px; background: radial-gradient(circle at 100% 0, #ff44531f, transparent 28%), linear-gradient(145deg, #17161c, #101015); }
.pattern-card-head { margin-bottom: 16px; }
.pattern-card-head > strong, .pattern-card-head > small { display: block; }
.pattern-card-head > strong { margin-top: 13px; font-size: 24px; letter-spacing: -.04em; }
.pattern-card-head > small { margin-top: 4px; color: #77727f; }
.pattern-card label, .pattern-new label { display: grid; gap: 6px; margin: 10px 0; color: #aaa6b2; font-size: 10px; }
.pattern-switches { display: flex; flex-wrap: wrap; gap: 14px; margin: 14px 0; }
.pattern-switches label { display: flex; align-items: center; gap: 7px; margin: 0; }
.pattern-switches input { width: auto; }
.flexible-control { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 18px 0; padding: 22px; border-color: #52352c; }
.flexible-control h3, .flexible-control p { margin: 0; }
.flexible-control p { margin-top: 6px; color: var(--muted); font-size: 11px; }
.pattern-new { padding: 22px; }
@media (max-width: 1100px) { .pattern-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 720px) { .pattern-grid { grid-template-columns: 1fr; } .flexible-control { align-items: flex-start; flex-direction: column; } }
.history-filter { display:grid; grid-template-columns:minmax(220px,2fr) repeat(3,minmax(140px,1fr)) auto; gap:12px; align-items:end; }
.history-filter label { margin:0; }
.history-table td { vertical-align:top; min-width:120px; }
.history-table td:nth-child(2) { min-width:210px; }
.history-table .title-cell { min-width:230px; max-width:360px; white-space:normal; line-height:1.45; }
.history-table small { display:block; margin-top:5px; max-width:320px; white-space:normal; overflow-wrap:anywhere; }
.history-table a { color:var(--accent); }
.compact-table { max-height:460px; overflow:auto; }

@media (max-width: 900px) {
  .history-filter { grid-template-columns:1fr 1fr; }
}

@media (max-width: 560px) {
  .history-filter { grid-template-columns:1fr; }
}

/* Human operational dashboard */
.compact-hero { min-height: 188px; margin-bottom: 16px; }
.operation-kpis { display: grid; grid-template-columns: repeat(4, minmax(180px, 1fr)); gap: 12px; margin-bottom: 16px; }
.operation-kpis .kpi { min-height: 118px; }
.operation-kpis .kpi strong small { color: #777481; font-size: 17px; }
.operation-kpis .needs-attention { border-color: #6b561f; background: radial-gradient(circle at 85% 10%, #d6a63722, transparent 36%), linear-gradient(145deg, #231d12, #121116); }
.operation-window { overflow: hidden; padding: 0; border-color: #403139; background: radial-gradient(circle at 90% 0, #7f263028, transparent 28%), linear-gradient(145deg, #171319, #0f1014 64%); }
.operation-window-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px; }
.operation-window-head h3, .operation-window-head p { margin: 0; }
.operation-window-head h3 { margin-top: 5px; font-size: 19px; }
.operation-window-head p { margin-top: 6px; color: #918d99; font-size: 10px; }
.operation-list { max-height: 620px; overflow: auto; padding: 8px 14px; }
.operation-row { display: grid; grid-template-columns: 58px 90px minmax(0, 1fr) 110px; gap: 13px; align-items: center; min-height: 92px; padding: 10px 8px; border-bottom: 1px solid #29262e; border-radius: 11px; }
.operation-row:last-child { border-bottom: 0; }
.operation-row:hover { background: #ffffff05; }
.operation-row.ready { background: linear-gradient(90deg, #17231d66, transparent); }
.operation-row.observed { background: linear-gradient(90deg, #1c2b4055, transparent); }
.operation-row.attention { background: linear-gradient(90deg, #30261255, transparent); }
.operation-row.critical { background: linear-gradient(90deg, #35191d55, transparent); }
.operation-time strong, .operation-time small { display: block; }
.operation-time strong { font-size: 15px; }
.operation-time small { margin-top: 4px; color: #777481; font-size: 9px; }
.operation-thumb { overflow: hidden; width: 90px; aspect-ratio: 16/9; border: 1px solid #36323a; border-radius: 9px; background: #09090c; }
.operation-copy { min-width: 0; }
.operation-copy > div { display: flex; align-items: center; gap: 8px; }
.operation-copy .channel-link { max-width: 62%; overflow: hidden; padding: 0; border: 0; color: #ff8b84; background: transparent; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.operation-copy > strong, .operation-copy > small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.operation-copy > strong { margin-top: 5px; font-size: 12px; }
.operation-copy > small { margin-top: 4px; color: #76727e; font-size: 9px; }
.operation-copy > p { margin: 6px 0 0; color: #b8b3bd; font-size: 10px; line-height: 1.35; }
.operation-owner { text-align: right; }
.operation-owner span, .operation-owner strong { display: block; }
.operation-owner span { color: #716d78; font-size: 8px; text-transform: uppercase; }
.operation-owner strong { margin-top: 5px; font-size: 10px; }
.pill.ready { color: #7fe6b4; border-color: #28533b; background: #11291d; }
.system-health-grid { display: grid; grid-template-columns: repeat(4, minmax(190px, 1fr)); gap: 12px; }
.system-health { min-height: 128px; padding: 18px; border-left: 3px solid #6b561f; }
.system-health.ok { border-left-color: var(--green); }
.system-health > span { color: #777481; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.system-health > strong { display: block; margin-top: 10px; font-size: 17px; }
.system-health > p { margin: 7px 0 0; color: #918d99; font-size: 10px; line-height: 1.45; }
.compact-incidents { margin-top: 16px; }
@media (max-width: 1080px) { .operation-kpis, .system-health-grid { grid-template-columns: repeat(2, minmax(180px, 1fr)); } }
@media (max-width: 700px) { .operation-window-head { align-items: flex-start; flex-direction: column; } .operation-row { grid-template-columns: 52px 70px minmax(0, 1fr); } .operation-thumb { width: 70px; } .operation-owner { grid-column: 3; text-align: left; } }
@media (max-width: 560px) { .operation-kpis, .system-health-grid { grid-template-columns: 1fr; } }

/* Editorial Intelligence — live evidence instead of a static title stock */
.intelligence-hero { min-height: 255px; display: flex; align-items: center; justify-content: space-between; gap: 34px; overflow: hidden; position: relative; margin-bottom: 16px; padding: 36px; border: 1px solid #3a3156; border-radius: 24px; background: radial-gradient(circle at 82% 44%, #7f5dff3d 0, transparent 25%), radial-gradient(circle at 10% 0, #ff4c5930 0, transparent 31%), linear-gradient(125deg, #17131d 0%, #10141d 55%, #18122b 100%); box-shadow: 0 24px 70px #0006; }
.intelligence-hero h2 { margin: 3px 0 13px; font-size: clamp(36px, 4.2vw, 63px); line-height: .98; letter-spacing: -.065em; }
.intelligence-hero h2 span { color: #9f9aaf; }
.intelligence-hero p:last-child { max-width: 680px; margin: 0; color: #aaa5b6; line-height: 1.55; }
.brain-orbit { width: 154px; height: 154px; display: grid; flex: 0 0 auto; place-items: center; position: relative; border: 1px solid #745bd1; border-radius: 50%; background: #171126cc; box-shadow: inset 0 0 48px #7f5dff22, 0 0 52px #7f5dff22; }
.brain-orbit::before, .brain-orbit::after { content: ""; position: absolute; border: 1px solid #715bc577; border-radius: 50%; }
.brain-orbit::before { inset: 15px -25px; transform: rotate(54deg); }
.brain-orbit::after { inset: -25px 15px; transform: rotate(-54deg); }
.brain-orbit i { position: absolute; inset: 31px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #ff7d86, #7f5dff 55%, #281a48); box-shadow: 0 0 35px #8a6cff77; }
.brain-orbit span { position: relative; z-index: 1; color: #fff; font-size: 25px; font-weight: 950; letter-spacing: -.06em; }
.radar-filter { display: flex; align-items: end; gap: 10px; margin-bottom: 14px; padding: 13px; }
.radar-filter label { display: grid; min-width: 180px; gap: 5px; color: #7e7989; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.radar-filter button { min-height: 39px; }
.brain-kpis { display: grid; grid-template-columns: repeat(5, minmax(150px, 1fr)); gap: 10px; margin-bottom: 10px; }
.brain-kpis article { min-height: 112px; display: flex; flex-direction: column; justify-content: space-between; padding: 17px; border: 1px solid #2e2c39; border-radius: 16px; background: linear-gradient(145deg, #15151d, #0e1015); }
.brain-kpis span { color: #8e8999; font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.brain-kpis strong { font-size: 31px; letter-spacing: -.05em; }
.brain-kpis small { color: #696574; font-size: 9px; }
.coverage-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 18px; }
.coverage-strip article { display: flex; align-items: center; gap: 10px; padding: 11px 13px; border: 1px solid #292733; border-radius: 12px; background: #101116; }
.coverage-strip i { width: 9px; height: 9px; flex: 0 0 auto; border-radius: 50%; background: #5c5864; box-shadow: 0 0 0 4px #5c586419; }
.coverage-strip i.on { background: #36d595; box-shadow: 0 0 0 4px #36d59519, 0 0 15px #36d59555; }
.coverage-strip strong, .coverage-strip small { display: block; }
.coverage-strip strong { font-size: 10px; }
.coverage-strip small { margin-top: 3px; color: #716d7b; font-size: 8px; }
.radar-section { margin-top: 14px; padding: 19px; border: 1px solid #292733; border-radius: 18px; background: linear-gradient(145deg, #12131a, #0d0f14); }
.radar-section-head { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 14px; }
.radar-section-head h3 { margin: 4px 0 0; font-size: 18px; }
.radar-section-head > span { max-width: 390px; color: #706b79; font-size: 9px; text-align: right; }
.radar-video-grid { display: grid; grid-template-columns: repeat(4, minmax(210px, 1fr)); gap: 11px; }
.radar-video { overflow: hidden; color: inherit; border: 1px solid #292733; border-radius: 14px; background: #0d0f14; text-decoration: none; transition: transform .2s ease, border-color .2s ease; }
.radar-video:hover { transform: translateY(-2px); border-color: #554970; }
.radar-cover { aspect-ratio: 16/9; overflow: hidden; position: relative; background: #08080b; }
.radar-cover b { position: absolute; left: 9px; top: 9px; min-width: 26px; padding: 5px 7px; border-radius: 7px; color: #fff; background: #09090bd9; font-size: 9px; text-align: center; }
.radar-video > div:last-child { padding: 12px; }
.radar-video strong, .radar-video span, .radar-video small { display: block; }
.radar-video strong { min-height: 34px; overflow: hidden; font-size: 11px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.radar-video span { margin-top: 7px; color: #928c9d; font-size: 9px; }
.radar-video small { margin-top: 4px; color: #696574; font-size: 8px; }
.radar-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.trend-cloud { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.trend-cloud article { padding: 13px; border: 1px solid #332f3d; border-radius: 12px; background: #15131b; }
.trend-cloud strong, .trend-cloud span, .trend-cloud small { display: block; }
.trend-cloud strong { font-size: 12px; }
.trend-cloud span { margin-top: 5px; color: #baadff; font-size: 9px; }
.trend-cloud small { margin-top: 5px; color: #706b79; font-size: 8px; }
.artist-list, .reach-list, .decision-list { display: grid; gap: 7px; }
.artist-list article, .reach-list article { display: grid; grid-template-columns: 30px 1fr auto; gap: 10px; align-items: center; padding: 10px; border-top: 1px solid #292733; }
.artist-list article:first-child, .reach-list article:first-child { border-top: 0; }
.artist-list b, .reach-list b { color: #ff716c; font-size: 9px; }
.artist-list strong, .artist-list small, .reach-list strong, .reach-list small { display: block; }
.artist-list strong, .reach-list strong { font-size: 11px; }
.artist-list small, .reach-list small { margin-top: 4px; color: #716d7b; font-size: 8px; }
.artist-list > article > span { min-width: 32px; padding: 6px; border: 1px solid #4d4169; border-radius: 9px; color: #c5b8ff; text-align: center; font-size: 10px; font-weight: 900; }
.reach-list > article > div:last-child { text-align: right; }
.reach-list > article > div:last-child strong { color: #63e3aa; font-size: 17px; }
.decision-list { max-height: 500px; overflow: auto; }
.decision-list article { padding: 13px; border: 1px solid #2d2a35; border-radius: 12px; background: #101116; }
.decision-list article > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.decision-list article > div small { color: #666270; font-size: 8px; }
.decision-list article > strong, .decision-list article > span { display: block; }
.decision-list article > strong { margin-top: 9px; font-size: 12px; line-height: 1.4; }
.decision-list article > span { margin-top: 5px; color: #827d8d; font-size: 8px; }
.decision-list article > p { margin: 8px 0 0; color: #aaa4b3; font-size: 9px; line-height: 1.45; }
.radar-note { margin: 12px 0 0; color: #6f6a78; font-size: 8px; line-height: 1.45; }
.origin-label.gemini_adaptive { color: #c2b5ff; }
@media (max-width: 1180px) { .brain-kpis { grid-template-columns: repeat(3, 1fr); } .radar-video-grid { grid-template-columns: repeat(2, minmax(210px, 1fr)); } }
@media (max-width: 900px) { .coverage-strip, .radar-columns { grid-template-columns: 1fr 1fr; } .intelligence-hero { align-items: flex-start; } .brain-orbit { width: 112px; height: 112px; } }
@media (max-width: 650px) { .intelligence-hero { padding: 25px; } .brain-orbit { display: none; } .radar-filter { align-items: stretch; flex-direction: column; } .radar-filter label { min-width: 0; } .brain-kpis, .coverage-strip, .radar-columns, .radar-video-grid, .trend-cloud { grid-template-columns: 1fr; } }