:root {
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
  --bg: #07111d;
  --bg-deep: #050c16;
  --surface: #0b1725;
  --surface-2: #0d1b2b;
  --surface-hover: #111f34;
  --border: #1b2b3d;
  --border-soft: #142437;
  --text: #f7f9fc;
  --text-2: #c1cad7;
  --muted: #7f8b9c;
  --purple: #7657ff;
  --purple-2: #a676ff;
  --green: #37d66e;
  --amber: #f5b913;
  --pink: #ef416c;
  --cyan: #27b7df;
  background: var(--bg);
  color: var(--text);
}
* { box-sizing: border-box; }
html, body, #root { min-height: 100%; margin: 0; }
body { min-width: 320px; background: radial-gradient(circle at 75% 0%, rgba(28, 59, 97, .14), transparent 38%), var(--bg); }
button, input, select { font: inherit; }
button { color: inherit; }
button:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid #9d86ff; outline-offset: 2px; }
button:disabled { cursor: not-allowed; opacity: .52; }
.app-shell { min-height: 100vh; display: grid; grid-template-columns: 248px minmax(0, 1fr); }
.sidebar { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; padding: 18px 14px 14px; background: linear-gradient(180deg, #071321 0%, #081421 62%, #07111d 100%); border-right: 1px solid var(--border-soft); overflow: hidden; }
.brand { display: flex; align-items: center; gap: 11px; padding: 0 6px 18px; }
.brand-mark { width: 28px; height: 28px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 9px; color: white; font-size: 13px; font-weight: 800; background: linear-gradient(145deg, #895cff, #4427bb); box-shadow: 0 8px 24px rgba(100, 70, 255, .22), inset 0 1px rgba(255,255,255,.18); }
.brand strong { display: block; font-size: 19px; letter-spacing: -.02em; }
.brand span { display: block; margin-top: 2px; font-size: 9.5px; color: var(--text-2); }
.nav-list { display: grid; gap: 5px; padding-top: 10px; border-top: 1px solid var(--border-soft); }
.nav-item { width: 100%; min-height: 42px; display: flex; align-items: center; gap: 12px; padding: 0 11px; border: 0; border-radius: 9px; background: transparent; color: #ccd4df; text-align: left; font-size: 13px; cursor: pointer; transition: background-color 160ms ease, color 160ms ease; }
.nav-item:hover:not(:disabled) { background: rgba(255,255,255,.035); color: white; }
.nav-item.active { color: #c49bff; background: linear-gradient(90deg, rgba(111,72,255,.20), rgba(75,60,190,.18)); box-shadow: inset 0 0 0 1px rgba(116, 92, 255, .08); }
.nav-item:disabled { opacity: .68; }
.nav-icon { width: 17px; height: 17px; flex: 0 0 auto; }
.nav-dot { margin-left: auto; width: 5px; height: 5px; border-radius: 50%; background: #42506a; }
.sidebar-learning { margin-top: auto; padding: 14px 14px 16px; border: 1px solid #213248; border-radius: 11px; background: rgba(10,24,39,.78); }
.sidebar-learning-title { display: flex; align-items: center; gap: 8px; font-weight: 650; font-size: 13px; color: #d8c7ff; }
.sidebar-learning p { margin: 12px 0; color: #b4becc; font-size: 11.5px; line-height: 1.55; }
.learning-orbit { width: 54px; height: 54px; margin: 6px auto 10px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--purple) 0deg, #26334a 0deg); position: relative; }
.learning-orbit::after { content: ""; position: absolute; inset: 5px; background: #0a1725; border-radius: 50%; }
.learning-orbit span { z-index: 1; font-size: 12px; font-weight: 700; }
.sidebar-learning small { display: block; color: var(--text-2); font-size: 10px; line-height: 1.4; }
.sidebar-footer { margin-top: 10px; border-top: 1px solid var(--border-soft); padding-top: 8px; }
.logout-item { color: #aeb7c5; }
.main-frame { min-width: 0; }
.topbar { height: 68px; display: grid; grid-template-columns: minmax(200px, 1fr) minmax(320px, 580px) minmax(230px, 1fr); align-items: center; gap: 24px; padding: 0 28px; border-bottom: 1px solid var(--border-soft); background: rgba(5,14,24,.83); backdrop-filter: blur(16px); position: sticky; top: 0; z-index: 20; }
.mobile-brand { display: none; }
.top-search { grid-column: 2; height: 38px; display: flex; align-items: center; gap: 10px; padding: 0 13px; border: 1px solid #203147; border-radius: 9px; background: #081522; }
.top-search svg { width: 16px; color: #8190a3; }
.top-search input { width: 100%; border: 0; outline: 0; color: #abb5c3; background: transparent; font-size: 12px; }
.top-actions { justify-self: end; display: flex; align-items: center; gap: 12px; }
.icon-button { width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 8px; background: transparent; cursor: pointer; }
.icon-button:hover:not(:disabled) { background: var(--surface-hover); }
.icon-button svg { width: 18px; height: 18px; }
.profile-copy { text-align: right; }
.profile-copy strong, .profile-copy span { display: block; }
.profile-copy strong { font-size: 12px; }.profile-copy span { font-size: 10px; color: var(--muted); margin-top: 2px; }
.avatar { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; font-weight: 700; background: radial-gradient(circle at 35% 25%, #7e59df, #251754 70%); border: 1px solid #4c377d; }
.main-content { padding: 14px 20px 28px; }
.page-heading { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 12px; }
.page-heading h1 { margin: 0; font-size: 23px; line-height: 1.15; letter-spacing: -.025em; }.page-heading p { margin: 5px 0 0; color: var(--muted); font-size: 11px; }
.kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.kpi-card { min-height: 138px; position: relative; overflow: hidden; display: grid; grid-template-columns: 48px 1fr; gap: 12px; padding: 18px; border: 1px solid var(--border-soft); border-radius: 11px; background: linear-gradient(145deg, rgba(13,28,44,.96), rgba(9,22,36,.96)); }
.kpi-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 10px; background: var(--purple); box-shadow: 0 10px 26px rgba(0,0,0,.18); }.kpi-icon span { width: 14px; height: 14px; border-radius: 50%; border: 3px solid white; }
.tone-green .kpi-icon { background: #25a94b; }.tone-amber .kpi-icon { background: #d39705; }.tone-pink .kpi-icon { background: #db2755; }
.kpi-copy span { display: block; color: #c6ced9; font-size: 11px; }.kpi-copy strong { display: block; margin-top: 4px; font-size: 26px; letter-spacing: -.03em; }.kpi-copy small { display: block; margin-top: 6px; color: var(--muted); font-size: 9.5px; }
.sparkline { position: absolute; left: 16px; right: 16px; bottom: 11px; width: calc(100% - 32px); height: 30px; opacity: .8; }.sparkline path { fill: none; stroke: var(--purple); stroke-width: 2; }.tone-green .sparkline path { stroke: var(--green); }.tone-amber .sparkline path { stroke: var(--amber); }.tone-pink .sparkline path { stroke: var(--pink); }
.dashboard-columns { display: grid; grid-template-columns: minmax(0, 2.35fr) minmax(290px, 1fr); gap: 12px; margin-top: 12px; }.dashboard-main-column, .dashboard-side-column { display: grid; align-content: start; gap: 12px; }
.panel { border: 1px solid var(--border); border-radius: 11px; background: rgba(10,24,39,.88); box-shadow: 0 8px 26px rgba(0,0,0,.08); overflow: hidden; }.panel-header { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 16px; }.panel-header.compact { min-height: 42px; }.panel-header h2 { margin: 0; font-size: 14px; letter-spacing: -.01em; }
.primary-button, .secondary-button, .ghost-button, .text-button, .panel-link { border: 0; cursor: pointer; }.primary-button, .secondary-button { min-height: 36px; border-radius: 7px; padding: 0 14px; font-weight: 650; font-size: 11px; }.primary-button { background: linear-gradient(180deg, #684cf1, #5033d8); color: white; box-shadow: inset 0 1px rgba(255,255,255,.12); }.primary-button.inline, .secondary-button { display: inline-flex; align-items: center; gap: 7px; }.primary-button svg, .secondary-button svg { width: 14px; }.secondary-button { color: #c9baff; border: 1px solid rgba(111,78,239,.25); background: #19154d; }.ghost-button { min-height: 34px; padding: 0 11px; border-radius: 7px; background: #101e2e; color: #aeb8c6; }.text-button, .panel-link { padding: 0; background: transparent; color: #9d83ff; font-size: 10.5px; }.panel-link { display: block; margin: 0 16px 12px; text-align: left; }.panel-link.muted { margin: 0; color: #8d76dc; cursor: default; }
.account-list { border-top: 1px solid var(--border-soft); }.account-row { min-height: 86px; display: grid; grid-template-columns: minmax(260px, 1.55fr) minmax(140px, .8fr) minmax(145px, .8fr) minmax(160px, .8fr); align-items: center; gap: 14px; padding: 12px 16px; border-bottom: 1px solid var(--border-soft); }.account-row:last-child { border-bottom: 0; }
.account-identity { min-width: 0; display: flex; align-items: center; gap: 12px; }.account-avatar { width: 54px; height: 54px; flex: 0 0 auto; position: relative; display: grid; place-items: center; border-radius: 50%; color: white; font-size: 18px; font-weight: 800; background: linear-gradient(145deg, #8253ff, #303f72); border: 1px solid rgba(255,255,255,.1); }.account-avatar span { position: absolute; right: -2px; bottom: -2px; min-width: 20px; height: 20px; padding: 0 3px; display: grid; place-items: center; border-radius: 7px; background: #04080e; border: 2px solid #132033; font-size: 7px; }.platform-youtube { background: linear-gradient(145deg, #e03c52, #51213d); }.platform-tiktok { background: linear-gradient(145deg, #23c7cd, #e24e7a); }.account-identity strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }.account-identity small { display: block; margin-top: 5px; color: #9ba6b5; font-size: 10px; }.account-name-line { display: flex; align-items: center; gap: 7px; min-width: 0; }.status-dot { width: 6px; height: 6px; border-radius: 50%; background: #7c8795; }.status-dot.ok { background: #42da6a; box-shadow: 0 0 10px rgba(66,218,106,.38); }.status-label { color: #a3adbb; font-size: 9px; }.status-dot.ok + .status-label { color: #56da78; }
.account-meta span, .account-meta strong, .account-meta small { display: block; }.account-meta span { color: var(--muted); font-size: 9px; }.account-meta strong { margin-top: 6px; font-size: 11px; font-weight: 550; }.account-meta small { margin-top: 4px; color: #aab4c1; font-size: 9px; }.performance-cell strong { font-size: 12px; }
.empty-state { min-height: 126px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; color: var(--muted); text-align: center; }.empty-state strong { color: #dce2ea; font-size: 12px; }.empty-state span { max-width: 440px; font-size: 10.5px; }.empty-state.slim { min-height: 72px; }.subtle-badge { padding: 4px 7px; border-radius: 5px; color: #c3aaff; background: rgba(104,76,241,.12); font-size: 9px; }
.workflow-line { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); padding: 4px 18px 17px; }.workflow-step { min-width: 0; position: relative; text-align: center; padding: 5px 7px; }.workflow-icon { width: 42px; height: 42px; display: grid; place-items: center; margin: 0 auto 7px; border-radius: 9px; background: #183b78; color: #9bc4ff; }.workflow-icon.green { background: #123f2a; color: #62e38c; }.workflow-icon.amber { background: #503b0f; color: #ffd45e; }.workflow-icon.purple { background: #312264; color: #c8a4ff; }.workflow-icon.pink { background: #5d1c39; color: #ff8ca8; }.workflow-icon.cyan { background: #123e53; color: #6bdcff; }.workflow-icon span { font-size: 10px; font-weight: 800; }.workflow-step strong { display: block; font-size: 9.8px; }.workflow-step small { display: block; margin-top: 4px; color: #a7b0be; font-size: 8.4px; line-height: 1.35; }.workflow-arrow { position: absolute; right: -7px; top: 19px; color: #536173; font-size: 18px; }
.select-like { padding: 7px 9px; border: 1px solid var(--border); border-radius: 7px; color: #b5bfcb; font-size: 9.5px; }.empty-table { display: grid; grid-template-columns: 1.7fr .9fr .65fr .55fr .65fr .65fr; gap: 12px; padding: 9px 16px; border-top: 1px solid var(--border-soft); border-bottom: 1px solid var(--border-soft); color: #8e9bad; font-size: 9px; }
.side-panel { min-height: 205px; }.empty-side { min-height: 148px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; padding: 18px; color: var(--muted); text-align: center; }.empty-side svg { width: 26px; color: #735cf5; }.empty-side strong { color: #dbe1e9; font-size: 11px; }.empty-side span { max-width: 270px; font-size: 9.5px; line-height: 1.5; }.trend-placeholder { display: grid; gap: 0; padding: 3px 16px 14px; }.trend-placeholder span { padding: 9px 0; border-top: 1px solid var(--border-soft); color: #b4bdc9; font-size: 10.5px; }.learning-panel { padding-bottom: 14px; }.learning-panel p { margin: 2px 16px 14px; color: #aab5c2; font-size: 10.5px; line-height: 1.5; }.learning-panel .primary-button { margin: 11px 16px 0; width: calc(100% - 32px); }.learning-progress { padding: 0 16px; }.learning-progress > div { display: flex; justify-content: space-between; color: #b6c0cc; font-size: 9px; }.learning-progress progress { width: 100%; height: 5px; accent-color: var(--purple); }
.account-registry { overflow-x: auto; }.registry-head, .registry-row { min-width: 900px; display: grid; grid-template-columns: 1.5fr 1.05fr .9fr .7fr .75fr; gap: 18px; align-items: center; padding: 0 16px; }.registry-head { height: 42px; border-bottom: 1px solid var(--border-soft); color: #8290a1; font-size: 9px; text-transform: uppercase; letter-spacing: .05em; }.registry-row { min-height: 84px; border-bottom: 1px solid var(--border-soft); }.registry-row:last-child { border-bottom: 0; }.registry-copy strong, .registry-copy small { display: block; }.registry-copy strong { font-size: 10.5px; }.registry-copy small { margin-top: 5px; color: #8f9bac; font-size: 9px; }.connection-pill { display: inline-flex; padding: 5px 8px; border-radius: 999px; color: #c9a6ff; background: rgba(114,78,230,.13); font-size: 9px; }.connection-pill.connected { color: #62e184; background: rgba(36,180,80,.12); }.registry-actions { justify-self: end; }.registry-empty { min-width: 900px; }.page-error { margin-bottom: 12px; }
.modal-backdrop { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 20px; background: rgba(2,7,12,.76); backdrop-filter: blur(6px); }.modal { width: min(640px, 100%); max-height: min(760px, calc(100vh - 40px)); overflow: auto; border: 1px solid #2b3c52; border-radius: 13px; background: #0b1827; box-shadow: 0 28px 80px rgba(0,0,0,.5); }.modal-head { display: flex; justify-content: space-between; gap: 18px; padding: 18px 20px; border-bottom: 1px solid var(--border); }.modal-head h2 { margin: 0; font-size: 16px; }.modal-head p { margin: 5px 0 0; color: var(--muted); font-size: 10.5px; }.account-form, .login-form { display: grid; gap: 13px; }.account-form { padding: 18px 20px 20px; }.account-form label, .login-form label { display: grid; gap: 6px; color: #c4ccd7; font-size: 10px; font-weight: 600; }.account-form input, .account-form select, .login-form input { width: 100%; height: 38px; padding: 0 11px; border: 1px solid #293a50; border-radius: 7px; background: #081522; color: #ecf0f5; outline: 0; }.account-form input:focus, .account-form select:focus, .login-form input:focus { border-color: #755af2; box-shadow: 0 0 0 3px rgba(117,90,242,.11); }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.modal-actions { display: flex; justify-content: flex-end; gap: 8px; padding-top: 6px; }.form-error, .form-warning { padding: 9px 11px; border-radius: 7px; font-size: 10px; line-height: 1.4; }.form-error { color: #ffb0bf; border: 1px solid rgba(239,65,108,.26); background: rgba(239,65,108,.09); }.form-warning { color: #ebc66d; border: 1px solid rgba(245,185,19,.2); background: rgba(245,185,19,.07); }
.login-page { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at 50% 15%, rgba(95,68,222,.18), transparent 28%), #06101b; }.login-panel { width: min(410px, 100%); padding: 24px; border: 1px solid #22344a; border-radius: 14px; background: rgba(9,22,36,.95); box-shadow: 0 30px 80px rgba(0,0,0,.36); }.login-brand { padding: 0 0 22px; border-bottom: 1px solid var(--border-soft); }.login-copy { padding: 22px 0 18px; }.login-copy h1 { margin: 0; font-size: 22px; }.login-copy p { margin: 6px 0 0; color: var(--muted); font-size: 11px; }.login-form .primary-button { margin-top: 5px; }.app-boot { min-height: 100vh; display: grid; place-items: center; background: #06101b; }.app-boot .brand-mark { width: 42px; height: 42px; }
@media (max-width: 1180px) { .kpi-grid { grid-template-columns: repeat(2, 1fr); }.dashboard-columns { grid-template-columns: 1fr; }.dashboard-side-column { grid-template-columns: repeat(3, minmax(0,1fr)); }.workflow-line { overflow-x: auto; grid-template-columns: repeat(6, minmax(145px,1fr)); }.topbar { grid-template-columns: 1fr minmax(260px, 500px) auto; } }
@media (max-width: 820px) { .app-shell { grid-template-columns: 1fr; }.sidebar { position: static; width: auto; height: auto; padding: 10px 12px; flex-direction: row; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--border-soft); }.sidebar .brand, .sidebar-learning, .sidebar-footer { display: none; }.nav-list { width: max-content; display: flex; border-top: 0; padding: 0; }.nav-item { width: auto; min-height: 38px; white-space: nowrap; }.topbar { height: 58px; grid-template-columns: auto 1fr auto; padding: 0 14px; gap: 10px; }.mobile-brand { display: flex; align-items: center; gap: 7px; }.mobile-brand .brand-mark { width: 25px; height: 25px; }.mobile-brand strong { font-size: 13px; }.top-search { grid-column: 2; }.profile-copy { display: none; }.main-content { padding: 12px; }.dashboard-side-column { grid-template-columns: 1fr; }.account-row { grid-template-columns: minmax(220px,1.4fr) 1fr 1fr; }.account-row .performance-cell { display: none; } }
@media (max-width: 560px) { .top-search { display: none; }.topbar { grid-template-columns: 1fr auto; }.kpi-grid { grid-template-columns: 1fr; }.kpi-card { min-height: 120px; }.page-heading { align-items: flex-start; flex-direction: column; }.account-row { grid-template-columns: 1fr; }.account-meta { display: none; }.form-grid { grid-template-columns: 1fr; }.workflow-line { padding-left: 12px; padding-right: 12px; }.main-content { padding: 10px; }.panel-header { padding: 0 12px; }.secondary-button { padding: 0 9px; }.empty-table { grid-template-columns: 1.6fr .8fr .6fr; }.empty-table div:nth-child(n+4) { display: none; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }
.page-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.reference-modal { width: min(900px, 100%); }
.reference-tabs { display: flex; gap: 4px; padding: 10px 14px 0; border-bottom: 1px solid var(--border); }
.reference-tabs button { min-height: 36px; display: inline-flex; align-items: center; gap: 7px; padding: 0 11px; border: 0; border-bottom: 2px solid transparent; color: #929eae; background: transparent; font-size: 10.5px; font-weight: 650; cursor: pointer; }
.reference-tabs button.active { color: #d8cdff; border-bottom-color: var(--purple); }
.reference-tabs button span { min-width: 19px; padding: 2px 5px; border-radius: 999px; color: #9ca8b7; background: #122033; font-size: 8.5px; }
.reference-layout { min-height: 520px; display: grid; grid-template-columns: 230px minmax(0, 1fr); }
.reference-list { padding: 12px; border-right: 1px solid var(--border); background: #091522; overflow: auto; }
.reference-list-item { width: 100%; display: grid; gap: 4px; padding: 10px 11px; margin-bottom: 4px; border: 1px solid transparent; border-radius: 7px; color: #bac3cf; background: transparent; text-align: left; cursor: pointer; }
.reference-list-item:hover { background: #101e2e; }
.reference-list-item.active { border-color: rgba(118,87,255,.25); background: rgba(118,87,255,.10); }
.reference-list-item strong { font-size: 10.5px; }.reference-list-item small { color: #7f8b9c; font-size: 9px; }.reference-list-item.new strong { color: #bbaaff; }
.reference-editor-wrap { min-width: 0; overflow: auto; }
.reference-editor { display: grid; gap: 13px; padding: 18px 20px 22px; }
.reference-editor-head { padding-bottom: 10px; border-bottom: 1px solid var(--border-soft); }
.reference-editor-head strong, .reference-editor-head span { display: block; }.reference-editor-head strong { font-size: 13px; }.reference-editor-head span { margin-top: 4px; color: var(--muted); font-size: 9.5px; }
.reference-editor label { display: grid; gap: 6px; color: #c4ccd7; font-size: 10px; font-weight: 600; }
.reference-editor input, .reference-editor select, .reference-editor textarea { width: 100%; padding: 0 11px; border: 1px solid #293a50; border-radius: 7px; background: #081522; color: #ecf0f5; outline: 0; resize: vertical; }
.reference-editor input, .reference-editor select { height: 38px; }.reference-editor textarea { min-height: 72px; padding-top: 9px; line-height: 1.45; }
.reference-editor input:focus, .reference-editor select:focus, .reference-editor textarea:focus { border-color: #755af2; box-shadow: 0 0 0 3px rgba(117,90,242,.11); }
.policy-options { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.policy-options label { grid-template-columns: 18px 1fr; align-items: start; gap: 8px; padding: 10px; border: 1px solid var(--border); border-radius: 8px; background: #0a1725; cursor: pointer; }
.policy-options input { width: 15px; height: 15px; margin: 1px 0 0; accent-color: var(--purple); }
.policy-options strong, .policy-options small { display: block; }.policy-options strong { font-size: 10px; }.policy-options small { margin-top: 3px; color: #8290a1; font-size: 8.7px; line-height: 1.4; }
@media (max-width: 720px) { .reference-layout { grid-template-columns: 1fr; }.reference-list { display: flex; gap: 6px; border-right: 0; border-bottom: 1px solid var(--border); overflow-x: auto; }.reference-list-item { min-width: 150px; margin-bottom: 0; }.policy-options { grid-template-columns: 1fr; } }

/* Account detail — dense operational view, aligned with the validated dashboard language. */
.detail-topline { min-height: 30px; display: flex; align-items: center; margin-bottom: 4px; }
.text-back { padding: 0; border: 0; background: transparent; color: #9c88e9; font-size: 10.5px; cursor: pointer; }
.text-back:hover { color: #c8bbff; }
.account-detail-heading { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.detail-identity .account-avatar { width: 52px; height: 52px; }
.detail-title-line { display: flex; align-items: center; gap: 10px; min-width: 0; }
.detail-title-line h1 { margin: 0; font-size: 23px; letter-spacing: -.025em; }
.detail-identity p { margin: 5px 0 0; color: var(--muted); font-size: 10.5px; }
.account-detail-overview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.detail-section { min-width: 0; padding: 17px 18px; border-right: 1px solid var(--border-soft); border-bottom: 1px solid var(--border-soft); }
.detail-section:nth-child(2n) { border-right: 0; }
.detail-section:nth-last-child(-n+2) { border-bottom: 0; }
.detail-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding-bottom: 11px; }
.detail-section-head h2 { margin: 0; font-size: 12px; }
.detail-section-head span { color: var(--muted); font-size: 8.8px; text-align: right; }
.detail-list { display: grid; gap: 0; margin: 0; }
.detail-list > div { min-height: 35px; display: grid; grid-template-columns: minmax(120px, .8fr) minmax(0, 1.2fr); align-items: center; gap: 14px; border-top: 1px solid rgba(27,43,61,.66); }
.detail-list dt, .detail-list dd { margin: 0; font-size: 9.8px; }
.detail-list dt { color: #7f8b9c; }
.detail-list dd { color: #dce2ea; text-align: right; overflow-wrap: anywhere; }
.autonomy-panel { margin-top: 12px; }
.autonomy-header { min-height: 64px; align-items: center; }
.autonomy-header > div { min-width: 0; }
.autonomy-header p { margin: 5px 0 0; color: var(--muted); font-size: 9.5px; }
.read-only-badge { padding: 5px 8px; border: 1px solid var(--border); border-radius: 999px; color: #97a3b3; background: #0a1725; font-size: 8.5px; white-space: nowrap; }
.autonomy-list { border-top: 1px solid var(--border-soft); }
.autonomy-row { min-height: 68px; display: grid; grid-template-columns: minmax(0, 1fr) 190px; align-items: center; gap: 22px; padding: 10px 16px; border-bottom: 1px solid var(--border-soft); }
.autonomy-row:last-child { border-bottom: 0; }
.autonomy-copy strong, .autonomy-copy span { display: block; }
.autonomy-copy strong { font-size: 10.5px; }
.autonomy-copy span { margin-top: 4px; color: #818e9f; font-size: 9px; line-height: 1.35; }
.autonomy-control { display: grid; gap: 4px; }
.autonomy-control select { width: 100%; height: 34px; padding: 0 9px; border: 1px solid #293a50; border-radius: 7px; color: #e2e6ed; background: #081522; font-size: 9.5px; }
.autonomy-control small { min-height: 12px; color: #6f7d90; font-size: 8px; text-align: right; }
.detail-skeleton { min-height: 420px; border: 1px solid var(--border); border-radius: 11px; background: linear-gradient(90deg, #0a1725 20%, #0d1c2c 50%, #0a1725 80%); background-size: 220% 100%; animation: detail-loading 1.3s ease-in-out infinite; }
.account-detail-empty { min-height: 260px; border: 1px solid var(--border); border-radius: 11px; background: rgba(10,24,39,.88); }
@keyframes detail-loading { from { background-position: 100% 0; } to { background-position: -100% 0; } }
.registry-actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
@media (max-width: 900px) { .account-detail-overview { grid-template-columns: 1fr; }.detail-section, .detail-section:nth-child(2n), .detail-section:nth-last-child(-n+2) { border-right: 0; border-bottom: 1px solid var(--border-soft); }.detail-section:last-child { border-bottom: 0; } }
@media (max-width: 620px) { .account-detail-heading { align-items: flex-start; flex-direction: column; }.detail-title-line { align-items: flex-start; flex-direction: column; gap: 5px; }.autonomy-row { grid-template-columns: 1fr; gap: 8px; }.autonomy-control small { text-align: left; }.detail-list > div { grid-template-columns: 1fr; gap: 4px; padding: 8px 0; }.detail-list dd { text-align: left; } }
@media (prefers-reduced-motion: reduce) { .detail-skeleton { animation: none; } }


/* Radar - dense evidence-first cockpit. */
.radar-heading { margin-bottom: 10px; }
.radar-live-state { min-height: 28px; display: inline-flex; align-items: center; gap: 7px; padding: 0 9px; border: 1px solid rgba(55,214,110,.18); border-radius: 7px; color: #9fd9b0; background: rgba(27,104,55,.10); font-size: 9.5px; white-space: nowrap; }
.radar-live-state span { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 3px rgba(55,214,110,.10); }
.radar-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 10px; }
.radar-summary article { min-height: 84px; display: grid; align-content: center; gap: 4px; padding: 12px 16px; border-right: 1px solid var(--border-soft); }
.radar-summary article:last-child { border-right: 0; }
.radar-summary span, .radar-summary small { color: var(--muted); font-size: 9px; }
.radar-summary strong { font-size: 21px; letter-spacing: -.025em; }
.radar-summary .radar-date-value { font-size: 13px; letter-spacing: 0; }
.radar-toolbar { min-height: 58px; display: grid; grid-template-columns: repeat(4, minmax(130px, 1fr)) auto; align-items: end; gap: 8px; padding: 9px 11px; margin-bottom: 10px; overflow: visible; }
.radar-toolbar label { display: grid; gap: 4px; color: #8491a3; font-size: 8.5px; font-weight: 650; }
.radar-toolbar select { width: 100%; height: 32px; padding: 0 9px; border: 1px solid #24364b; border-radius: 6px; color: #d8dfe8; background: #081522; font-size: 9.5px; }
.radar-result-count { min-width: 72px; height: 32px; display: flex; align-items: baseline; justify-content: flex-end; gap: 5px; padding: 0 4px; color: var(--muted); }
.radar-result-count strong { color: var(--text); font-size: 15px; }.radar-result-count span { font-size: 8.5px; }
.inline-alert { margin-bottom: 10px; padding: 9px 11px; border: 1px solid rgba(239,65,108,.28); border-radius: 7px; color: #ffc0cf; background: rgba(112,25,49,.15); font-size: 10px; }
.radar-workspace { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; align-items: start; }
.radar-workspace.with-detail { grid-template-columns: minmax(0, 1.9fr) minmax(300px, .8fr); }
.radar-table-panel { min-width: 0; }
.radar-table-caption { color: #738094; font-size: 8.5px; }
.radar-table-wrap { min-width: 0; overflow: hidden; border-top: 1px solid var(--border-soft); }
.radar-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.radar-table th { height: 35px; padding: 0 8px; color: #758397; background: #081522; border-bottom: 1px solid var(--border-soft); font-size: 8px; font-weight: 650; text-align: left; white-space: nowrap; }
.radar-table td { min-height: 56px; padding: 9px 8px; border-bottom: 1px solid rgba(20,36,55,.9); color: #cbd3de; font-size: 9px; vertical-align: middle; }
.radar-table tbody tr:last-child td { border-bottom: 0; }
.radar-table tbody tr:hover { background: rgba(255,255,255,.018); }
.radar-table tbody tr.selected { background: rgba(118,87,255,.06); }
.radar-table th:nth-child(1), .radar-table td:nth-child(1) { width: 18%; }.radar-table th:nth-child(2), .radar-table td:nth-child(2) { width: 9%; }.radar-table th:nth-child(3), .radar-table td:nth-child(3) { width: 6%; }.radar-table th:nth-child(4), .radar-table td:nth-child(4), .radar-table th:nth-child(5), .radar-table td:nth-child(5) { width: 9%; }.radar-table th:nth-child(6), .radar-table td:nth-child(6) { width: 12%; }.radar-table th:nth-child(7), .radar-table td:nth-child(7) { width: 9%; }.radar-table th:nth-child(8), .radar-table td:nth-child(8) { width: 7%; }.radar-table th:nth-child(9), .radar-table td:nth-child(9) { width: 10%; }.radar-table th:nth-child(10), .radar-table td:nth-child(10) { width: 11%; }
.radar-trend-button { max-width: 100%; padding: 0; border: 0; background: transparent; text-align: left; cursor: pointer; }
.radar-trend-button strong, .radar-trend-button small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.radar-trend-button strong { color: #edf1f6; font-size: 9.8px; }.radar-trend-button small { margin-top: 3px; color: #69778a; font-size: 7.8px; }
.lifecycle-badge { display: inline-flex; align-items: center; min-height: 21px; padding: 0 6px; border: 1px solid #2b3a4e; border-radius: 5px; color: #aab4c1; background: #0c1928; font-size: 7.7px; font-weight: 700; white-space: nowrap; }
.lifecycle-emerging { color: #7be39a; border-color: rgba(55,214,110,.24); background: rgba(55,214,110,.08); }.lifecycle-breakout { color: #d0b7ff; border-color: rgba(118,87,255,.3); background: rgba(118,87,255,.1); }.lifecycle-mature { color: #e6c45a; border-color: rgba(245,185,19,.24); background: rgba(245,185,19,.08); }.lifecycle-declining, .lifecycle-dead { color: #9ba5b3; }.lifecycle-unknown { color: #8ebed0; }
.market-code { display: inline-flex; min-width: 27px; justify-content: center; padding: 4px 5px; border-radius: 5px; color: #b9c5d4; background: #101e2e; font-weight: 700; font-size: 8px; }
.radar-metric { min-width: 58px; display: grid; gap: 4px; }.radar-metric strong { font-size: 8.7px; font-variant-numeric: tabular-nums; }.radar-metric > span { width: 100%; height: 3px; display: block; overflow: hidden; border-radius: 999px; background: #182639; }.radar-metric i { height: 100%; display: block; border-radius: inherit; background: var(--purple); }.muted-meter i { background: #7d8a9b; }.opportunity-meter i { background: var(--green); }
.radar-account-name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #bdaaff; }
.radar-row-actions { display: flex; justify-content: flex-end; gap: 4px; flex-wrap: wrap; }
.tiny-action { min-height: 25px; padding: 0 7px; border: 1px solid #26384d; border-radius: 5px; color: #9ca8b7; background: #0b1928; font-size: 7.8px; cursor: pointer; }.tiny-action:hover:not(:disabled) { color: white; border-color: #3b5068; }.tiny-action.approve { color: #aee9be; border-color: rgba(55,214,110,.2); background: rgba(29,106,54,.12); }
.radar-skeleton-row td { height: 56px; }.radar-skeleton-row span { height: 18px; display: block; border-radius: 5px; background: linear-gradient(90deg, #0c1a29 20%, #112237 50%, #0c1a29 80%); background-size: 220% 100%; animation: radar-loading 1.25s ease-in-out infinite; }
@keyframes radar-loading { from { background-position: 100% 0; } to { background-position: -100% 0; } }
.radar-empty { border-top: 1px solid var(--border-soft); }
.radar-detail { min-width: 0; position: sticky; top: 82px; max-height: calc(100vh - 100px); overflow: auto; }
.radar-detail-head { display: flex; justify-content: space-between; gap: 12px; padding: 15px 15px 13px; border-bottom: 1px solid var(--border-soft); }.radar-detail-head h2 { margin: 8px 0 0; font-size: 14px; line-height: 1.25; }.radar-detail-head p { margin: 5px 0 0; color: var(--muted); font-size: 8.5px; }.detail-close { flex: 0 0 auto; color: #8794a5; font-size: 20px; }
.radar-evidence-section { padding: 13px 15px; border-bottom: 1px solid var(--border-soft); }.radar-evidence-section h3 { margin: 0 0 9px; color: #d7dde6; font-size: 9.5px; }
.evidence-list { display: grid; }.evidence-list a { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: center; padding: 8px 0; border-top: 1px solid rgba(27,43,61,.65); color: inherit; text-decoration: none; }.evidence-list a:first-child { border-top: 0; }.evidence-list a:hover strong { color: #c4b4ff; }.evidence-list strong, .evidence-list span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.evidence-list strong { color: #dde3eb; font-size: 8.8px; }.evidence-list span, .evidence-list small { margin-top: 3px; color: #748296; font-size: 7.6px; }
.trajectory-list { display: grid; }.trajectory-list > div { display: grid; grid-template-columns: 1.15fr repeat(3, .9fr); gap: 6px; padding: 7px 0; border-top: 1px solid rgba(27,43,61,.65); color: #8190a2; font-size: 7.5px; }.trajectory-list > div:first-child { border-top: 0; }.trajectory-list strong { color: #cdd5df; font-weight: 650; }
.radar-definition-note { display: grid; gap: 4px; padding: 12px 15px; color: #758397; background: rgba(5,14,24,.32); font-size: 8px; line-height: 1.45; }.radar-definition-note strong { color: #9da9b8; font-size: 8.5px; }
.radar-detail-loading { display: grid; gap: 9px; padding: 15px; }.radar-detail-loading span { height: 54px; border-radius: 7px; background: #0d1d2d; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 1180px) { .radar-workspace.with-detail { grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr); }.radar-table th:nth-child(8), .radar-table td:nth-child(8), .radar-table th:nth-child(9), .radar-table td:nth-child(9) { display: none; } }
@media (max-width: 960px) { .radar-summary { grid-template-columns: repeat(2, minmax(0,1fr)); }.radar-summary article:nth-child(2) { border-right: 0; }.radar-summary article:nth-child(-n+2) { border-bottom: 1px solid var(--border-soft); }.radar-toolbar { grid-template-columns: repeat(2, minmax(0,1fr)) auto; }.radar-workspace.with-detail { grid-template-columns: 1fr; }.radar-detail { position: static; max-height: none; }.radar-table th:nth-child(6), .radar-table td:nth-child(6) { display: none; } }
@media (max-width: 720px) { .radar-toolbar { grid-template-columns: 1fr 1fr; }.radar-result-count { justify-content: flex-start; }.radar-table-wrap { overflow: visible; }.radar-table, .radar-table tbody { display: block; }.radar-table thead { display: none; }.radar-table tr { display: grid; grid-template-columns: 1fr 1fr; padding: 10px 11px; border-bottom: 1px solid var(--border-soft); }.radar-table td, .radar-table td:nth-child(n) { width: auto; min-height: 0; display: grid; grid-template-columns: 84px minmax(0,1fr); align-items: center; gap: 8px; padding: 5px 0; border: 0; }.radar-table td::before { content: attr(data-label); color: #6f7d90; font-size: 7.5px; }.radar-table td:first-child, .radar-table td:last-child { grid-column: 1 / -1; }.radar-table td:first-child { display: block; padding-bottom: 8px; }.radar-table td:first-child::before, .radar-row-actions::before { display: none; }.radar-row-actions { display: flex !important; justify-content: flex-start; padding-top: 8px !important; }.radar-skeleton-row { display: block !important; }.radar-skeleton-row td { display: block !important; }.radar-skeleton-row td::before { display: none; }.trajectory-list > div { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .radar-summary { grid-template-columns: 1fr; }.radar-summary article, .radar-summary article:nth-child(2) { border-right: 0; border-bottom: 1px solid var(--border-soft); }.radar-summary article:last-child { border-bottom: 0; }.radar-toolbar { grid-template-columns: 1fr; }.radar-table tr { grid-template-columns: 1fr; }.radar-table td, .radar-table td:nth-child(n) { grid-column: 1; }.radar-table td:first-child, .radar-table td:last-child { grid-column: 1; }.radar-heading { align-items: flex-start; }.radar-live-state { align-self: flex-start; } }
@media (prefers-reduced-motion: reduce) { .radar-skeleton-row span { animation: none; } }

/* Radar */
.radar-page { display: grid; gap: 12px; }
.radar-heading { align-items: center; }
.radar-filterbar { min-height: 70px; padding: 12px 14px; display: grid; grid-template-columns: 1.2fr .8fr .8fr 1fr; gap: 10px; align-items: end; }
.radar-filterbar label { display: grid; gap: 5px; }
.radar-filterbar label > span, .radar-filter-note span { color: var(--muted); font-size: 8.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.radar-filterbar select { height: 34px; border: 1px solid #293a50; border-radius: 7px; background: #081522; color: #e7ebf2; padding: 0 9px; font-size: 9.5px; }
.radar-filter-note { min-height: 34px; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; gap: 5px; }
.radar-filter-note strong { font-size: 9.5px; color: #bdc7d5; }
.radar-kpis { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; }
.radar-kpi { min-height: 82px; padding: 13px 15px; border: 1px solid var(--border); border-radius: 10px; background: linear-gradient(145deg,#0a1827,#091420); }
.radar-kpi span, .radar-kpi small, .panel-subtitle { display: block; color: var(--muted); font-size: 8.5px; }
.radar-kpi strong { display: block; margin: 6px 0 5px; font-size: 20px; line-height: 1; }
.radar-layout { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(300px,.75fr); gap: 12px; align-items: start; }
.radar-trends-panel, .radar-opportunities-panel { overflow: hidden; }
.radar-trend-list { border-top: 1px solid var(--border-soft); }
.radar-trend-row { min-height: 72px; display: grid; grid-template-columns: minmax(220px,1.6fr) repeat(5,minmax(82px,.55fr)); align-items: center; gap: 12px; padding: 10px 14px; border-bottom: 1px solid var(--border-soft); }
.radar-trend-row:last-child { border-bottom: 0; }
.trend-name { min-width: 0; display: flex; align-items: center; gap: 10px; }
.trend-name > div { min-width: 0; }
.trend-name strong, .trend-name small { display: block; }
.trend-name strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10.5px; }
.trend-name small { margin-top: 5px; color: #78879a; font-size: 8px; }
.trend-pulse { width: 8px; height: 8px; border-radius: 50%; background: #76849a; box-shadow: 0 0 0 4px rgba(118,132,154,.08); flex: 0 0 auto; }
.lifecycle-emerging { color: #57d78c; }.trend-pulse.lifecycle-emerging { background: #57d78c; box-shadow: 0 0 0 4px rgba(87,215,140,.09); }
.lifecycle-breakout { color: #ffb655; }.trend-pulse.lifecycle-breakout { background: #ffb655; box-shadow: 0 0 0 4px rgba(255,182,85,.1); }
.lifecycle-declining, .lifecycle-dead { color: #8793a4; }
.trend-cell { min-width: 0; }
.trend-cell span, .trend-cell small, .trend-cell strong { display: block; }
.trend-cell span { margin-bottom: 5px; color: #65758a; font-size: 7.5px; text-transform: uppercase; letter-spacing: .04em; }
.trend-cell strong { font-size: 9.5px; font-weight: 650; }
.trend-cell small { margin-top: 4px; color: #758397; font-size: 7.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.positive { color: #5ddc90 !important; }
.radar-loading { min-height: 240px; display: grid; place-items: center; color: var(--muted); font-size: 10px; }
.opportunity-list { display: grid; border-top: 1px solid var(--border-soft); }
.opportunity-card { display: grid; grid-template-columns: 68px minmax(0,1fr); gap: 10px; padding: 13px 14px; border-bottom: 1px solid var(--border-soft); position: relative; }
.opportunity-card:last-child { border-bottom: 0; }
.opportunity-score { width: 58px; height: 58px; border: 1px solid #344565; border-radius: 10px; display: grid; place-content: center; text-align: center; background: linear-gradient(145deg,rgba(88,70,214,.23),rgba(20,34,51,.5)); }
.opportunity-score strong { font-size: 14px; }.opportunity-score span { margin-top: 2px; color: #8996aa; font-size: 6.5px; text-transform: uppercase; }
.opportunity-main { min-width: 0; padding-right: 2px; }
.opportunity-title-line { display: flex; align-items: center; gap: 6px; min-width: 0; }
.opportunity-title-line strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.lifecycle-chip, .status-badge { border: 1px solid var(--border); border-radius: 999px; padding: 3px 6px; font-size: 7px; white-space: nowrap; }
.opportunity-main p { margin: 5px 0 7px; color: #77869a; font-size: 8px; }
.opportunity-components { display: flex; flex-wrap: wrap; gap: 4px 8px; }
.opportunity-components span { color: #6f7f93; font-size: 7px; text-transform: capitalize; }.opportunity-components b { color: #aab5c4; font-weight: 650; }
.opportunity-actions { grid-column: 2; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.opportunity-actions > div { display: flex; gap: 5px; }
.status-selected { color: #56d98d; }.status-rejected { color: #e87987; }.status-candidate, .status-recommended { color: #a997ff; }
.compact-button { min-height: 28px !important; height: 28px; padding: 0 9px !important; font-size: 7.5px !important; }
.ghost-button { border: 1px solid #29384a; border-radius: 6px; background: transparent; color: #9aa7b9; }
.error-banner { padding: 9px 12px; border: 1px solid rgba(224,89,105,.4); border-radius: 8px; background: rgba(122,31,45,.18); color: #f0a1ad; font-size: 9px; }
@media (max-width: 1180px) { .radar-layout { grid-template-columns: 1fr; }.radar-trend-row { grid-template-columns: minmax(190px,1.5fr) repeat(3,minmax(82px,.6fr)); }.radar-trend-row .trend-cell:nth-last-child(-n+2) { display: none; } }
@media (max-width: 820px) { .radar-kpis { grid-template-columns: repeat(2,1fr); }.radar-filterbar { grid-template-columns: 1fr 1fr; }.radar-filter-note { align-items: flex-start; }.radar-trend-row { grid-template-columns: minmax(180px,1fr) 82px 82px; }.radar-trend-row .trend-cell:nth-child(n+4) { display: none; } }
@media (max-width: 560px) { .radar-kpis, .radar-filterbar { grid-template-columns: 1fr; }.radar-trend-row { grid-template-columns: minmax(0,1fr) 80px; }.radar-trend-row .trend-cell:nth-child(n+3) { display: none; }.opportunity-card { grid-template-columns: 52px minmax(0,1fr); }.opportunity-score { width: 46px; height: 46px; }.opportunity-actions { grid-column: 1 / -1; }.radar-heading { align-items: flex-start; flex-direction: column; } }
.radar-trend-row { width: 100%; border-left: 0; border-right: 0; border-top: 0; color: inherit; background: transparent; text-align: left; cursor: pointer; transition: background-color 120ms ease; }
.radar-trend-row:hover, .radar-trend-row:focus-visible { background: rgba(98,80,212,.06); outline: none; }
.trend-detail-loading { min-height: 260px; display: grid; place-items: center; color: var(--muted); font-size: 10px; }
.trend-detail-panel { overflow: hidden; }
.trend-detail-header { align-items: flex-start; }
.trend-detail-header h2 { margin-top: 8px; }
.trend-detail-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; padding: 0 14px 14px; }
.trend-detail-metrics .radar-kpi { min-height: 72px; }
.trend-detail-grid { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(260px,.65fr); border-top: 1px solid var(--border-soft); }
.trend-evidence-block, .trend-trajectory-block { min-width: 0; padding: 14px; }
.trend-evidence-block { border-right: 1px solid var(--border-soft); }
.trend-evidence-block h3, .trend-trajectory-block h3 { margin: 0 0 10px; font-size: 10px; }
.evidence-list, .trajectory-list { display: grid; }
.evidence-row { min-height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--border-soft); }
.evidence-row:last-child { border-bottom: 0; }
.evidence-row > div { min-width: 0; }.evidence-row strong, .evidence-row span { display: block; }
.evidence-row strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9.5px; }.evidence-row span { margin-top: 5px; color: #78879a; font-size: 7.5px; }
.evidence-row a, .source-unavailable { color: #9f91ff; font-size: 8px; white-space: nowrap; }.source-unavailable { color: #68788c; }
.trajectory-row { display: grid; grid-template-columns: 80px 65px 1fr; gap: 8px; align-items: center; min-height: 38px; border-bottom: 1px solid var(--border-soft); }
.trajectory-row:last-child { border-bottom: 0; }.trajectory-row span, .trajectory-row small { color: #748398; font-size: 7.5px; }.trajectory-row b { font-size: 9px; }
.metric-definition-note { margin: 0; padding: 11px 14px; border-top: 1px solid var(--border-soft); color: #718095; font-size: 8px; line-height: 1.45; }
@media (max-width: 840px) { .trend-detail-metrics { grid-template-columns: repeat(2,1fr); }.trend-detail-grid { grid-template-columns: 1fr; }.trend-evidence-block { border-right: 0; border-bottom: 1px solid var(--border-soft); } }
@media (max-width: 520px) { .trend-detail-metrics { grid-template-columns: 1fr; }.trajectory-row { grid-template-columns: 70px 55px 1fr; } }
@media (prefers-reduced-motion: reduce) { .radar-trend-row { transition: none; } }


/* Offline Hostinger build: dependency-free operational fallback */
.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 60% 0%,rgba(93,63,210,.18),transparent 35%),#06101b}.login-card{width:min(420px,100%);padding:28px;border:1px solid var(--border);border-radius:14px;background:#0a1827;box-shadow:0 30px 80px rgba(0,0,0,.28)}.login-card .brand{padding:0 0 22px}.login-card h1{font-size:21px;margin:4px 0 7px}.login-card p{color:var(--muted);font-size:11px;line-height:1.5;margin:0 0 20px}.form-grid{display:grid;gap:12px}.form-grid label{display:grid;gap:6px;color:#aab5c3;font-size:10px}.form-grid input,.form-grid select{height:38px;border:1px solid #293a50;border-radius:7px;background:#081522;color:#eef2f7;padding:0 10px}.form-grid button{margin-top:5px}.notice{padding:10px 12px;border:1px solid #574594;border-radius:7px;background:#17133a;color:#d2c8ff;font-size:10px}.notice.error{border-color:#693247;background:#2b111a;color:#ffc1ce}.muted{color:var(--muted)}.section-stack{display:grid;gap:12px}.empty-state{padding:28px 18px;text-align:center;color:var(--muted);font-size:10px;border-top:1px solid var(--border-soft)}.simple-list{border-top:1px solid var(--border-soft)}.simple-row{min-height:68px;display:grid;grid-template-columns:minmax(230px,1.5fr) repeat(3,minmax(100px,.65fr)) auto;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border-soft)}.simple-row:last-child{border-bottom:0}.simple-row strong,.simple-row span,.simple-row small{display:block}.simple-row strong{font-size:10.5px}.simple-row span{font-size:9px;color:#b3bdca}.simple-row small{margin-top:4px;font-size:7.8px;color:#748296}.score-pill{display:inline-grid;place-items:center;min-width:42px;height:28px;padding:0 8px;border-radius:7px;border:1px solid #493b8b;background:#18143b;color:#cbbdff;font-weight:700;font-size:10px}.status-chip{display:inline-flex;align-items:center;width:max-content;padding:3px 7px;border:1px solid #273951;border-radius:999px;font-size:7.5px;color:#adb8c7}.status-chip.good{border-color:rgba(55,214,110,.28);color:#7be69e;background:rgba(55,214,110,.06)}.row-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.mini-button{min-height:28px;padding:0 9px;border:1px solid #2b3e57;border-radius:6px;background:#0b1928;color:#b7c1ce;font-size:8px;cursor:pointer}.mini-button:hover{border-color:#5749a3;color:#fff}.mini-button.primary{border-color:#5842cc;background:#2d2174;color:#e5ddff}.mini-button.danger{border-color:#663244;color:#ef9aad}.tabbar{display:flex;gap:4px;padding:5px;border:1px solid var(--border);border-radius:8px;background:#081522;width:max-content}.tabbar button{min-height:30px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:#8190a3;font-size:9px;cursor:pointer}.tabbar button.active{background:#221a5b;color:#d7ccff}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:9px}.metric-grid div{padding:8px;border:1px solid #172a40;border-radius:6px;background:#081522}.metric-grid span{font-size:7px;text-transform:uppercase;color:#69798e}.metric-grid strong{margin-top:4px;font-size:10px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-top:1px solid var(--border-soft)}.toolbar select{height:32px;border:1px solid #293a50;border-radius:7px;background:#081522;color:#dbe1e9;padding:0 9px;font-size:9px}.create-panel{padding:14px;border-top:1px solid var(--border-soft)}.create-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.create-grid label{display:grid;gap:5px;color:#7f8c9d;font-size:8px}.create-grid input,.create-grid select{height:34px;border:1px solid #293a50;border-radius:7px;background:#081522;color:#e5eaf0;padding:0 9px;font-size:9px}.create-grid .wide{grid-column:span 2}.toast{position:fixed;right:18px;bottom:18px;z-index:100;padding:11px 14px;border:1px solid #394a63;border-radius:8px;background:#0c1b2b;color:#e6ebf2;font-size:9px;box-shadow:0 16px 50px rgba(0,0,0,.3)}.toast.error{border-color:#71394a;color:#ffc4d1}.opportunity-card-static{padding:12px 14px;border-top:1px solid var(--border-soft)}.opportunity-card-static:first-of-type{border-top:0}.opportunity-head{display:flex;align-items:center;justify-content:space-between;gap:9px}.opportunity-card-static p{margin:6px 0 9px;color:#7b899b;font-size:8.5px;line-height:1.45}.concept-card{padding:14px;border-top:1px solid var(--border-soft)}.concept-card h3{font-size:11px;margin:0}.concept-card p{color:#8794a6;font-size:8.5px;line-height:1.5}.concept-hook{padding:8px 10px;margin:8px 0;border-left:2px solid var(--purple);background:#0a1725;color:#d9e0ea;font-size:9px}.page-note{max-width:720px;color:#7d8999;font-size:9px;line-height:1.5}.loading-line{padding:22px;text-align:center;color:#7f8c9f;font-size:9px}.static-brand-icon{font-size:13px}.kpi-icon.glyph{font-size:16px;font-weight:800}.dashboard-account-grid{display:grid}.dashboard-account-row{display:grid;grid-template-columns:minmax(200px,1.5fr) .7fr .7fr auto;gap:12px;align-items:center;padding:12px 15px;border-top:1px solid var(--border-soft)}.dashboard-account-row strong{font-size:10px}.dashboard-account-row span{font-size:8px;color:#7f8b9c}.dashboard-account-row small{font-size:7.5px;color:#708096}.future-note{display:grid;place-items:center;min-height:250px;text-align:center;color:#7b8899;font-size:10px}.future-note strong{display:block;color:#dce2ea;font-size:14px;margin-bottom:8px}
@media(max-width:960px){.simple-row{grid-template-columns:1fr 1fr}.simple-row>div:first-child,.simple-row>.row-actions{grid-column:1/-1}.row-actions{justify-content:flex-start}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.create-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.simple-row{grid-template-columns:1fr}.simple-row>*{grid-column:1!important}.create-grid{grid-template-columns:1fr}.create-grid .wide{grid-column:1}.dashboard-account-row{grid-template-columns:1fr}.dashboard-account-row>*{grid-column:1}}


/* ViralHub cockpit scale pass — desktop reference */
.app-shell{grid-template-columns:292px minmax(0,1fr)}
.sidebar{padding:24px 18px 18px}.brand{gap:14px;padding:0 8px 22px}.brand-mark{width:38px;height:38px;border-radius:11px;font-size:16px}.brand strong{font-size:23px}.brand span{font-size:11px}.nav-list{gap:7px;padding-top:14px}.nav-item{min-height:48px;padding:0 14px;border-radius:10px;font-size:14px}.nav-icon{width:20px;height:20px;font-size:16px}.sidebar-learning{padding:18px;border-radius:13px;text-align:left;color:inherit;cursor:pointer}.sidebar-learning-title{font-size:14px}.sidebar-learning p{font-size:12.5px}.sidebar-learning small{font-size:11px}.learning-orbit{width:66px;height:66px}.learning-orbit span{font-size:14px}.intelligence-shortcut{width:100%}
.topbar{height:78px;grid-template-columns:minmax(180px,1fr) minmax(430px,720px) minmax(230px,1fr);padding:0 30px}.top-search{height:44px;padding:0 15px;border-radius:10px}.top-search input{font-size:13px}.profile-copy strong{font-size:13px}.profile-copy span{font-size:11px}.avatar{width:40px;height:40px}
.main-content{padding:20px 24px 36px}.page-heading{min-height:66px;margin-bottom:16px}.page-heading h1{font-size:29px}.page-heading p{font-size:13px;margin-top:7px}.panel{border-radius:13px}.panel-header{min-height:58px;padding:0 18px}.panel-header h2{font-size:16px}.primary-button,.secondary-button{min-height:42px;padding:0 16px;font-size:12px}.text-button,.panel-link{font-size:11.5px}
.kpi-grid{gap:14px}.kpi-card{min-height:156px;grid-template-columns:56px 1fr;gap:15px;padding:20px;border-radius:13px}.kpi-icon{width:50px;height:50px;border-radius:12px}.kpi-copy span{font-size:12px}.kpi-copy strong{font-size:32px;margin-top:6px}.kpi-copy small{font-size:10.5px;margin-top:8px}.dashboard-columns{grid-template-columns:minmax(0,2.15fr) minmax(360px,.85fr);gap:14px;margin-top:14px}.dashboard-main-column,.dashboard-side-column{gap:14px}
.account-row{min-height:102px;grid-template-columns:minmax(320px,1.55fr) minmax(160px,.72fr) minmax(160px,.72fr) minmax(180px,.8fr);gap:18px;padding:15px 18px}.account-avatar{width:62px;height:62px;font-size:20px}.account-identity strong{font-size:14px}.account-identity small{font-size:11px}.account-meta span{font-size:10px}.account-meta strong{font-size:12px}.account-meta small{font-size:10px}.status-label{font-size:10px}.accounts-registry .account-row{grid-template-columns:minmax(320px,1.45fr) minmax(150px,.6fr) minmax(220px,.85fr) minmax(150px,.55fr) auto}
.workflow-panel{min-height:182px}.workflow-line{padding:22px 18px 24px}.workflow-step{min-width:0}.workflow-icon{width:46px;height:46px;font-size:18px}.workflow-step strong{font-size:11.5px}.workflow-step small{font-size:9.5px;line-height:1.35}.workflow-state{display:inline-flex;margin-top:7px;padding:3px 7px;border-radius:999px;border:1px solid #263a51;color:#8998aa;font-size:8.5px}.workflow-step.status-active .workflow-state,.workflow-step.status-configured .workflow-state{color:#76df99;border-color:rgba(55,214,110,.25)}.workflow-step.status-fallback .workflow-state{color:#d2bdff;border-color:rgba(118,87,255,.3)}.workflow-step.status-not_implemented .workflow-state{color:#8b98a9}.workflow-arrow{font-size:17px}
.data-ledger{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--border-soft)}.data-ledger>div{padding:18px;border-right:1px solid var(--border-soft)}.data-ledger>div:last-child{border-right:0}.data-ledger span{display:block;color:var(--muted);font-size:10px}.data-ledger strong{display:block;margin-top:7px;font-size:22px}.data-ledger.large{grid-template-columns:repeat(7,minmax(0,1fr))}.emerging-list>div{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:9px;align-items:center;padding:12px 16px;border-top:1px solid var(--border-soft)}.emerging-list strong{font-size:11px}.emerging-list small{font-size:9px;color:var(--muted)}.intelligence-card{padding-bottom:16px}.intelligence-card p{margin:0;padding:0 18px 16px;color:var(--text-2);font-size:11.5px;line-height:1.55}.intelligence-card p strong{display:block;color:var(--text);margin-bottom:5px}.intelligence-card .secondary-button{margin-left:18px}
.login-screen{padding:32px}.login-card{width:min(560px,100%);padding:42px 44px;border-radius:18px}.login-card .brand{padding-bottom:28px}.login-card .brand-mark{width:44px;height:44px}.login-card .brand strong{font-size:24px}.login-card .brand span{font-size:11.5px}.login-kicker{color:#9d86ff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.login-card h1{font-size:30px;margin:10px 0 8px}.login-card p{font-size:13px;margin-bottom:26px}.form-grid{gap:16px}.form-grid label{font-size:12px}.form-grid input,.form-grid select{height:48px;border-radius:9px;padding:0 13px;font-size:13px}.login-submit{height:48px;font-size:13px}.login-footnote{margin-top:18px;color:#68788d;font-size:10px;text-align:center}
.simple-row{min-height:82px;padding:13px 18px}.simple-row strong{font-size:12px}.simple-row span{font-size:10.5px}.simple-row small{font-size:9.5px}.mini-button{min-height:34px;padding:0 12px;font-size:9.5px}.create-panel{padding:18px}.create-grid{gap:12px}.create-grid label{font-size:10px}.create-grid input,.create-grid select{height:40px;font-size:11px}.empty-state{padding:34px 22px;font-size:11px}.rich-empty strong,.rich-empty span{display:block}.rich-empty strong{font-size:13px;color:var(--text);margin-bottom:6px}
.intelligence-hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,.7fr);gap:22px;padding:24px;margin-bottom:14px}.intelligence-hero h2{margin:8px 0 10px;font-size:22px}.intelligence-hero p{margin:0;max-width:900px;color:var(--text-2);font-size:12.5px;line-height:1.6}.eyebrow{color:#9d86ff;font-size:9px;font-weight:800;letter-spacing:.11em}.intelligence-integrations{display:grid;gap:10px}.intelligence-integrations>div{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border-soft);border-radius:9px;background:#081522}.intelligence-integrations span{font-size:10px;color:var(--muted)}.intelligence-integrations strong{font-size:10px}.engine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.engine-card{padding:18px;min-height:165px}.engine-head{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center}.engine-head strong{display:block;font-size:13px}.engine-head small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.engine-dot{width:8px;height:8px;border-radius:50%;background:#68778a}.engine-badge{padding:4px 7px;border:1px solid #2a3b50;border-radius:999px;color:#9eabbc;font-size:8px}.engine-card p{color:var(--text-2);font-size:10.5px;line-height:1.55}.engine-meta{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:6px 8px;padding-top:10px;border-top:1px solid var(--border-soft);font-size:9px}.engine-meta span{color:var(--muted)}.state-active,.state-configured{color:#69dd91!important}.state-fallback{color:#bdaaff!important}.state-configuration_required{color:#f0c867!important}.state-not_implemented{color:#8795a7!important}.engine-dot.state-active,.engine-dot.state-configured{background:#43cf76}.engine-dot.state-fallback{background:#8b6bff}.engine-dot.state-configuration_required{background:#e9ad28}.truth-note{padding:16px 18px;border-top:1px solid var(--border-soft);color:#8e9bac;font-size:10.5px;line-height:1.55}.truth-note strong{color:#cbd4df}
@media(max-width:1280px){.app-shell{grid-template-columns:258px minmax(0,1fr)}.dashboard-columns{grid-template-columns:1fr}.dashboard-side-column{grid-template-columns:repeat(3,minmax(0,1fr))}.engine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.data-ledger,.data-ledger.large{grid-template-columns:repeat(3,minmax(0,1fr))}.accounts-registry .account-row{grid-template-columns:1.4fr .6fr .8fr auto}.accounts-registry .account-row>.account-meta:nth-of-type(3){display:none}}
@media(max-width:960px){.dashboard-side-column{grid-template-columns:1fr}.workflow-line{overflow-x:auto;justify-content:flex-start}.workflow-step{min-width:150px}.intelligence-hero{grid-template-columns:1fr}.engine-grid{grid-template-columns:1fr}.accounts-registry .account-row,.account-row{grid-template-columns:1fr 1fr}.account-row>.account-identity{grid-column:1/-1}.accounts-registry .row-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:720px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;overflow:visible}.sidebar-learning{display:none}.topbar{height:66px;grid-template-columns:1fr auto;padding:0 16px}.top-search{display:none}.main-content{padding:16px}.kpi-grid{grid-template-columns:1fr 1fr}.page-heading h1{font-size:25px}.data-ledger,.data-ledger.large{grid-template-columns:1fr 1fr}.account-row,.accounts-registry .account-row{grid-template-columns:1fr}.account-row>*{grid-column:1!important}.login-card{padding:30px 24px}.login-card h1{font-size:26px}}
@media(max-width:480px){.kpi-grid{grid-template-columns:1fr}.data-ledger,.data-ledger.large{grid-template-columns:1fr}}

/* P4 editorial intelligence */
.editorial-analysis-overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:rgba(2,8,15,.78);backdrop-filter:blur(8px)}
.editorial-analysis-panel{width:min(980px,96vw);max-height:88vh;overflow:auto;border:1px solid #2a3d55;border-radius:16px;background:#091725;box-shadow:0 28px 90px rgba(0,0,0,.52)}
.editorial-analysis-panel .panel-header{position:sticky;top:0;z-index:2;background:rgba(9,23,37,.96);backdrop-filter:blur(8px)}
.editorial-analysis-panel h2{margin:5px 0 0;font-size:19px}.analysis-rationale-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#203247;border-top:1px solid #203247;border-bottom:1px solid #203247}.analysis-rationale-grid article{min-height:118px;padding:18px;background:#091725}.analysis-rationale-grid span{display:block;color:#9c88ff;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.analysis-rationale-grid p{margin:8px 0 0;color:#c2cbd6;font-size:12px;line-height:1.6}.analysis-risks{padding:18px;border-bottom:1px solid #203247}.analysis-risks strong{font-size:12px}.analysis-risks ul{margin:9px 0 0;padding-left:18px;color:#aab6c5;font-size:11px;line-height:1.6}.analysis-footer{padding:14px 18px;color:#718198;font-size:9.5px}
@media(max-width:720px){.analysis-rationale-grid{grid-template-columns:1fr}.editorial-analysis-overlay{padding:10px}.editorial-analysis-panel{width:100%;max-height:94vh}}

/* P5 operational loop: production, calendar, analytics, learning */
.content-workspace{margin-top:12px}.tabbar button span{margin-left:5px;color:var(--muted);font-size:.9em}
.operational-list,.calendar-list,.knowledge-list{border-top:1px solid var(--border-soft)}
.operational-row{min-height:88px;display:grid;grid-template-columns:minmax(300px,1.8fr) minmax(110px,.55fr) minmax(150px,.75fr) auto;gap:18px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border-soft)}
.operational-row:last-child,.calendar-row:last-child,.analytics-row:last-child,.knowledge-row:last-child{border-bottom:0}.operational-row.compact{min-height:72px}
.row-main{min-width:0}.row-main>strong,.row-main>span,.row-main>small{display:block}.row-main>strong{font-size:12.5px}.row-main>span{margin-top:5px;color:var(--text-2);font-size:10.5px}.row-main>small{margin-top:6px;color:var(--muted);font-size:9.5px;line-height:1.45;overflow-wrap:anywhere}
.row-title-line{display:flex;align-items:center;gap:9px;min-width:0}.row-title-line strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}.row-title-line .status-chip{flex:0 0 auto}
.row-fact span,.calendar-time small,.confidence-cell span,.evidence-counts span{display:block;color:var(--muted);font-size:9px}.row-fact strong,.calendar-time strong,.confidence-cell strong,.evidence-counts strong{display:block;margin-top:5px;color:var(--text);font-size:10.5px;font-weight:650}
.status-chip{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border:1px solid var(--border);border-radius:999px;color:var(--text-2);background:rgba(255,255,255,.025);font-size:8.5px;font-weight:700;white-space:nowrap}.status-chip.good{color:#69dd91;border-color:rgba(55,214,110,.25);background:rgba(55,214,110,.06)}.status-chip.info{color:#bdaaff;border-color:rgba(118,87,255,.30);background:rgba(118,87,255,.07)}.status-chip.warning{color:#f0c867;border-color:rgba(245,185,19,.25);background:rgba(245,185,19,.06)}.status-chip.bad{color:#ff819f;border-color:rgba(239,65,108,.28);background:rgba(239,65,108,.06)}.status-chip.muted{color:var(--muted)}
.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.error-copy{color:#ff819f!important}
.operational-overlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:22px;background:rgba(2,8,15,.8);backdrop-filter:blur(8px)}
.operational-modal{width:min(900px,96vw);max-height:92vh;overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 28px 90px rgba(0,0,0,.48)}.operational-modal .panel-header{position:sticky;top:0;z-index:2;background:rgba(11,23,37,.96);border-bottom:1px solid var(--border-soft);backdrop-filter:blur(10px)}
.operational-form{display:grid;gap:14px;padding:18px}.operational-form label,.schedule-form label,.analytics-filters label{display:grid;gap:6px;color:var(--text-2);font-size:10px;font-weight:650}.operational-form label small{color:var(--muted);font-size:8.5px;font-weight:500}.operational-form input,.operational-form select,.operational-form textarea,.schedule-form input,.schedule-form select,.analytics-filters input,.analytics-filters select{width:100%;border:1px solid #26394f;border-radius:8px;background:#081522;color:var(--text);font:inherit;font-size:11px}.operational-form input,.operational-form select,.schedule-form input,.schedule-form select,.analytics-filters input,.analytics-filters select{height:41px;padding:0 11px}.operational-form textarea{resize:vertical;min-height:74px;padding:10px 11px;line-height:1.5}.operational-form textarea:focus-visible,.schedule-form input:focus-visible,.schedule-form select:focus-visible,.analytics-filters input:focus-visible,.analytics-filters select:focus-visible{outline:2px solid #9d86ff;outline-offset:2px}
.field-grid{display:grid;gap:12px}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:2px}.form-guidance{padding:10px 12px;border-left:2px solid var(--purple);background:rgba(118,87,255,.06);color:var(--muted);font-size:9.5px;line-height:1.5}
.schedule-panel{margin-bottom:14px}.schedule-form{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(210px,.8fr) minmax(210px,.85fr) auto;gap:14px;align-items:end;padding:16px 18px;border-top:1px solid var(--border-soft)}.schedule-zone{min-height:41px;display:flex;flex-direction:column;justify-content:center}.schedule-zone span{color:var(--muted);font-size:9px}.schedule-zone strong{margin-top:3px;font-size:10.5px}.schedule-zone small{margin-top:3px;color:var(--muted);font-size:8.5px;line-height:1.3}
.calendar-day{border-top:1px solid var(--border-soft)}.calendar-day:first-child{border-top:0}.calendar-day-label{padding:12px 18px;background:rgba(255,255,255,.018);color:var(--text-2);font-size:10px;font-weight:700;text-transform:capitalize}.calendar-row{min-height:84px;display:grid;grid-template-columns:95px minmax(300px,1.6fr) minmax(150px,.7fr) auto;gap:16px;align-items:center;padding:13px 18px;border-bottom:1px solid var(--border-soft)}
.analytics-filters{display:grid;grid-template-columns:minmax(240px,1fr) 160px 160px auto;gap:10px;align-items:end;margin-bottom:12px;padding:12px 14px;border:1px solid var(--border);border-radius:11px;background:rgba(10,24,39,.88)}
.analytics-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.analytics-kpis article{min-height:104px;padding:16px;border:1px solid var(--border);border-radius:11px;background:rgba(10,24,39,.88)}.analytics-kpis span{display:block;color:var(--muted);font-size:9.5px}.analytics-kpis strong{display:block;margin-top:7px;font-size:23px;letter-spacing:-.02em}.analytics-kpis small{display:block;margin-top:7px;color:var(--muted);font-size:9px;line-height:1.4}
.analytics-table{overflow-x:auto;border-top:1px solid var(--border-soft)}.analytics-head,.analytics-row{min-width:880px;display:grid;grid-template-columns:minmax(260px,1.6fr) 100px 115px 100px 175px auto;gap:14px;align-items:center;padding:0 18px}.analytics-head{height:38px;color:var(--muted);background:rgba(255,255,255,.018);font-size:8.5px;text-transform:uppercase;letter-spacing:.04em}.analytics-row{min-height:76px;border-bottom:1px solid var(--border-soft)}
.knowledge-row{min-height:102px;display:grid;grid-template-columns:minmax(330px,1.7fr) 150px 160px auto;gap:18px;align-items:center;padding:15px 18px;border-bottom:1px solid var(--border-soft)}.knowledge-main>span,.knowledge-main>small{display:block}.knowledge-main>span{margin-top:6px;color:var(--text-2);font-size:10px}.knowledge-main>small{margin-top:6px;color:var(--muted);font-size:9px}.confidence-track{height:4px;margin-top:8px;overflow:hidden;border-radius:999px;background:#1a2a3b}.confidence-track i{display:block;height:100%;border-radius:inherit;background:var(--purple)}.evidence-counts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.evidence-counts>div+div{padding-left:12px;border-left:1px solid var(--border-soft)}
@media(max-width:1280px){.analytics-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.schedule-form{grid-template-columns:1fr 1fr}.schedule-form .primary-button{justify-self:start}.knowledge-row{grid-template-columns:minmax(280px,1fr) 140px 150px}.knowledge-row .row-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:960px){.operational-row,.calendar-row{grid-template-columns:1fr 1fr}.operational-row .row-main,.calendar-row .row-main{grid-column:1/-1}.operational-row .row-actions,.calendar-row .row-actions{grid-column:1/-1;justify-content:flex-start}.analytics-filters{grid-template-columns:1fr 1fr}.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-row{grid-template-columns:1fr 1fr}.knowledge-main{grid-column:1/-1}.knowledge-row .row-actions{grid-column:1/-1}.field-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.field-grid.two,.field-grid.three,.schedule-form,.analytics-filters,.analytics-kpis,.knowledge-row,.operational-row,.calendar-row{grid-template-columns:1fr}.operational-row>*,.calendar-row>*,.knowledge-row>*{grid-column:1!important}.row-actions{justify-content:flex-start}.operational-overlay{padding:8px}.operational-modal{width:100%;max-height:96vh}.analytics-filters .secondary-button,.schedule-form .primary-button{width:100%;justify-content:center}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%;justify-content:center}.knowledge-row{gap:12px}.evidence-counts{max-width:260px}}