@layer orbit-legacy, theme, base, components, utilities, orbit-bridge, properties;

@layer orbit-legacy {
:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --sidebar-width: clamp(238px, 17vw, 280px); }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at top right, #172554 0, transparent 34%), #070b14; color: #e5edf8; display: flex; }
.sidebar { width: var(--sidebar-width); padding: 24px; border-right: 1px solid #182235; background: rgb(11 18 32 / .94); backdrop-filter: blur(18px); position: fixed; inset: 0 auto 0 0; display: flex; flex-direction: column; transition: transform .24s ease; overflow-y: auto; }
.brand-wrap { display: flex; align-items: center; gap: 14px; margin-bottom: 22px; }
.brand-mark { width: 48px; height: 48px; border-radius: 18px; display: grid; place-items: center; background: linear-gradient(135deg, #2563eb, #7c3aed); font-size: 24px; font-weight: 900; box-shadow: 0 18px 48px rgb(37 99 235 / .32); }
.brand { font-size: 25px; font-weight: 950; letter-spacing: .18em; line-height: 1; }
.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; }
.menu-label { color: #60a5fa; font-size: 11px; font-weight: 950; letter-spacing: .16em; text-transform: uppercase; margin-bottom: 12px; }
nav { display: grid; gap: 10px; }
.nav-group { display: grid; gap: 7px; }
.nav-item { color: #93a4bc; text-decoration: none; padding: 14px; border-radius: 20px; display: flex; gap: 12px; align-items: center; font-size: 15px; font-weight: 900; border: 1px solid transparent; transition: .18s ease; }
.nav-item b { display: block; font-size: 15px; color: inherit; }
.nav-item small { display: block; color: #64748b; margin-top: 3px; font-size: 12px; font-weight: 800; }
.nav-icon { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; border-radius: 14px; background: #111c2f; color: #bfdbfe; }
.nav-item:hover, .nav-item.active { background: linear-gradient(135deg, #1d4ed8, #2563eb); color: white; border-color: rgb(147 197 253 / .28); box-shadow: 0 18px 46px rgb(37 99 235 / .22); }
.nav-item:hover small, .nav-item.active small { color: #dbeafe; }
.nav-item:hover .nav-icon, .nav-item.active .nav-icon { background: rgb(255 255 255 / .16); color: white; }
.nav-submenu { display: grid; gap: 6px; margin: -2px 0 2px 50px; padding-left: 10px; border-left: 1px solid rgb(96 165 250 / .16); }
.nav-subitem { color: #7f91aa; text-decoration: none; border: 1px solid transparent; background: rgb(15 23 42 / .44); border-radius: 13px; padding: 8px 10px; font-size: 12px; font-weight: 900; transition: .16s ease; }
.orbit-inline-icon { width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.nav-subitem .orbit-inline-icon { width: 14px; height: 14px; opacity: .78; }
.nav-subitem:hover, .nav-subitem.active { color: #e0f2fe; border-color: rgb(125 211 252 / .34); background: rgb(8 145 178 / .18); }
.auth-dock { display: grid; grid-template-columns: 40px 1fr 42px; gap: 10px; align-items: center; margin-bottom: 22px; border: 1px solid rgb(37 99 235 / .26); background: linear-gradient(135deg, rgb(15 23 42 / .92), rgb(30 41 59 / .62)); border-radius: 22px; padding: 12px; box-shadow: inset 0 1px 0 rgb(255 255 255 / .04); }
.sidebar .auth-dock { margin-top: auto; margin-bottom: 0; }
.auth-avatar { width: 40px; height: 40px; border-radius: 15px; display: grid; place-items: center; background: radial-gradient(circle at 30% 20%, #93c5fd, #2563eb 44%, #312e81); color: white; font-weight: 950; text-transform: uppercase; }
.auth-meta { min-width: 0; display: grid; gap: 2px; }
.auth-meta small { color: #60a5fa; font-size: 9px; font-weight: 950; letter-spacing: .16em; text-transform: uppercase; }
.auth-meta b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #e5edf8; font-size: 14px; }
.auth-meta span { width: max-content; max-width: 100%; overflow: hidden; text-overflow: ellipsis; border: 1px solid rgb(96 165 250 / .2); background: rgb(37 99 235 / .14); color: #bfdbfe; border-radius: 999px; padding: 2px 8px; font-size: 10px; font-weight: 950; text-transform: uppercase; letter-spacing: .08em; }
.logout-form { margin: 0; }
.logout-button { width: 42px; height: 42px; display: grid; place-items: center; cursor: pointer; border: 1px solid rgb(148 163 184 / .18); border-radius: 16px; background: rgb(15 23 42 / .7); color: #cbd5e1; font: inherit; font-size: 20px; font-weight: 950; transition: .18s ease; }
.logout-button:hover { border-color: rgb(248 113 113 / .42); background: rgb(127 29 29 / .24); color: #fecaca; }
.voice-orb-panel { display: grid; grid-template-columns: 58px 1fr; gap: 12px; align-items: center; margin: -6px 0 20px; border: 1px solid rgb(96 165 250 / .2); background: radial-gradient(circle at 18% 50%, rgb(56 189 248 / .16), transparent 44%), linear-gradient(135deg, rgb(15 23 42 / .84), rgb(30 41 59 / .42)); border-radius: 24px; padding: 12px; box-shadow: inset 0 1px 0 rgb(255 255 255 / .04); }
.voice-orb-control { position: relative; width: 58px; height: 58px; border: 0; border-radius: 999px; display: grid; place-items: center; cursor: pointer; isolation: isolate; background: radial-gradient(circle at 35% 28%, #e0f2fe 0 8%, #38bdf8 23%, #2563eb 48%, #312e81 72%, #020617 100%); box-shadow: 0 0 0 1px rgb(125 211 252 / .44), 0 0 30px rgb(37 99 235 / .42), inset 0 0 22px rgb(255 255 255 / .22); transition: transform .18s ease, box-shadow .18s ease, filter .18s ease; }
.voice-orb-control:hover { transform: translateY(-1px) scale(1.03); filter: saturate(1.12); box-shadow: 0 0 0 1px rgb(186 230 253 / .66), 0 0 42px rgb(59 130 246 / .52), inset 0 0 26px rgb(255 255 255 / .28); }
.voice-orb-core { position: absolute; inset: 16px; border-radius: 999px; background: radial-gradient(circle, rgb(255 255 255 / .92), rgb(125 211 252 / .34) 42%, transparent 70%); filter: blur(.2px); opacity: .72; }
.voice-orb-rings, .voice-orb-rings::before, .voice-orb-rings::after { content: ""; position: absolute; inset: -5px; border-radius: 999px; border: 1px solid rgb(125 211 252 / .24); opacity: .72; }
.voice-orb-rings::before { inset: 7px; border-color: rgb(196 181 253 / .22); }
.voice-orb-rings::after { inset: -12px; border-color: rgb(96 165 250 / .14); }
.voice-orb-control[data-state="connecting"] { animation: voice-orb-listen 1.05s ease-in-out infinite; filter: saturate(1.2); }
.voice-orb-control[data-state="listening"] { animation: voice-orb-listen 1.8s ease-in-out infinite; }
.voice-orb-control[data-state="speaking"] { animation: voice-orb-speak 720ms ease-in-out infinite; box-shadow: 0 0 0 1px rgb(186 230 253 / .9), 0 0 24px rgb(14 165 233 / .72), 0 0 62px rgb(124 58 237 / .5), inset 0 0 32px rgb(255 255 255 / .34); }
.voice-orb-control[data-state="speaking"] .voice-orb-rings { animation: voice-orb-ring 720ms ease-out infinite; }
.voice-orb-control[data-state="error"] { background: radial-gradient(circle at 35% 28%, #fee2e2, #ef4444 38%, #7f1d1d 78%); box-shadow: 0 0 0 1px rgb(252 165 165 / .52), 0 0 34px rgb(239 68 68 / .32); }
.voice-orb-meta { min-width: 0; display: grid; gap: 4px; }
.voice-orb-meta span { color: #e0f2fe; font-size: 12px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.voice-orb-meta small { color: #7dd3fc; font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; line-height: 1.35; }
.voice-orb-status-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.main { margin-left: var(--sidebar-width); flex: 1; padding: 16px 18px 22px; transition: margin-left .24s ease; }
body.sidebar-hidden .sidebar { transform: translateX(-100%); }
body.sidebar-hidden .main { margin-left: 0; }
.topbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 22px; margin-bottom: 18px; padding: 6px 2px 0; }
.page-title-block { min-width: 0; }
.eyebrow { margin: 0 0 8px; color: #60a5fa; font-size: 11px; text-transform: uppercase; font-weight: 950; letter-spacing: .18em; }
h1 { margin: 0; font-size: clamp(30px, 3vw, 42px); letter-spacing: -.045em; line-height: .95; }
.topbar-subtitle { margin: 10px 0 0; color: #94a3b8; max-width: 780px; line-height: 1.55; font-size: 14px; font-weight: 700; }
.topbar-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.status-pill { display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgb(34 197 94 / .22); background: rgb(22 101 52 / .14); color: #bbf7d0; border-radius: 999px; padding: 10px 13px; font-size: 12px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.status-pill span { width: 8px; height: 8px; border-radius: 999px; background: #22c55e; box-shadow: 0 0 18px rgb(34 197 94 / .62); }
.panel { border: 1px solid #182235; background: linear-gradient(180deg, rgb(16 24 39 / .96), rgb(11 18 32 / .96)); border-radius: 28px; padding: 14px; min-height: 420px; box-shadow: 0 22px 64px rgb(0 0 0 / .26); }
.panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.panel h2 { margin: 0 0 8px; font-size: 26px; }
.panel p { margin: 0; color: #94a3b8; max-width: 760px; line-height: 1.6; font-weight: 700; }
.metric-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.metric-card { border: 1px solid #1e293b; background: #0f172a; border-radius: 24px; padding: 20px; }
.metric-card small { display: block; color: #64748b; font-weight: 950; text-transform: uppercase; letter-spacing: .12em; }
.metric-card strong { display: block; font-size: 30px; margin: 10px 0 4px; }
.metric-card span { color: #94a3b8; font-weight: 800; }
.video-submenu-shell { min-height: 360px; display: grid; align-content: start; gap: 18px; border: 1px solid rgb(96 165 250 / .16); background: radial-gradient(circle at 16% 14%, rgb(37 99 235 / .16), transparent 42%), rgb(2 6 23 / .24); border-radius: 24px; padding: clamp(16px, 2vw, 24px); }
.video-submenu-head { display: grid; gap: 8px; max-width: 820px; }
.video-submenu-head small { color: #60a5fa; font-size: 11px; font-weight: 950; letter-spacing: .16em; text-transform: uppercase; }
.video-submenu-head h2 { margin: 0; font-size: clamp(24px, 2.6vw, 36px); }
.video-submenu-head p { margin: 0; color: #94a3b8; line-height: 1.55; font-weight: 750; }
.video-submenu-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
.video-submenu-card { min-width: 0; min-height: 108px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 14px; text-decoration: none; border: 1px solid rgb(71 85 105 / .62); background: linear-gradient(145deg, rgb(15 23 42 / .92), rgb(30 41 59 / .42)); color: #dbeafe; border-radius: 20px; padding: 16px; font-size: 16px; font-weight: 950; box-shadow: inset 0 1px 0 rgb(255 255 255 / .04); transition: .18s ease; }
.video-submenu-card-icon { width: 38px; height: 38px; display: inline-grid; place-items: center; border: 1px solid rgb(125 211 252 / .22); border-radius: 14px; color: #67e8f9; background: rgb(8 145 178 / .14); box-shadow: inset 0 1px 0 rgb(255 255 255 / .04); }
.video-submenu-card-icon .orbit-inline-icon { width: 20px; height: 20px; }
.video-submenu-card:hover, .video-submenu-card.active { transform: translateY(-2px); border-color: rgb(125 211 252 / .42); color: white; background: linear-gradient(135deg, rgb(8 145 178 / .48), rgb(37 99 235 / .44)); box-shadow: 0 20px 52px rgb(14 165 233 / .12); }
.layout-toggle { min-width: 124px; height: 44px; display: inline-flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid rgb(96 165 250 / .24); border-radius: 999px; background: rgb(15 23 42 / .84); color: #dbeafe; cursor: pointer; font: inherit; font-size: 11px; font-weight: 950; padding: 6px 8px 6px 15px; letter-spacing: .08em; text-transform: uppercase; box-shadow: inset 0 1px 0 rgb(255 255 255 / .04), 0 12px 34px rgb(2 6 23 / .2); transition: .18s ease; }
.layout-toggle b { min-width: 58px; border-radius: 999px; padding: 8px 10px; background: rgb(30 41 59 / .92); color: #94a3b8; font-size: 10px; text-align: center; transition: .18s ease; }
.layout-toggle[aria-checked="true"] { border-color: rgb(34 211 238 / .62); background: linear-gradient(135deg, rgb(8 145 178 / .58), rgb(37 99 235 / .42)); color: white; box-shadow: 0 18px 50px rgb(14 165 233 / .18); }
.layout-toggle[aria-checked="true"] b { background: #67e8f9; color: #082f49; }
.intel-preset-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; border: 1px solid rgb(96 165 250 / .18); background: rgb(2 6 23 / .35); border-radius: 22px; padding: 10px; }
.intel-preset-left, .intel-preset-list, .intel-preset-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.intel-preset-left { flex: 1 1 480px; min-width: 240px; }
.intel-preset-chip { border: 1px solid rgb(56 189 248 / .26); background: rgb(8 47 73 / .46); color: #bae6fd; border-radius: 999px; padding: 9px 12px; font: inherit; font-size: 11px; font-weight: 950; cursor: pointer; transition: .16s ease; }
.intel-preset-chip.active::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 999px; background: #67e8f9; box-shadow: 0 0 0 3px rgb(103 232 249 / .14); }
.intel-preset-actions { flex: 0 1 auto; justify-content: flex-end; position: relative; }
.intel-preset-actions button, .intel-layout-menu summary { border: 1px solid rgb(71 85 105 / .7); background: rgb(15 23 42 / .86); color: #cbd5e1; border-radius: 999px; padding: 9px 12px; font: inherit; font-size: 11px; font-weight: 950; cursor: pointer; transition: .16s ease; }
.intel-layout-menu { position: relative; }
.intel-layout-menu summary { min-width: 132px; display: inline-flex; align-items: center; justify-content: space-between; gap: 10px; list-style: none; border-color: rgb(148 163 184 / .34); background: linear-gradient(135deg, rgb(15 23 42 / .94), rgb(30 41 59 / .86)); color: #e2e8f0; }
.intel-layout-menu summary::-webkit-details-marker { display: none; }
.intel-layout-menu summary::before { content: ""; width: 14px; height: 14px; border: 2px solid currentColor; border-radius: 999px; box-shadow: inset 0 0 0 3px rgb(15 23 42 / .86); color: #cbd5e1; }
.intel-layout-menu summary::after { content: "v"; color: #94a3b8; transition: transform .16s ease; }
.intel-layout-menu[open] summary { border-color: rgb(125 211 252 / .56); color: #f8fafc; box-shadow: 0 16px 38px rgb(2 6 23 / .22); }
.intel-layout-menu[open] summary::after { transform: rotate(180deg); }
.intel-layout-menu summary b { color: #94a3b8; font-size: 9px; font-weight: 950; text-transform: uppercase; }
.intel-layout-menu-panel { position: absolute; right: 0; top: calc(100% + 8px); z-index: 40; width: min(280px, calc(100vw - 28px)); display: grid; gap: 8px; border: 1px solid rgb(71 85 105 / .72); border-radius: 16px; background: rgb(2 6 23 / .96); box-shadow: 0 24px 70px rgb(2 6 23 / .46); padding: 10px; }
.intel-layout-menu-panel section { display: grid; gap: 6px; padding-bottom: 8px; border-bottom: 1px solid rgb(51 65 85 / .64); }
.intel-layout-menu-panel section:last-child { padding-bottom: 0; border-bottom: 0; }
.intel-layout-menu-panel small { color: #94a3b8; font-size: 9px; font-weight: 950; text-transform: uppercase; }
.intel-layout-menu-panel button { width: 100%; justify-content: flex-start; text-align: left; border-radius: 10px; background: transparent; }
.intel-layout-menu-danger button { border-color: rgb(248 113 113 / .38); color: #fecaca; }
.intel-preset-visibility-toggle { flex: 0 0 auto; width: 36px; height: 36px; display: inline-grid; place-items: center; border: 1px solid rgb(71 85 105 / .7); border-radius: 999px; background: rgb(15 23 42 / .86); color: #cbd5e1; cursor: pointer; transition: .16s ease; }
.intel-preset-visibility-toggle svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .16s ease; }
.intel-preset-visibility-toggle.is-active svg { transform: rotate(180deg); }
.intel-preset-visibility-toggle:hover { border-color: rgb(125 211 252 / .55); color: white; transform: translateY(-1px); }
.intel-preset-toolbar.is-presets-hidden .intel-preset-left { display: none; }
.intel-preset-toolbar.is-layout-locked .intel-layout-menu { display: none; }
.intel-preset-toolbar.is-layout-editing .intel-layout-menu { display: block; }
.intel-preset-chip:hover, .intel-preset-actions button:hover:not(:disabled), .intel-layout-menu summary:hover { border-color: rgb(125 211 252 / .55); color: white; transform: translateY(-1px); }
.intel-preset-chip.active { border-color: rgb(34 211 238 / .62); background: rgb(8 145 178 / .24); color: #e0f2fe; box-shadow: 0 12px 32px rgb(14 165 233 / .14); }
.intel-preset-actions button:disabled { opacity: .42; cursor: not-allowed; transform: none; }
.intel-preset-status { min-width: 94px; color: #7dd3fc; font-size: 11px; font-weight: 900; }
.grid-stack-item.is-intel-widget-hidden { display: none; }
.intel-widget-manager { margin: 10px 0 14px; border: 1px solid rgb(125 211 252 / .22); border-radius: 16px; background: linear-gradient(180deg, rgb(15 23 42 / .94), rgb(2 6 23 / .86)); box-shadow: 0 18px 42px rgb(2 6 23 / .28); overflow: hidden; }
.intel-widget-manager[hidden] { display: none; }
.intel-tracker-manager { margin: 10px 0 14px; border: 1px solid rgb(52 211 153 / .24); border-radius: 16px; background: linear-gradient(180deg, rgb(6 78 59 / .22), rgb(2 6 23 / .88)); box-shadow: 0 18px 42px rgb(2 6 23 / .28); overflow: hidden; }
.intel-tracker-manager[hidden], .intel-entity-manager[hidden] { display: none; }
.intel-entity-manager { margin: 10px 0 14px; border: 1px solid rgb(251 191 36 / .26); border-radius: 16px; background: linear-gradient(180deg, rgb(120 53 15 / .18), rgb(2 6 23 / .9)); box-shadow: 0 18px 42px rgb(2 6 23 / .28); overflow: hidden; }
.intel-entity-manager-head, .intel-entity-manager-tools { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 14px 16px; border-bottom: 1px solid rgb(30 41 59 / .72); }
.intel-entity-manager-head small { color: #facc15; font-size: 9px; font-weight: 950; letter-spacing: .14em; text-transform: uppercase; }
.intel-entity-manager-head h3 { margin: 2px 0 3px; color: #f8fafc; font-size: 15px; }
.intel-entity-manager-head p, .intel-entity-manager-tools span { margin: 0; color: #94a3b8; font-size: 11px; font-weight: 780; }
.intel-entity-manager button { border: 1px solid rgb(148 163 184 / .22); border-radius: 999px; background: rgb(15 23 42 / .72); color: #e2e8f0; padding: 8px 11px; font-size: 10px; font-weight: 950; cursor: pointer; }
.intel-entity-manager-tools { align-items: center; display: grid; grid-template-columns: 150px minmax(180px, 1fr) auto minmax(110px, auto); }
.intel-entity-manager select, .intel-entity-manager input { min-width: 0; border: 1px solid rgb(71 85 105 / .74); border-radius: 10px; background: rgb(15 23 42 / .78); color: #e2e8f0; padding: 8px 9px; font: 850 11px Inter, ui-sans-serif, system-ui, sans-serif; outline: 2px solid transparent; outline-offset: 2px; }
.intel-entity-manager-list { max-height: min(58vh, 560px); overflow: auto; display: grid; gap: 8px; padding: 14px 16px; }
.intel-entity-manager-row { display: grid; grid-template-columns: 76px minmax(140px, .8fr) minmax(150px, 1fr) minmax(120px, .7fr) auto; gap: 7px; align-items: center; border: 1px solid rgb(30 41 59 / .78); border-radius: 12px; background: rgb(2 6 23 / .48); padding: 9px; }
.intel-entity-manager-meta { display: grid; gap: 2px; }
.intel-entity-manager-meta span { color: #facc15; font-size: 9px; font-weight: 950; text-transform: uppercase; }
.intel-entity-manager-meta b { color: #f8fafc; font-size: 16px; line-height: 1; }
.intel-entity-manager-actions { display: flex; flex-wrap: wrap; gap: 5px; justify-content: flex-end; }
.intel-entity-manager-row small { grid-column: 2 / -1; min-width: 0; color: #64748b; font-size: 10px; font-weight: 760; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 980px) { .intel-entity-manager-tools, .intel-entity-manager-row { grid-template-columns: 1fr; } .intel-entity-manager-row small { grid-column: 1; } }
.intel-tracker-manager-head, .intel-tracker-manager-foot { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 14px 16px; border-bottom: 1px solid rgb(30 41 59 / .72); }
.intel-tracker-manager-foot { align-items: center; border-top: 1px solid rgb(30 41 59 / .72); border-bottom: 0; }
.intel-tracker-manager-head small { color: #86efac; font-size: 9px; font-weight: 950; letter-spacing: .14em; text-transform: uppercase; }
.intel-tracker-manager-head h3 { margin: 2px 0 3px; color: #f8fafc; font-size: 15px; }
.intel-tracker-manager-head p, .intel-tracker-manager-foot span { margin: 0; color: #94a3b8; font-size: 11px; font-weight: 780; }
.intel-tracker-manager-form { max-height: min(58vh, 560px); overflow: auto; display: grid; gap: 10px; padding: 14px 16px; border-top: 1px solid rgb(15 23 42 / .72); border-bottom: 1px solid rgb(15 23 42 / .72); }
.intel-tracker-manager-domain { border: 1px solid rgb(30 41 59 / .82); border-radius: 14px; background: rgb(2 6 23 / .5); padding: 10px; }
.intel-tracker-manager-domain-head { display: grid; grid-template-columns: 92px minmax(130px, .8fr) minmax(120px, .55fr) 88px minmax(170px, 1fr) auto auto; gap: 8px; align-items: center; margin-bottom: 9px; }
.intel-tracker-manager-trackers { display: grid; gap: 7px; }
.intel-tracker-manager-tracker { display: grid; grid-template-columns: 88px 42px minmax(130px, .75fr) minmax(110px, .5fr) 74px minmax(180px, 1fr) minmax(150px, .75fr) minmax(92px, .35fr) auto; gap: 6px; align-items: center; }
.intel-tracker-manager input { min-width: 0; border: 1px solid rgb(71 85 105 / .74); border-radius: 10px; background: rgb(15 23 42 / .78); color: #e2e8f0; padding: 8px 9px; font: 850 11px Inter, ui-sans-serif, system-ui, sans-serif; outline: 2px solid transparent; outline-offset: 2px; }
.intel-tracker-manager-toggle { display: inline-flex; align-items: center; gap: 6px; color: #bae6fd; font-size: 10px; font-weight: 950; text-transform: uppercase; letter-spacing: .06em; }
.intel-tracker-manager-toggle input { width: 16px; height: 16px; padding: 0; accent-color: #22d3ee; }
.intel-tracker-manager input:focus { border-color: rgb(52 211 153 / .58); box-shadow: 0 0 0 3px rgb(52 211 153 / .12); }
.intel-tracker-manager-json-panel { border-top: 1px solid rgb(15 23 42 / .72); }
.intel-tracker-manager-json-panel summary { cursor: pointer; color: #86efac; padding: 10px 16px; font-size: 10px; font-weight: 950; letter-spacing: .12em; text-transform: uppercase; }
.intel-tracker-manager textarea { width: 100%; min-height: 240px; border: 0; border-top: 1px solid rgb(15 23 42 / .72); border-bottom: 1px solid rgb(15 23 42 / .72); background: rgb(2 6 23 / .78); color: #d1fae5; padding: 14px 16px; font: 800 11px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; resize: vertical; outline: 2px solid transparent; outline-offset: 2px; }
.intel-tracker-manager button { border: 1px solid rgb(148 163 184 / .22); border-radius: 999px; background: rgb(15 23 42 / .72); color: #e2e8f0; padding: 8px 11px; font-size: 10px; font-weight: 950; cursor: pointer; }
@media (max-width: 980px) { .intel-tracker-manager-domain-head, .intel-tracker-manager-tracker { grid-template-columns: 1fr; } }
.intel-widget-manager-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 14px 16px; border-bottom: 1px solid rgb(30 41 59 / .72); }
.intel-widget-manager-head small { color: #67e8f9; font-size: 9px; font-weight: 950; letter-spacing: .14em; text-transform: uppercase; }
.intel-widget-manager-head h3 { margin: 2px 0 3px; color: #f8fafc; font-size: 15px; }
.intel-widget-manager-head p { margin: 0; color: #94a3b8; font-size: 11px; font-weight: 780; }
.intel-widget-manager-head button, .intel-widget-manager-foot button, .intel-widget-manager-presets button { border: 1px solid rgb(148 163 184 / .22); border-radius: 999px; background: rgb(15 23 42 / .72); color: #e2e8f0; padding: 8px 11px; font-size: 10px; font-weight: 950; cursor: pointer; }
.intel-widget-manager-presets { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 16px 0; }
.intel-widget-manager-presets button:hover, .intel-widget-manager-head button:hover, .intel-widget-manager-foot button:hover { border-color: rgb(56 189 248 / .55); background: rgb(14 165 233 / .14); }
.intel-widget-manager-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 8px; padding: 12px 16px; }
.intel-widget-manager-row { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 9px; align-items: center; border: 1px solid rgb(30 41 59 / .78); border-radius: 12px; padding: 10px; background: rgb(2 6 23 / .48); cursor: pointer; }
.intel-widget-manager-row input { grid-row: 1 / 3; accent-color: #38bdf8; }
.intel-widget-manager-row span { min-width: 0; color: #e2e8f0; font-size: 12px; font-weight: 950; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.intel-widget-manager-row small { min-width: 0; color: #64748b; font-size: 9px; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.intel-widget-manager-foot { display: flex; justify-content: flex-end; padding: 0 16px 14px; }
.voice-btn { border: 0; background: linear-gradient(135deg, #1d4ed8, #7c3aed); color: white; border-radius: 999px; padding: 14px 20px; font-weight: 950; cursor: pointer; box-shadow: 0 18px 50px rgb(37 99 235 / .3); }
.auth-body { display: grid; place-items: center; padding: 24px; overflow: hidden; background: radial-gradient(circle at 20% 10%, rgb(37 99 235 / .24), transparent 34%), radial-gradient(circle at 82% 70%, rgb(124 58 237 / .22), transparent 30%), #050814; }
.auth-body::before { content: ""; position: fixed; inset: 0; pointer-events: none; background-image: linear-gradient(rgb(148 163 184 / .04) 1px, transparent 1px), linear-gradient(90deg, rgb(148 163 184 / .04) 1px, transparent 1px); background-size: 48px 48px; mask-image: radial-gradient(circle at center, black, transparent 78%); }
.auth-body::after { content: ""; position: fixed; width: 48vmax; height: 48vmax; pointer-events: none; border-radius: 999px; background: conic-gradient(from 180deg, transparent, rgb(56 189 248 / .12), transparent 38%, rgb(124 58 237 / .16), transparent 72%); filter: blur(42px); opacity: .9; animation: login-halo 18s linear infinite; }
.login-panel { position: relative; width: min(880px, 100%); display: grid; grid-template-columns: .82fr 1.18fr; gap: 0; border: 1px solid rgb(147 197 253 / .18); background: linear-gradient(135deg, rgb(15 23 42 / .9), rgb(2 6 23 / .96)); border-radius: 34px; overflow: hidden; box-shadow: 0 34px 90px rgb(0 0 0 / .46), 0 0 0 1px rgb(255 255 255 / .03), 0 0 80px rgb(37 99 235 / .12); isolation: isolate; }
.login-panel::before { content: ""; position: absolute; inset: 0; z-index: 0; padding: 1px; border-radius: inherit; background: conic-gradient(from 0deg, transparent 0 18%, rgb(56 189 248 / .56), transparent 34% 62%, rgb(124 58 237 / .5), transparent 78% 100%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: login-border-sweep 8s linear infinite; }
.login-panel::after { content: ""; position: absolute; inset: 1px; z-index: 0; border-radius: 33px; background: linear-gradient(115deg, transparent 0 38%, rgb(255 255 255 / .05) 45%, transparent 54% 100%); transform: translateX(-65%); animation: login-sheen 6.5s ease-in-out infinite; }
.login-ambient { position: absolute; pointer-events: none; z-index: 0; border-radius: 999px; filter: blur(3px); opacity: .78; }
.login-ambient-one { width: 170px; height: 170px; left: -64px; top: 58px; background: radial-gradient(circle, rgb(56 189 248 / .2), transparent 64%); animation: login-float 7s ease-in-out infinite; }
.login-ambient-two { width: 210px; height: 210px; right: -84px; bottom: -74px; background: radial-gradient(circle, rgb(124 58 237 / .18), transparent 66%); animation: login-float 8.5s ease-in-out infinite reverse; }
.login-hero { position: relative; z-index: 1; min-height: 500px; display: grid; align-content: center; justify-items: center; padding: 36px; background: radial-gradient(circle at center, rgb(37 99 235 / .24), transparent 58%), linear-gradient(180deg, rgb(30 41 59 / .28), transparent); border-right: 1px solid rgb(148 163 184 / .1); }
.login-hero::before { content: ""; position: absolute; inset: 28px; border-radius: 30px; border: 1px solid rgb(125 211 252 / .08); background-image: radial-gradient(circle, rgb(125 211 252 / .16) 1px, transparent 1px); background-size: 22px 22px; mask-image: radial-gradient(circle at center, black, transparent 76%); animation: login-grid-drift 10s linear infinite; }
.login-orbit { position: relative; z-index: 1; width: min(280px, 68vw); aspect-ratio: 1; display: grid; place-items: center; }
.login-orbit span { position: absolute; inset: 12%; border: 1px solid rgb(147 197 253 / .24); border-radius: 50%; animation: orbit-spin 11s linear infinite; box-shadow: inset 0 0 18px rgb(37 99 235 / .05); }
.login-orbit span::after { content: ""; position: absolute; top: 10%; left: 50%; width: 7px; height: 7px; border-radius: 999px; background: #7dd3fc; box-shadow: 0 0 18px rgb(125 211 252 / .82); }
.login-orbit span:nth-child(2) { inset: 22%; transform: rotate(62deg); animation-duration: 16s; border-color: rgb(196 181 253 / .22); }
.login-orbit span:nth-child(2)::after { background: #c4b5fd; box-shadow: 0 0 18px rgb(196 181 253 / .72); }
.login-orbit span:nth-child(3) { inset: 33%; transform: rotate(-38deg); animation-duration: 9s; border-style: dashed; }
.login-orbit .brand-mark { width: 104px; height: 104px; border-radius: 34px; font-size: 52px; box-shadow: 0 26px 80px rgb(37 99 235 / .42), inset 0 1px 0 rgb(255 255 255 / .18); animation: login-mark-breathe 3.8s ease-in-out infinite; }
.login-card { position: relative; z-index: 1; display: grid; align-content: center; padding: clamp(30px, 5vw, 58px); }
.login-panel .eyebrow { margin-bottom: 14px; }
.login-panel h1 { margin: 0; max-width: 520px; font-size: clamp(40px, 5vw, 62px); line-height: .94; letter-spacing: -.07em; }
.login-panel form { display: grid; gap: 14px; margin-top: 28px; }
.login-panel label { display: grid; gap: 8px; color: #cbd5e1; font-weight: 900; }
.login-panel input { width: 100%; border: 1px solid #243044; background: rgb(2 6 23 / .88); color: #e5edf8; border-radius: 16px; padding: 15px 16px; font: inherit; outline: 2px solid transparent; outline-offset: 2px; transition: .18s ease; box-shadow: inset 0 1px 0 rgb(255 255 255 / .03); }
.login-panel input:focus { border-color: #60a5fa; box-shadow: 0 0 0 4px rgb(37 99 235 / .18), 0 0 28px rgb(37 99 235 / .16); }
.login-panel button { border: 0; border-radius: 16px; padding: 15px 18px; font-weight: 950; color: white; background: linear-gradient(135deg, #1d4ed8, #7c3aed); cursor: pointer; box-shadow: 0 18px 48px rgb(37 99 235 / .24); transition: transform .18s ease, filter .18s ease, box-shadow .18s ease; }
.login-panel button:hover { transform: translateY(-1px); filter: saturate(1.12); box-shadow: 0 22px 54px rgb(37 99 235 / .34), 0 0 28px rgb(124 58 237 / .18); }
.auth-error { border: 1px solid rgb(248 113 113 / .34); background: rgb(127 29 29 / .28); color: #fecaca; border-radius: 16px; padding: 12px; font-weight: 850; margin-top: 18px; }
@keyframes orbit-spin { to { rotate: 360deg; } }
@keyframes login-border-sweep { to { transform: rotate(360deg); } }
@keyframes login-sheen { 0%, 42% { transform: translateX(-70%); opacity: 0; } 58% { opacity: .75; } 100% { transform: translateX(70%); opacity: 0; } }
@keyframes login-halo { to { rotate: 360deg; } }
@keyframes login-float { 0%, 100% { transform: translate3d(0, 0, 0) scale(1); } 50% { transform: translate3d(18px, -14px, 0) scale(1.08); } }
@keyframes login-grid-drift { to { background-position: 44px 22px; } }
@keyframes login-mark-breathe { 0%, 100% { transform: scale(1); filter: brightness(1); } 50% { transform: scale(1.035); filter: brightness(1.12); } }
@keyframes voice-orb-listen { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.055); } }
@keyframes voice-orb-speak { 0%, 100% { transform: scale(1); filter: brightness(1); } 35% { transform: scale(1.12); filter: brightness(1.22); } 68% { transform: scale(.98); filter: brightness(1.08); } }
@keyframes voice-orb-ring { from { opacity: .88; transform: scale(.92); } to { opacity: 0; transform: scale(1.34); } }
@media (max-width: 900px) { body { display: block; } .sidebar { position: static; width: auto; min-height: auto; } .main { margin-left: 0; padding: 16px; } .topbar { display: grid; align-items: start; gap: 14px; margin-bottom: 16px; } .topbar-actions { justify-content: space-between; } .topbar-subtitle { font-size: 13px; } .metric-grid { grid-template-columns: 1fr; } .login-panel { grid-template-columns: 1fr; } .login-hero { min-height: auto; padding: 28px 24px 4px; border-right: 0; } .login-orbit { width: 190px; } .login-orbit .brand-mark { width: 78px; height: 78px; border-radius: 26px; font-size: 38px; } .login-card { padding: 28px 22px 26px; } }
@keyframes agent-orb-spin { to { transform: rotate(360deg); } }
@keyframes agent-orb-spin-reverse { to { transform: rotateX(58deg) rotateZ(-344deg); } }
@keyframes agent-orb-aura { 0%, 100% { opacity: .52; transform: scale(.92); } 50% { opacity: .96; transform: scale(1.16); } }
.orbit-layout-toolbar { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin: -4px 0 14px; }
.dashboard-layout-edit, .dashboard-layout-reset { border: 1px solid rgb(96 165 250 / .24); border-radius: 999px; background: rgb(15 23 42 / .82); color: #dbeafe; cursor: pointer; font: inherit; font-size: 11px; font-weight: 950; padding: 9px 12px; }
.dashboard-layout-edit[aria-pressed="true"] { border-color: rgb(34 211 238 / .62); background: linear-gradient(135deg, rgb(8 145 178 / .62), rgb(37 99 235 / .42)); color: white; }
.dashboard-layout-status { color: #7dd3fc; font-size: 11px; font-weight: 900; }
/* Stable GridStack shell: keep the GridStack item as a pure layout node.
   All Orbit card styling lives inside .grid-stack-item-content or its children. */
.grid-stack.orbit-dashboard-layout.orbit-news-layout { display: block; width: 100%; min-height: 1180px; margin: 0 0 24px; }
.grid-stack.orbit-dashboard-layout > .grid-stack-item { min-width: 0; background: transparent; border: 0; padding: 0; overflow: visible; display: block; }
/* GridStack attribute fallback: v12 normally writes inline style. Keep panels full-size if a drag/resize cycle temporarily clears inline dimensions. */
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-x="0"] { left: calc(0 * var(--gs-column-width)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-x="1"] { left: calc(1 * var(--gs-column-width)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-x="2"] { left: calc(2 * var(--gs-column-width)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-x="3"] { left: calc(3 * var(--gs-column-width)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-x="4"] { left: calc(4 * var(--gs-column-width)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-x="5"] { left: calc(5 * var(--gs-column-width)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-x="6"] { left: calc(6 * var(--gs-column-width)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-x="7"] { left: calc(7 * var(--gs-column-width)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-x="8"] { left: calc(8 * var(--gs-column-width)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-x="9"] { left: calc(9 * var(--gs-column-width)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-x="10"] { left: calc(10 * var(--gs-column-width)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-x="11"] { left: calc(11 * var(--gs-column-width)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-w="1"] { width: calc(1 * var(--gs-column-width)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-w="2"] { width: calc(2 * var(--gs-column-width)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-w="3"] { width: calc(3 * var(--gs-column-width)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-w="4"] { width: calc(4 * var(--gs-column-width)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-w="5"] { width: calc(5 * var(--gs-column-width)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-w="6"] { width: calc(6 * var(--gs-column-width)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-w="7"] { width: calc(7 * var(--gs-column-width)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-w="8"] { width: calc(8 * var(--gs-column-width)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-w="9"] { width: calc(9 * var(--gs-column-width)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-w="10"] { width: calc(10 * var(--gs-column-width)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-w="11"] { width: calc(11 * var(--gs-column-width)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-w="12"] { width: calc(12 * var(--gs-column-width)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="0"] { top: calc(0 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="1"] { top: calc(1 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="2"] { top: calc(2 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="3"] { top: calc(3 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="4"] { top: calc(4 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="5"] { top: calc(5 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="6"] { top: calc(6 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="7"] { top: calc(7 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="8"] { top: calc(8 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="9"] { top: calc(9 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="10"] { top: calc(10 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="11"] { top: calc(11 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="12"] { top: calc(12 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="13"] { top: calc(13 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="14"] { top: calc(14 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="15"] { top: calc(15 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="16"] { top: calc(16 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="17"] { top: calc(17 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="18"] { top: calc(18 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="19"] { top: calc(19 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="20"] { top: calc(20 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="21"] { top: calc(21 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="22"] { top: calc(22 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="23"] { top: calc(23 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="24"] { top: calc(24 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="25"] { top: calc(25 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="26"] { top: calc(26 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="27"] { top: calc(27 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="28"] { top: calc(28 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="29"] { top: calc(29 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="30"] { top: calc(30 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="31"] { top: calc(31 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="32"] { top: calc(32 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="33"] { top: calc(33 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="34"] { top: calc(34 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="35"] { top: calc(35 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="36"] { top: calc(36 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="37"] { top: calc(37 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="38"] { top: calc(38 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="39"] { top: calc(39 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-y="40"] { top: calc(40 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-h="1"] { height: calc(1 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-h="2"] { height: calc(2 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-h="3"] { height: calc(3 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-h="4"] { height: calc(4 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-h="5"] { height: calc(5 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-h="6"] { height: calc(6 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-h="7"] { height: calc(7 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-h="8"] { height: calc(8 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-h="9"] { height: calc(9 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-h="10"] { height: calc(10 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-h="11"] { height: calc(11 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item[gs-h="12"] { height: calc(12 * var(--gs-cell-height)); }
.grid-stack.orbit-dashboard-layout > .grid-stack-item > .grid-stack-item-content { overflow: hidden; border-radius: 26px; transition: box-shadow .18s ease, transform .18s ease; }
.grid-stack.orbit-dashboard-layout.is-layout-editing > .grid-stack-item > .grid-stack-item-content { box-shadow: 0 0 0 1px rgb(125 211 252 / .18), 0 18px 46px rgb(2 6 23 / .26); }
.grid-stack.orbit-dashboard-layout .grid-stack-placeholder > .placeholder-content { border: 1px dashed rgb(125 211 252 / .52); border-radius: 26px; background: rgb(14 165 233 / .12); }
.grid-stack.orbit-dashboard-layout .ui-draggable-dragging > .grid-stack-item-content,
.grid-stack.orbit-dashboard-layout .ui-resizable-resizing > .grid-stack-item-content { box-shadow: 0 0 0 1px rgb(34 211 238 / .42), 0 28px 76px rgb(14 165 233 / .22); }
.dashboard-panel-content { min-width: 0; min-height: 0; display: block; }
.dashboard-panel-content > .trending-words-panel,
.dashboard-panel-content > .indonesia-map-card,
.dashboard-panel-content > .rss-news-card,
.dashboard-panel-content > .news-list-card,
.dashboard-panel-content > .mentan-kunker-panel,
.dashboard-panel-content > .sentiment-graph-panel,
.dashboard-panel-content > .live-crisis-stream { width: 100%; height: 100%; margin: 0; }
.orbit-grid-widget .trending-words-panel,
.orbit-grid-widget .live-crisis-stream,
.orbit-grid-widget .sentiment-graph-panel,
.orbit-grid-widget .mentan-kunker-panel { width: 100%; height: 100%; margin: 0; overflow: hidden; }
.panel-drag-handle { position: absolute; top: 12px; right: 12px; z-index: 60; min-width: 42px; height: 38px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgb(125 211 252 / .46); border-radius: 14px; background: rgb(2 6 23 / .92); color: #e0f2fe; cursor: grab; font: 950 15px ui-monospace, SFMono-Regular, Menlo, monospace; line-height: 1; padding: 8px 10px; box-shadow: 0 12px 34px rgb(2 6 23 / .44), 0 0 0 1px rgb(255 255 255 / .04); touch-action: none; user-select: none; }
.panel-drag-handle::after { content: "DRAG"; margin-left: 6px; font: 950 9px Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: .08em; color: #7dd3fc; }
.panel-drag-handle:active { cursor: grabbing; }
.panel-drag-handle[hidden], .orbit-dashboard-layout.is-layout-locked .panel-drag-handle { display: none; }
.orbit-dashboard-layout.is-layout-editing .grid-stack-item-content { outline: 1px dashed rgb(125 211 252 / .42); outline-offset: -5px; }
.orbit-dashboard-layout.is-layout-editing .panel-drag-handle { display: inline-flex; }
.orbit-dashboard-layout.is-layout-editing .grid-stack-item > .ui-resizable-handle { display: block; z-index: 58; opacity: .96; background: rgb(14 165 233 / .1); border-color: rgb(125 211 252 / .28); }
.orbit-dashboard-layout.is-layout-editing .grid-stack-item > .ui-resizable-handle:hover { background: rgb(14 165 233 / .24); }
.orbit-dashboard-layout.is-layout-editing .grid-stack-item > .ui-resizable-se { width: 24px; height: 24px; right: 12px; bottom: 12px; border-radius: 10px; background-color: rgb(14 165 233 / .22); border: 1px solid rgb(125 211 252 / .38); }
.is-layout-ghost, .sortable-ghost { opacity: .45; }
.is-layout-chosen, .sortable-chosen { filter: brightness(1.08); }
.is-layout-dragging { cursor: grabbing; }
.intel-basic-grid { display: block; width: 100%; min-height: 980px; margin: 0; }
.intel-basic-grid > .grid-stack-item > .grid-stack-item-content { inset: 8px; border: 1px solid rgb(96 165 250 / .2); border-radius: 18px; background: linear-gradient(180deg, rgb(15 23 42 / .96), rgb(2 6 23 / .96)); box-shadow: inset 0 1px 0 rgb(255 255 255 / .04); overflow: hidden; min-width: 0; min-height: 0; }
.intel-basic-widget { position: relative; display: flex; min-width: 0; min-height: 0; }
.intel-panel-number { position: absolute; left: 10px; bottom: 10px; z-index: 10; min-width: 22px; height: 22px; display: inline-grid; place-items: center; border: 1px solid rgb(148 163 184 / .22); border-radius: 999px; background: rgb(2 6 23 / .72); color: #94a3b8; font: 900 10px Inter, ui-sans-serif, system-ui, sans-serif; line-height: 1; pointer-events: none; user-select: none; box-shadow: 0 8px 18px rgb(2 6 23 / .24); }
.intel-widget-shell, .intel-widget-empty-shell { position: relative; z-index: 1; display: flex; flex-direction: column; width: 100%; height: 100%; min-width: 0; min-height: 0; overflow: hidden; }
.intel-widget-head { flex: 0 0 auto; display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; min-width: 0; padding: 14px 14px 8px; }
.intel-widget-head small { display: block; color: #7dd3fc; font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: .12em; }
.intel-widget-head h3 { margin: 2px 0 0; color: #f8fafc; font-size: clamp(14px, 1.25vw, 18px); line-height: 1.08; }
.intel-widget-head p { margin: 5px 0 0; color: #94a3b8; font-size: 10px; font-weight: 850; }
.intel-widget-action { flex: 0 0 auto; border: 1px solid rgb(125 211 252 / .38); background: rgb(14 165 233 / .12); color: #e0f2fe; border-radius: 999px; padding: 6px 9px; font-size: 10px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.intel-widget-action:hover:not(:disabled) { border-color: rgb(125 211 252 / .75); background: rgb(14 165 233 / .22); }
.intel-widget-action:disabled { cursor: wait; opacity: .62; }

.intel-trends-list { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 0 12px 12px; display: grid; align-content: start; gap: 10px; scrollbar-width: thin; }
.intel-trend-section { display: grid; gap: 7px; min-width: 0; }
.intel-trend-section-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; padding: 2px 2px 0; }
.intel-trend-section-head b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #e2e8f0; font-size: 10px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.intel-trend-section-head small { flex: 0 0 auto; max-width: 45%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #94a3b8; font-size: 9px; font-weight: 850; }
.intel-trend-note { margin: 0; border: 1px solid rgb(250 204 21 / .22); border-radius: 13px; background: rgb(113 63 18 / .16); color: #fde68a; padding: 9px 10px; font-size: 11px; line-height: 1.35; }
.intel-trend-row { appearance: none; border: 0; font: inherit; text-align: left; cursor: pointer; width: 100%; display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 9px; min-width: 0; border: 1px solid rgb(148 163 184 / .16); border-radius: 13px; padding: 9px; background: rgb(15 23 42 / .66); transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.intel-trend-row:hover, .intel-trend-row.active { transform: translateY(-1px); }
.intel-trend-row.active .intel-trend-rank { background: rgb(239 68 68 / .22); color: #fecaca; }
.intel-trend-rank { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 999px; background: rgb(14 165 233 / .16); color: #bae6fd; font-weight: 950; font-size: 13px; }
.intel-trend-copy { min-width: 0; display: grid; gap: 3px; }
.intel-trend-copy b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #f8fafc; font-size: clamp(12px, 1vw, 14px); }
.intel-trend-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #94a3b8; font-size: 11px; }
.intel-trend-copy i { display: block; width: 100%; height: 4px; overflow: hidden; border-radius: 999px; background: rgb(15 23 42 / .94); }
.intel-trend-copy i span { display: block; height: 100%; min-width: 8%; border-radius: inherit; background: #facc15; }
.intel-trend-score { color: #facc15; font-weight: 950; font-size: 9px; letter-spacing: .06em; }
.intel-trend-level-trending .intel-trend-row, .intel-trend-row.intel-trend-level-trending { border-color: rgb(239 68 68 / .36); background: linear-gradient(135deg, rgb(127 29 29 / .28), rgb(15 23 42 / .72)); }
.intel-trend-level-trending .intel-trend-row:hover, .intel-trend-row.intel-trend-level-trending:hover, .intel-trend-row.intel-trend-level-trending.active { border-color: rgb(248 113 113 / .62); background: linear-gradient(135deg, rgb(127 29 29 / .42), rgb(15 23 42 / .8)); }
.intel-trend-level-trending .intel-trend-copy i span, .intel-trend-row.intel-trend-level-trending .intel-trend-copy i span { background: #ef4444; }
.intel-trend-level-emerging .intel-trend-row, .intel-trend-row.intel-trend-level-emerging { border-color: rgb(250 204 21 / .3); background: linear-gradient(135deg, rgb(113 63 18 / .22), rgb(15 23 42 / .72)); }
.intel-trend-level-emerging .intel-trend-row:hover, .intel-trend-row.intel-trend-level-emerging:hover, .intel-trend-row.intel-trend-level-emerging.active { border-color: rgb(250 204 21 / .56); background: linear-gradient(135deg, rgb(113 63 18 / .34), rgb(15 23 42 / .8)); }
.intel-trend-level-emerging .intel-trend-copy i span, .intel-trend-row.intel-trend-level-emerging .intel-trend-copy i span { background: #f59e0b; }
.intel-trend-level-local .intel-trend-row, .intel-trend-row.intel-trend-level-local { border-color: rgb(34 197 94 / .24); background: linear-gradient(135deg, rgb(20 83 45 / .18), rgb(15 23 42 / .7)); }
.intel-trend-level-local .intel-trend-row:hover, .intel-trend-row.intel-trend-level-local:hover, .intel-trend-row.intel-trend-level-local.active { border-color: rgb(34 197 94 / .48); background: linear-gradient(135deg, rgb(20 83 45 / .28), rgb(15 23 42 / .78)); }
.intel-trend-level-local .intel-trend-copy i span, .intel-trend-row.intel-trend-level-local .intel-trend-copy i span { background: #22c55e; }
.intel-widget-empty { margin: 0; min-height: 44px; display: grid; place-items: center; color: #94a3b8; border: 1px dashed rgb(148 163 184 / .22); border-radius: 14px; padding: 12px; text-align: center; font-size: 12px; }
.intel-widget-error { color: #fecaca; border-color: rgb(248 113 113 / .32); background: rgb(127 29 29 / .24); }
.intel-widget-word-cloud { background: radial-gradient(circle at 18% 0, rgb(34 211 238 / .15), transparent 46%), linear-gradient(180deg, rgb(15 23 42 / .9), rgb(2 6 23 / .74)); }
.intel-word-cloud-head small { color: #67e8f9; }
.intel-word-cloud-tabs { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 4px; border: 1px solid rgb(148 163 184 / .18); border-radius: 999px; padding: 3px; background: rgb(2 6 23 / .55); }
.intel-word-cloud-tabs button { border: 0; border-radius: 999px; background: transparent; color: #94a3b8; padding: 5px 7px; font: 950 9px Inter, ui-sans-serif, system-ui, sans-serif; cursor: pointer; }
.intel-word-cloud-tabs button:hover, .intel-word-cloud-tabs button.active { background: rgb(14 165 233 / .2); color: #e0f2fe; }
.intel-word-cloud-body { position: relative; flex: 1 1 auto; min-height: 218px; overflow: hidden; padding: 10px 13px 14px; border-radius: 18px; background: radial-gradient(circle at 50% 50%, rgb(14 165 233 / .11), transparent 46%); }
.intel-word-cloud-chart { position: absolute; inset: 0; width: 100%; height: 100%; }
.intel-word-cloud-body canvas { cursor: pointer; }
.intel-word-cloud-body .intel-widget-empty { position: absolute; inset: 12px; }
.intel-widget-map { isolation: isolate; background: radial-gradient(circle at 48% 36%, rgb(14 165 233 / .2), transparent 46%), linear-gradient(180deg, #020617, #030712); }
.intel-map-head { position: absolute; top: 0; left: 0; right: 0; z-index: 4; pointer-events: none; background: linear-gradient(180deg, rgb(2 6 23 / .72), transparent); }
.intel-map-hud { position: absolute; left: 12px; bottom: 12px; z-index: 5; display: grid; gap: 3px; width: min(300px, calc(100% - 24px)); max-width: min(300px, calc(100% - 24px)); border: 1px solid rgb(103 232 249 / .28); border-radius: 14px; padding: 10px 12px; background: linear-gradient(135deg, rgb(2 6 23 / .84), rgb(15 23 42 / .56)); box-shadow: 0 18px 40px rgb(2 6 23 / .34), inset 0 1px 0 rgb(255 255 255 / .05); backdrop-filter: blur(10px); pointer-events: none; }
.intel-map-hud span { color: #67e8f9; font-size: 9px; font-weight: 950; letter-spacing: .16em; }
.intel-map-hud b { color: #f8fafc; font-size: clamp(12px, 1.1vw, 15px); line-height: 1.1; }
.intel-map-hud small { min-width: 0; display: flex; align-items: center; gap: 7px; color: #94a3b8; font-size: 10px; font-weight: 800; white-space: nowrap; }
.intel-map-hud [data-intel-filter-breadcrumb] { min-width: 0; flex: 1 1 auto; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 0; color: #94a3b8; font-size: 10px; font-weight: 850; }
.intel-map-sync-label { flex: 0 0 auto; color: #64748b; }
.intel-map-legend { position: absolute; right: 12px; bottom: 12px; z-index: 5; display: flex; align-items: center; flex-wrap: wrap; gap: 7px; max-width: calc(100% - 24px); border: 1px solid rgb(148 163 184 / .2); border-radius: 999px; padding: 7px 9px; background: rgb(2 6 23 / .72); box-shadow: 0 14px 30px rgb(2 6 23 / .3); backdrop-filter: blur(10px); color: #cbd5e1; font-size: 10px; font-weight: 900; pointer-events: none; }
.intel-map-issue-toolbar { position: absolute; left: 12px; right: 12px; top: 62px; z-index: 7; padding: 0; max-width: calc(100% - 24px); pointer-events: auto; gap: 8px; }
.intel-map-issue-toolbar .intel-issue-chip { min-height: 29px; padding: 9px 12px; font-size: clamp(11px, 1.05vw, 15px); line-height: 1; background: rgb(2 6 23 / .76); border-color: rgb(125 211 252 / .28); box-shadow: 0 10px 24px rgb(2 6 23 / .3); backdrop-filter: blur(10px); }
.intel-dynamic-trackers { flex: 0 0 auto; min-width: 0; display: inline-flex; align-items: center; gap: 6px; }
.intel-dynamic-trackers::before { content: "Tracker"; flex: 0 0 auto; align-self: center; color: #64748b; font-size: 8px; font-weight: 950; letter-spacing: .13em; text-transform: uppercase; }
.intel-dynamic-trackers[data-intel-domain-mode="custom"] .is-agriculture-tracker,
.intel-dynamic-trackers[data-intel-domain-mode="custom"] [data-intel-agriculture-only="true"] { display: none; }
.intel-domain-selector { position: relative; min-height: 33px; flex: 0 0 auto; display: inline-grid; grid-template-columns: auto minmax(128px, 1fr) auto; align-items: center; gap: 7px; border: 1px solid rgb(125 211 252 / .34); border-radius: 12px; background: linear-gradient(135deg, rgb(2 6 23 / .9), rgb(15 23 42 / .68)); color: #cffafe; padding: 5px 10px; box-shadow: 0 12px 30px rgb(2 6 23 / .32), inset 0 1px 0 rgb(255 255 255 / .05); backdrop-filter: blur(12px); }
.intel-domain-selector::before { content: "◎"; width: 18px; height: 18px; display: inline-grid; place-items: center; border-radius: 999px; background: rgb(14 165 233 / .16); color: #67e8f9; font-size: 11px; box-shadow: 0 0 18px rgb(14 165 233 / .18); }
.intel-domain-selector::after { content: "⌄"; color: #67e8f9; font-size: 12px; line-height: 1; pointer-events: none; }
.intel-domain-selector span { display: none; }
.intel-domain-selector select { min-width: 128px; border: 0; outline: 2px solid transparent; outline-offset: 2px; appearance: none; background: transparent; color: #f8fafc; font: 950 11px Inter, ui-sans-serif, system-ui, sans-serif; cursor: pointer; }
.intel-domain-selector option { color: #0f172a; background: #f8fafc; font-weight: 800; }
.intel-domain-selector:focus-within { border-color: rgb(250 204 21 / .66); box-shadow: 0 0 0 3px rgb(250 204 21 / .13), 0 14px 34px rgb(2 6 23 / .38); }
.intel-domain-tracker-chip.is-custom-tracker { border-color: rgb(125 211 252 / .26); color: #bae6fd; background: rgb(14 165 233 / .14); }
.intel-domain-tracker-chip.is-custom-tracker:hover,
.intel-domain-tracker-chip.is-custom-tracker.active,
.intel-domain-tracker-chip.is-custom-tracker[aria-pressed="true"] { border-color: rgb(125 211 252 / .58); color: #f0f9ff; background: rgb(14 116 144 / .36); }
.intel-map-issue-toolbar .intel-issue-chip:hover,
.intel-map-issue-toolbar .intel-issue-chip.active,
.intel-map-issue-toolbar .intel-issue-chip[aria-pressed="true"] { transform: translateY(-1px); box-shadow: 0 14px 34px rgb(250 204 21 / .12), 0 10px 24px rgb(2 6 23 / .34); }
.intel-manual-keyword-form { flex: 1 1 220px; min-width: min(220px, 100%); display: flex; align-items: stretch; gap: 6px; margin-left: auto; }
.intel-manual-keyword-form input { width: 100%; min-width: 0; border: 1px solid rgb(125 211 252 / .28); border-radius: 999px; background: rgb(2 6 23 / .78); color: #e0f2fe; padding: 8px 12px; font: 850 11px Inter, ui-sans-serif, system-ui, sans-serif; outline: 2px solid transparent; outline-offset: 2px; box-shadow: 0 10px 24px rgb(2 6 23 / .26), inset 0 1px 0 rgb(255 255 255 / .04); backdrop-filter: blur(10px); }
.intel-manual-keyword-form input::placeholder { color: #64748b; }
.intel-manual-keyword-form input:focus { border-color: rgb(251 191 36 / .76); box-shadow: 0 0 0 3px rgb(251 191 36 / .16), 0 12px 30px rgb(2 6 23 / .34); }
.intel-widget-manual-search { justify-content: center; background: #fff; border-color: rgb(226 232 240 / .88); box-shadow: inset 0 1px 0 rgb(255 255 255 / .9), 0 18px 42px rgb(15 23 42 / .2); }
.intel-manual-search-body { min-height: 100%; display: grid; place-content: center; justify-items: center; gap: 16px; padding: 18px; }
.intel-google-logo { margin: 0; font: 800 clamp(34px, 6vw, 58px)/1 Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: 0; }
.intel-google-logo span:nth-child(1) { color: #4285f4; }
.intel-google-logo span:nth-child(2) { color: #ea4335; }
.intel-google-logo span:nth-child(3) { color: #fbbc05; }
.intel-google-logo span:nth-child(4) { color: #4285f4; }
.intel-google-logo span:nth-child(5) { color: #34a853; }
.intel-google-logo span:nth-child(6) { color: #ea4335; }
.intel-google-search-form { width: min(100%, 460px); min-width: 0; display: grid; grid-template-columns: 1fr; justify-items: center; gap: 12px; margin: 0; }
.intel-google-search-form input { height: 42px; border: 1px solid #dfe1e5; border-radius: 999px; background: #fff; color: #202124; padding: 0 18px; font: 500 14px Inter, ui-sans-serif, system-ui, sans-serif; box-shadow: 0 1px 6px rgb(32 33 36 / .16); backdrop-filter: none; }
.intel-google-search-form input::placeholder { color: #9aa0a6; }
.intel-google-search-form input:focus { border-color: #dfe1e5; box-shadow: 0 1px 8px rgb(32 33 36 / .24); }
.intel-google-search-button { min-width: 104px; height: 36px; border: 1px solid #f8f9fa; border-radius: 4px; background: #f8f9fa; color: #3c4043; padding: 0 16px; font: 600 13px Inter, ui-sans-serif, system-ui, sans-serif; cursor: pointer; }
.intel-google-search-button:hover:not(:disabled) { border-color: #dadce0; box-shadow: 0 1px 1px rgb(0 0 0 / .1); }
.intel-google-search-button:disabled { opacity: .6; cursor: wait; }
.intel-manual-search-body .intel-manual-keyword-form { flex: 0 0 auto; }
.intel-manual-search-body .intel-clear-filter-button { width: max-content; }
.intel-manual-keyword-search { min-width: 78px; justify-content: center; }
.intel-clear-filter-button { min-width: 64px; justify-content: center; border-color: rgb(248 113 113 / .34); color: #fecaca; }
.intel-clear-filter-button:hover:not(:disabled) { background: rgb(127 29 29 / .42); color: #fee2e2; }
@media (max-width: 760px) { .intel-manual-keyword-form { flex-basis: 100%; margin-left: 0; } .intel-manual-keyword-search { min-width: 72px; } }

.intel-map-legend span { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.intel-map-legend i { width: 8px; height: 8px; border-radius: 999px; display: inline-block; box-shadow: 0 0 13px currentColor; }
.intel-map-legend b { color: #fecaca; font-size: 10px; }
.legend-hotspot { color: #ef4444; background: #ef4444; }
.legend-selected { color: #f59e0b; background: #f59e0b; }
.legend-coverage { color: #22d3ee; background: #22d3ee; }
.intel-map-canvas { position: relative; width: 100%; height: 100%; min-width: 0; min-height: 0; flex: 1 1 auto; border-radius: 15px; overflow: hidden; background: radial-gradient(circle at 50% 45%, #0f172a 0, #020617 58%, #01040c 100%); }
.intel-map-canvas::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(rgb(255 255 255 / .025) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / .018) 1px, transparent 1px); background-size: 34px 34px; mix-blend-mode: screen; opacity: .28; }
.intel-widget-map .maplibregl-control-container { font-size: 11px; }
.intel-widget-map .maplibregl-ctrl-top-left { top: 108px; left: 8px; }
.intel-widget-map.is-map-compact .intel-map-hud small, .intel-widget-map.is-map-compact .intel-map-legend span:nth-child(n+3) { display: none; }
.intel-widget-map.is-map-compact .intel-map-hud { width: min(190px, calc(100% - 24px)); max-width: 190px; padding: 8px 9px; }
.intel-widget-map.is-map-compact .intel-map-legend { border-radius: 12px; }
.intel-widget-crisis { background: radial-gradient(circle at 18% 0, rgb(239 68 68 / .18), transparent 46%); }
.intel-crisis-head small { color: #fca5a5; }
.intel-crisis-live-dot { flex: 0 0 auto; width: 10px; height: 10px; margin: 6px 4px 0 0; border-radius: 999px; background: #ef4444; box-shadow: 0 0 0 6px rgb(239 68 68 / .14), 0 0 20px rgb(239 68 68 / .7); animation: crisis-ping 1.25s ease-in-out infinite; }
.intel-crisis-list { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 0 12px 12px; display: grid; align-content: start; gap: 8px; scrollbar-width: thin; }
.intel-crisis-card { min-width: 0; display: grid; gap: 7px; border: 1px solid rgb(148 163 184 / .16); border-radius: 13px; padding: 10px; background: rgb(15 23 42 / .66); }
.intel-crisis-card-critical { border-color: rgb(248 113 113 / .36); background: linear-gradient(135deg, rgb(127 29 29 / .26), rgb(15 23 42 / .7)); }
.intel-crisis-card-warning { border-color: rgb(251 191 36 / .28); background: linear-gradient(135deg, rgb(120 53 15 / .22), rgb(15 23 42 / .7)); }
.intel-crisis-card-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
.intel-crisis-card-top span { color: #fecaca; font-size: 10px; font-weight: 950; letter-spacing: .08em; }
.intel-crisis-card-top time { color: #94a3b8; font-size: 10px; font-weight: 850; white-space: nowrap; }
.intel-crisis-card a { min-width: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #f8fafc; text-decoration: none; font-size: clamp(12px, 1vw, 14px); line-height: 1.28; font-weight: 900; }
.intel-crisis-card a:hover { color: #fca5a5; }
.intel-crisis-card p { margin: 0; color: #cbd5e1; font-size: 11px; line-height: 1.42; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.intel-crisis-card small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #94a3b8; font-size: 10px; font-weight: 850; }
.intel-widget-rss { background: radial-gradient(circle at 18% 0, rgb(14 165 233 / .15), transparent 46%); }
.intel-rss-head small { color: #93c5fd; }
.intel-rss-head-actions { flex: 0 1 auto; min-width: 0; display: flex; align-items: flex-start; justify-content: flex-end; gap: 6px; }
.intel-rss-source { flex: 0 1 auto; max-width: 46%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-self: flex-start; border: 1px solid rgb(125 211 252 / .22); border-radius: 999px; padding: 5px 8px; color: #bae6fd; background: rgb(14 165 233 / .12); font-size: 10px; font-weight: 900; }
.intel-rss-filter-toggle { flex: 0 0 auto; }
.intel-rss-filter-panel { align-items: center; flex-wrap: nowrap; border-top: 1px solid rgb(30 41 59 / .72); padding-top: 8px; }
.intel-rss-filter-panel[hidden] { display: none; }
.intel-rss-filter-panel .intel-dynamic-trackers { overflow-x: auto; scrollbar-width: thin; }
.intel-ai-summary-box { flex: 0 0 auto; margin: 0 12px 8px; border: 1px solid rgb(34 197 94 / .26); border-radius: 14px; background: linear-gradient(135deg, rgb(22 101 52 / .18), rgb(15 23 42 / .76)); padding: 9px 10px; }
.intel-ai-summary-box.is-error { border-color: rgb(248 113 113 / .32); background: rgb(127 29 29 / .16); }
.intel-ai-summary-box p { margin: 0; color: #dbeafe; font-size: 11px; line-height: 1.42; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.intel-ai-summary-box small { display: block; margin-top: 6px; color: #86efac; font-size: 9px; font-weight: 850; }
.intel-issue-toolbar { flex: 0 0 auto; min-width: 0; display: flex; gap: 6px; padding: 0 12px 8px; overflow-x: auto; scrollbar-width: thin; }
.intel-issue-chip { flex: 0 0 auto; border: 1px solid rgb(148 163 184 / .22); border-radius: 999px; background: rgb(15 23 42 / .72); color: #cbd5e1; padding: 7px 9px; font: 950 10px Inter, ui-sans-serif, system-ui, sans-serif; cursor: pointer; white-space: nowrap; }
.intel-issue-chip:hover, .intel-issue-chip.active, .intel-issue-chip[aria-pressed="true"] { border-color: rgb(250 204 21 / .48); color: #fef3c7; background: rgb(113 63 18 / .42); }
.intel-rss-list { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 0 12px 12px; display: grid; align-content: start; gap: 8px; scrollbar-width: thin; }
.intel-rss-card { min-width: 0; display: grid; grid-template-columns: 54px minmax(0, 1fr) 32px; gap: 10px; align-items: start; border: 1px solid rgb(148 163 184 / .16); border-radius: 13px; padding: 9px; background: rgb(15 23 42 / .66); }
.intel-rss-card img { width: 54px; height: 54px; object-fit: cover; border-radius: 10px; background: rgb(15 23 42 / .92); }
.intel-rss-card-copy { min-width: 0; display: grid; gap: 5px; align-content: start; }
.intel-rss-card a { min-width: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #f8fafc; text-decoration: none; font-size: clamp(12px, 1vw, 14px); line-height: 1.28; font-weight: 900; }
.intel-rss-card a:hover { color: #7dd3fc; }
.intel-rss-card p { margin: 0; color: #cbd5e1; font-size: 11px; line-height: 1.38; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.intel-rss-card small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #94a3b8; font-size: 10px; font-weight: 850; }
.intel-rss-card-actions { display: flex; align-items: center; gap: 6px; justify-content: flex-end; }
.intel-rss-add-source { width: 30px; height: 30px; display: inline-grid; place-items: center; border: 1px solid rgb(34 197 94 / .36); border-radius: 10px; background: rgb(22 101 52 / .22); color: #bbf7d0; font: 950 16px/1 Inter, ui-sans-serif, system-ui, sans-serif; cursor: pointer; }
.intel-rss-add-video { border-color: rgb(96 165 250 / .38); background: rgb(37 99 235 / .20); color: #bfdbfe; font-size: 13px; }
.intel-rss-add-source:hover:not(:disabled) { border-color: rgb(134 239 172 / .72); background: rgb(22 101 52 / .42); color: #dcfce7; }
.intel-rss-add-video:hover:not(:disabled) { border-color: rgb(125 211 252 / .72); background: rgb(37 99 235 / .36); color: #eff6ff; }
.intel-rss-add-source:disabled { cursor: wait; opacity: .78; }
.intel-rss-add-source.is-added { border-color: rgb(56 189 248 / .44); background: rgb(14 165 233 / .18); color: #bae6fd; cursor: default; }
.intel-rss-add-source.is-error { border-color: rgb(248 113 113 / .5); background: rgb(127 29 29 / .22); color: #fecaca; }
.intel-widget-geospatial { background: radial-gradient(circle at 18% 0, rgb(34 197 94 / .15), transparent 46%); }
.intel-geospatial-head small { color: #86efac; }
.intel-geospatial-badge { flex: 0 0 auto; align-self: flex-start; border: 1px solid rgb(34 197 94 / .28); border-radius: 999px; padding: 5px 8px; background: rgb(22 101 52 / .18); color: #bbf7d0; font-size: 10px; font-weight: 950; letter-spacing: .08em; }
.intel-geospatial-list { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 0 12px 12px; display: grid; align-content: start; gap: 8px; scrollbar-width: thin; }
.intel-geospatial-card { min-width: 0; display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 10px; border: 1px solid rgb(148 163 184 / .16); border-radius: 13px; padding: 10px; background: rgb(15 23 42 / .66); }
.intel-geospatial-route { align-self: start; display: inline-grid; place-items: center; min-height: 28px; border-radius: 999px; background: rgb(34 197 94 / .14); color: #bbf7d0; font-size: 10px; font-weight: 950; letter-spacing: .04em; }
.intel-geospatial-copy { min-width: 0; display: grid; gap: 4px; }
.intel-geospatial-copy b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #f8fafc; font-size: clamp(12px, 1vw, 14px); }
.intel-geospatial-copy small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #86efac; font-size: 10px; font-weight: 850; }
.intel-geospatial-copy p { margin: 0; color: #cbd5e1; font-size: 11px; line-height: 1.38; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.intel-geospatial-copy em { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #94a3b8; font-size: 10px; font-style: normal; font-weight: 850; }
.intel-widget-sentiment { background: radial-gradient(circle at 18% 0, rgb(16 185 129 / .16), transparent 46%); }
.intel-sentiment-head small, .intel-sentiment-total small { color: #86efac; }
.intel-sentiment-head p { margin: 5px 0 0; color: #94a3b8; font-size: 10px; font-weight: 800; }
.intel-sentiment-head p span { color: #38bdf8; text-transform: capitalize; }
.intel-sentiment-total { flex: 0 0 auto; min-width: 58px; text-align: right; }
.intel-sentiment-total b { display: block; color: #e2e8f0; font: 950 18px ui-monospace, SFMono-Regular, Menlo, monospace; }
.intel-sentiment-body { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 0 12px 12px; display: grid; align-content: start; justify-items: stretch; gap: 12px; scrollbar-width: thin; }
.intel-sentiment-pie-wrap { display: grid; justify-items: center; padding: 2px 0 0; }
.intel-sentiment-pie { width: min(138px, 58%); aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(#10b981 0 var(--positive-end, 0%), #f59e0b var(--positive-end, 0%) var(--neutral-end, 0%), #ef4444 var(--neutral-end, 0%) 100%); box-shadow: inset 0 0 0 1px rgb(148 163 184 / .12), 0 18px 42px rgb(2 6 23 / .28); position: relative; }
.intel-sentiment-pie.is-empty { background: conic-gradient(#334155 0 100%); }
.intel-sentiment-pie::after { content: ""; position: absolute; inset: 22%; border-radius: 50%; background: rgb(2 6 23 / .9); box-shadow: inset 0 1px 0 rgb(255 255 255 / .06); }
.intel-sentiment-pie span { position: relative; z-index: 1; display: grid; justify-items: center; gap: 1px; color: #e2e8f0; }
.intel-sentiment-pie b { font: 950 20px ui-monospace, SFMono-Regular, Menlo, monospace; }
.intel-sentiment-pie small { color: #94a3b8; font-size: 8px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.intel-sentiment-positive { background: #10b981; box-shadow: 0 0 14px rgb(16 185 129 / .28); }
.intel-sentiment-neutral { background: #f59e0b; }
.intel-sentiment-negative { background: #ef4444; box-shadow: 0 0 14px rgb(239 68 68 / .28); }
.intel-sentiment-indicators { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.intel-sentiment-indicators article { min-width: 0; display: grid; justify-items: center; gap: 4px; border: 1px solid rgb(30 41 59 / .9); border-radius: 13px; background: rgb(2 6 23 / .48); padding: 9px 6px; }
.intel-sentiment-dot { width: 7px; height: 7px; border-radius: 999px; }
.intel-sentiment-dot.positive { background: #10b981; }
.intel-sentiment-dot.neutral { background: #f59e0b; }
.intel-sentiment-dot.negative { background: #ef4444; }
.intel-sentiment-indicators small { color: #64748b; font-size: 9px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.intel-sentiment-indicators b { font: 950 15px ui-monospace, SFMono-Regular, Menlo, monospace; }
.intel-sentiment-indicators article:nth-child(1) b { color: #34d399; }
.intel-sentiment-indicators article:nth-child(2) b { color: #fbbf24; }
.intel-sentiment-indicators article:nth-child(3) b { color: #f87171; }
.intel-sentiment-note { margin: 0; color: #94a3b8; font-size: 11px; line-height: 1.45; font-weight: 780; }
.intel-widget-topic-timeline, .intel-widget-issue-heatmap, .intel-widget-sentiment-trend, .intel-widget-outlet-influence, .intel-widget-keyword-network, .intel-widget-social-network, .intel-widget-active-issue-polar { background: radial-gradient(circle at 18% 0, rgb(14 165 233 / .13), transparent 45%), linear-gradient(180deg, rgb(15 23 42 / .9), rgb(2 6 23 / .76)); }
.intel-widget-ai-summary { container-type: inline-size; position: relative; background: radial-gradient(circle at 18% 0, rgb(250 204 21 / .14), transparent 46%), linear-gradient(180deg, rgb(15 23 42 / .94), rgb(2 6 23 / .8)); }
.intel-ai-summary-head small { color: #fde68a; }
.intel-ai-summary-domain-nav { position: absolute; top: 50%; z-index: 8; width: 30px; height: 42px; display: inline-grid; place-items: center; border: 1px solid rgb(253 230 138 / .42); border-radius: 999px; background: rgb(2 6 23 / .72); color: #fef3c7; font: 950 18px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; cursor: pointer; transform: translateY(-50%); box-shadow: 0 14px 30px rgb(2 6 23 / .34), inset 0 1px 0 rgb(255 255 255 / .06); backdrop-filter: blur(10px); }
.intel-ai-summary-domain-nav-left { left: 7px; }
.intel-ai-summary-domain-nav-right { right: 7px; }
.intel-ai-summary-domain-nav:hover:not(:disabled) { border-color: rgb(253 230 138 / .82); background: rgb(146 64 14 / .38); color: #fff7ed; }
.intel-ai-summary-domain-nav:disabled { cursor: wait; opacity: .52; }
.intel-ai-summary-body { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: minmax(0, 1.42fr) minmax(170px, .78fr); align-items: stretch; gap: 10px; padding: 10px 12px 12px; overflow: auto; scroll-behavior: smooth; }
.intel-ai-summary-readable, .intel-ai-summary-scope-rail { min-width: 0; border: 1px solid rgb(148 163 184 / .14); border-radius: 13px; background: rgb(2 6 23 / .34); padding: 10px; }
.intel-ai-summary-readable { display: grid; align-content: start; gap: 8px; }
.intel-ai-summary-scope-rail { display: flex; flex-direction: column; gap: 8px; background: linear-gradient(180deg, rgb(15 23 42 / .7), rgb(2 6 23 / .38)); }
.intel-ai-summary-scope-card { border: 1px solid rgb(250 204 21 / .18); border-radius: 11px; background: rgb(113 63 18 / .13); padding: 8px 9px; }
.intel-ai-summary-scope-card small { display: block; margin: 0 0 4px; color: #fde68a; font-size: 8px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.intel-ai-summary-scope-card b { display: block; min-width: 0; color: #f8fafc; font-size: 11px; line-height: 1.25; overflow-wrap: anywhere; }
.intel-ai-summary-text { margin: 0; color: #e5e7eb; font-size: 12px; font-weight: 750; line-height: 1.45; }
.intel-ai-summary-text.is-secondary { color: #cbd5e1; }
.intel-ai-summary-kicker { margin: 0 0 -5px; color: #fde68a; font-size: 9px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.intel-ai-summary-loading { display: grid; gap: 12px; padding: 2px 0; }
.intel-ai-summary-loading-head { display: grid; grid-template-columns: 22px minmax(0,1fr); align-items: center; gap: 9px; }
.intel-ai-summary-loading-head p { margin: 0; color: #fef3c7; font-size: 12px; font-weight: 950; }
.intel-ai-summary-loading-head small { display: block; margin-top: 3px; color: #94a3b8; font-size: 10px; font-weight: 800; line-height: 1.35; }
.intel-ai-summary-spinner { width: 18px; height: 18px; border-radius: 999px; border: 2px solid rgb(250 204 21 / .18); border-top-color: #fde68a; box-shadow: 0 0 18px rgb(250 204 21 / .18); animation: intel-ai-summary-spin .85s linear infinite; }
.intel-ai-summary-skeleton { display: grid; gap: 7px; }
.intel-ai-summary-skeleton span { display: block; height: 10px; border-radius: 999px; background: linear-gradient(90deg, rgb(51 65 85 / .72), rgb(148 163 184 / .22), rgb(51 65 85 / .72)); background-size: 220% 100%; animation: intel-ai-summary-sheen 1.35s ease-in-out infinite; }
.intel-ai-summary-skeleton span:nth-child(2) { width: 88%; }
.intel-ai-summary-skeleton .is-wide { width: 96%; }
.intel-ai-summary-skeleton .is-short { width: 62%; }
.intel-ai-summary-skeleton.is-secondary { opacity: .72; }
@keyframes intel-ai-summary-spin { to { transform: rotate(360deg); } }
@keyframes intel-ai-summary-sheen { 0% { background-position: 120% 0; } 100% { background-position: -120% 0; } }
@media (prefers-reduced-motion: reduce) {
  .intel-ai-summary-spinner, .intel-ai-summary-skeleton span { animation: none; }
}

.intel-ai-summary-list, .intel-ai-summary-hotspots { display: flex; flex-wrap: wrap; gap: 5px; min-height: 0; overflow: hidden; }
.intel-ai-summary-list span, .intel-ai-summary-hotspots span { max-width: 100%; border: 1px solid rgb(148 163 184 / .16); border-radius: 999px; background: rgb(15 23 42 / .64); color: #cbd5e1; padding: 4px 7px; font-size: 10px; font-weight: 850; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.intel-ai-summary-list b, .intel-ai-summary-hotspots b { color: #fde68a; }
.intel-ai-summary-meta { margin-top: auto; color: #64748b; font-size: 9px; font-weight: 850; }
@media (max-width: 720px) {
  .intel-ai-summary-body { grid-template-columns: 1fr; }
  .intel-ai-summary-domain-nav { width: 28px; height: 38px; }
}
@container (max-width: 520px) {
  .intel-ai-summary-body,
  .intel-ai-summary-v2-grid,
  .intel-ai-summary-evidence {
    grid-template-columns: minmax(0, 1fr);
  }

  .intel-ai-summary-body {
    padding-inline: 28px;
  }

  .intel-ai-summary-domain-nav {
    top: 58%;
    width: 26px;
    height: 34px;
    font-size: 14px;
  }

  .intel-ai-summary-domain-nav-left {
    left: 10px;
  }

  .intel-ai-summary-domain-nav-right {
    right: 10px;
  }
}
.intel-analytics-head small { color: #93c5fd; }
.intel-analytics-head p { margin: 5px 0 0; color: #94a3b8; font-size: 10px; font-weight: 850; }
.intel-widget-domain-carousel { position: relative; background: radial-gradient(circle at 18% 0, rgb(14 165 233 / .13), transparent 48%), linear-gradient(180deg, rgb(15 23 42 / .92), rgb(2 6 23 / .78)); }
.intel-domain-carousel-head small { color: #bae6fd; }
.intel-domain-carousel-actions { position: absolute; inset: 0; z-index: 5; pointer-events: none; }
.intel-domain-carousel-actions .intel-widget-action { position: absolute; top: 50%; width: 30px; height: 42px; display: inline-grid; place-items: center; padding: 0; border-color: rgb(125 211 252 / .42); border-radius: 999px; background: rgb(2 6 23 / .76); color: #e0f2fe; font-size: 18px; transform: translateY(-50%); pointer-events: auto; box-shadow: 0 14px 30px rgb(2 6 23 / .34); backdrop-filter: blur(10px); }
.intel-domain-carousel-actions .intel-widget-action:first-child { left: 8px; }
.intel-domain-carousel-actions .intel-widget-action:last-child { right: 8px; }
.intel-domain-carousel-track { flex: 1 1 auto; min-height: 0; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(230px, 42%); gap: 10px; padding: 0 42px 14px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-padding-inline: 42px; scrollbar-width: thin; mask-image: linear-gradient(90deg, transparent 0, #000 34px, #000 calc(100% - 34px), transparent 100%); }
.intel-domain-carousel-card { min-width: 0; height: 100%; max-height: 100%; scroll-snap-align: start; display: flex; flex-direction: column; gap: 8px; border: 1px solid rgb(125 211 252 / .18); border-radius: 14px; background: linear-gradient(180deg, rgb(15 23 42 / .78), rgb(2 6 23 / .58)); padding: 11px; overflow: auto; box-shadow: inset 0 1px 0 rgb(255 255 255 / .04); }
.intel-domain-carousel-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.intel-domain-carousel-card-top small { min-width: 0; color: #7dd3fc; font-size: 9px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.intel-domain-carousel-card-top span { flex: 0 0 auto; border: 1px solid rgb(148 163 184 / .18); border-radius: 999px; padding: 4px 6px; color: #cbd5e1; font-size: 8px; font-weight: 950; text-transform: uppercase; }
.intel-domain-carousel-card-top .is-ready { border-color: rgb(34 197 94 / .26); color: #bbf7d0; background: rgb(22 101 52 / .15); }
.intel-domain-carousel-card-top .is-stale { border-color: rgb(250 204 21 / .26); color: #fde68a; background: rgb(113 63 18 / .16); }
.intel-domain-carousel-card-top .is-missing { border-color: rgb(248 113 113 / .28); color: #fecaca; background: rgb(127 29 29 / .16); }
.intel-domain-carousel-card h4 { margin: 0; color: #f8fafc; font-size: 14px; line-height: 1.24; font-weight: 950; overflow-wrap: anywhere; }
.intel-domain-carousel-section { display: grid; gap: 4px; }
.intel-domain-carousel-section small, .intel-domain-carousel-issues small { color: #7dd3fc; font-size: 8px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.intel-domain-carousel-card p { margin: 0; color: #cbd5e1; font-size: 11px; line-height: 1.5; font-weight: 760; white-space: normal; overflow: visible; }
.intel-domain-carousel-issues { display: grid; gap: 6px; margin-top: auto; }
.intel-domain-carousel-issues div { display: flex; flex-wrap: wrap; gap: 5px; }
.intel-domain-carousel-issues span { max-width: 100%; border: 1px solid rgb(125 211 252 / .18); border-radius: 999px; background: rgb(14 165 233 / .12); color: #bae6fd; padding: 4px 7px; font-size: 9px; font-weight: 900; line-height: 1.2; overflow-wrap: anywhere; }
.intel-domain-carousel-card footer { margin-top: 0; color: #64748b; font-size: 9px; font-weight: 850; }
.intel-widget-realtime-orb { --realtime-orb-shell-size: min(72%, 330px); --realtime-orb-pulse-scale: 1; --orb-holographic-size: 1.18; --orb-holographic-speed: 1; --orb-holographic-opacity: 1; --orb-particle-size: 1; --orb-particle-speed: 1; --orb-particle-density: 1; --orb-particle-opacity: 1; --orb-aura-size: 1.18; --orb-aura-intensity: 1; --orb-aura-blur: 1; --orb-scanline-size: 1.18; --orb-scanline-speed: 1; --orb-scanline-opacity: 1; --orb-hover-scale: 1.08; --orb-interaction-response: 1; container-type: inline-size; position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(circle at 52% 42%, rgb(56 189 248 / .16), transparent 44%), radial-gradient(circle at 18% 12%, rgb(245 158 11 / .12), transparent 34%), rgb(2 6 23 / .72); }
.intel-widget-realtime-orb::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(135deg, rgb(125 211 252 / .09), transparent 34%, rgb(251 191 36 / .06)); }
.realtime-orb-head { position: relative; z-index: 5; align-items: flex-start; justify-content: flex-end; gap: 8px; padding-bottom: 0; }
.realtime-orb-head > div { text-align: right; }
.realtime-orb-head small { display: inline-flex; align-items: center; min-height: 24px; border: 1px solid rgb(125 211 252 / .18); border-radius: 999px; padding: 4px 8px; color: #7dd3fc; background: rgb(2 6 23 / .36); backdrop-filter: blur(8px); }
.realtime-orb-settings-toggle { width: 28px; height: 28px; display: inline-grid; place-items: center; border: 1px solid rgb(125 211 252 / .22); border-radius: 999px; color: #bae6fd; background: rgb(2 6 23 / .46); cursor: pointer; backdrop-filter: blur(8px); transition: border-color .16s ease, background .16s ease, transform .16s ease; }
.realtime-orb-settings-toggle:hover, .realtime-orb-settings-toggle[aria-expanded="true"] { border-color: rgb(34 211 238 / .56); background: rgb(14 165 233 / .16); transform: translateY(-1px); }
.realtime-orb-settings-toggle svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.realtime-orb-settings { position: absolute; top: 42px; right: 10px; z-index: 6; width: min(250px, calc(100% - 20px)); max-height: min(74vh, calc(100% - 58px)); overflow: auto; border: 1px solid rgb(125 211 252 / .2); border-radius: 12px; padding: 10px; background: rgb(2 6 23 / .88); box-shadow: 0 18px 46px rgb(2 6 23 / .42), inset 0 1px 0 rgb(255 255 255 / .04); backdrop-filter: blur(14px); }
.realtime-orb-settings-grid { display: grid; gap: 7px; }
.realtime-orb-settings label { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #cbd5e1; font-size: 10px; font-weight: 850; line-height: 1.25; }
.realtime-orb-settings label span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.realtime-orb-settings input[type="checkbox"] { width: 16px; height: 16px; accent-color: #22d3ee; flex: 0 0 auto; }
.realtime-orb-settings input[type="color"] { width: 34px; height: 22px; flex: 0 0 auto; padding: 0; border: 1px solid rgb(125 211 252 / .24); border-radius: 7px; background: transparent; }
.realtime-orb-settings select { min-width: 112px; max-width: 142px; border: 1px solid rgb(125 211 252 / .22); border-radius: 8px; padding: 5px 7px; color: #e0f2fe; background: rgb(15 23 42 / .82); font: inherit; font-size: 10px; font-weight: 900; }
.realtime-orb-skin-row { border-bottom: 1px solid rgb(148 163 184 / .12); padding-bottom: 8px; margin-bottom: 2px; }
.realtime-orb-settings input[type="range"] { width: 88px; accent-color: #22d3ee; flex: 0 0 auto; }
.realtime-orb-settings label b { color: #67e8f9; font: inherit; font-size: 9px; font-weight: 950; }
.realtime-orb-slider-group { display: grid; gap: 6px; border-top: 1px solid rgb(148 163 184 / .12); padding-top: 8px; margin-top: 3px; }
.realtime-orb-slider-group strong { color: #e0f2fe; font-size: 10px; font-weight: 950; letter-spacing: .04em; }
.realtime-orb-settings-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 9px; }
.realtime-orb-settings-reset, .realtime-orb-settings-save { min-width: 0; border: 1px solid rgb(148 163 184 / .18); border-radius: 9px; padding: 7px 9px; color: #bae6fd; background: rgb(15 23 42 / .72); font-size: 10px; font-weight: 900; cursor: pointer; }
.realtime-orb-settings-save { color: #ecfeff; border-color: rgb(34 211 238 / .28); background: rgb(8 145 178 / .18); }
.realtime-orb-settings-reset:hover, .realtime-orb-settings-save:hover { border-color: rgb(125 211 252 / .34); color: #f8fafc; }
.realtime-orb-settings-status { display: block; min-height: 14px; margin-top: 6px; color: #93c5fd; font-size: 9px; font-weight: 850; }
.realtime-orb-stage { position: relative; z-index: 1; flex: 1 1 auto; min-height: 230px; margin: 0 12px 12px; border: 1px solid rgb(125 211 252 / .14); border-radius: 14px; overflow: hidden; background: radial-gradient(circle at 50% 50%, rgb(14 165 233 / .16), transparent 56%), rgb(2 6 23 / .32); }
.realtime-orb-cutting-mat-grid {
  position: absolute;
  inset: -38%;
  z-index: 0;
  color: var(--realtime-orb-active-color, #22d3ee);
  opacity: .28;
  pointer-events: none;
  background-image:
    linear-gradient(color-mix(in srgb, currentColor 16%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, currentColor 16%, transparent) 1px, transparent 1px),
    linear-gradient(color-mix(in srgb, currentColor 30%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, currentColor 30%, transparent) 1px, transparent 1px);
  background-size: 24px 24px, 24px 24px, 120px 120px, 120px 120px;
  background-position: center;
  box-shadow: inset 0 0 82px rgb(2 6 23 / .62);
  -webkit-mask: radial-gradient(ellipse at 50% 50%, #000 0 58%, rgb(0 0 0 / .62) 75%, transparent 94%);
  mask: radial-gradient(ellipse at 50% 50%, #000 0 58%, rgb(0 0 0 / .62) 75%, transparent 94%);
}
.realtime-orb-attachment { position: absolute; left: 50%; top: 50%; z-index: 2; width: var(--realtime-orb-shell-size); max-width: calc(100% - 46px); max-height: calc(100% - 34px); aspect-ratio: 1; border-radius: 999px; transform: translate(-50%, -50%); pointer-events: none; isolation: isolate; }
.realtime-orb-stage canvas { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; display: block; border-radius: 999px; }
.intel-widget-realtime-orb:not([data-center-skin="liquid-orb"]) .realtime-orb-stage canvas { opacity: 0; }
.realtime-orb-center-skin, .realtime-orb-center-skin span { position: absolute; inset: 0; border-radius: 999px; pointer-events: none; }
.realtime-orb-center-skin { z-index: 2; display: none; color: var(--realtime-orb-active-color, #22d3ee); transform: scale(var(--realtime-orb-pulse-scale)); transition: transform calc(.14s / var(--orb-interaction-response)) ease-out, filter .2s ease; }
.intel-widget-realtime-orb:not([data-center-skin="liquid-orb"]) .realtime-orb-center-skin { display: block; }
.realtime-orb-skin-ring { border: 1px solid color-mix(in srgb, currentColor 64%, transparent); box-shadow: 0 0 22px color-mix(in srgb, currentColor 30%, transparent), inset 0 0 18px color-mix(in srgb, currentColor 14%, transparent); }
.realtime-orb-skin-core { margin: auto; width: 21%; height: 21%; background: radial-gradient(circle at 34% 28%, #f8fafc 0 8%, color-mix(in srgb, currentColor 76%, #ffffff) 28%, color-mix(in srgb, currentColor 44%, #020617) 68%, #020617 100%); box-shadow: 0 0 28px color-mix(in srgb, currentColor 58%, transparent), inset -4px -6px 12px rgb(2 6 23 / .54); }
.intel-widget-realtime-orb[data-center-skin="quantum-ring"] .realtime-orb-center-skin { filter: drop-shadow(0 0 24px color-mix(in srgb, currentColor 28%, transparent)); }
.intel-widget-realtime-orb[data-center-skin="quantum-ring"] .realtime-orb-skin-ring-a { inset: 24%; border-style: dashed; animation: agent-orb-spin calc(4.2s / var(--orb-holographic-speed)) linear infinite; }
.intel-widget-realtime-orb[data-center-skin="quantum-ring"] .realtime-orb-skin-ring-b { inset: 31%; transform: rotateX(64deg) rotateZ(18deg); animation: agent-orb-spin-reverse calc(3.4s / var(--orb-holographic-speed)) linear infinite; }
.intel-widget-realtime-orb[data-center-skin="quantum-ring"] .realtime-orb-skin-ring-c { inset: 38%; border-top-color: transparent; border-bottom-color: transparent; animation: agent-orb-spin calc(2.7s / var(--orb-scanline-speed)) linear infinite; }
.intel-widget-realtime-orb[data-center-skin="plasma-lens"] .realtime-orb-center-skin { inset: 12%; border-radius: 46% / 28%; background: radial-gradient(ellipse at 50% 44%, color-mix(in srgb, #ffffff 54%, currentColor) 0 7%, color-mix(in srgb, currentColor 50%, transparent) 24%, transparent 62%), linear-gradient(90deg, transparent 0 18%, color-mix(in srgb, currentColor 36%, transparent) 48%, transparent 82%); box-shadow: 0 0 42px color-mix(in srgb, currentColor 38%, transparent), inset 0 0 28px rgb(255 255 255 / .14); animation: realtime-orb-lens-shimmer calc(3.2s / var(--orb-scanline-speed)) ease-in-out infinite; }
.intel-widget-realtime-orb[data-center-skin="plasma-lens"] .realtime-orb-skin-ring-a { inset: 16% -8%; border-radius: 50% / 28%; opacity: .72; animation: agent-orb-spin calc(5s / var(--orb-holographic-speed)) linear infinite; }
.intel-widget-realtime-orb[data-center-skin="plasma-lens"] .realtime-orb-skin-ring-b, .intel-widget-realtime-orb[data-center-skin="plasma-lens"] .realtime-orb-skin-ring-c, .intel-widget-realtime-orb[data-center-skin="plasma-lens"] .realtime-orb-skin-core { display: none; }
.intel-widget-realtime-orb[data-center-skin="tesseract"] .realtime-orb-center-skin {
  left: 50%;
  top: 50%;
  width: min(68%, 128px);
  height: auto;
  aspect-ratio: 1;
  inset: auto;
  border: 1px solid color-mix(in srgb, currentColor 72%, transparent);
  border-radius: 0;
  background:
    linear-gradient(90deg, transparent 47%, color-mix(in srgb, currentColor 36%, transparent) 48% 52%, transparent 53%),
    linear-gradient(0deg, transparent 47%, color-mix(in srgb, currentColor 30%, transparent) 48% 52%, transparent 53%),
    radial-gradient(circle at 50% 50%, color-mix(in srgb, currentColor 22%, transparent), transparent 56%),
    color-mix(in srgb, #020617 72%, transparent);
  box-shadow: 0 0 18px color-mix(in srgb, currentColor 32%, transparent), inset 0 0 18px rgb(255 255 255 / .06);
  clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
  transform: translate(-50%, -50%);
  filter: none;
}
.intel-widget-realtime-orb[data-center-skin="tesseract"] .realtime-orb-center-skin::before,
.intel-widget-realtime-orb[data-center-skin="tesseract"] .realtime-orb-center-skin::after {
  content: "";
  position: absolute;
  inset: 17%;
  border: 1px solid color-mix(in srgb, currentColor 50%, transparent);
  clip-path: inherit;
  opacity: .72;
}
.intel-widget-realtime-orb[data-center-skin="tesseract"] .realtime-orb-center-skin::after { inset: 34%; opacity: .44; }
.intel-widget-realtime-orb[data-center-skin="tesseract"] .realtime-orb-skin-ring-a,
.intel-widget-realtime-orb[data-center-skin="tesseract"] .realtime-orb-skin-ring-b,
.intel-widget-realtime-orb[data-center-skin="tesseract"] .realtime-orb-skin-ring-c,
.intel-widget-realtime-orb[data-center-skin="tesseract"] .realtime-orb-skin-core { display: none; }
.realtime-orb-skin-node { inset: auto; width: calc(7px * var(--orb-particle-size)); height: calc(7px * var(--orb-particle-size)); background: color-mix(in srgb, currentColor 74%, #ffffff); box-shadow: 0 0 14px currentColor; opacity: 0; }
.intel-widget-realtime-orb[data-center-skin="tesseract"] .realtime-orb-skin-node { display: none; }
.realtime-orb-skin-node:nth-of-type(5) { left: 27%; top: 31%; }
.realtime-orb-skin-node:nth-of-type(6) { right: 29%; top: 26%; animation-delay: -.7s; }
.realtime-orb-skin-node:nth-of-type(7) { left: 36%; bottom: 24%; animation-delay: -1.4s; }
.realtime-orb-skin-node:nth-of-type(8) { right: 24%; bottom: 33%; animation-delay: -2.1s; }
.intel-widget-realtime-orb[data-center-skin="eclipse-halo"] .realtime-orb-center-skin { inset: 8%; background: radial-gradient(circle, #020617 0 27%, transparent 28% 32%, color-mix(in srgb, currentColor 44%, transparent) 34% 46%, transparent 62%); box-shadow: 0 0 54px color-mix(in srgb, currentColor 40%, transparent), inset 0 0 32px rgb(255 255 255 / .08); animation: realtime-orb-eclipse-pulse calc(3.8s / var(--orb-holographic-speed)) ease-in-out infinite; }
.intel-widget-realtime-orb[data-center-skin="eclipse-halo"] .realtime-orb-skin-ring-a { inset: 18%; border-width: 2px; opacity: .86; animation: agent-orb-spin calc(4.4s / var(--orb-holographic-speed)) linear infinite; }
.intel-widget-realtime-orb[data-center-skin="eclipse-halo"] .realtime-orb-skin-ring-b { inset: 28%; border-color: color-mix(in srgb, #f8fafc 44%, currentColor); opacity: .4; transform: rotateX(66deg); }
.intel-widget-realtime-orb[data-center-skin="eclipse-halo"] .realtime-orb-skin-ring-c, .intel-widget-realtime-orb[data-center-skin="eclipse-halo"] .realtime-orb-skin-core { display: none; }
.realtime-orb-aura, .realtime-orb-scanline, .realtime-orb-data-particles { position: absolute; inset: 0; pointer-events: none; }
.realtime-orb-aura { z-index: 1; inset: calc(-18% * var(--orb-aura-size)); background: radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--realtime-orb-active-color, #22d3ee) calc(30% * var(--orb-aura-intensity)), transparent), transparent 42%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--realtime-orb-active-color, #22d3ee) calc(14% * var(--orb-aura-intensity)), transparent), transparent 72%); filter: blur(calc(16px * var(--orb-aura-blur))); opacity: calc(.82 * var(--orb-aura-intensity)); animation: agent-orb-aura 3.8s ease-in-out infinite; animation-duration: calc(3.8s / var(--orb-holographic-speed)); }
.realtime-orb-scanline { z-index: 4; display: none; background: linear-gradient(180deg, transparent 0 42%, color-mix(in srgb, var(--realtime-orb-custom-color, #22d3ee) 34%, transparent) 49%, transparent 56%); mix-blend-mode: screen; opacity: .52; animation: realtimeOrbScanline 3.2s linear infinite; }
.realtime-orb-data-particles { display: none; z-index: 3; }
.realtime-orb-data-particles i { position: absolute; width: 3px; height: 3px; border-radius: 999px; color: var(--realtime-orb-custom-color, #22d3ee); background: currentColor; box-shadow: 0 0 10px currentColor; opacity: .72; animation: realtimeOrbParticle 3.8s linear infinite; }
.realtime-orb-data-particles i:nth-child(1) { left: 22%; top: 28%; animation-delay: -.2s; }
.realtime-orb-data-particles i:nth-child(2) { left: 72%; top: 30%; animation-delay: -.8s; }
.realtime-orb-data-particles i:nth-child(3) { left: 34%; top: 72%; animation-delay: -1.4s; }
.realtime-orb-data-particles i:nth-child(4) { left: 78%; top: 66%; animation-delay: -2.1s; }
.realtime-orb-data-particles i:nth-child(5) { left: 18%; top: 58%; animation-delay: -2.8s; }
.realtime-orb-data-particles i:nth-child(6) { left: 58%; top: 16%; animation-delay: -3.3s; }
.realtime-orb-agent-visual { --orb-color-active: var(--realtime-orb-active-color, #22d3ee); position: absolute; left: 50%; top: 50%; z-index: 4; display: block; width: calc(100% * var(--orb-holographic-size)); aspect-ratio: 1; border-radius: 999px; pointer-events: none; transform: translate(-50%, -50%) scale(var(--realtime-orb-pulse-scale)); isolation: isolate; filter: drop-shadow(0 0 28px color-mix(in srgb, var(--orb-color-active) 32%, transparent)); opacity: var(--orb-holographic-opacity); transition: transform calc(.14s / var(--orb-interaction-response)) ease-out, filter .2s ease; }
.realtime-orb-agent-core, .realtime-orb-agent-aura, .realtime-orb-agent-ring, .realtime-orb-agent-scanline, .realtime-orb-agent-particles, .realtime-orb-agent-particles i { position: absolute; inset: 0; border-radius: 999px; pointer-events: none; }
.realtime-orb-agent-core { display: none; }
.realtime-orb-agent-aura { z-index: 0; inset: calc(-6% * var(--orb-aura-size)); background: radial-gradient(circle, color-mix(in srgb, var(--orb-color-active) calc(28% * var(--orb-aura-intensity)), transparent), transparent 72%); filter: blur(calc(22px * var(--orb-aura-blur))); opacity: calc(.86 * var(--orb-aura-intensity)); animation: agent-orb-aura 3.8s ease-in-out infinite; animation-duration: calc(3.8s / var(--orb-holographic-speed)); }
.realtime-orb-agent-ring { z-index: 2; border: 1px solid color-mix(in srgb, var(--orb-color-active) 62%, transparent); box-shadow: 0 0 26px color-mix(in srgb, var(--orb-color-active) 30%, transparent); }
.realtime-orb-agent-ring-outer { inset: -2%; border-style: dashed; animation: agent-orb-spin 5.6s linear infinite; animation-duration: calc(5.6s / var(--orb-holographic-speed)); }
.realtime-orb-agent-ring-inner { inset: 11%; border-top-color: transparent; border-bottom-color: transparent; transform: rotateX(58deg) rotateZ(16deg); animation: agent-orb-spin-reverse 3.8s linear infinite; animation-duration: calc(3.8s / var(--orb-holographic-speed)); }
.realtime-orb-agent-scanline { z-index: 3; inset: calc(3% / var(--orb-scanline-size)); background: conic-gradient(from 0deg, transparent 0 76%, color-mix(in srgb, var(--orb-color-active) 88%, #ffffff) 82%, transparent 88% 100%); opacity: calc(.7 * var(--orb-scanline-opacity)); animation: agent-orb-spin 2.7s linear infinite; animation-duration: calc(2.7s / var(--orb-scanline-speed)); -webkit-mask: radial-gradient(circle, transparent 0 37%, #000 38% 48%, transparent 49%); mask: radial-gradient(circle, transparent 0 37%, #000 38% 48%, transparent 49%); }
.realtime-orb-agent-particles { z-index: 5; animation: agent-orb-spin 4.8s linear infinite; animation-duration: calc(4.8s / var(--orb-particle-speed)); opacity: var(--orb-particle-opacity); }
.realtime-orb-agent-particles i { inset: auto; width: calc(5px * var(--orb-particle-size)); height: calc(5px * var(--orb-particle-size)); background: color-mix(in srgb, var(--orb-color-active) 76%, #ffffff); box-shadow: 0 0 calc(16px * var(--orb-particle-size)) color-mix(in srgb, var(--orb-color-active) 88%, transparent); }
.realtime-orb-agent-particles i:nth-child(1) { left: 1%; top: 22%; }
.realtime-orb-agent-particles i:nth-child(2) { right: 2%; top: 33%; animation-delay: -.8s; }
.realtime-orb-agent-particles i:nth-child(3) { left: 32%; bottom: 1%; animation-delay: -1.6s; }
.realtime-orb-agent-particles i:nth-child(4) { right: 26%; bottom: 8%; animation-delay: -2.4s; }
.intel-widget-realtime-orb[data-particle-density="low"] .realtime-orb-agent-particles i:nth-child(n+3) { display: none; }
.intel-widget-realtime-orb[data-particle-density="medium"] .realtime-orb-agent-particles i:nth-child(n+4) { display: none; }
.realtime-orb-meta { position: absolute; left: 12px; right: 12px; bottom: 10px; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 10px; pointer-events: none; }
.realtime-orb-meta span, .realtime-orb-meta b { border: 1px solid rgb(125 211 252 / .18); border-radius: 999px; padding: 5px 8px; color: #bae6fd; background: rgb(2 6 23 / .5); font-size: 9px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; backdrop-filter: blur(8px); }
.realtime-orb-meta b { color: #fef3c7; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: none; }
.realtime-orb-css-fallback { position: absolute; inset: 0; z-index: 2; display: none; place-items: center; pointer-events: none; }
.realtime-orb-css-fallback span { width: min(44%, 190px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 34% 28%, #e0f2fe, var(--realtime-orb-custom-color, #38bdf8) 24%, #8b5cf6 54%, #0f172a 76%); box-shadow: 0 0 34px color-mix(in srgb, var(--realtime-orb-custom-color, #38bdf8) 42%, transparent), 0 0 92px rgb(245 158 11 / .18); animation: realtimeOrbFallbackPulse 2.8s ease-in-out infinite; }
.intel-widget-realtime-orb.is-webgl-fallback .realtime-orb-stage canvas { display: none; }
.intel-widget-realtime-orb.is-webgl-fallback .realtime-orb-css-fallback { display: grid; }
.intel-widget-realtime-orb[data-realtime-orb-state="speaking"] .realtime-orb-stage { box-shadow: inset 0 0 34px rgb(56 189 248 / .16), 0 0 24px rgb(245 158 11 / .1); }
.intel-widget-realtime-orb[data-realtime-orb-state="idle"] { --realtime-orb-active-color: #38bdf8; }
.intel-widget-realtime-orb[data-realtime-orb-state="listening"] { --realtime-orb-active-color: #22c55e; }
.intel-widget-realtime-orb[data-realtime-orb-state="speaking"] { --realtime-orb-active-color: #f59e0b; }
.intel-widget-realtime-orb[data-realtime-orb-state="offline"] { --realtime-orb-active-color: #64748b; }
.intel-widget-realtime-orb[data-custom-color="on"] { --realtime-orb-active-color: var(--realtime-orb-custom-color, #22d3ee); }
.intel-widget-realtime-orb[data-live-render="off"] .realtime-orb-stage canvas { display: none; }
.intel-widget-realtime-orb[data-motion-preset="balanced"] .realtime-orb-data-particles,
.intel-widget-realtime-orb[data-motion-preset="balanced"] .realtime-orb-agent-particles,
.intel-widget-realtime-orb[data-motion-preset="balanced"] .realtime-orb-scanline,
.intel-widget-realtime-orb[data-motion-preset="balanced"] .realtime-orb-agent-scanline { display: none; }
.intel-widget-realtime-orb[data-motion-preset="balanced"] .realtime-orb-agent-ring-outer,
.intel-widget-realtime-orb[data-motion-preset="balanced"] .realtime-orb-agent-ring-inner,
.intel-widget-realtime-orb[data-motion-preset="balanced"] .realtime-orb-aura,
.intel-widget-realtime-orb[data-motion-preset="balanced"] .realtime-orb-agent-aura { animation-duration: 12s; }
.intel-widget-realtime-orb[data-motion-preset="static"] .realtime-orb-stage *,
.intel-widget-realtime-orb[data-motion-preset="static"] .realtime-orb-stage *::before,
.intel-widget-realtime-orb[data-motion-preset="static"] .realtime-orb-stage *::after { animation: none; transition: none; }
.intel-widget-realtime-orb[data-motion-preset="static"] .realtime-orb-data-particles,
.intel-widget-realtime-orb[data-motion-preset="static"] .realtime-orb-agent-particles,
.intel-widget-realtime-orb[data-motion-preset="static"] .realtime-orb-scanline,
.intel-widget-realtime-orb[data-motion-preset="static"] .realtime-orb-agent-scanline { display: none; }
.intel-widget-realtime-orb[data-realtime-orb-state="speaking"] .realtime-orb-agent-visual { animation-duration: 1.1s; filter: drop-shadow(0 0 32px color-mix(in srgb, var(--realtime-orb-active-color) 38%, transparent)); }
.intel-widget-realtime-orb[data-realtime-orb-state="speaking"] .realtime-orb-agent-ring-outer { animation-duration: 2.2s; }
.intel-widget-realtime-orb[data-realtime-orb-state="listening"] .realtime-orb-agent-ring-inner { animation-duration: 2.9s; }
.intel-widget-realtime-orb[data-holographic="off"] .realtime-orb-stage { background: radial-gradient(circle at 50% 50%, rgb(14 165 233 / .1), transparent 56%), rgb(2 6 23 / .32); }
.intel-widget-realtime-orb[data-holographic="off"] .realtime-orb-agent-ring { display: none; }
.intel-widget-realtime-orb[data-particles="off"] .realtime-orb-data-particles, .intel-widget-realtime-orb[data-particles="off"] .realtime-orb-agent-particles { display: none; }
.intel-widget-realtime-orb[data-aura="off"] .realtime-orb-aura, .intel-widget-realtime-orb[data-aura="off"] .realtime-orb-agent-aura { display: none; }
.intel-widget-realtime-orb[data-scanline="off"] .realtime-orb-scanline, .intel-widget-realtime-orb[data-scanline="off"] .realtime-orb-agent-scanline { display: none; }
.intel-widget-realtime-orb[data-interactions="on"] .realtime-orb-stage { transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.intel-widget-realtime-orb[data-interactions="on"]:hover .realtime-orb-stage { transform: translateY(-2px); border-color: color-mix(in srgb, var(--realtime-orb-custom-color, #22d3ee) 46%, transparent); box-shadow: inset 0 0 34px color-mix(in srgb, var(--realtime-orb-custom-color, #22d3ee) 16%, transparent), 0 16px 44px rgb(2 6 23 / .24); }
.intel-widget-realtime-orb[data-interactions="on"]:hover .realtime-orb-agent-visual { transform: translate(-50%, -50%) scale(calc(var(--realtime-orb-pulse-scale) * var(--orb-hover-scale))); }
.intel-widget-realtime-orb[data-interactions="on"]:hover .realtime-orb-agent-ring-outer { animation-duration: 2.8s; }
.intel-widget-realtime-orb[data-custom-color="on"] .realtime-orb-meta b { color: var(--realtime-orb-custom-color, #22d3ee); }
.intel-widget-realtime-orb[data-realtime-orb-state="offline"] { filter: saturate(.45); }
.intel-widget-realtime-orb.is-audio-reactive .realtime-orb-meta span { color: #dcfce7; border-color: rgb(34 197 94 / .34); background: rgb(22 101 52 / .16); }
.intel-widget-realtime-orb.is-disabled { filter: saturate(.28) brightness(.72); }
.intel-widget-realtime-orb.is-disabled .realtime-orb-stage { opacity: .64; }
.intel-widget-realtime-orb.is-compact .realtime-orb-head { padding-bottom: 8px; }
.intel-widget-realtime-orb.is-compact .realtime-orb-stage { min-height: 176px; }
@keyframes realtimeOrbFallbackPulse {
  0%, 100% { transform: scale(.94); filter: hue-rotate(0deg); }
  45% { transform: scale(1.06); filter: hue-rotate(18deg); }
  70% { transform: scale(.99); }
}
@keyframes realtime-orb-lens-shimmer {
  0%, 100% { transform: scaleX(1) scaleY(.84); opacity: .78; filter: brightness(1); }
  50% { transform: scaleX(1.12) scaleY(.9); opacity: 1; filter: brightness(1.28); }
}
@keyframes realtime-orb-eclipse-pulse {
  0%, 100% { transform: scale(.96); filter: brightness(.94); }
  50% { transform: scale(1.05); filter: brightness(1.24); }
}
@keyframes realtimeOrbAura {
  0%, 100% { opacity: .54; transform: scale(.96); }
  50% { opacity: .9; transform: scale(1.04); }
}
@keyframes realtimeOrbScanline {
  from { transform: translateY(-80%); }
  to { transform: translateY(80%); }
}
@keyframes realtimeOrbParticle {
  0% { transform: translate3d(0, 18px, 0) scale(.7); opacity: 0; }
  24% { opacity: .8; }
  64% { opacity: .55; }
  100% { transform: translate3d(16px, -26px, 0) scale(1.4); opacity: 0; }
}
@keyframes realtime-orb-agent-breathe {
  0%, 100% { transform: translate(-50%, -50%) scale(1); }
  50% { transform: translate(-50%, -50%) scale(1.055); }
}
@container (max-width: 620px) {
  .realtime-orb-head { gap: 8px; }
  .realtime-orb-stage { --realtime-orb-shell-size: min(76%, 280px); min-height: 190px; margin: 0 8px 8px; border-radius: 10px; }
}
.intel-analytics-bars { flex: 1 1 auto; min-height: 0; display: flex; align-items: end; gap: 5px; padding: 4px 12px 12px; overflow: hidden; }
.intel-timeline-bar { flex: 1 1 0; min-width: 0; height: 100%; display: grid; grid-template-rows: 1fr auto; align-items: end; gap: 6px; }
.intel-timeline-bar i { width: 100%; min-height: 6px; border-radius: 999px 999px 4px 4px; background: linear-gradient(180deg, #38bdf8, #2563eb); box-shadow: inset 0 calc(var(--risk, 0%) * -1) 0 rgb(239 68 68 / .8), 0 10px 24px rgb(37 99 235 / .18); }
.intel-timeline-bar small { color: #64748b; font-size: 8px; font-weight: 900; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: clip; }
.intel-heatmap-list, .intel-outlet-list { flex: 1 1 auto; min-height: 0; overflow: auto; display: grid; align-content: start; gap: 7px; padding: 0 12px 12px; scrollbar-width: thin; }
.intel-heatmap-row, .intel-outlet-row { position: relative; min-height: 31px; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px; border: 1px solid rgb(30 41 59 / .72); border-radius: 10px; padding: 8px 9px; overflow: hidden; background: rgb(2 6 23 / .48); }
.intel-heatmap-row::before { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--heat); background: linear-gradient(90deg, rgb(239 68 68 / .32), rgb(245 158 11 / .08)); pointer-events: none; }
.intel-heatmap-row span, .intel-heatmap-row b, .intel-heatmap-row small, .intel-outlet-row span, .intel-outlet-row b { position: relative; z-index: 1; }
.intel-heatmap-row span, .intel-outlet-row span { min-width: 0; color: #e2e8f0; font-size: 11px; font-weight: 900; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.intel-heatmap-row b, .intel-outlet-row b { color: #fde68a; font: 950 13px ui-monospace, SFMono-Regular, Menlo, monospace; }
.intel-heatmap-row small { grid-column: 1 / -1; color: #64748b; font-size: 9px; font-weight: 800; }
.intel-sentiment-trend-body { flex: 1 1 auto; min-height: 0; display: grid; grid-template-rows: auto 1fr; gap: 10px; padding: 0 12px 12px; }
.intel-sentiment-trend-total { display: flex; align-items: center; gap: 8px; color: #cbd5e1; font-size: 10px; font-weight: 900; }
.intel-sentiment-trend-total span { display: inline-flex; align-items: center; gap: 5px; }
.intel-sentiment-trend-total i { width: 7px; height: 7px; border-radius: 999px; }
.intel-sentiment-trend-total .positive, .intel-sentiment-trend-bars .positive { background: #10b981; }
.intel-sentiment-trend-total .neutral, .intel-sentiment-trend-bars .neutral { background: #f59e0b; }
.intel-sentiment-trend-total .negative, .intel-sentiment-trend-bars .negative { background: #ef4444; }
.intel-sentiment-trend-bars { display: flex; align-items: end; gap: 5px; min-height: 0; }
.intel-sentiment-trend-bars article { flex: 1 1 0; min-width: 0; height: 100%; display: flex; flex-direction: column-reverse; overflow: hidden; border-radius: 8px 8px 3px 3px; background: rgb(2 6 23 / .72); border: 1px solid rgb(30 41 59 / .72); }
.intel-sentiment-trend-bars i { display: block; min-height: 2px; }
.intel-outlet-row { display: grid; grid-template-columns: minmax(0,1fr) auto; }
.intel-outlet-row i { position: absolute; left: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, #38bdf8, #facc15); border-radius: 999px; }
.intel-media-ranking-head small { color: #67e8f9; }
.intel-media-ranking-head p { margin: 5px 0 0; color: #94a3b8; font-size: 10px; font-weight: 850; }
.intel-media-ranking-badge { flex: 0 0 auto; align-self: flex-start; border: 1px solid rgb(56 189 248 / .34); border-radius: 999px; background: rgb(14 165 233 / .12); color: #bae6fd; padding: 5px 8px; font-size: 9px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.intel-media-ranking-body { flex: 1 1 auto; min-height: 0; padding: 0 10px 10px; overflow: hidden; }
.intel-media-ranking-chart { width: 100%; height: 100%; min-width: 0; min-height: 170px; }
.intel-widget-keyword-trends { container-type: inline-size; background: radial-gradient(circle at 18% 0, rgb(34 197 94 / .13), transparent 46%), linear-gradient(180deg, rgb(15 23 42 / .92), rgb(2 6 23 / .78)); }
.intel-keyword-trends-head { align-items: flex-start; gap: 10px; flex-wrap: wrap; }
.intel-keyword-trends-head > div:first-child { flex: 1 1 180px; min-width: 0; }
.intel-keyword-trends-head small { color: #86efac; }
.intel-keyword-trends-head p { margin: 5px 0 0; color: #94a3b8; font-size: 10px; font-weight: 850; }
.intel-keyword-trends-actions { flex: 999 1 320px; display: flex; justify-content: flex-end; align-items: center; gap: 5px; min-width: 0; position: relative; z-index: 3; }
.intel-keyword-trends-actions button { min-height: 29px; border: 1px solid rgb(74 222 128 / .24); border-radius: 8px; background: rgb(15 23 42 / .72); color: #bbf7d0; padding: 5px 7px; font-size: 9px; font-weight: 950; letter-spacing: .04em; text-transform: uppercase; cursor: pointer; }
.intel-keyword-trends-actions button.active { border-color: rgb(74 222 128 / .62); background: rgb(34 197 94 / .18); color: #f0fdf4; }
.intel-keyword-trends-body { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 0 10px 10px; scrollbar-width: thin; }
.intel-keyword-trends-table { min-width: 0; display: grid; gap: 5px; }
.intel-keyword-trends-row { width: 100%; min-width: 0; display: grid; grid-template-columns: 24px minmax(74px, 1.15fr) 42px 58px 42px 58px minmax(72px, .9fr) minmax(58px, .72fr) 54px; align-items: center; gap: 6px; border: 1px solid rgb(30 41 59 / .78); border-radius: 9px; background: rgb(2 6 23 / .42); color: #dbeafe; padding: 6px 7px; text-align: left; }
.intel-keyword-trends-row:not(.is-head) { cursor: pointer; }
.intel-keyword-trends-row:not(.is-head):hover { border-color: rgb(74 222 128 / .45); background: rgb(15 23 42 / .72); }
.intel-keyword-trends-row:not(.is-head).active { border-color: rgb(74 222 128 / .72); background: rgb(34 197 94 / .16); box-shadow: inset 3px 0 0 #22c55e; }
.intel-keyword-trends-row.is-head { position: sticky; top: 0; z-index: 2; min-height: 26px; border-color: rgb(74 222 128 / .16); background: rgb(15 23 42 / .92); color: #86efac; font-size: 8px; font-weight: 950; letter-spacing: .07em; text-transform: uppercase; cursor: default; }
.intel-keyword-trends-row span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; font-weight: 850; }
.intel-keyword-trends-row .rank { color: #86efac; font: 950 11px ui-monospace, SFMono-Regular, Menlo, monospace; }
.intel-keyword-trends-row .keyword { color: #f8fafc; font-size: 11px; font-weight: 950; display: inline-flex; align-items: center; gap: 5px; }
.intel-keyword-trends-row .keyword em { flex: 0 0 auto; border: 1px solid rgb(250 204 21 / .32); border-radius: 999px; color: #fde68a; padding: 2px 4px; font-size: 7px; font-style: normal; font-weight: 950; text-transform: uppercase; }
.intel-keyword-trends-row .score { color: #e0f2fe; font: 950 12px ui-monospace, SFMono-Regular, Menlo, monospace; }
.intel-keyword-trends-row .growth { width: fit-content; max-width: 100%; border-radius: 999px; padding: 3px 5px; font-size: 9px; font-weight: 950; }
.intel-keyword-trends-row .growth.up { color: #bbf7d0; background: rgb(34 197 94 / .14); }
.intel-keyword-trends-row .growth.breakout { color: #fef3c7; background: rgb(245 158 11 / .18); }
.intel-keyword-trends-row .growth.flat { color: #cbd5e1; background: rgb(148 163 184 / .12); }
.intel-keyword-trends-row .risk { width: fit-content; max-width: 100%; border-radius: 999px; padding: 3px 5px; font-size: 8px; font-weight: 950; }
.intel-keyword-trends-row .risk.critical { color: #fecaca; background: rgb(239 68 68 / .2); }
.intel-keyword-trends-row .risk.warning { color: #fde68a; background: rgb(245 158 11 / .18); }
.intel-keyword-trends-row .risk.normal { color: #bae6fd; background: rgb(14 165 233 / .14); }
.intel-keyword-trends-spark { height: 22px; display: flex; align-items: end; gap: 2px; }
.intel-keyword-trends-spark i { flex: 1 1 0; min-width: 2px; border-radius: 999px 999px 2px 2px; background: linear-gradient(180deg, #86efac, #0f766e); }
@container (max-width: 640px) {
  .intel-keyword-trends-actions { justify-content: flex-start; flex-wrap: wrap; }
  .intel-keyword-trends-actions button { flex: 1 1 70px; }
  .intel-keyword-trends-row { grid-template-columns: 22px minmax(72px, 1fr) 38px 54px 40px 50px 48px; }
  .intel-keyword-trends-row span:nth-child(7),
  .intel-keyword-trends-row span:nth-child(8) { display: none; }
}
@container (max-width: 430px) {
  .intel-keyword-trends-head p { display: none; }
  .intel-keyword-trends-body { padding: 0 8px 8px; }
  .intel-keyword-trends-row { grid-template-columns: 20px minmax(68px, 1fr) 36px 52px 46px; gap: 5px; padding: 6px; }
  .intel-keyword-trends-row span:nth-child(5),
  .intel-keyword-trends-row span:nth-child(7),
  .intel-keyword-trends-row span:nth-child(8),
  .intel-keyword-trends-row span:nth-child(9) { display: none; }
}
.intel-keyword-network-body { position: relative; flex: 1 1 auto; min-height: 0; padding: 8px 12px 12px; overflow: hidden; background: radial-gradient(circle at 50% 50%, rgb(56 189 248 / .1), transparent 58%); }
.intel-keyword-network-chart { width: 100%; height: 100%; min-width: 0; min-height: 170px; }
.intel-keyword-network-chart canvas { cursor: pointer; }
.intel-widget-social-network { container-type: inline-size; }
.intel-social-network-head { align-items: flex-start; flex-wrap: wrap; gap: 10px; min-width: 0; }
.intel-social-network-head > div:first-child { flex: 1 1 220px; min-width: 0; }
.intel-social-network-actions { flex: 999 1 460px; display: grid; grid-template-columns: minmax(128px, 1.15fr) minmax(86px, .72fr) minmax(132px, 1fr) minmax(92px, .7fr) minmax(72px, .5fr) auto; align-items: center; justify-content: stretch; gap: 6px; width: 100%; min-width: 0; max-width: 100%; position: relative; z-index: 3; }
.intel-social-network-actions select, .intel-social-network-actions input { min-height: 32px; width: 100%; color: #dbeafe; background: rgb(15 23 42 / .92); border: 1px solid rgb(125 211 252 / .34); border-radius: 8px; padding: 6px 9px; font-size: 10px; font-weight: 900; outline: 2px solid transparent; outline-offset: 2px; }
.intel-social-network-actions input::placeholder { color: #64748b; }
.intel-social-network-metrics { display: none; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; padding: 0 12px 8px; }
.intel-social-network-metrics span { min-width: 0; border: 1px solid rgb(148 163 184 / .14); border-radius: 12px; background: rgb(15 23 42 / .48); padding: 8px; overflow: hidden; }
.intel-social-network-metrics small { display: block; color: #93c5fd; font-size: 9px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.intel-social-network-metrics b { display: block; color: #f8fafc; font-size: 13px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.intel-social-network-body { flex: 1 1 auto; min-height: 220px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; padding: 0 12px 12px; overflow: hidden; }
.intel-social-network-chart { width: 100%; height: 100%; min-width: 0; min-height: 220px; border: 1px solid rgb(125 211 252 / .12); border-radius: 14px; background: radial-gradient(circle at 50% 45%, rgb(56 189 248 / .12), transparent 58%), rgb(2 6 23 / .32); overflow: hidden; }
.intel-social-network-list { display: none; min-width: 0; min-height: 0; overflow: auto; gap: 8px; }
.intel-social-network-rank { display: grid; gap: 5px; }
.intel-social-network-rank h4 { margin: 0; color: #bfdbfe; font-size: 10px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.intel-social-network-rank article { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 7px; align-items: center; border: 1px solid rgb(148 163 184 / .12); border-radius: 10px; background: rgb(15 23 42 / .48); padding: 7px; }
.intel-social-network-rank span { min-width: 0; color: #e2e8f0; font-size: 11px; font-weight: 850; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.intel-social-network-rank b { color: #fbbf24; font-size: 12px; }
.intel-social-network-rank small { grid-column: 1 / -1; min-width: 0; color: #94a3b8; font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.intel-active-issue-polar-head { align-items: flex-start; gap: 10px; }
.intel-active-issue-polar-head small { color: #67e8f9; }
.intel-active-issue-polar-actions { flex: 0 0 auto; display: grid; grid-template-columns: minmax(92px, .9fr) 76px 86px auto; align-items: center; justify-content: flex-end; gap: 6px; min-width: min(100%, 430px); }
.intel-active-issue-polar-actions select { min-height: 32px; width: 100%; color: #dbeafe; background: rgb(15 23 42 / .92); border: 1px solid rgb(125 211 252 / .34); border-radius: 8px; padding: 6px 9px; font-size: 10px; font-weight: 900; outline: 2px solid transparent; outline-offset: 2px; }
.intel-active-issue-polar-body { flex: 1 1 auto; min-height: 0; padding: 0 12px 12px; }
.intel-active-issue-polar-chart { width: 100%; height: 100%; min-height: 180px; border: 1px solid rgb(125 211 252 / .12); border-radius: 14px; background: radial-gradient(circle at 50% 50%, rgb(34 211 238 / .12), transparent 58%), rgb(2 6 23 / .32); overflow: hidden; }
@media (max-width: 960px) {
  .intel-social-network-actions { grid-template-columns: minmax(130px, 1fr) 88px minmax(120px, 1fr); }
  .intel-social-network-actions button { grid-column: 1 / -1; }
  .intel-social-network-body { grid-template-columns: 1fr; }
  .intel-social-network-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .intel-active-issue-polar-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .intel-active-issue-polar-actions button { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .intel-social-network-list { grid-template-columns: 1fr; }
  .intel-active-issue-polar-actions { grid-template-columns: 1fr; }
}
@container (max-width: 620px) {
  .intel-social-network-head { gap: 7px; }
  .intel-social-network-head > div:first-child { flex-basis: 100%; }
  .intel-social-network-head h3 { font-size: 13px; line-height: 1.05; }
  .intel-social-network-head p { font-size: 10px; line-height: 1.25; }
  .intel-social-network-actions { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 5px; }
  .intel-social-network-actions input,
  .intel-social-network-actions [data-intel-social-network-mode] { grid-column: 1 / -1; }
  .intel-social-network-actions select,
  .intel-social-network-actions input,
  .intel-social-network-actions button { min-height: 30px; font-size: 9px; padding: 5px 7px; }
  .intel-social-network-body { padding: 0 8px 8px; }
  .intel-social-network-body { min-height: 190px; }
  .intel-social-network-chart { min-height: 190px; border-radius: 10px; }
}
@container (max-width: 380px) {
  .intel-social-network-actions { grid-template-columns: minmax(0, 1fr); }
  .intel-social-network-actions input,
  .intel-social-network-actions [data-intel-social-network-mode] { grid-column: auto; }
  .intel-social-network-head h3 { font-size: 12px; }
  .intel-social-network-head p { display: none; }
}
.intel-widget-registry-stats { background: radial-gradient(circle at 18% 0, rgb(56 189 248 / .15), transparent 48%); }
.intel-widget-source-groups { background: radial-gradient(circle at 18% 0, rgb(14 165 233 / .16), transparent 48%); }
.intel-widget-active-cities { background: radial-gradient(circle at 18% 0, rgb(34 197 94 / .15), transparent 48%); }
.intel-widget-rss-health { background: radial-gradient(circle at 18% 0, rgb(248 113 113 / .14), transparent 48%); }
.intel-widget-today-news { background: radial-gradient(circle at 18% 0, rgb(250 204 21 / .16), transparent 48%); }
.intel-widget-province-coverage { background: radial-gradient(circle at 18% 0, rgb(168 85 247 / .16), transparent 48%); }
.intel-stats-head small { color: #7dd3fc; }
.intel-stats-grid { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 0 12px 12px; align-content: stretch; }
.intel-stats-grid article { min-width: 0; display: grid; align-content: center; gap: 7px; border: 1px solid rgb(30 41 59 / .9); border-radius: 15px; background: rgb(2 6 23 / .52); padding: 11px 8px; text-align: center; }
.intel-stats-grid small, .intel-stat-hero small { color: #94a3b8; font-size: 9px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.intel-stats-grid b { color: #e0f2fe; font: 950 clamp(17px, 2vw, 28px) ui-monospace, SFMono-Regular, Menlo, monospace; line-height: 1; }
.intel-stat-hero { flex: 1 1 auto; min-height: 0; display: grid; place-items: center; align-content: center; gap: 8px; padding: 0 16px 20px; text-align: center; }
.intel-stat-hero b { color: #f8fafc; font: 950 clamp(38px, 6vw, 72px) ui-monospace, SFMono-Regular, Menlo, monospace; line-height: .95; text-shadow: 0 0 28px rgb(56 189 248 / .2); }
.intel-mini-list { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 0 12px 12px; display: grid; align-content: start; gap: 8px; scrollbar-width: thin; }
.intel-mini-row { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 4px 10px; border: 1px solid rgb(30 41 59 / .9); border-radius: 13px; background: rgb(2 6 23 / .52); padding: 9px 10px; }
.intel-mini-row span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #e2e8f0; font-size: 12px; font-weight: 900; }
.intel-mini-row b { color: #e0f2fe; font: 950 16px ui-monospace, SFMono-Regular, Menlo, monospace; }
.intel-mini-row small { grid-column: 1 / -1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #94a3b8; font-size: 10px; font-weight: 850; }
.intel-health-grid { flex: 0 0 auto; min-height: 84px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.intel-health-summary { flex: 1 1 auto; padding-top: 0; }
.intel-widget-rss-health [data-intel-stat="rss-health-ok"] { color: #86efac; }
.intel-widget-rss-health [data-intel-stat="rss-health-warning"] { color: #facc15; }
.intel-widget-rss-health [data-intel-stat="rss-health-error"] { color: #fca5a5; }
.intel-agent-audit-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 16px 18px 12px; border-bottom: 1px solid rgb(148 163 184 / .12); }
.intel-agent-audit-head small { display: block; color: #7dd3fc; font-size: 10px; font-weight: 950; letter-spacing: .12em; text-transform: uppercase; }
.intel-agent-audit-head h3 { margin: 2px 0 4px; color: #f8fafc; font-size: 18px; }
.intel-agent-audit-head p { margin: 0; color: #94a3b8; font-size: 12px; font-weight: 750; line-height: 1.45; }
.intel-agent-audit-list { max-height: 280px; overflow: auto; padding: 12px; display: grid; gap: 9px; scrollbar-width: thin; }
.intel-agent-audit-row { display: grid; grid-template-columns: 82px minmax(0, 1fr) auto; align-items: start; gap: 10px; border: 1px solid rgb(30 41 59 / .9); border-radius: 14px; background: rgb(2 6 23 / .52); padding: 10px 12px; }
.intel-agent-audit-row time { color: #7dd3fc; font: 950 11px ui-monospace, SFMono-Regular, Menlo, monospace; }
.intel-agent-audit-row div { min-width: 0; display: grid; gap: 3px; }
.intel-agent-audit-row b { color: #e2e8f0; font-size: 12px; }
.intel-agent-audit-row span { color: #fef3c7; font-size: 11px; font-weight: 900; }
.intel-agent-audit-row p { margin: 0; color: #94a3b8; font-size: 11px; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.intel-agent-audit-row em { align-self: center; border: 1px solid rgb(125 211 252 / .22); border-radius: 999px; padding: 4px 7px; color: #bae6fd; background: rgb(14 165 233 / .1); font-size: 10px; font-style: normal; font-weight: 950; text-transform: uppercase; }
.intel-widget-agent-audit { container-type: inline-size; background: radial-gradient(circle at 18% 0, rgb(125 211 252 / .14), transparent 46%), linear-gradient(180deg, rgb(15 23 42 / .92), rgb(2 6 23 / .78)); }
.intel-widget-agent-audit .intel-agent-audit-head { padding: 12px; border-bottom: 0; }
.intel-widget-agent-audit .intel-agent-audit-head h3 { font-size: 15px; line-height: 1.1; }
.intel-widget-agent-audit .intel-agent-audit-head p { max-width: 34ch; font-size: 10px; }
.intel-widget-agent-audit .intel-agent-audit-list { flex: 1 1 auto; min-height: 0; max-height: none; padding: 0 10px 10px; }
.intel-widget-agent-audit .intel-agent-audit-row { grid-template-columns: 62px minmax(0, 1fr) auto; gap: 8px; border-radius: 11px; padding: 8px; }
.intel-widget-agent-audit .intel-agent-audit-row time { font-size: 10px; }
.intel-widget-agent-audit .intel-agent-audit-row b { font-size: 11px; }
.intel-widget-agent-audit .intel-agent-audit-row span,
.intel-widget-agent-audit .intel-agent-audit-row p { font-size: 10px; }
.intel-widget-agent-audit .intel-agent-audit-row em { padding: 3px 6px; font-size: 8px; }
@container (max-width: 420px) {
  .intel-widget-agent-audit .intel-agent-audit-head { gap: 7px; }
  .intel-widget-agent-audit .intel-agent-audit-head p { display: none; }
  .intel-widget-agent-audit .intel-agent-audit-row { grid-template-columns: 52px minmax(0, 1fr); }
  .intel-widget-agent-audit .intel-agent-audit-row em { display: none; }
}
@container (max-width: 320px) {
  .intel-widget-agent-audit .intel-agent-audit-head { align-items: stretch; flex-direction: column; }
  .intel-widget-agent-audit .intel-agent-audit-row { grid-template-columns: 1fr; }
}
.intel-widget-today-news .intel-stat-hero b { color: #facc15; text-shadow: 0 0 28px rgb(250 204 21 / .22); }
.intel-widget-province-coverage .intel-stat-hero b { color: #c4b5fd; text-shadow: 0 0 28px rgb(168 85 247 / .22); }
@container (max-width: 260px) { .intel-rss-card, .intel-geospatial-card { grid-template-columns: 1fr; } .intel-rss-card img, .intel-geospatial-route { display: none; } .intel-sentiment-indicators, .intel-stats-grid { grid-template-columns: 1fr; } }
.intel-basic-grid .grid-stack-placeholder > .placeholder-content { inset: 8px; border: 1px dashed rgb(125 211 252 / .55); border-radius: 18px; background: rgb(14 165 233 / .14); }
.intel-basic-grid .ui-draggable-dragging > .grid-stack-item-content,
.intel-basic-grid .ui-resizable-resizing > .grid-stack-item-content { border-color: rgb(125 211 252 / .52); box-shadow: 0 20px 54px rgb(14 165 233 / .18); }
.intel-basic-grid.is-layout-locked .ui-resizable-handle { display: none; }
.intel-basic-grid.is-layout-editing > .grid-stack-item > .grid-stack-item-content { outline: 1px dashed rgb(125 211 252 / .38); outline-offset: -5px; }
.intel-basic-grid.is-layout-editing .ui-resizable-handle { display: block; opacity: .96; }
.intel-basic-drag-handle { position: absolute; top: 10px; right: 58px; z-index: 12; min-width: 42px; height: 34px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid rgb(125 211 252 / .46); border-radius: 13px; background: rgb(2 6 23 / .9); color: #e0f2fe; cursor: grab; font: 950 14px ui-monospace, SFMono-Regular, Menlo, monospace; padding: 7px 10px; touch-action: none; user-select: none; box-shadow: 0 12px 30px rgb(2 6 23 / .36); }
.intel-panel-lock { position: absolute; top: 10px; right: 10px; z-index: 14; width: 38px; height: 34px; display: inline-grid; place-items: center; border: 1px solid rgb(148 163 184 / .34); border-radius: 13px; background: rgb(2 6 23 / .9); color: #e0f2fe; cursor: pointer; font: 950 14px Inter, ui-sans-serif, system-ui, sans-serif; box-shadow: 0 12px 30px rgb(2 6 23 / .36); }
.intel-panel-lock[hidden], .intel-basic-grid.is-layout-locked .intel-panel-lock { display: none; }
.intel-panel-lock[aria-pressed="true"] { border-color: rgb(250 204 21 / .54); background: rgb(113 63 18 / .8); color: #fef3c7; }
.intel-panel-hide { position: absolute; top: 10px; left: 10px; z-index: 13; min-width: 52px; height: 34px; display: inline-grid; place-items: center; border: 1px solid rgb(248 113 113 / .34); border-radius: 13px; background: rgb(69 10 10 / .72); color: #fecaca; cursor: pointer; font: 950 10px Inter, ui-sans-serif, system-ui, sans-serif; text-transform: uppercase; letter-spacing: .04em; box-shadow: 0 12px 30px rgb(2 6 23 / .36); }
.intel-panel-hide[hidden], .intel-basic-grid.is-layout-locked .intel-panel-hide { display: none; }
.intel-panel-hide:hover, .intel-panel-hide:focus-visible { border-color: rgb(248 113 113 / .62); background: rgb(127 29 29 / .86); color: #fff1f2; outline: 2px solid transparent; outline-offset: 2px; }
.intel-basic-grid .grid-stack-item.is-panel-locked > .grid-stack-item-content { border-color: rgb(250 204 21 / .36); outline-color: rgb(250 204 21 / .34); box-shadow: inset 0 1px 0 rgb(255 255 255 / .04), 0 0 0 1px rgb(250 204 21 / .08); }
.intel-basic-grid .grid-stack-item.is-panel-locked .ui-resizable-handle { display: none; }
.intel-basic-grid .grid-stack-item.is-panel-locked .intel-basic-drag-handle { display: none; }
.intel-basic-drag-handle::after { content: "DRAG"; font: 950 9px Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: .08em; color: #7dd3fc; }
.intel-basic-drag-handle:active { cursor: grabbing; }
.intel-basic-drag-handle[hidden], .intel-basic-grid.is-layout-locked .intel-basic-drag-handle { display: none; }
.indonesia-map-card, .rss-news-card, .mentan-kunker-panel, .sentiment-graph-panel, .live-crisis-stream { border: 1px solid #1e293b; background: radial-gradient(circle at 20% 0, rgb(37 99 235 / .18), transparent 42%), #0f172a; border-radius: 26px; padding: 20px; overflow: hidden; }
.map-card-head, .rss-news-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
.map-card-head h3, .rss-news-head h3 { margin: 0 0 6px; font-size: 22px; }
.map-card-head p, .rss-news-head p { margin: 0; color: #94a3b8; font-weight: 750; }
.map-head-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.source-group-filter { position: relative; z-index: 20; }
.source-group-filter summary { list-style: none; cursor: pointer; border: 1px solid rgb(96 165 250 / .22); border-radius: 999px; background: rgb(15 23 42 / .78); color: #bfdbfe; padding: 10px 14px; font-size: 12px; font-weight: 900; white-space: nowrap; }
.source-group-filter summary::-webkit-details-marker { display: none; }
.source-group-menu { position: absolute; top: calc(100% + 8px); right: 0; width: min(320px, 84vw); border: 1px solid rgb(96 165 250 / .24); border-radius: 18px; background: rgb(2 6 23 / .96); box-shadow: 0 22px 60px rgb(0 0 0 / .42); padding: 12px; }
.source-group-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 10px; }
.source-group-actions button { border: 1px solid rgb(96 165 250 / .24); border-radius: 10px; background: rgb(37 99 235 / .16); color: #bfdbfe; padding: 8px; font: inherit; font-size: 11px; font-weight: 900; cursor: pointer; }
.source-group-options { display: grid; gap: 8px; }
.source-group-options label { display: flex; align-items: center; gap: 8px; color: #e2e8f0; font-size: 12px; font-weight: 850; }
.source-group-options input { accent-color: #38bdf8; }
.orbit-issue-toolbar { display: flex; flex-wrap: wrap; gap: 10px; margin: -2px 0 16px; padding: 10px; border: 1px solid rgb(96 165 250 / .16); border-radius: 20px; background: linear-gradient(135deg, rgb(2 6 23 / .48), rgb(15 23 42 / .64)); }
.orbit-issue-button { min-height: 42px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgb(125 211 252 / .22); border-radius: 999px; padding: 10px 14px; background: rgb(15 23 42 / .82); color: #e0f2fe; cursor: pointer; font: inherit; font-size: 12px; font-weight: 950; letter-spacing: .01em; box-shadow: inset 0 1px 0 rgb(255 255 255 / .04); transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease; }
.orbit-issue-button span { font-size: 16px; line-height: 1; }
.orbit-issue-button:hover, .orbit-issue-button.active { transform: translateY(-1px); border-color: rgb(147 197 253 / .42); background: linear-gradient(135deg, rgb(37 99 235 / .72), rgb(124 58 237 / .58)); color: white; }
.indonesia-map-card.is-pillar-active { border-color: rgb(34 197 94 / .42); box-shadow: 0 0 0 1px rgb(34 197 94 / .22), 0 0 34px rgb(34 197 94 / .16), 0 22px 70px rgb(2 6 23 / .46); }
.indonesia-map-card.is-pillar-active .indonesia-map-canvas { animation: orbit-map-glow 1.8s ease-in-out infinite alternate; }
.rss-news-item-pillar { border-color: rgb(248 113 113 / .22); background: linear-gradient(135deg, rgb(127 29 29 / .18), rgb(15 23 42 / .74)); }
@keyframes orbit-map-glow { from { box-shadow: inset 0 0 0 1px rgb(34 197 94 / .2), 0 0 24px rgb(34 197 94 / .12); } to { box-shadow: inset 0 0 0 1px rgb(239 68 68 / .32), 0 0 36px rgb(239 68 68 / .22); } }
.city-select, .rubric-select { border: 1px solid #243044; background: #020617; color: #e5edf8; border-radius: 14px; padding: 11px 12px; font: inherit; font-weight: 850; max-width: 310px; }
.orbit-map-stage { position: relative; min-width: 0; }
.indonesia-map-canvas { position: relative; min-height: 460px; border: 1px solid rgb(125 211 252 / .28); border-radius: 24px; background: radial-gradient(circle at 72% 36%, rgb(14 165 233 / .32), transparent 34%), radial-gradient(circle at 28% 62%, rgb(59 130 246 / .18), transparent 36%), linear-gradient(180deg, #0b1f3a, #06111f); overflow: hidden; }
.orbit-map-sentiment-summary { position: absolute; z-index: 6; right: 12px; bottom: 12px; left: 12px; display: grid; grid-template-columns: minmax(190px, .72fr) minmax(280px, 1.28fr); align-items: center; gap: 18px; border: 1px solid var(--widget-border-soft); border-radius: 8px; background: #0d1522; color: var(--widget-text); padding: 10px 12px; box-shadow: 0 8px 20px rgb(2 6 23 / .24); pointer-events: none; }
.orbit-map-sentiment-copy { min-width: 0; display: grid; gap: 2px; }
.orbit-map-sentiment-copy > span { color: #93c5fd; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.orbit-map-sentiment-copy strong { min-width: 0; overflow: hidden; color: var(--widget-text); font-size: 12px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.orbit-map-sentiment-copy small { color: var(--widget-muted); font-size: 10px; font-weight: 750; }
.orbit-map-sentiment-chart { min-width: 0; display: grid; gap: 7px; }
.orbit-map-sentiment-bar { width: 100%; height: 7px; display: flex; overflow: hidden; border-radius: 3px; background: rgb(148 163 184 / .18); }
.orbit-map-sentiment-bar > span { width: 0; min-width: 0; transition: width .28s ease; }
.orbit-map-sentiment-bar > .positive { width: var(--sentiment-positive, 0%); background: #22c55e; }
.orbit-map-sentiment-bar > .neutral { width: var(--sentiment-neutral, 0%); background: #f59e0b; }
.orbit-map-sentiment-bar > .negative { width: var(--sentiment-negative, 0%); background: #ef4444; }
.orbit-map-sentiment-summary[data-state="empty"] .orbit-map-sentiment-bar { background: rgb(148 163 184 / .28); }
.orbit-map-sentiment-legend { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--widget-muted); font-size: 10px; font-weight: 750; }
.orbit-map-sentiment-legend span { min-width: 0; display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.orbit-map-sentiment-legend i { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; }
.orbit-map-sentiment-legend i.positive { background: #22c55e; }
.orbit-map-sentiment-legend i.neutral { background: #f59e0b; }
.orbit-map-sentiment-legend i.negative { background: #ef4444; }
.orbit-map-sentiment-legend b { color: var(--widget-text); font-variant-numeric: tabular-nums; }
.maplibre-map-canvas { isolation: isolate; }
.maplibre-map-canvas::before { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 2; background-image: linear-gradient(rgb(125 211 252 / .06) 1px, transparent 1px), linear-gradient(90deg, rgb(125 211 252 / .06) 1px, transparent 1px); background-size: 42px 42px; mask-image: radial-gradient(circle at center, black, transparent 84%); }
.maplibre-map-canvas .maplibregl-canvas { outline: 2px solid transparent; outline-offset: 2px; }
.maplibre-map-canvas .maplibregl-ctrl-group { background: rgb(15 23 42 / .92); border: 1px solid rgb(96 165 250 / .22); box-shadow: none; overflow: hidden; }
.maplibre-map-canvas .maplibregl-ctrl button { background-color: transparent; color: #dbeafe; }
.maplibre-map-canvas .maplibregl-ctrl button:hover { background: rgb(37 99 235 / .72); }
.leaflet-map-canvas { isolation: isolate; }
.leaflet-map-canvas::before { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 420; background-image: linear-gradient(rgb(125 211 252 / .06) 1px, transparent 1px), linear-gradient(90deg, rgb(125 211 252 / .06) 1px, transparent 1px); background-size: 42px 42px; mask-image: radial-gradient(circle at center, black, transparent 84%); }
.leaflet-map-canvas .leaflet-container, .leaflet-container { background: transparent; font: inherit; }
.leaflet-map-canvas .leaflet-interactive { cursor: pointer; filter: drop-shadow(0 0 7px rgb(14 165 233 / .24)); }
.leaflet-map-canvas .leaflet-control-zoom a { background: rgb(15 23 42 / .92); border-color: rgb(96 165 250 / .22); color: #dbeafe; }
.leaflet-map-canvas .leaflet-control-zoom a:hover { background: rgb(37 99 235 / .72); color: white; }
.city-pin-source { display: none; }
.map-fallback-note { position: absolute; inset: auto 18px 18px; z-index: 500; border: 1px solid rgb(248 113 113 / .24); background: rgb(127 29 29 / .22); color: #fecaca; border-radius: 16px; padding: 12px 14px; font-weight: 850; }
.orbit-leaflet-city-marker { display: grid; place-items: center; gap: 4px; color: #e0f2fe; font-weight: 950; text-shadow: 0 2px 12px rgb(0 0 0 / .75); pointer-events: auto; }
.orbit-leaflet-city-marker span { width: 16px; height: 16px; border-radius: 999px; background: #facc15; box-shadow: 0 0 0 6px rgb(250 204 21 / .18), 0 0 26px rgb(250 204 21 / .72); transition: .18s ease; }
.orbit-leaflet-city-marker b { border: 1px solid rgb(255 255 255 / .12); background: rgb(2 6 23 / .72); border-radius: 999px; padding: 4px 8px; font-size: 11px; letter-spacing: .04em; white-space: nowrap; }
.orbit-leaflet-city-marker:hover span, .orbit-leaflet-city-marker.active span { transform: scale(1.28); background: #38bdf8; box-shadow: 0 0 0 8px rgb(56 189 248 / .2), 0 0 32px rgb(56 189 248 / .82); }
.indonesia-map-canvas > svg:not(.leaflet-zoom-animated) { position: absolute; inset: 8px; width: calc(100% - 16px); height: calc(100% - 16px); filter: drop-shadow(0 18px 32px rgb(0 0 0 / .28)); }
.indonesia-map-canvas .leaflet-overlay-pane svg { filter: drop-shadow(0 18px 32px rgb(0 0 0 / .28)); }
.island { fill: #164e63; stroke: #38bdf8; stroke-width: 3; opacity: .84; }
.island-java, .island-bali, .island-nusa { fill: #14532d; stroke: #86efac; }
.city-pin { position: absolute; left: var(--x); top: var(--y); transform: translate(-50%, -50%); border: 0; background: transparent; color: #e0f2fe; cursor: pointer; padding: 0; display: grid; justify-items: center; gap: 5px; font: inherit; font-weight: 950; text-shadow: 0 2px 12px rgb(0 0 0 / .75); }
.city-pin-dot { width: 16px; height: 16px; border-radius: 999px; background: #facc15; box-shadow: 0 0 0 6px rgb(250 204 21 / .18), 0 0 26px rgb(250 204 21 / .72); transition: .18s ease; }
.city-pin-label { border: 1px solid rgb(255 255 255 / .12); background: rgb(2 6 23 / .72); border-radius: 999px; padding: 4px 8px; font-size: 11px; letter-spacing: .04em; }
.city-pin:hover .city-pin-dot, .city-pin.active .city-pin-dot { transform: scale(1.28); background: #38bdf8; box-shadow: 0 0 0 8px rgb(56 189 248 / .2), 0 0 32px rgb(56 189 248 / .82); }
.rss-news-card { font-size: 12px; }
.rss-news-head small { display: block; color: #60a5fa; text-transform: uppercase; letter-spacing: .14em; font-weight: 950; margin-bottom: 5px; font-size: 9px; }
.rss-news-head h3 { font-size: 17px; }
.rss-news-head p { font-size: 11px; line-height: 1.35; }
.rss-news-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.rss-ai-summary-button { border: 1px solid rgb(34 197 94 / .34); background: rgb(22 101 52 / .18); color: #bbf7d0; border-radius: 999px; padding: 9px 12px; font: inherit; font-size: 10px; font-weight: 950; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; white-space: nowrap; }
.rss-ai-summary-button:hover:not(:disabled) { border-color: rgb(134 239 172 / .62); background: rgb(22 101 52 / .32); color: #dcfce7; }
.rss-ai-summary-button:disabled { cursor: wait; opacity: .65; }
.rss-ai-summary-box { margin: 0 0 12px; border: 1px solid rgb(34 197 94 / .26); border-radius: 16px; background: linear-gradient(135deg, rgb(22 101 52 / .18), rgb(15 23 42 / .74)); padding: 11px 12px; }
.rss-ai-summary-box.is-error { border-color: rgb(248 113 113 / .34); background: rgb(127 29 29 / .16); }
.rss-ai-summary-box p { margin: 0; max-width: none; color: #dbeafe; font-size: 12px; line-height: 1.52; font-weight: 760; }
.rss-ai-summary-box small { display: block; margin-top: 8px; color: #86efac; font-size: 10px; font-weight: 850; }
.rubric-select { max-width: 210px; padding: 9px 10px; font-size: 11px; border-radius: 12px; }
.rss-news-head a { color: white; text-decoration: none; border: 1px solid rgb(96 165 250 / .28); background: rgb(37 99 235 / .2); border-radius: 999px; padding: 9px 12px; font-size: 11px; font-weight: 950; white-space: nowrap; }
.rss-news-list { display: grid; gap: 9px; max-height: 430px; overflow: auto; padding-right: 4px; }
.rss-news-item, .news-skeleton { border: 1px solid #1e293b; background: rgb(2 6 23 / .52); border-radius: 16px; padding: 11px 12px; }
.rss-news-source { display: flex; width: fit-content; max-width: 100%; margin-bottom: 7px; padding: 4px 8px; border-radius: 999px; background: rgb(14 165 233 / .12); border: 1px solid rgb(96 165 250 / .24); color: #93c5fd; font-size: 10px; font-weight: 950; letter-spacing: .02em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rss-news-item a { display: block; color: #dbeafe; font-size: 13px; font-weight: 900; text-decoration: none; line-height: 1.3; }
.rss-news-item a:hover { color: #7dd3fc; }
.rss-news-item small { display: block; margin-top: 8px; color: #60a5fa; font-weight: 850; }
.rss-news-item p { margin: 8px 0 0; color: #94a3b8; max-width: none; font-size: 13px; line-height: 1.55; }
.news-skeleton { color: #94a3b8; font-weight: 850; }
.news-error { color: #fecaca; border-color: rgb(248 113 113 / .28); background: rgb(127 29 29 / .16); }
.live-crisis-stream { background: radial-gradient(circle at 18% 0, rgb(239 68 68 / .2), transparent 42%), linear-gradient(180deg, rgb(15 23 42 / .9), rgb(2 6 23 / .72)); box-shadow: inset 0 1px 0 rgb(255 255 255 / .04); }
.live-crisis-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.live-crisis-head small { display: block; color: #fca5a5; font-size: 9px; font-weight: 950; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 5px; }
.live-crisis-head h3 { margin: 0; color: #f8fafc; font-size: 14px; line-height: 1.15; letter-spacing: -.01em; }
.live-crisis-stream p { margin: 0 0 12px; color: #94a3b8; font-size: 11px; line-height: 1.45; font-weight: 780; }
.crisis-head-actions, .intel-crisis-head-actions { flex: 0 0 auto; display: flex; align-items: flex-start; justify-content: flex-end; gap: 8px; }
.crisis-ai-summary-button { border: 1px solid rgb(248 113 113 / .34); border-radius: 999px; background: rgb(127 29 29 / .26); color: #fecaca; padding: 7px 10px; font: 950 10px Inter, ui-sans-serif, system-ui, sans-serif; cursor: pointer; white-space: nowrap; }
.crisis-ai-summary-button:hover { border-color: rgb(252 165 165 / .58); background: rgb(127 29 29 / .42); color: #fff1f2; }
.crisis-ai-summary-button:disabled { opacity: .62; cursor: wait; }
.crisis-live-dot { width: 11px; height: 11px; margin-top: 4px; border-radius: 999px; background: #ef4444; box-shadow: 0 0 0 6px rgb(239 68 68 / .16), 0 0 22px rgb(239 68 68 / .78); animation: crisis-ping 1.25s ease-in-out infinite; }
.crisis-ai-summary-box { margin: 0 0 12px; border: 1px solid rgb(248 113 113 / .26); border-radius: 14px; background: linear-gradient(135deg, rgb(127 29 29 / .18), rgb(15 23 42 / .76)); padding: 10px 11px; }
.crisis-ai-summary-box.is-error { border-color: rgb(248 113 113 / .42); background: rgb(127 29 29 / .18); }
.crisis-ai-summary-box p { margin: 0; color: #fee2e2; font-size: 11px; line-height: 1.48; }
.crisis-ai-summary-box small { display: block; margin-top: 7px; color: #fca5a5; font-size: 9px; font-weight: 850; }
.crisis-list { display: grid; gap: 9px; max-height: min(620px, 68vh); overflow: auto; padding-right: 3px; }
.crisis-card, .crisis-empty { border: 1px solid rgb(30 41 59 / .9); border-radius: 16px; background: rgb(2 6 23 / .52); color: #dbeafe; padding: 11px; }
.crisis-card { display: grid; gap: 8px; animation: crisis-flash .8s ease-out 1; }
.crisis-card-critical { border-color: rgb(248 113 113 / .38); background: linear-gradient(135deg, rgb(127 29 29 / .28), rgb(15 23 42 / .86)); box-shadow: 0 0 22px rgb(239 68 68 / .08); }
.crisis-card-warning { border-color: rgb(251 191 36 / .32); background: linear-gradient(135deg, rgb(120 53 15 / .22), rgb(15 23 42 / .84)); }
.crisis-card-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.crisis-badge { border-radius: 999px; padding: 4px 7px; font-size: 9px; font-weight: 950; letter-spacing: .1em; }
.crisis-card-critical .crisis-badge { background: rgb(239 68 68 / .16); color: #fecaca; }
.crisis-card-warning .crisis-badge { background: rgb(245 158 11 / .16); color: #fde68a; }
.crisis-time { color: #64748b; font-size: 10px; font-weight: 900; white-space: nowrap; }
.crisis-title { color: #f8fafc; font-size: 12px; font-weight: 950; line-height: 1.35; text-decoration: none; }
.crisis-title:hover { color: #7dd3fc; }
.crisis-summary { margin: 0; color: #94a3b8; font-size: 11px; line-height: 1.45; font-style: italic; }
.crisis-meta { display: flex; justify-content: space-between; gap: 8px; border-top: 1px solid rgb(30 41 59 / .72); padding-top: 8px; color: #64748b; font-size: 10px; font-weight: 850; }
.crisis-empty { color: #94a3b8; font-size: 11px; line-height: 1.45; font-weight: 800; }
.orbit-rss-intel-row { display: grid; grid-template-columns: minmax(0, 15fr) minmax(0, 35fr) minmax(0, 60fr); gap: 18px; align-items: stretch; }
.orbit-rss-intel-row .kunker-list { grid-template-columns: 1fr; max-height: 430px; overflow: auto; padding-right: 3px; }
.orbit-rss-intel-row .kunker-card { min-height: 132px; }
.orbit-rss-intel-row .rss-news-card { min-width: 0; }
.sentiment-graph-panel { background: radial-gradient(circle at 18% 0, rgb(16 185 129 / .15), transparent 42%), linear-gradient(180deg, rgb(15 23 42 / .9), rgb(2 6 23 / .72)); box-shadow: inset 0 1px 0 rgb(255 255 255 / .04); }
.sentiment-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid rgb(30 41 59 / .62); }
.sentiment-head small, .sentiment-total small { display: block; color: #94a3b8; font-size: 9px; font-weight: 950; letter-spacing: .14em; text-transform: uppercase; }
.sentiment-head h3 { margin: 0; color: #f8fafc; font-size: 16px; line-height: 1.15; letter-spacing: -.01em; }
.sentiment-head p { margin: 5px 0 0; color: #94a3b8; font-size: 10px; font-weight: 800; }
.sentiment-head p span { color: #38bdf8; text-transform: capitalize; }
.sentiment-total { min-width: 70px; text-align: right; }
.sentiment-total b { display: block; color: #e2e8f0; font: 950 18px ui-monospace, SFMono-Regular, Menlo, monospace; }
.sentiment-body { display: grid; gap: 14px; justify-items: stretch; }
.sentiment-pie-wrap { display: grid; justify-items: center; }
.sentiment-pie { width: min(154px, 58%); aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(#10b981 0 var(--positive-end, 0%), #f59e0b var(--positive-end, 0%) var(--neutral-end, 0%), #ef4444 var(--neutral-end, 0%) 100%); box-shadow: inset 0 0 0 1px rgb(148 163 184 / .12), 0 18px 42px rgb(2 6 23 / .28); position: relative; }
.sentiment-pie.is-empty { background: conic-gradient(#334155 0 100%); }
.sentiment-pie::after { content: ""; position: absolute; inset: 22%; border-radius: 50%; background: rgb(2 6 23 / .9); box-shadow: inset 0 1px 0 rgb(255 255 255 / .06); }
.sentiment-pie span { position: relative; z-index: 1; display: grid; justify-items: center; gap: 1px; color: #e2e8f0; }
.sentiment-pie b { font: 950 21px ui-monospace, SFMono-Regular, Menlo, monospace; }
.sentiment-pie small { color: #94a3b8; font-size: 8px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.sentiment-positive { background: #10b981; box-shadow: 0 0 14px rgb(16 185 129 / .28); }
.sentiment-neutral { background: #f59e0b; }
.sentiment-negative { background: #ef4444; box-shadow: 0 0 14px rgb(239 68 68 / .28); }
.sentiment-indicators { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.sentiment-indicators article { min-width: 0; display: grid; justify-items: center; gap: 4px; border: 1px solid rgb(30 41 59 / .9); border-radius: 14px; background: rgb(2 6 23 / .48); padding: 10px 8px; }
.sentiment-dot { width: 7px; height: 7px; border-radius: 999px; }
.sentiment-dot.positive { background: #10b981; }
.sentiment-dot.neutral { background: #f59e0b; }
.sentiment-dot.negative { background: #ef4444; }
.sentiment-indicators small { color: #64748b; font-size: 9px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.sentiment-indicators b { font: 950 16px ui-monospace, SFMono-Regular, Menlo, monospace; }
.sentiment-indicators article:nth-child(1) b { color: #34d399; }
.sentiment-indicators article:nth-child(2) b { color: #fbbf24; }
.sentiment-indicators article:nth-child(3) b { color: #f87171; }
.sentiment-note { margin: 0; color: #94a3b8; font-size: 11px; line-height: 1.45; font-weight: 780; }
.mentan-kunker-panel { background: radial-gradient(circle at 18% 0, rgb(56 189 248 / .17), transparent 42%), linear-gradient(180deg, rgb(15 23 42 / .9), rgb(2 6 23 / .72)); box-shadow: inset 0 1px 0 rgb(255 255 255 / .04); }
.kunker-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid rgb(30 41 59 / .62); }
.kunker-head small { display: block; color: #7dd3fc; font-size: 9px; font-weight: 950; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 5px; }
.kunker-head h3 { margin: 0; color: #f8fafc; font-size: 16px; line-height: 1.15; letter-spacing: -.01em; }
.mentan-kunker-panel p { margin: 0 0 12px; color: #94a3b8; font-size: 11px; line-height: 1.45; font-weight: 780; }
.kunker-live-dot { width: 11px; height: 11px; margin-top: 4px; border-radius: 999px; background: #38bdf8; box-shadow: 0 0 0 6px rgb(56 189 248 / .14), 0 0 22px rgb(56 189 248 / .68); animation: crisis-ping 1.4s ease-in-out infinite; }
.kunker-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.kunker-card, .kunker-empty { min-width: 0; border: 1px solid rgb(30 41 59 / .9); border-radius: 16px; background: rgb(2 6 23 / .52); color: #dbeafe; padding: 12px; }
.kunker-card { position: relative; min-height: 142px; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; text-align: left; cursor: pointer; font: inherit; transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.kunker-card:hover { transform: translateY(-2px); border-color: rgb(56 189 248 / .46); background: linear-gradient(135deg, rgb(12 74 110 / .34), rgb(15 23 42 / .9)); box-shadow: 0 0 22px rgb(56 189 248 / .08); }
.kunker-route { position: absolute; top: 10px; right: 10px; color: #334155; font: 950 9px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; }
.kunker-card:hover .kunker-route { color: #38bdf8; }
.kunker-spatial { display: grid; gap: 4px; padding-right: 58px; }
.kunker-spatial b { color: #38bdf8; font-size: 12px; line-height: 1.2; }
.kunker-spatial small { color: #64748b; font-size: 9px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.kunker-headline { color: #94a3b8; font-size: 11px; line-height: 1.42; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.kunker-card:hover .kunker-headline { color: #e2e8f0; }
.kunker-meta { display: flex; justify-content: space-between; gap: 8px; border-top: 1px solid rgb(30 41 59 / .68); padding-top: 8px; color: #64748b; font-size: 9px; font-weight: 850; }
.kunker-meta em { max-width: 68%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-style: normal; }
.kunker-empty { grid-column: 1 / -1; color: #94a3b8; text-align: center; font-size: 11px; line-height: 1.45; font-weight: 800; }
.kunker-error { border-color: rgb(248 113 113 / .28); color: #fecaca; background: rgb(127 29 29 / .16); }
@keyframes crisis-ping { 0%, 100% { transform: scale(1); opacity: .78; } 50% { transform: scale(1.36); opacity: 1; } }
@keyframes crisis-flash { from { box-shadow: 0 0 0 1px rgb(248 113 113 / .45), 0 0 34px rgb(239 68 68 / .25); } to { box-shadow: 0 0 0 0 transparent, 0 0 0 transparent; } }
@keyframes intel-particle-drift { 0%, 100% { opacity: .08; transform: translate3d(0, 0, 0) scale(.72); } 45% { opacity: .95; transform: translate3d(18px, -12px, 0) scale(1.12); } 70% { opacity: .42; transform: translate3d(34px, 10px, 0) scale(.86); } }
@media (max-width: 1180px) { .crisis-list { grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: 420px; } .kunker-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) { .orbit-layout-toolbar { justify-content: flex-start; flex-wrap: wrap; } .map-card-head, .rss-news-head { display: grid; } .orbit-issue-toolbar { display: grid; grid-template-columns: 1fr; gap: 8px; padding: 8px; border-radius: 18px; } .orbit-issue-button { width: 100%; justify-content: flex-start; min-height: 44px; padding: 10px 12px; font-size: 12px; } .city-select, .rubric-select { max-width: 100%; width: 100%; } .rss-news-actions { display: grid; width: 100%; } .indonesia-map-canvas { min-height: 280px; } .orbit-map-sentiment-summary { right: 8px; bottom: 8px; left: 8px; grid-template-columns: 1fr; gap: 7px; padding: 9px 10px; } .orbit-map-sentiment-copy { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; } .orbit-map-sentiment-copy > span { display: none; } .orbit-map-sentiment-copy strong { font-size: 11px; } .orbit-map-sentiment-copy small { flex: 0 0 auto; } .city-pin-label { font-size: 9px; } .crisis-list, .kunker-list { grid-template-columns: 1fr; max-height: 460px; } }

.settings-board { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr); gap: 16px; margin-bottom: 18px; }
.system-settings-shell { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: start; }
.system-settings-tabs { grid-column: 1 / -1; width: 100%; display: flex; align-items: flex-end; gap: 4px; min-width: 0; border-bottom: 1px solid rgb(51 65 85 / .82); overflow-x: auto; scrollbar-width: thin; }
.system-settings-tab { position: relative; flex: 0 0 auto; border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: transparent; color: #94a3b8; cursor: pointer; font: inherit; font-size: 12px; font-weight: 950; letter-spacing: .01em; padding: 12px 14px 11px; white-space: nowrap; }
.system-settings-tab:hover { color: #dbeafe; background: rgb(15 23 42 / .36); }
.system-settings-tab.active { border-bottom-color: #22d3ee; color: #ecfeff; background: linear-gradient(180deg, transparent, rgb(14 165 233 / .1)); box-shadow: none; }
.system-settings-panel { grid-column: 1 / -1; width: 100%; display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.system-settings-panel[hidden] { display: none; }
.system-settings-panel .settings-card-wide { grid-column: auto; }
.system-settings-panel-full { min-width: 0; }
.system-settings-panel-full .orbit-control-center { grid-column: auto; margin: 0; }
.settings-tab-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px 14px; border-top: 1px solid rgb(51 65 85 / .68); padding-top: 14px; }
.settings-tab-actions small { color: #7dd3fc; font-size: 12px; font-weight: 800; margin-right: auto; }
.settings-ai-summary-toolbar { display: grid; grid-template-columns: minmax(180px, 260px) minmax(220px, 320px) auto minmax(120px, 1fr); gap: 12px; align-items: end; }
.settings-ai-summary-list { display: grid; gap: 12px; }
.settings-ai-summary-item, .settings-ai-summary-empty { border: 1px solid rgb(30 41 59 / .88); border-radius: 18px; background: rgb(2 6 23 / .48); padding: 14px; }
.settings-ai-summary-item { display: grid; gap: 10px; }
.settings-ai-summary-item-head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.settings-ai-summary-item-head h4 { margin: 0; font-size: 16px; color: #f8fafc; }
.settings-ai-summary-item-head small, .settings-ai-summary-empty { color: #94a3b8; font-size: 12px; font-weight: 850; }
.settings-ai-summary-status { border: 1px solid rgb(34 197 94 / .24); border-radius: 999px; color: #bbf7d0; background: rgb(22 101 52 / .16); padding: 6px 9px; font-size: 10px; font-weight: 950; text-transform: uppercase; }
.settings-ai-summary-item p { margin: 0; color: #dbeafe; font-size: 13px; line-height: 1.55; }
.settings-ai-summary-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.settings-ai-summary-tags span { border: 1px solid rgb(96 165 250 / .22); border-radius: 999px; background: rgb(15 23 42 / .72); color: #bfdbfe; padding: 5px 8px; font-size: 10px; font-weight: 900; }
.settings-card { border: 1px solid #1e293b; background: radial-gradient(circle at 10% 0, rgb(59 130 246 / .15), transparent 42%), rgb(15 23 42 / .86); border-radius: 24px; padding: 20px; display: grid; gap: 16px; }
.settings-card-wide { grid-column: span 2; }
.settings-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.settings-card-head small { display: block; color: #60a5fa; font-size: 11px; font-weight: 950; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 7px; }
.settings-card h3 { margin: 0; font-size: 21px; letter-spacing: -.02em; }
.settings-state { border: 1px solid rgb(34 197 94 / .24); background: rgb(22 101 52 / .16); color: #bbf7d0; border-radius: 999px; padding: 7px 10px; font-size: 10px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.settings-field { display: grid; gap: 8px; color: #cbd5e1; font-size: 13px; font-weight: 950; }
.settings-field input, .settings-field select, .settings-field textarea { width: 100%; border: 1px solid #243044; background: rgb(2 6 23 / .84); color: #e5edf8; border-radius: 15px; padding: 13px 14px; font: inherit; font-weight: 800; outline: 2px solid transparent; outline-offset: 2px; transition: .18s ease; }
.settings-field input:focus, .settings-field select:focus, .settings-field textarea:focus { border-color: #60a5fa; box-shadow: 0 0 0 4px rgb(37 99 235 / .18); }
.settings-field textarea { min-height: 96px; resize: vertical; line-height: 1.45; }
.settings-field small { color: #7dd3fc; font-size: 12px; font-weight: 800; }
.voice-agent-action-toolbar { display: flex; flex-wrap: wrap; gap: 7px; }
.voice-agent-action-toolbar button { border: 1px solid rgb(96 165 250 / .34); border-radius: 999px; background: rgb(15 23 42 / .86); color: #dbeafe; padding: 8px 10px; font: inherit; font-size: 11px; font-weight: 950; cursor: pointer; }
.voice-agent-action-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.voice-agent-action-grid label { min-width: 0; display: flex; align-items: center; gap: 8px; border: 1px solid rgb(30 41 59 / .82); border-radius: 12px; background: rgb(2 6 23 / .45); padding: 8px 9px; color: #cbd5e1; font-size: 11px; font-weight: 850; }
.voice-agent-action-grid input { width: 15px; height: 15px; padding: 0; accent-color: #38bdf8; flex: 0 0 auto; }
.settings-actions-card { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.settings-actions-card p { margin-top: 6px; font-size: 13px; }
.settings-save-btn { border: 0; border-radius: 16px; padding: 14px 18px; font: inherit; font-weight: 950; color: white; background: linear-gradient(135deg, #1d4ed8, #7c3aed); cursor: pointer; box-shadow: 0 18px 48px rgb(37 99 235 / .24); white-space: nowrap; }
.settings-save-btn:disabled { cursor: wait; opacity: .58; }
.settings-feedback { color: #7dd3fc; font-size: 13px; font-weight: 900; min-width: 92px; }
.orbit-control-center { grid-column: span 2; border: 1px solid rgb(14 165 233 / .24); background: radial-gradient(circle at 0 0, rgb(14 165 233 / .18), transparent 34%), linear-gradient(180deg, rgb(15 23 42 / .94), rgb(2 6 23 / .9)); border-radius: 28px; padding: 20px; display: grid; gap: 16px; box-shadow: inset 0 1px 0 rgb(255 255 255 / .04); }
.orbit-control-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.orbit-control-head small { display: block; color: #22d3ee; font-size: 11px; font-weight: 950; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 6px; }
.orbit-control-head h2 { margin: 0; font-size: 24px; }
.orbit-control-head p, .orbit-settings-panel-head p { margin: 6px 0 0; color: #94a3b8; font-size: 13px; line-height: 1.55; }
.orbit-settings-status { border: 1px solid rgb(34 197 94 / .25); color: #bbf7d0; background: rgb(22 101 52 / .16); border-radius: 999px; padding: 7px 10px; font-size: 10px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.orbit-settings-tabs { display: flex; align-items: flex-end; gap: 4px; min-width: 0; border-bottom: 1px solid rgb(51 65 85 / .78); overflow-x: auto; scrollbar-width: thin; }
.orbit-settings-tab { flex: 0 0 auto; border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: transparent; color: #94a3b8; cursor: pointer; font: inherit; font-size: 12px; font-weight: 950; padding: 11px 13px 10px; white-space: nowrap; }
.orbit-settings-tab:hover { color: #dbeafe; background: rgb(15 23 42 / .32); }
.orbit-settings-tab.active { border-bottom-color: #22d3ee; color: #ecfeff; background: linear-gradient(180deg, transparent, rgb(14 165 233 / .1)); box-shadow: none; }
.orbit-settings-panel { border: 1px solid rgb(30 41 59 / .94); border-radius: 22px; padding: 18px; background: rgb(2 6 23 / .5); }
.orbit-settings-panel-head h3 { margin: 0; font-size: 20px; }
.orbit-settings-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 16px; }
.orbit-settings-field { display: grid; gap: 8px; color: #dbeafe; font-size: 13px; font-weight: 950; }
.orbit-settings-field-wide { grid-column: span 2; }
.orbit-settings-field input, .orbit-settings-field textarea, .orbit-settings-field select { width: 100%; border: 1px solid #243044; background: rgb(2 6 23 / .84); color: #e5edf8; border-radius: 15px; padding: 12px 13px; font: inherit; font-weight: 800; outline: 2px solid transparent; outline-offset: 2px; transition: .18s ease; }
.orbit-settings-field input[type="checkbox"] { width: 22px; height: 22px; accent-color: #06b6d4; }
.orbit-settings-field textarea { min-height: 104px; resize: vertical; line-height: 1.45; }
.orbit-settings-field input:focus, .orbit-settings-field textarea:focus, .orbit-settings-field select:focus { border-color: #22d3ee; box-shadow: 0 0 0 4px rgb(14 165 233 / .16); }
.orbit-settings-field small { color: #7dd3fc; font-size: 12px; font-weight: 800; }
.orbit-settings-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.orbit-action-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; width: 100%; }
.orbit-manual-rss-panel { display: grid; grid-template-columns: minmax(220px, 1fr) auto; gap: 12px; align-items: end; border: 1px solid rgb(96 165 250 / .16); border-radius: 18px; padding: 14px; background: rgb(15 23 42 / .42); }
.orbit-manual-rss-status { grid-column: 1 / -1; color: #93c5fd; font-size: 12px; font-weight: 900; }
.orbit-ops-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 14px; width: 100%; }
.orbit-ops-filter { display: grid; grid-template-columns: minmax(180px, 1fr) 150px 190px auto auto; gap: 10px; align-items: end; width: 100%; border: 1px solid rgb(30 41 59 / .76); border-radius: 18px; background: rgb(15 23 42 / .38); padding: 12px; }
.orbit-ops-filter label { color: #93c5fd; display: grid; gap: 6px; font-size: 10px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.orbit-ops-filter input, .orbit-ops-filter select { border: 1px solid rgb(51 65 85 / .9); border-radius: 12px; background: rgb(2 6 23 / .78); color: #e2e8f0; font: inherit; font-size: 12px; padding: 10px 11px; min-width: 0; }
.orbit-ops-filter button { border: 1px solid rgb(34 211 238 / .34); border-radius: 12px; background: rgb(8 47 73 / .36); color: #dff6ff; cursor: pointer; font: inherit; font-size: 11px; font-weight: 950; padding: 10px 12px; }
.orbit-action-status-card, .orbit-audit-log-card { border: 1px solid rgb(30 41 59 / .9); border-radius: 18px; background: rgb(2 6 23 / .44); padding: 14px; min-width: 0; }
.orbit-ops-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.orbit-ops-head small { color: #93c5fd; font-size: 10px; font-weight: 950; letter-spacing: .13em; text-transform: uppercase; }
.orbit-ops-head span, .orbit-ops-head button { border: 1px solid rgb(51 65 85 / .8); border-radius: 999px; background: rgb(15 23 42 / .76); color: #cbd5e1; font: inherit; font-size: 10px; font-weight: 900; padding: 6px 8px; }
.orbit-ops-head button { cursor: pointer; }
.orbit-action-status { display: block; border: 1px solid rgb(14 165 233 / .24); border-radius: 16px; background: rgb(8 47 73 / .18); color: #bae6fd; padding: 12px 14px; font-size: 12px; font-weight: 800; line-height: 1.45; white-space: pre-wrap; }
.orbit-action-status-list, .orbit-audit-log-list { display: grid; gap: 9px; margin-top: 10px; max-height: 320px; overflow: auto; padding-right: 4px; }
.orbit-action-status-item, .orbit-audit-log-item { border: 1px solid rgb(51 65 85 / .64); border-radius: 14px; background: rgb(15 23 42 / .58); padding: 10px; }
.orbit-action-status-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5px 8px; align-items: center; }
.orbit-action-status-item b, .orbit-audit-log-item b { color: #e0f2fe; font-size: 12px; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.orbit-action-status-item span { border-radius: 999px; padding: 4px 7px; font-size: 9px; font-weight: 950; text-transform: uppercase; }
.orbit-action-status-item span.is-success { background: rgb(22 163 74 / .16); color: #86efac; }
.orbit-action-status-item span.is-failed { background: rgb(220 38 38 / .16); color: #fca5a5; }
.orbit-action-status-item small, .orbit-audit-log-item small, .orbit-audit-log-item span { color: #94a3b8; font-size: 10px; }
.orbit-action-status-item p, .orbit-audit-log-item p { grid-column: 1 / -1; margin: 3px 0 0; color: #bfdbfe; font-size: 11px; line-height: 1.45; }
.orbit-audit-log-item div { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 4px; }
.orbit-ops-empty { border: 1px dashed rgb(51 65 85 / .7); border-radius: 14px; color: #64748b; padding: 12px; font-size: 12px; text-align: center; }
.orbit-audit-load-more { width: 100%; margin-top: 10px; border: 1px solid rgb(34 211 238 / .32); border-radius: 14px; background: rgb(8 47 73 / .32); color: #bae6fd; cursor: pointer; font: inherit; font-size: 11px; font-weight: 950; padding: 10px 12px; }
.orbit-audit-toolbar { display: flex; justify-content: flex-end; margin: -2px 0 8px; }
.orbit-audit-export { border: 1px solid rgb(34 197 94 / .34); border-radius: 999px; background: rgb(20 83 45 / .32); color: #bbf7d0; cursor: pointer; font: inherit; font-size: 10px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; padding: 8px 10px; }
.orbit-audit-export:hover { border-color: rgb(134 239 172 / .7); background: rgb(22 163 74 / .28); color: #ecfdf5; }
.orbit-audit-load-more:hover:not(:disabled) { border-color: rgb(125 211 252 / .66); background: rgb(14 165 233 / .22); }
.orbit-audit-load-more:disabled { cursor: wait; opacity: .55; }
.orbit-action-btn { border: 1px solid rgb(34 211 238 / .35); border-radius: 15px; background: linear-gradient(135deg, rgb(8 145 178 / .24), rgb(15 23 42 / .82)); color: #e0f2fe; cursor: pointer; font: inherit; font-size: 12px; font-weight: 950; padding: 12px 14px; text-align: left; }
.orbit-action-btn:hover:not(:disabled) { border-color: rgb(125 211 252 / .72); background: linear-gradient(135deg, rgb(14 165 233 / .34), rgb(30 41 59 / .88)); }
.orbit-action-btn:disabled { cursor: wait; opacity: .58; }
.settings-secondary-btn { border: 1px solid rgb(51 65 85 / .88); border-radius: 16px; padding: 13px 16px; font: inherit; font-weight: 950; color: #dbeafe; background: rgb(15 23 42 / .84); cursor: pointer; }
@media (max-width: 900px) { .settings-board { grid-template-columns: 1fr; } .settings-card-wide, .orbit-control-center, .orbit-settings-field-wide { grid-column: auto; } .settings-actions-card, .orbit-control-head, .orbit-settings-actions { display: grid; } .orbit-settings-fields, .orbit-ops-grid, .orbit-ops-filter, .settings-ai-summary-toolbar, .orbit-manual-rss-panel { grid-template-columns: 1fr; } .orbit-settings-tabs, .system-settings-tabs { margin-inline: -2px; padding-inline: 2px; } }
/* Mobile shell layout */
.mobile-topbar { display: none; }
.sidebar-overlay { display: none; }
.sidebar-restore-button { position: fixed; left: 18px; bottom: calc(18px + env(safe-area-inset-bottom)); z-index: 55; border: 1px solid rgb(96 165 250 / .28); border-radius: 999px; padding: 11px 14px; background: rgb(15 23 42 / .92); color: #dbeafe; cursor: pointer; font: inherit; font-size: 12px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; box-shadow: 0 18px 48px rgb(2 6 23 / .36); opacity: 0; pointer-events: none; transform: translateX(-10px); transition: opacity .18s ease, transform .18s ease, background .18s ease; }
body.sidebar-hidden .sidebar-restore-button { opacity: 1; pointer-events: auto; transform: translateX(0); }
.sidebar-restore-button:hover { background: linear-gradient(135deg, #1d4ed8, #2563eb); color: white; }
.sidebar-hide-button { margin-top: 10px; margin-bottom: 10px; width: 100%; border: 1px solid rgb(96 165 250 / .2); border-radius: 16px; padding: 11px 12px; background: rgb(15 23 42 / .72); color: #bfdbfe; cursor: pointer; font: inherit; font-size: 11px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; transition: .18s ease; }
.sidebar-hide-button:hover { border-color: rgb(147 197 253 / .32); background: rgb(37 99 235 / .22); color: white; }
.bottom-nav { display: none; }
.voice-orb-floating { position: fixed; left: 50%; right: auto; bottom: calc(24px + env(safe-area-inset-bottom)); z-index: 60; width: auto; grid-template-columns: 58px; padding: 8px; border-radius: 999px; margin: 0; transform: translateX(-50%); box-shadow: 0 22px 70px rgb(2 6 23 / .46), inset 0 1px 0 rgb(255 255 255 / .04); }
.theme-switcher { margin-top: 0; margin-bottom: 12px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; border: 1px solid rgb(96 165 250 / .2); background: rgb(15 23 42 / .72); border-radius: 18px; padding: 7px; box-shadow: inset 0 1px 0 rgb(255 255 255 / .04); }
.trending-words-panel { margin: 0 0 12px; border: 1px solid rgb(96 165 250 / .22); background: radial-gradient(circle at 16% 0, rgb(14 165 233 / .14), transparent 42%), linear-gradient(180deg, rgb(15 23 42 / .88), rgb(2 6 23 / .62)); border-radius: 22px; padding: 14px; box-shadow: inset 0 1px 0 rgb(255 255 255 / .04); }
.trending-words-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.trending-words-head small { display: block; color: #7dd3fc; font-size: 9px; font-weight: 950; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 5px; }
.trending-words-head h3 { margin: 0; color: #f8fafc; font-size: 14px; line-height: 1.15; letter-spacing: -.01em; }
.trending-words-panel p { margin: 0 0 12px; color: #94a3b8; font-size: 11px; line-height: 1.45; font-weight: 780; }
.trends-scan-button { flex: 0 0 auto; border: 1px solid rgb(125 211 252 / .3); border-radius: 999px; padding: 8px 10px; background: rgb(14 165 233 / .14); color: #bae6fd; cursor: pointer; font: inherit; font-size: 10px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.trends-scan-button:hover, .trends-scan-button:disabled { background: linear-gradient(135deg, rgb(14 165 233 / .52), rgb(59 130 246 / .46)); color: white; }
.trends-list { display: grid; gap: 8px; max-height: min(520px, 58vh); overflow: auto; padding-right: 2px; }
.trend-keyword-button, .trend-empty { width: 100%; text-align: left; border: 1px solid rgb(30 41 59 / .9); border-radius: 16px; background: rgb(2 6 23 / .52); color: #dbeafe; padding: 10px; font: inherit; }
.trend-keyword-button { display: grid; grid-template-columns: 28px 1fr auto; align-items: start; gap: 9px; cursor: pointer; transition: .18s ease; }
.trend-keyword-button:hover, .trend-keyword-button.active { transform: translateY(-1px); border-color: rgb(125 211 252 / .34); background: linear-gradient(135deg, rgb(14 165 233 / .16), rgb(15 23 42 / .88)); }
.trend-rank { width: 28px; height: 28px; border-radius: 11px; display: grid; place-items: center; background: rgb(14 165 233 / .16); color: #bae6fd; font-size: 11px; font-weight: 950; }
.trend-word { display: block; color: #f8fafc; font-size: 13px; font-weight: 950; line-height: 1.1; text-transform: capitalize; }
.trend-desc { display: block; margin-top: 5px; color: #94a3b8; font-size: 10px; font-weight: 760; line-height: 1.35; }
.trend-score { color: #93c5fd; font-size: 11px; font-weight: 950; white-space: nowrap; }
.trend-empty { color: #94a3b8; font-size: 11px; line-height: 1.45; font-weight: 800; }
.theme-switcher button { min-width: 0; border: 1px solid transparent; border-radius: 13px; padding: 9px 6px; background: transparent; color: #94a3b8; cursor: pointer; font: inherit; font-size: 10px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; transition: .18s ease; }
.theme-switcher button:hover, .theme-switcher button.active, .theme-switcher button[aria-pressed="true"] { border-color: rgb(147 197 253 / .28); background: linear-gradient(135deg, rgb(37 99 235 / .82), rgb(124 58 237 / .72)); color: white; box-shadow: 0 10px 26px rgb(37 99 235 / .22); }
.sidebar .theme-switcher + .auth-dock { margin-top: 0; }
.theme-registry-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
.theme-registry-card { min-width: 0; display: grid; gap: 10px; text-align: left; border: 1px solid rgb(96 165 250 / .16); border-radius: 18px; background: rgb(2 6 23 / .36); color: #cbd5e1; padding: 14px; cursor: pointer; font: inherit; transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease; }
.theme-registry-card:hover, .theme-registry-card.active, .theme-registry-card[aria-pressed="true"] { transform: translateY(-1px); border-color: rgb(125 211 252 / .46); background: rgb(14 165 233 / .13); box-shadow: 0 16px 38px rgb(2 6 23 / .28), inset 0 1px 0 rgb(255 255 255 / .05); }
.theme-registry-card:disabled { cursor: wait; opacity: .72; }
.theme-registry-card b { color: #f8fafc; font-size: 15px; font-weight: 950; }
.theme-registry-card small { color: #94a3b8; font-size: 11px; font-weight: 780; line-height: 1.35; }
.theme-preview { height: 76px; display: grid; grid-template-columns: 1.2fr .8fr; grid-template-rows: repeat(2, 1fr); gap: 6px; border: 1px solid rgb(255 255 255 / .08); border-radius: 14px; padding: 8px; overflow: hidden; }
.theme-preview i { display: block; min-width: 0; border-radius: 9px; box-shadow: inset 0 1px 0 rgb(255 255 255 / .1); }
.theme-preview i:first-child { grid-row: 1 / -1; }
.theme-preview-dark { background: #020617; }
.theme-preview-dark i:nth-child(1) { background: linear-gradient(135deg, #111827, #334155); }
.theme-preview-dark i:nth-child(2) { background: #0f172a; }
.theme-preview-dark i:nth-child(3) { background: #f97316; }
.theme-preview-light { background: #f8fafc; border-color: #e5e7eb; }
.theme-preview-light i:nth-child(1) { background: #111827; }
.theme-preview-light i:nth-child(2) { background: #e5e7eb; }
.theme-preview-light i:nth-child(3) { background: #2563eb; }
body[data-theme="light"] { color-scheme: light; background: radial-gradient(circle at top right, #dbeafe 0, transparent 34%), #f7fafc; color: #0f172a; }
body[data-theme="light"] .sidebar { border-right-color: #dbe3ef; background: rgb(255 255 255 / .94); }
body[data-theme="light"] .brand, body[data-theme="light"] h1, body[data-theme="light"] .panel h2, body[data-theme="light"] .settings-card h3, body[data-theme="light"] .rss-news-head h3, body[data-theme="light"] .map-card-head h3 { color: #0f172a; }
body[data-theme="light"] .nav-item { color: #475569; }
body[data-theme="light"] .nav-icon, body[data-theme="light"] .bottom-nav-item span { background: #eaf1fb; color: #1d4ed8; }
body[data-theme="light"] .auth-dock, body[data-theme="light"] .voice-orb-panel, body[data-theme="light"] .theme-switcher, body[data-theme="light"] .trending-words-panel { border-color: #dbe3ef; background: rgb(255 255 255 / .82); }
body[data-theme="light"] .sidebar-hide-button, body[data-theme="light"] .sidebar-restore-button { border-color: #dbe3ef; background: rgb(255 255 255 / .9); color: #1e3a8a; }
body[data-theme="light"] .auth-meta b, body[data-theme="light"] .voice-orb-meta span, body[data-theme="light"] .settings-field { color: #0f172a; }
body[data-theme="light"] .panel, body[data-theme="light"] .metric-card, body[data-theme="light"] .indonesia-map-card, body[data-theme="light"] .rss-news-card, body[data-theme="light"] .mentan-kunker-panel, body[data-theme="light"] .sentiment-graph-panel, body[data-theme="light"] .settings-card { border-color: #dbe3ef; background: linear-gradient(180deg, rgb(255 255 255 / .96), rgb(241 245 249 / .96)); box-shadow: 0 18px 48px rgb(15 23 42 / .08); }
body[data-theme="light"] .orbit-issue-toolbar { border-color: #dbe3ef; background: rgb(248 250 252 / .82); }
body[data-theme="light"] .orbit-issue-button { border-color: #cbd5e1; background: white; color: #1e3a8a; }
body[data-theme="light"] .panel p, body[data-theme="light"] .topbar-subtitle, body[data-theme="light"] .metric-card span, body[data-theme="light"] .map-card-head p, body[data-theme="light"] .rss-news-head p, body[data-theme="light"] .rss-news-item p { color: #64748b; }
body[data-theme="light"] .rss-news-item, body[data-theme="light"] .news-skeleton { border-color: #dbe3ef; background: rgb(255 255 255 / .76); }
body[data-theme="light"] .rss-news-item a { color: #1e3a8a; }
body[data-theme="light"] .city-select, body[data-theme="light"] .rubric-select, body[data-theme="light"] .settings-field input { border-color: #cbd5e1; background: white; color: #0f172a; }
body[data-theme="light"] .theme-switcher button { color: #475569; }
body[data-theme="light"] .mobile-topbar, body[data-theme="light"] .bottom-nav { border-color: #dbe3ef; background: rgb(255 255 255 / .92); }
body[data-theme="light"] .sidebar {
  border-right-color: #e5e7eb;
  background: linear-gradient(180deg, rgb(255 255 255 / .98), rgb(248 250 252 / .96));
  box-shadow: 12px 0 32px rgb(15 23 42 / .04);
}
body[data-theme="light"] .brand-mark,
body[data-theme="light"] .mobile-brand span {
  background: #111827;
  color: #ffffff;
  box-shadow: 0 12px 28px rgb(17 24 39 / .12);
}
body[data-theme="light"] .brand {
  color: #111827;
}
body[data-theme="light"] .menu-label {
  color: #6b7280;
}
body[data-theme="light"] .nav-item {
  color: #475569;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
body[data-theme="light"] .nav-item small {
  color: #94a3b8;
}
body[data-theme="light"] .nav-icon,
body[data-theme="light"] .bottom-nav-item span {
  background: #f1f5f9;
  color: #475569;
}
body[data-theme="light"] .nav-item:hover,
body[data-theme="light"] .nav-item.active {
  border-color: #e5e7eb;
  background: #f3f4f6;
  color: #111827;
  box-shadow: none;
}
body[data-theme="light"] .nav-item:hover small,
body[data-theme="light"] .nav-item.active small {
  color: #64748b;
}
body[data-theme="light"] .nav-item:hover .nav-icon,
body[data-theme="light"] .nav-item.active .nav-icon {
  background: #111827;
  color: #ffffff;
}
body[data-theme="light"] .nav-submenu {
  border-left-color: #e5e7eb;
}
body[data-theme="light"] .nav-subitem {
  color: #64748b;
  background: transparent;
  border-color: transparent;
}
body[data-theme="light"] .nav-subitem:hover,
body[data-theme="light"] .nav-subitem.active {
  color: #111827;
  border-color: #e5e7eb;
  background: #f8fafc;
}
body[data-theme="light"] .theme-switcher {
  border-color: #e5e7eb;
  background: #f8fafc;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .8);
}
body[data-theme="light"] .theme-switcher button {
  color: #64748b;
}
body[data-theme="light"] .theme-switcher button:hover,
body[data-theme="light"] .theme-switcher button.active,
body[data-theme="light"] .theme-switcher button[aria-pressed="true"] {
  border-color: #d1d5db;
  background: #111827;
  color: #ffffff;
  box-shadow: 0 8px 18px rgb(17 24 39 / .12);
}
body[data-theme="light"] .theme-registry-card {
  border-color: #dbe3ef;
  background: #ffffff;
  color: #475569;
  box-shadow: 0 10px 24px rgb(15 23 42 / .04);
}
body[data-theme="light"] .theme-registry-card:hover,
body[data-theme="light"] .theme-registry-card.active,
body[data-theme="light"] .theme-registry-card[aria-pressed="true"] {
  border-color: #bfdbfe;
  background: #eff6ff;
  box-shadow: 0 14px 30px rgb(15 23 42 / .08);
}
body[data-theme="light"] .theme-registry-card b {
  color: #0f172a;
}
body[data-theme="light"] .theme-registry-card small {
  color: #64748b;
}
body[data-theme="light"] .sidebar-hide-button,
body[data-theme="light"] .sidebar-restore-button {
  border-color: #e5e7eb;
  background: #ffffff;
  color: #374151;
  box-shadow: 0 12px 28px rgb(15 23 42 / .08);
}
body[data-theme="light"] .sidebar-hide-button:hover,
body[data-theme="light"] .sidebar-restore-button:hover {
  border-color: #d1d5db;
  background: #f3f4f6;
  color: #111827;
}
body[data-theme="light"] .auth-dock {
  border-color: #e5e7eb;
  background: #ffffff;
  box-shadow: 0 12px 28px rgb(15 23 42 / .05);
}
body[data-theme="light"] .auth-avatar {
  background: #e5e7eb;
  color: #111827;
}
body[data-theme="light"] .auth-meta small {
  color: #6b7280;
}
body[data-theme="light"] .auth-meta b {
  color: #111827;
}
body[data-theme="light"] .auth-meta span {
  border-color: #e5e7eb;
  background: #f8fafc;
  color: #475569;
}
body[data-theme="light"] .logout-button {
  border-color: #e5e7eb;
  background: #f8fafc;
  color: #64748b;
}
body[data-theme="light"] .logout-button:hover {
  border-color: #fecaca;
  background: #fef2f2;
  color: #991b1b;
}
body[data-theme="light"] .mobile-topbar,
body[data-theme="light"] .bottom-nav {
  border-color: #e5e7eb;
  background: rgb(255 255 255 / .94);
  box-shadow: 0 12px 30px rgb(15 23 42 / .08);
}
body[data-theme="light"] .mobile-menu-button,
body[data-theme="light"] .voice-btn {
  border-color: #e5e7eb;
  background: #ffffff;
  color: #374151;
}
body[data-theme="light"] .bottom-nav-item {
  color: #64748b;
}
body[data-theme="light"] .bottom-nav-item.active {
  color: #111827;
}
body[data-theme="light"] .bottom-nav-item.active span {
  background: #111827;
  color: #ffffff;
  box-shadow: 0 8px 18px rgb(17 24 39 / .14);
}

body {
  --widget-bg: linear-gradient(180deg, rgb(16 24 39 / .96), rgb(11 18 32 / .96));
  --widget-bg-soft: rgb(15 23 42 / .64);
  --widget-bg-muted: rgb(2 6 23 / .52);
  --widget-border: rgb(30 41 59 / .9);
  --widget-border-soft: rgb(148 163 184 / .16);
  --widget-text: #f8fafc;
  --widget-text-soft: #dbeafe;
  --widget-muted: #94a3b8;
  --widget-muted-strong: #cbd5e1;
  --widget-accent: #7dd3fc;
  --widget-accent-strong: #fde68a;
  --widget-input-bg: rgb(15 23 42 / .88);
  --widget-button-bg: rgb(14 165 233 / .14);
  --widget-shadow: 0 18px 48px rgb(2 6 23 / .24);
}
body[data-theme="dark"] {
  color-scheme: dark;
  background: radial-gradient(circle at top right, rgb(249 115 22 / .12) 0, transparent 34%), #070b14;
  color: #e5edf8;
}
body[data-theme="dark"] .intel-widget-manual-search {
  background: var(--widget-bg);
}
body[data-theme="dark"] .intel-keyword-trends-row .growth.up { color: #bbf7d0; }
body[data-theme="dark"] .intel-keyword-trends-row .growth.breakout { color: #fef3c7; }
body[data-theme="dark"] .intel-keyword-trends-row .risk.critical { color: #fecaca; }
body[data-theme="dark"] .intel-keyword-trends-row .risk.warning { color: #fde68a; }
body[data-theme="dark"] .intel-keyword-trends-row .risk.normal { color: #bae6fd; }
body[data-theme="dark"] .intel-google-search-form input {
  border-color: var(--widget-border-soft);
  background: var(--widget-input-bg);
  color: var(--widget-text);
  box-shadow: 0 1px 8px rgb(0 0 0 / .28);
}
body[data-theme="dark"] .intel-google-search-button {
  border-color: var(--widget-border-soft);
  background: var(--widget-button-bg);
  color: var(--widget-text-soft);
}
body[data-theme="light"] {
  --widget-bg: linear-gradient(180deg, rgb(255 255 255 / .98), rgb(241 245 249 / .96));
  --widget-bg-soft: rgb(255 255 255 / .82);
  --widget-bg-muted: rgb(248 250 252 / .9);
  --widget-border: #d3d3d3;
  --widget-border-soft: #d3d3d3;
  --widget-text: #111827;
  --widget-text-soft: #1f2937;
  --widget-muted: #526071;
  --widget-muted-strong: #374151;
  --widget-accent: #2563eb;
  --widget-accent-strong: #b45309;
  --widget-input-bg: #ffffff;
  --widget-button-bg: #f8fafc;
  --widget-shadow: 0 16px 38px rgb(15 23 42 / .06);
}
body[data-theme="light"] .orbit-map-sentiment-summary { background: #ffffff; box-shadow: 0 8px 20px rgb(15 23 42 / .12); }
body[data-theme="light"] .orbit-map-sentiment-copy > span { color: #2563eb; }
body[data-theme] .panel,
body[data-theme] .metric-card,
body[data-theme] .indonesia-map-card,
body[data-theme] .rss-news-card,
body[data-theme] .mentan-kunker-panel,
body[data-theme] .sentiment-graph-panel,
body[data-theme] .settings-card,
body[data-theme] .intel-widget-manager,
body[data-theme] .intel-tracker-manager,
body[data-theme] .intel-entity-manager,
body[data-theme] .trending-words-panel {
  border-color: var(--widget-border);
  background: var(--widget-bg);
  color: var(--widget-text);
  box-shadow: var(--widget-shadow);
}
body[data-theme] .intel-basic-widget,
body[data-theme] .intel-widget-shell,
body[data-theme] .intel-widget-empty-shell {
  color: var(--widget-text);
}
body[data-theme] .intel-widget-shell {
  border-color: var(--widget-border);
  background: var(--widget-bg);
}
body[data-theme] .intel-widget-registry-stats,
body[data-theme] .intel-widget-source-groups,
body[data-theme] .intel-widget-active-cities,
body[data-theme] .intel-widget-rss-health,
body[data-theme] .intel-widget-today-news,
body[data-theme] .intel-widget-province-coverage {
  background: var(--widget-bg);
}
body[data-theme] .intel-widget-head h3,
body[data-theme] .intel-stats-grid b,
body[data-theme] .intel-stat-hero b,
body[data-theme] .intel-mini-row span,
body[data-theme] .intel-rss-card a,
body[data-theme] .intel-heatmap-row span,
body[data-theme] .intel-outlet-row span,
body[data-theme] .intel-social-network-rank span,
body[data-theme] .intel-social-network-metrics b,
body[data-theme] .trend-word,
body[data-theme] .trending-words-head h3 {
  color: var(--widget-text);
}
body[data-theme] .intel-widget-manager-row span,
body[data-theme] .intel-trend-section-head b,
body[data-theme] .intel-sentiment-total b,
body[data-theme] .intel-sentiment-pie span,
body[data-theme] .intel-agent-audit-row b,
body[data-theme] .source-group-options label,
body[data-theme] .sentiment-total b,
body[data-theme] .sentiment-pie span {
  color: var(--widget-text);
}
body[data-theme] .intel-entity-manager button,
body[data-theme] .intel-tracker-manager button,
body[data-theme] .intel-widget-manager-head button,
body[data-theme] .intel-widget-manager-foot button,
body[data-theme] .intel-widget-manager-presets button {
  color: var(--widget-text-soft);
}
body[data-theme] .intel-entity-manager select,
body[data-theme] .intel-entity-manager input,
body[data-theme] .intel-tracker-manager input {
  color: var(--widget-text);
}
body[data-theme] .intel-widget-head small,
body[data-theme] .intel-stats-head small,
body[data-theme] .intel-analytics-head small,
body[data-theme] .intel-active-issue-polar-head small,
body[data-theme] .intel-social-network-rank h4,
body[data-theme] .trending-words-head small {
  color: var(--widget-accent);
}
body[data-theme] .intel-widget-head p,
body[data-theme] .intel-widget-empty,
body[data-theme] .intel-stats-grid small,
body[data-theme] .intel-stat-hero small,
body[data-theme] .intel-mini-row small,
body[data-theme] .intel-rss-card small,
body[data-theme] .intel-rss-card p,
body[data-theme] .intel-ai-summary-loading-head small,
body[data-theme] .intel-ai-summary-meta,
body[data-theme] .intel-analytics-head p,
body[data-theme] .intel-heatmap-row small,
body[data-theme] .intel-social-network-rank small,
body[data-theme] .trend-desc,
body[data-theme] .trend-empty,
body[data-theme] .trending-words-panel p {
  color: var(--widget-muted);
}
body[data-theme] .intel-rss-card,
body[data-theme] .intel-stats-grid article,
body[data-theme] .intel-mini-row,
body[data-theme] .intel-ai-summary-readable,
body[data-theme] .intel-ai-summary-scope-rail,
body[data-theme] .intel-ai-summary-scope-card,
body[data-theme] .intel-domain-carousel-card,
body[data-theme] .intel-heatmap-row,
body[data-theme] .intel-outlet-row,
body[data-theme] .intel-social-network-metrics span,
body[data-theme] .intel-social-network-rank article,
body[data-theme] .trend-keyword-button,
body[data-theme] .trend-empty,
body[data-theme] .news-skeleton,
body[data-theme] .rss-news-item,
body[data-theme] .intel-active-issue-polar-chart,
body[data-theme] .intel-social-network-chart {
  border-color: var(--widget-border-soft);
  background: var(--widget-bg-soft);
  color: var(--widget-text-soft);
}
body[data-theme] .intel-widget-empty {
  border-color: var(--widget-border-soft);
  background: var(--widget-bg-muted);
}
body[data-theme] .intel-ai-summary-box {
  border-color: color-mix(in srgb, var(--widget-accent) 34%, transparent);
  background: var(--widget-bg-soft);
}
body[data-theme] .intel-ai-summary-box p,
body[data-theme] .intel-ai-summary-text,
body[data-theme] .intel-ai-summary-list span,
body[data-theme] .intel-ai-summary-hotspots span {
  color: var(--widget-text-soft);
}
body[data-theme] .intel-ai-summary-scope-card b {
  color: var(--widget-text);
}
body[data-theme] .intel-domain-carousel-card h4 {
  color: var(--widget-text);
}
body[data-theme] .intel-domain-carousel-card p {
  color: var(--widget-text-soft);
}
body[data-theme] .intel-domain-carousel-card footer {
  color: var(--widget-muted);
}
body[data-theme] .intel-ai-summary-box small,
body[data-theme] .intel-ai-summary-kicker,
body[data-theme] .intel-ai-summary-scope-card small,
body[data-theme] .intel-domain-carousel-card-top small,
body[data-theme] .intel-ai-summary-list b,
body[data-theme] .intel-ai-summary-hotspots b,
body[data-theme] .intel-heatmap-row b,
body[data-theme] .intel-outlet-row b,
body[data-theme] .intel-mini-row b,
body[data-theme] .intel-social-network-rank b,
body[data-theme] .trend-score {
  color: var(--widget-accent-strong);
}
body[data-theme] .intel-issue-toolbar,
body[data-theme] .intel-rss-filter-panel,
body[data-theme] .intel-preset-toolbar,
body[data-theme] .intel-layout-menu-panel {
  border-color: var(--widget-border);
  background: var(--widget-bg-soft);
}
body[data-theme] .intel-issue-chip,
body[data-theme] .intel-preset-chip,
body[data-theme] .intel-preset-actions button,
body[data-theme] .intel-layout-menu summary,
body[data-theme] .intel-keyword-trends-actions button,
body[data-theme] .intel-widget-action,
body[data-theme] .trends-scan-button,
body[data-theme] .orbit-action-btn,
body[data-theme] .settings-secondary-btn {
  border-color: var(--widget-border-soft);
  background: var(--widget-button-bg);
  color: var(--widget-text-soft);
}
body[data-theme] .intel-domain-selector select,
body[data-theme] .intel-manual-keyword-form input,
body[data-theme] .intel-social-network-actions select,
body[data-theme] .intel-social-network-actions input,
body[data-theme] .intel-active-issue-polar-actions select,
body[data-theme] .city-select,
body[data-theme] .rubric-select,
body[data-theme] .settings-field input {
  border-color: var(--widget-border-soft);
  background: var(--widget-input-bg);
  color: var(--widget-text);
}
body[data-theme] .intel-manual-keyword-form input::placeholder,
body[data-theme] .intel-social-network-actions input::placeholder {
  color: var(--widget-muted);
}
body[data-theme="light"] .intel-widget-manual-search {
  background: #ffffff;
}
body[data-theme] .intel-keyword-trends-head p,
body[data-theme] .intel-keyword-trends-row span {
  color: var(--widget-text-soft);
}
body[data-theme] .intel-keyword-trends-row .keyword,
body[data-theme] .intel-keyword-trends-row .score {
  color: var(--widget-text);
}
body[data-theme] .intel-keyword-trends-row,
body[data-theme] .intel-keyword-trends-row.is-head {
  border-color: var(--widget-border-soft);
  background: var(--widget-bg-soft);
}
body[data-theme] .intel-keyword-trends-row:not(.is-head):hover {
  border-color: var(--widget-accent);
  background: var(--widget-button-bg);
}
body[data-theme] .intel-keyword-trends-row .growth.up { color: #16a34a; }
body[data-theme] .intel-keyword-trends-row .growth.breakout { color: #b45309; }
body[data-theme] .intel-keyword-trends-row .risk.critical { color: #dc2626; }
body[data-theme] .intel-keyword-trends-row .risk.warning { color: #b45309; }
body[data-theme] .intel-keyword-trends-row .risk.normal { color: #0369a1; }
body[data-theme] .intel-widget-map {
  background: var(--widget-bg);
}
body[data-theme] .intel-map-head {
  background: linear-gradient(180deg, color-mix(in srgb, var(--widget-bg-muted) 92%, transparent), transparent);
}
body[data-theme] .intel-map-hud,
body[data-theme] .intel-map-legend,
body[data-theme] .intel-domain-selector {
  border-color: var(--widget-border-soft);
  background: color-mix(in srgb, var(--widget-bg-soft) 88%, transparent);
  color: var(--widget-text-soft);
  box-shadow: var(--widget-shadow);
}
body[data-theme] .intel-map-hud span,
body[data-theme] .intel-domain-selector::before,
body[data-theme] .intel-domain-selector::after {
  color: var(--widget-accent);
}
body[data-theme] .intel-map-hud b,
body[data-theme] .intel-domain-selector select {
  color: var(--widget-text);
}
body[data-theme] .intel-map-hud small,
body[data-theme] .intel-map-hud [data-intel-filter-breadcrumb],
body[data-theme] .intel-map-sync-label {
  color: var(--widget-muted);
}
body[data-theme] .intel-map-canvas {
  background: var(--widget-bg-muted);
}
body[data-theme="light"] .intel-map-canvas::after,
body[data-theme="light"] .maplibre-map-canvas::before {
  background-image: linear-gradient(rgb(148 163 184 / .08) 1px, transparent 1px), linear-gradient(90deg, rgb(148 163 184 / .08) 1px, transparent 1px);
  mix-blend-mode: multiply;
  opacity: .14;
}
body[data-theme="light"] .intel-widget-map,
body[data-theme="light"] .intel-map-canvas,
body[data-theme="light"] .maplibre-map-canvas {
  background: #f8fafc;
}
body[data-theme="light"] .intel-map-hud,
body[data-theme="light"] .intel-map-legend,
body[data-theme="light"] .intel-domain-selector,
body[data-theme="light"] .intel-map-issue-toolbar .intel-issue-chip,
body[data-theme="light"] .maplibre-map-canvas .maplibregl-ctrl-group {
  border-color: #e5e7eb;
  background: rgb(255 255 255 / .88);
  color: #374151;
  box-shadow: 0 12px 28px rgb(15 23 42 / .06);
}
body[data-theme] .intel-map-issue-toolbar .intel-issue-chip,
body[data-theme] .maplibre-map-canvas .maplibregl-ctrl-group {
  border-color: var(--widget-border-soft);
  background: color-mix(in srgb, var(--widget-bg-soft) 88%, transparent);
  color: var(--widget-text-soft);
  box-shadow: var(--widget-shadow);
}
body[data-theme] .maplibre-map-canvas .maplibregl-ctrl button {
  color: var(--widget-text-soft);
}
body[data-theme] .maplibre-map-canvas .maplibregl-ctrl button:hover {
  background: var(--widget-button-bg);
}
body[data-theme="light"] .intel-widget-trending,
body[data-theme="light"] .intel-widget-geospatial,
body[data-theme="light"] .intel-widget-crisis,
body[data-theme="light"] .live-crisis-stream,
body[data-theme="light"] .mentan-kunker-panel {
  border-color: #dbe3ef;
  background: linear-gradient(180deg, #ffffff, #f8fafc);
  color: #0f172a;
}
body[data-theme="light"] .intel-widget-trending .intel-widget-head h3,
body[data-theme="light"] .intel-widget-geospatial .intel-widget-head h3,
body[data-theme="light"] .intel-widget-crisis .intel-widget-head h3,
body[data-theme="light"] .live-crisis-head h3,
body[data-theme="light"] .kunker-head h3 {
  color: #0f172a;
}
body[data-theme="light"] .intel-trend-section-head b,
body[data-theme="light"] .intel-trend-copy b,
body[data-theme="light"] .intel-crisis-card a,
body[data-theme="light"] .intel-geospatial-copy b,
body[data-theme="light"] .crisis-title,
body[data-theme="light"] .kunker-spatial b {
  color: #0f172a;
}
body[data-theme="light"] .intel-trend-section-head small,
body[data-theme="light"] .intel-trend-copy small,
body[data-theme="light"] .intel-crisis-card p,
body[data-theme="light"] .intel-crisis-card small,
body[data-theme="light"] .intel-crisis-card-top time,
body[data-theme="light"] .intel-geospatial-copy p,
body[data-theme="light"] .intel-geospatial-copy em,
body[data-theme="light"] .live-crisis-stream p,
body[data-theme="light"] .crisis-summary,
body[data-theme="light"] .crisis-meta,
body[data-theme="light"] .crisis-time,
body[data-theme="light"] .mentan-kunker-panel p,
body[data-theme="light"] .kunker-headline,
body[data-theme="light"] .kunker-meta,
body[data-theme="light"] .kunker-spatial small {
  color: #475569;
}
body[data-theme="light"] .intel-trend-row,
body[data-theme="light"] .intel-geospatial-card,
body[data-theme="light"] .intel-crisis-card,
body[data-theme="light"] .crisis-card,
body[data-theme="light"] .crisis-empty,
body[data-theme="light"] .kunker-card,
body[data-theme="light"] .kunker-empty {
  border-color: #dbe3ef;
  background: #ffffff;
  color: #0f172a;
  box-shadow: 0 10px 28px rgb(15 23 42 / .06);
}
body[data-theme="light"] .intel-trend-row:hover,
body[data-theme="light"] .intel-trend-row.active,
body[data-theme="light"] .kunker-card:hover {
  border-color: #93c5fd;
  background: #f8fbff;
}
body[data-theme="light"] .intel-trend-copy i {
  background: #e2e8f0;
}
body[data-theme="light"] .intel-trend-rank {
  background: #e0f2fe;
  color: #075985;
}
body[data-theme="light"] .intel-trend-score,
body[data-theme="light"] .intel-geospatial-copy small,
body[data-theme="light"] .kunker-card:hover .kunker-route {
  color: #0369a1;
}
body[data-theme="light"] .intel-trend-level-trending .intel-trend-row,
body[data-theme="light"] .intel-trend-row.intel-trend-level-trending,
body[data-theme="light"] .intel-crisis-card-critical,
body[data-theme="light"] .crisis-card-critical {
  border-color: #fecaca;
  background: #fff1f2;
}
body[data-theme="light"] .intel-trend-level-emerging .intel-trend-row,
body[data-theme="light"] .intel-trend-row.intel-trend-level-emerging,
body[data-theme="light"] .intel-crisis-card-warning,
body[data-theme="light"] .crisis-card-warning {
  border-color: #fde68a;
  background: #fffbeb;
}
body[data-theme="light"] .intel-trend-level-local .intel-trend-row,
body[data-theme="light"] .intel-trend-row.intel-trend-level-local {
  border-color: #bbf7d0;
  background: #f0fdf4;
}
body[data-theme="light"] .intel-crisis-card-top span,
body[data-theme="light"] .crisis-card-critical .crisis-badge {
  color: #991b1b;
  background: rgb(254 202 202 / .72);
}
body[data-theme="light"] .crisis-card-warning .crisis-badge {
  color: #92400e;
  background: rgb(253 230 138 / .7);
}
body[data-theme="light"] .intel-geospatial-route {
  border: 1px solid #bbf7d0;
  background: #f0fdf4;
  color: #166534;
}
body[data-theme="light"] .intel-geospatial-badge,
body[data-theme="light"] .kunker-live-dot {
  border-color: #86efac;
}
body[data-theme="light"] .crisis-ai-summary-box,
body[data-theme="light"] .intel-crisis-ai-summary-box {
  border-color: #fecaca;
  background: #fff1f2;
}
body[data-theme="light"] .crisis-ai-summary-box p,
body[data-theme="light"] .intel-crisis-ai-summary-box p {
  color: #7f1d1d;
}
body[data-theme="light"] .crisis-ai-summary-box small,
body[data-theme="light"] .intel-crisis-ai-summary-box small {
  color: #b91c1c;
}
body[data-theme="light"] .kunker-card:hover .kunker-headline {
  color: #0f172a;
}
body[data-theme="light"] :is(
  .grid-stack-item-content,
  .intel-basic-grid > .grid-stack-item > .grid-stack-item-content,
  .panel,
  .metric-card,
  .indonesia-map-card,
  .rss-news-card,
  .mentan-kunker-panel,
  .sentiment-graph-panel,
  .live-crisis-stream,
  .trending-words-panel,
  .intel-widget-shell,
  .intel-widget-empty-shell,
  .intel-basic-widget,
  .intel-widget-manager,
  .intel-tracker-manager,
  .intel-entity-manager
) {
  border-color: var(--widget-border);
  color: var(--widget-text);
  box-shadow: var(--widget-shadow);
}
body[data-theme="light"] .intel-basic-grid > .grid-stack-item > .grid-stack-item-content,
body[data-theme="light"] .orbit-dashboard-layout > .grid-stack-item > .grid-stack-item-content,
body[data-theme="light"] .grid-stack-item > .grid-stack-item-content {
  border-color: #d3d3d3;
}
body[data-theme="light"] .intel-basic-grid.is-layout-editing > .grid-stack-item > .grid-stack-item-content,
body[data-theme="light"] .orbit-dashboard-layout.is-layout-editing .grid-stack-item-content {
  outline-color: rgb(203 213 225 / .72);
}
body[data-theme="light"] .intel-basic-grid .ui-draggable-dragging > .grid-stack-item-content,
body[data-theme="light"] .intel-basic-grid .ui-resizable-resizing > .grid-stack-item-content,
body[data-theme="light"] .intel-basic-grid .grid-stack-item.is-panel-locked > .grid-stack-item-content {
  border-color: #d3d3d3;
}
body[data-theme="light"] :is(
  .indonesia-map-card,
  .rss-news-card,
  .mentan-kunker-panel,
  .sentiment-graph-panel,
  .live-crisis-stream,
  .trending-words-panel,
  .intel-widget-shell,
  .intel-widget-empty-shell,
  .intel-widget-trending,
  .intel-widget-geospatial,
  .intel-widget-crisis,
  .intel-widget-ai-summary,
  .intel-widget-topic-timeline,
  .intel-widget-issue-heatmap,
  .intel-widget-sentiment-trend,
  .intel-widget-outlet-influence,
  .intel-widget-keyword-network,
  .intel-widget-word-cloud,
  .intel-widget-social-network,
  .intel-widget-active-issue-polar,
  .intel-widget-registry-stats,
  .intel-widget-source-groups,
  .intel-widget-active-cities,
  .intel-widget-rss-health,
  .intel-widget-today-news,
  .intel-widget-province-coverage
) {
  background: var(--widget-bg);
}
body[data-theme="light"] :is(
  .indonesia-map-card,
  .rss-news-card,
  .mentan-kunker-panel,
  .sentiment-graph-panel,
  .live-crisis-stream,
  .trending-words-panel,
  .intel-widget-shell,
  .intel-widget-empty-shell,
  .intel-basic-widget,
  .intel-widget-manager,
  .intel-tracker-manager,
  .intel-entity-manager
) :is(h1, h2, h3, h4, h5, h6, b, strong, a, .intel-widget-head h3, .intel-trend-copy b, .intel-rss-card a, .rss-news-item a, .crisis-title, .kunker-spatial b, .trend-word) {
  color: var(--widget-text);
}
body[data-theme="light"] :is(
  .indonesia-map-card,
  .rss-news-card,
  .mentan-kunker-panel,
  .sentiment-graph-panel,
  .live-crisis-stream,
  .trending-words-panel,
  .intel-widget-shell,
  .intel-widget-empty-shell,
  .intel-basic-widget,
  .intel-widget-manager,
  .intel-tracker-manager,
  .intel-entity-manager
) :is(p, small, em, time, label, li, td, th, .intel-widget-head p, .intel-rss-card p, .intel-rss-card small, .rss-news-item p, .rss-news-item small, .crisis-summary, .crisis-meta, .kunker-headline, .kunker-meta, .trend-desc) {
  color: var(--widget-muted);
}
body[data-theme="light"] :is(
  .rss-news-item,
  .news-skeleton,
  .intel-rss-card,
  .intel-stats-grid article,
  .intel-mini-row,
  .intel-trend-row,
  .intel-geospatial-card,
  .intel-crisis-card,
  .crisis-card,
  .crisis-empty,
  .kunker-card,
  .kunker-empty,
  .trend-keyword-button,
  .trend-empty,
  .intel-heatmap-row,
  .intel-outlet-row,
  .intel-social-network-metrics span,
  .intel-social-network-rank article,
  .intel-agent-audit-row,
  .intel-widget-manager-row,
  .intel-tracker-manager-domain,
  .intel-entity-manager-row
) {
  border-color: var(--widget-border-soft);
  background: #ffffff;
  color: var(--widget-text-soft);
}
body[data-theme="light"] :is(
  .intel-issue-toolbar,
  .intel-rss-filter-panel,
  .intel-preset-toolbar,
  .intel-layout-menu-panel,
  .intel-map-hud,
  .intel-map-legend,
  .intel-domain-selector,
  .rss-ai-summary-box,
  .crisis-ai-summary-box,
  .intel-crisis-ai-summary-box,
  .sentiment-indicators article
) {
  border-color: var(--widget-border-soft);
  background: var(--widget-bg-muted);
  color: var(--widget-text-soft);
}
body[data-theme="light"] :is(
  .intel-issue-chip,
  .intel-preset-chip,
  .intel-preset-actions button,
  .intel-widget-action,
  .trends-scan-button,
  .rss-ai-summary-button,
  .crisis-ai-summary-button,
  .orbit-action-btn,
  .settings-secondary-btn
) {
  border-color: var(--widget-border-soft);
  background: var(--widget-button-bg);
  color: var(--widget-text-soft);
}
body[data-theme="light"] :is(
  .intel-domain-selector select,
  .intel-manual-keyword-form input,
  .intel-google-search-form input,
  .city-select,
  .rubric-select,
  .settings-field input,
  .intel-social-network-actions select,
  .intel-social-network-actions input,
  .intel-active-issue-polar-actions select,
  .intel-entity-manager select,
  .intel-entity-manager input,
  .intel-tracker-manager input
) {
  border-color: var(--widget-border-soft);
  background: var(--widget-input-bg);
  color: var(--widget-text);
}
body[data-theme="light"] :is(.rss-news-item a, .intel-rss-card a, .crisis-title, .trend-keyword-button):hover {
  color: var(--widget-accent);
}
body[data-theme="light"] .sentiment-pie::after {
  background: #ffffff;
}
body[data-theme="light"] .sentiment-pie span,
body[data-theme="light"] .intel-sentiment-pie span {
  color: var(--widget-text);
}

body[data-theme="light"] :is(
  .video-submenu-shell,
  .video-instant-grid,
  .video-instant-card,
  .video-workflow-panel,
  .video-settings-card,
  .video-instant-modal-panel,
  .video-instant-preview-pane,
  .video-instant-subtitle-pane,
  .video-instant-timing-chart-pane,
  .video-instant-timing-detail-pane,
  .video-instant-prompt-help,
  .video-table-wrap,
  .video-clipper-review-card,
  .video-clipper-caption-preview,
  .video-clipper-caption-modes,
  .video-clipper-preview-player
) {
  border-color: #d3d3d3;
  background: linear-gradient(180deg, rgb(255 255 255 / .98), rgb(248 250 252 / .96));
  color: #111827;
  box-shadow: 0 16px 38px rgb(15 23 42 / .06);
}
body[data-theme="light"] :is(
  .video-submenu-head h2,
  .video-submenu-card,
  .video-instant-card-head h3,
  .video-instant-news-title,
  .video-instant-selected-news h4,
  .video-instant-timing-chart-pane strong,
  .video-instant-timing-list li span,
  .video-workflow-panel-head h3,
  .video-render-table td,
  .video-workflow-progress-top,
  .video-settings-card-head h3,
  .video-checkbox-field,
  .video-clipper-review-head strong,
  .video-clipper-card-title strong,
  .video-clipper-caption-modes p,
  .video-clipper-preview-head
) {
  color: #111827;
}
body[data-theme="light"] :is(
  .video-submenu-head p,
  .video-instant-brand-note,
  .video-instant-card-head p,
  .video-instant-card-head small,
  .video-instant-rss-meta,
  .video-instant-news-main small,
  .video-instant-news-item time,
  .video-instant-selected-news small,
  .video-instant-selected-news time,
  .video-instant-queue-row span,
  .video-instant-progress-meta small,
  .video-instant-timing-detail-pane h4,
  .video-instant-timing-list li,
  .video-instant-timing-list li small,
  .video-workflow-panel-head p,
  .video-workflow-hint,
  .video-workflow-form label,
  .video-form-actions span,
  .video-field-optional,
  .video-render-empty td,
  .video-clipper-source,
  .video-workflow-progress p,
  .video-workflow-progress small,
  .video-clipper-status-compact span,
  .video-clipper-review-toolbar,
  .video-clipper-card-select,
  .video-clipper-review-card p,
  .video-clipper-review-actions span,
  .video-settings-status,
  .video-settings-card label,
  .video-settings-card-head p,
  .video-template-preview-editor-toolbar label
) {
  color: #526071;
}
body[data-theme="light"] :is(
  .video-instant-news-item,
  .video-instant-selected-news,
  .video-instant-queue-row,
  .video-instant-empty,
  .video-instant-timing-button,
  .video-instant-timing-list li,
  .video-workflow-form input,
  .video-workflow-form select,
  .video-workflow-form textarea,
  .video-render-table th,
  .video-clipper-status-compact,
  .video-clipper-compact-meta span,
  .video-clipper-edit-grid input,
  .video-clipper-edit-grid textarea,
  .video-clipper-time-control button,
  .video-settings-media-select select,
  .video-settings-template-select select,
  .video-settings-card input,
  .video-settings-card select,
  .video-settings-tabs,
  .video-template-upload-row form,
  .video-backsound-upload,
  .video-template-preview-editor-toolbar button,
  .video-template-preview-editor-toolbar select
) {
  border-color: #d3d3d3;
  background: #ffffff;
  color: #111827;
}
body[data-theme="light"] :is(.video-instant-news-thumb, .video-preview-placeholder, .video-clipper-card-thumb-empty) {
  background: #f1f5f9;
  color: #2563eb;
}
body[data-theme="light"] :is(.video-instant-relative-time, .video-clipper-action, .video-settings-tabs button.active) {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
}
body[data-theme="light"] :is(.video-instant-action, .video-instant-download, .video-instant-preview, .video-template-preview-editor-toolbar button, .video-template-preview-editor-toolbar select) {
  border-color: #cbd5e1;
  background: #ffffff;
  color: #1f2937;
}
body[data-theme="light"] :is(.video-instant-progress, .video-workflow-bar) {
  border-color: #d3d3d3;
  background: #e5e7eb;
  box-shadow: none;
}
body[data-theme="light"] .video-render-table th {
  color: #374151;
  background: #f1f5f9;
}
body[data-theme="light"] .video-render-table td {
  border-bottom-color: #e5e7eb;
}
body[data-theme="light"] :is(.video-settings-tabs button, .video-template-preview-editor-toolbar label) {
  color: #526071;
}
body[data-theme="light"] .video-template-preview {
  border-color: #d3d3d3;
  background: radial-gradient(circle at 50% 25%, rgb(191 219 254 / .45), transparent 40%), #f8fafc;
}
body[data-theme="light"] .video-template-preview-header,
body[data-theme="light"] .video-template-preview-footer {
  background-color: rgb(255 255 255 / .86);
  color: #b45309;
}
body[data-theme="light"] .video-template-preview-body {
  color: #64748b;
}
body[data-theme="light"] .video-template-narration-layer {
  color: #111827;
  text-shadow: none;
  background: rgb(255 255 255 / .76);
}
body[data-theme="light"] .video-instant-modal {
  background: rgb(15 23 42 / .36);
}

@media (max-width: 900px) {
  body { display: block; padding-top: calc(72px + env(safe-area-inset-top)); padding-bottom: calc(84px + env(safe-area-inset-bottom)); overflow-x: hidden; }
  body.sidebar-open { overflow: hidden; }
  .mobile-topbar { position: fixed; top: 0; left: 0; right: 0; z-index: 40; min-height: calc(64px + env(safe-area-inset-top)); padding: calc(10px + env(safe-area-inset-top)) 14px 10px; display: grid; grid-template-columns: 44px 1fr 54px; align-items: center; gap: 10px; border-bottom: 1px solid rgb(30 41 59 / .82); background: rgb(7 11 20 / .9); backdrop-filter: blur(18px); box-shadow: 0 16px 42px rgb(0 0 0 / .28); }
  .mobile-menu-button, .mobile-voice-button { min-width: 44px; height: 44px; border: 1px solid rgb(96 165 250 / .24); border-radius: 16px; background: rgb(15 23 42 / .9); color: #e5edf8; font: inherit; font-weight: 950; cursor: pointer; }
  .mobile-voice-button { color: #bfdbfe; font-size: 12px; letter-spacing: .08em; }
  .mobile-brand { min-width: 0; display: grid; grid-template-columns: 28px auto; grid-template-areas: "mark title" "mark sub"; align-items: center; column-gap: 8px; justify-content: center; }
  .mobile-brand span { grid-area: mark; width: 28px; height: 28px; border-radius: 10px; display: grid; place-items: center; background: linear-gradient(135deg, #2563eb, #7c3aed); font-weight: 950; }
  .mobile-brand b { grid-area: title; color: #f8fafc; font-size: 15px; letter-spacing: .16em; line-height: 1; }
  .mobile-brand small { grid-area: sub; color: #60a5fa; font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .sidebar { position: fixed; inset: 0 auto 0 0; z-index: 70; width: min(330px, 86vw); min-height: 100dvh; padding: calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom)); overflow-y: auto; transform: translateX(-100%); transition: transform .24s ease; box-shadow: 28px 0 70px rgb(0 0 0 / .42); }
  body.sidebar-hidden .sidebar { transform: translateX(-100%); }
  body.sidebar-hidden .main { margin-left: 0; }
  .sidebar-hide-button, .sidebar-restore-button { display: none; }
  .sidebar.is-open { transform: translateX(0); }
  .sidebar-overlay { display: block; position: fixed; inset: 0; z-index: 65; border: 0; padding: 0; background: rgb(2 6 23 / .58); opacity: 0; pointer-events: none; transition: opacity .2s ease; }
  .sidebar-overlay.is-visible { opacity: 1; pointer-events: auto; }
  .main { margin-left: 0; padding: 16px; }
  .topbar { align-items: flex-start; margin-bottom: 16px; }
  .topbar .voice-btn { display: none; }
  h1 { font-size: clamp(30px, 9vw, 38px); }
  .panel { border-radius: 24px; padding: 18px; min-height: calc(100dvh - 180px); }
  .metric-grid { grid-template-columns: 1fr; }
  .bottom-nav { position: fixed; left: 12px; right: 12px; bottom: env(safe-area-inset-bottom); z-index: 58; min-height: 58px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; padding: 7px 8px 8px; border: 1px solid var(--jr-line); border-bottom: 0; border-radius: 18px 18px 0 0; background: var(--jr-surface); backdrop-filter: blur(18px); box-shadow: 0 -18px 28px var(--jr-bg); }
  .bottom-nav-item { min-width: 0; display: grid; justify-items: center; gap: 2px; color: var(--jr-muted); text-decoration: none; font-size: 10px; font-weight: 950; letter-spacing: 0; }
  .bottom-nav-item span { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid var(--jr-line); border-radius: 10px; background: var(--jr-surface-soft); color: var(--jr-muted); }
  .bottom-nav-item.active { color: white; }
  .bottom-nav-item.active span { background: linear-gradient(135deg, #1d4ed8, #7c3aed); color: white; box-shadow: 0 8px 22px rgb(37 99 235 / .3); }
  .voice-orb-floating { bottom: calc(88px + env(safe-area-inset-bottom)); }
  .voice-orb-floating .voice-orb-meta { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
  .login-panel { grid-template-columns: 1fr; }
  .login-hero { min-height: auto; padding: 28px 24px 4px; border-right: 0; }
  .login-orbit { width: 190px; }
  .login-orbit .brand-mark { width: 78px; height: 78px; border-radius: 26px; font-size: 38px; }
  .login-card { padding: 28px 22px 26px; }
}
@media (max-width: 900px) { .konten-widget-grid { min-height: 900px; } }
@media (max-width: 560px) { .panel-head { display: block; } }


.rss-registry-toolbar { display: grid; grid-template-columns: minmax(180px, 1.5fr) repeat(3, minmax(130px, 1fr)) auto auto auto; gap: 10px; align-items: end; }
.rss-registry-toolbar label { display: grid; gap: 6px; color: #94a3b8; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }
.rss-registry-toolbar input, .rss-registry-toolbar select, .rss-registry-table input { width: 100%; border: 1px solid rgb(96 165 250 / .18); border-radius: 12px; background: rgb(15 23 42 / .72); color: #e5edf8; padding: 10px 11px; font: inherit; }
.rss-registry-toolbar button, .rss-registry-table button { border: 1px solid rgb(96 165 250 / .24); border-radius: 12px; background: rgb(37 99 235 / .18); color: #bfdbfe; padding: 10px 12px; font: inherit; font-size: 11px; font-weight: 950; cursor: pointer; }
.rss-registry-summary { color: #93c5fd; font-size: 12px; font-weight: 900; }
.rss-registry-table-wrap { overflow-x: auto; border: 1px solid rgb(96 165 250 / .14); border-radius: 18px; }
.rss-registry-table { width: 100%; min-width: 980px; border-collapse: collapse; font-size: 12px; }
.rss-registry-table th, .rss-registry-table td { padding: 11px; border-bottom: 1px solid rgb(96 165 250 / .10); vertical-align: top; text-align: left; }
.rss-registry-table th { color: #93c5fd; background: rgb(15 23 42 / .64); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.rss-registry-table td b, .rss-registry-table td small { display: block; }
.rss-registry-table td small { margin-top: 4px; color: #94a3b8; line-height: 1.35; }
.rss-registry-table .rss-url-input { min-width: 320px; }
.rss-health { display: inline-flex; border-radius: 999px; padding: 4px 8px; font-size: 10px; font-weight: 950; letter-spacing: .06em; }
.rss-health-ok { background: rgb(34 197 94 / .16); color: #86efac; }
.rss-health-warning { background: rgb(245 158 11 / .16); color: #fcd34d; }
.rss-health-error { background: rgb(239 68 68 / .16); color: #fca5a5; }
.rss-health-unknown { background: rgb(148 163 184 / .14); color: #cbd5e1; }
.rss-error-text { color: #fca5a5; }
.rss-registry-preview { border: 1px solid rgb(96 165 250 / .14); border-radius: 18px; padding: 14px; background: rgb(15 23 42 / .48); }
.rss-registry-preview h4 { margin: 0 0 10px; color: #e5edf8; }
.rss-registry-preview article { display: grid; gap: 3px; padding: 9px 0; border-top: 1px solid rgb(96 165 250 / .10); }
.rss-registry-preview small { color: #94a3b8; }
.rss-registry-preview a { color: #93c5fd; text-decoration: none; font-weight: 900; }
@media (max-width: 900px) { .rss-registry-toolbar { grid-template-columns: 1fr; } .rss-registry-table { min-width: 900px; } }

.super-admin-shell { display: grid; gap: 18px; }
.super-admin-system-shell .system-settings-tabs { display: none; }
.super-admin-page { align-items: start; }
.super-admin-tabs { display: inline-flex; width: fit-content; max-width: 100%; gap: 4px; padding: 4px; border: 1px solid rgb(96 165 250 / .16); border-radius: 14px; background: rgb(2 6 23 / .28); overflow-x: auto; }
.super-admin-tab { border: 0; border-radius: 10px; padding: 9px 14px; background: transparent; color: #94a3b8; cursor: pointer; font: inherit; font-size: 12px; font-weight: 950; white-space: nowrap; }
.super-admin-tab:hover,
.super-admin-tab.active { background: rgb(14 165 233 / .18); color: #ecfeff; }
.super-admin-tab-panel { min-width: 0; }
.super-admin-grid { display: grid; grid-template-columns: minmax(280px, 360px) minmax(0, 1fr); gap: 16px; align-items: start; }
.super-admin-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.super-admin-stats article { min-width: 0; border: 1px solid rgb(96 165 250 / .14); border-radius: 14px; padding: 12px; background: rgb(2 6 23 / .28); }
.super-admin-stats small { display: block; color: #93c5fd; font-size: 10px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.super-admin-stats b { display: block; margin-top: 5px; color: #f8fafc; font-size: 24px; line-height: 1; }
.super-admin-stats span { display: block; margin-top: 5px; color: #94a3b8; font-size: 11px; font-weight: 780; }
.super-admin-create,
.super-admin-user-list,
.super-admin-user-editor,
.super-admin-media-panel { border: 1px solid rgb(96 165 250 / .16); border-radius: 18px; background: rgb(15 23 42 / .48); padding: 14px; }
.super-admin-directory-head { display: grid; grid-template-columns: minmax(180px, 1fr) 116px 150px; gap: 10px; margin-bottom: 10px; }
.super-admin-directory-head .settings-field { margin: 0; }
.super-admin-directory { max-height: 350px; overflow: auto; display: grid; gap: 7px; padding: 8px; border: 1px solid rgb(96 165 250 / .12); border-radius: 14px; background: rgb(2 6 23 / .24); scrollbar-width: thin; }
.super-admin-user-card { width: 100%; min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 10px; text-align: left; border: 1px solid rgb(96 165 250 / .10); border-radius: 12px; padding: 10px; background: rgb(15 23 42 / .62); color: #cbd5e1; cursor: pointer; font: inherit; transition: .16s ease; }
.super-admin-user-card:hover,
.super-admin-user-card.active { border-color: rgb(56 189 248 / .44); background: rgb(14 165 233 / .14); color: #f8fafc; }
.super-admin-user-card.inactive { opacity: .62; }
.super-admin-user-card b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
.super-admin-user-card small { min-width: 0; grid-column: 1; color: #94a3b8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; font-weight: 820; }
.super-admin-user-card span { min-width: 0; grid-column: 1; color: #7dd3fc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; font-weight: 900; }
.super-admin-user-card em { grid-column: 2; grid-row: 1 / span 3; align-self: center; border-radius: 999px; padding: 5px 8px; background: rgb(59 130 246 / .16); color: #bfdbfe; font-style: normal; font-size: 10px; font-weight: 950; }
.super-admin-empty { margin: 0; border: 1px dashed rgb(96 165 250 / .18); border-radius: 12px; padding: 14px; color: #94a3b8; font-size: 12px; font-weight: 850; text-align: center; }
.super-admin-create h4,
.super-admin-columns h5,
.super-admin-media-head h5 { margin: 0 0 12px; color: #e5edf8; font-size: 13px; font-weight: 950; letter-spacing: .02em; }
.super-admin-toolbar,
.super-admin-editor-head,
.super-admin-media-head,
.super-admin-save-row,
.super-admin-create-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.super-admin-toolbar .settings-field { flex: 1 1 auto; margin: 0; }
.super-admin-toolbar-simple { justify-content: flex-start; margin-top: 8px; }
.super-admin-toolbar span,
.super-admin-save-row span,
.super-admin-create-actions span { color: #93c5fd; font-size: 12px; font-weight: 850; }
.super-admin-user-editor { margin-top: 12px; display: grid; gap: 12px; }
.super-admin-advanced { border: 1px solid rgb(96 165 250 / .14); border-radius: 14px; background: rgb(2 6 23 / .22); padding: 0; }
.super-admin-advanced summary { cursor: pointer; list-style: none; padding: 12px 14px; color: #dbeafe; font-size: 12px; font-weight: 950; letter-spacing: .02em; }
.super-admin-advanced summary::-webkit-details-marker { display: none; }
.super-admin-advanced summary::after { content: '+'; float: right; color: #7dd3fc; font-weight: 950; }
.super-admin-advanced[open] summary::after { content: '-'; }
.super-admin-advanced[open] { padding-bottom: 12px; }
.super-admin-advanced .super-admin-columns,
.super-admin-advanced .super-admin-media-head,
.super-admin-advanced .super-admin-media-table-wrap { margin-left: 12px; margin-right: 12px; }
.super-admin-editor-actions { display: grid; grid-template-columns: minmax(180px, 1fr) auto; gap: 10px; align-items: end; }
.super-admin-editor-actions .settings-field { margin: 0; }
.super-admin-editor-head small { display: block; color: #7dd3fc; font-size: 10px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.super-admin-editor-head h4 { margin: 2px 0 0; color: #f8fafc; }
.super-admin-toggle { display: inline-flex; align-items: center; gap: 8px; color: #cbd5e1; font-size: 12px; font-weight: 900; }
.super-admin-toggle input,
.super-admin-check input,
.super-admin-media-table input { accent-color: #38bdf8; }
.super-admin-columns { display: grid; grid-template-columns: minmax(180px, .75fr) minmax(0, 1.25fr); gap: 14px; }
.super-admin-check-list { max-height: 300px; overflow: auto; display: grid; gap: 7px; padding: 10px; border: 1px solid rgb(96 165 250 / .12); border-radius: 14px; background: rgb(2 6 23 / .28); scrollbar-width: thin; }
.super-admin-permission-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.super-admin-check { min-width: 0; display: flex; align-items: start; gap: 8px; color: #cbd5e1; font-size: 11px; font-weight: 800; line-height: 1.35; }
.super-admin-check span { min-width: 0; overflow-wrap: anywhere; }
.super-admin-media-head > div { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.super-admin-media-head input { min-height: 34px; width: min(180px, 100%); border: 1px solid rgb(96 165 250 / .18); border-radius: 12px; padding: 8px 10px; background: rgb(2 6 23 / .42); color: #e5edf8; font: inherit; font-size: 12px; font-weight: 820; }
.super-admin-media-table-wrap { max-height: 430px; overflow: auto; border: 1px solid rgb(96 165 250 / .12); border-radius: 14px; }
.super-admin-media-table { width: 100%; min-width: 760px; border-collapse: collapse; font-size: 12px; }
.super-admin-media-table th,
.super-admin-media-table td { padding: 10px; border-bottom: 1px solid rgb(96 165 250 / .10); text-align: center; vertical-align: middle; }
.super-admin-media-table th:first-child,
.super-admin-media-table td:first-child { text-align: left; }
.super-admin-media-table th { position: sticky; top: 0; z-index: 1; background: #0f172a; color: #93c5fd; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.super-admin-media-table b { display: block; color: #e5edf8; font-size: 12px; }
.super-admin-media-table small { display: block; margin-top: 3px; color: #94a3b8; font-size: 10px; }
.super-admin-table-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.super-admin-table-toolbar .settings-field { flex: 1 1 360px; margin: 0; max-width: 520px; }
.super-admin-table-toolbar span { color: #93c5fd; font-size: 12px; font-weight: 900; }
.super-admin-user-table-wrap { max-height: 620px; overflow: auto; border: 1px solid rgb(96 165 250 / .14); border-radius: 16px; background: rgb(2 6 23 / .22); }
.super-admin-user-table { width: 100%; min-width: 920px; border-collapse: collapse; font-size: 12px; }
.super-admin-user-table th,
.super-admin-user-table td { padding: 11px 12px; border-bottom: 1px solid rgb(96 165 250 / .10); text-align: left; vertical-align: middle; }
.super-admin-user-table th { position: sticky; top: 0; z-index: 1; background: #0f172a; color: #93c5fd; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.super-admin-user-table tbody tr { cursor: pointer; transition: .14s ease; }
.super-admin-user-table tbody tr:hover { background: rgb(14 165 233 / .10); }
.super-admin-user-table b { display: block; color: #e5edf8; font-size: 12px; }
.super-admin-user-table small { display: block; margin-top: 3px; color: #94a3b8; font-size: 10px; }
.super-admin-status-pill { display: inline-flex; align-items: center; justify-content: center; min-width: 62px; border-radius: 999px; padding: 5px 8px; font-size: 10px; font-weight: 950; }
.super-admin-status-pill.active { background: rgb(34 197 94 / .14); color: #bbf7d0; }
.super-admin-status-pill.inactive { background: rgb(148 163 184 / .14); color: #cbd5e1; }
@media (max-width: 1100px) {
  .super-admin-grid,
  .super-admin-columns,
  .super-admin-directory-head,
  .super-admin-editor-actions,
  .super-admin-stats { grid-template-columns: 1fr; }
  .super-admin-permission-list { grid-template-columns: 1fr; }
  .super-admin-table-toolbar { display: grid; }
}

.is-layout-locked .indonesia-map-canvas, .is-layout-locked canvas, .is-layout-locked .rss-news-list { pointer-events: auto; }
.intel-sandbox-head { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin: 0 0 14px; padding: 16px 18px; border: 1px solid rgb(96 165 250 / .14); border-radius: 22px; background: linear-gradient(180deg, rgb(15 23 42 / .62), rgb(2 6 23 / .42)); }
.intel-sandbox-head h2 { margin: 0; color: #f8fafc; font-size: 20px; letter-spacing: -.02em; }
.intel-sandbox-head p { margin: 5px 0 0; color: #94a3b8; font-size: 12px; font-weight: 760; }
.intel-dashboard-layout { min-height: 980px; }
.intel-empty-widget { display: grid; place-items: center; border: 1px solid rgb(96 165 250 / .18); border-radius: 20px; background: radial-gradient(circle at 18% 8%, rgb(59 130 246 / .15), transparent 38%), linear-gradient(180deg, rgb(15 23 42 / .84), rgb(2 6 23 / .68)); box-shadow: inset 0 1px 0 rgb(255 255 255 / .04), 0 16px 36px rgb(2 6 23 / .18); }
.intel-empty-widget-inner { width: 42%; aspect-ratio: 1; border-radius: 20px; border: 1px dashed rgb(125 211 252 / .24); background: rgb(14 165 233 / .05); opacity: .55; }
.intel-dashboard-layout.is-layout-editing .intel-empty-widget { border-color: rgb(125 211 252 / .42); box-shadow: inset 0 1px 0 rgb(255 255 255 / .05), 0 0 0 1px rgb(14 165 233 / .08), 0 18px 42px rgb(14 165 233 / .1); }
@media (max-width: 900px) { .bottom-nav { grid-template-columns: repeat(5, minmax(0, 1fr)); } .intel-sandbox-head { display: block; } }

.intel-widget-rss.is-news-radar-active { box-shadow: inset 0 0 0 1px rgb(239 68 68 / .22); }

.construction-panel { min-height: 420px; display: grid; place-items: center; padding: 28px; }
.construction-card { width: min(680px, 100%); border: 1px solid rgb(96 165 250 / .18); border-radius: 28px; padding: 38px; text-align: center; background: radial-gradient(circle at 50% 0%, rgb(59 130 246 / .16), transparent 42%), linear-gradient(180deg, rgb(15 23 42 / .88), rgb(2 6 23 / .72)); box-shadow: inset 0 1px 0 rgb(255 255 255 / .05), 0 22px 60px rgb(2 6 23 / .28); }
.construction-card small { display: inline-flex; padding: 6px 10px; border-radius: 999px; color: #93c5fd; background: rgb(59 130 246 / .12); font-size: 11px; font-weight: 950; letter-spacing: .12em; text-transform: uppercase; }
.construction-card h2 { margin: 16px 0 8px; color: #f8fafc; font-size: clamp(26px, 4vw, 42px); letter-spacing: -.04em; }
.construction-card p { margin: 0 auto; max-width: 520px; color: #94a3b8; line-height: 1.65; font-size: 14px; font-weight: 700; }
.konten-widget-page { min-height: 520px; }
.konten-widget-grid { min-height: 520px; }
.konten-widget-grid > .grid-stack-item > .grid-stack-item-content { inset: 8px; border: 1px solid rgb(96 165 250 / .2); border-radius: 18px; background: linear-gradient(180deg, rgb(15 23 42 / .96), rgb(2 6 23 / .96)); box-shadow: inset 0 1px 0 rgb(255 255 255 / .04); overflow: hidden; min-width: 0; min-height: 0; }
.konten-widget { position: relative; display: flex; flex-direction: column; }
.konten-widget-shell { position: relative; z-index: 1; display: flex; flex-direction: column; width: 100%; height: 100%; min-width: 0; min-height: 0; overflow: hidden; }
.konten-widget-head { flex: 0 0 auto; display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; min-width: 0; padding: 16px 16px 10px; }
.konten-widget-title { min-width: 0; }
.konten-widget-head small { display: block; color: #7dd3fc; font-size: 10px; font-weight: 950; letter-spacing: .13em; text-transform: uppercase; }
.konten-widget-head h3 { margin: 3px 0 0; color: #f8fafc; font-size: 20px; line-height: 1.12; letter-spacing: 0; }
.konten-widget-head [data-konten-widget-count] { flex: 0 0 auto; min-width: 30px; height: 26px; display: inline-grid; place-items: center; border: 1px solid rgb(125 211 252 / .24); border-radius: 999px; background: rgb(14 165 233 / .12); color: #bae6fd; font-size: 11px; font-weight: 950; }
.konten-widget-head-actions { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; }
.konten-widget-shell[data-konten-status="READY_TO_PUBLISH"] .konten-widget-head { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 9px; }
.konten-widget-shell[data-konten-status="READY_TO_PUBLISH"] .konten-widget-title { width: 100%; }
.konten-widget-shell[data-konten-status="READY_TO_PUBLISH"] .konten-widget-head h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.konten-widget-shell[data-konten-status="READY_TO_PUBLISH"] .konten-widget-head-actions { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 7px; }
.konten-publish-target-select { display: inline-flex; align-items: center; gap: 6px; color: #94a3b8; font-size: 10px; font-weight: 950; letter-spacing: .04em; text-transform: uppercase; }
.konten-publish-target-select select { min-width: 122px; height: 30px; border: 1px solid rgb(125 211 252 / .24); border-radius: 999px; background: rgb(15 23 42 / .86); color: #e0f2fe; padding: 0 28px 0 10px; font: 900 11px Inter, ui-sans-serif, system-ui, sans-serif; outline: 2px solid transparent; outline-offset: 2px; cursor: pointer; }
.konten-widget-shell[data-konten-status="READY_TO_PUBLISH"] .konten-publish-target-select { flex: 1 1 136px; min-width: 0; }
.konten-widget-shell[data-konten-status="READY_TO_PUBLISH"] .konten-publish-target-select select { width: 100%; min-width: 0; }
.konten-publish-target-select select:focus { border-color: rgb(125 211 252 / .58); box-shadow: 0 0 0 3px rgb(14 165 233 / .12); }
.konten-publish-all-btn { flex: 0 0 auto; min-height: 30px; border-radius: 999px; padding-inline: 12px; }
.konten-publish-session-list { display: grid; gap: 10px; }
.konten-publish-session-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: center; border: 1px solid rgb(148 163 184 / .18); border-radius: 12px; padding: 10px; background: rgb(15 23 42 / .58); }
.konten-publish-session-row b { display: block; color: #f8fafc; font-size: 14px; }
.konten-publish-session-row small { display: block; margin-top: 3px; color: #94a3b8; font-size: 10px; font-weight: 850; }
.konten-publish-session-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.konten-publish-audit-panel { width: min(860px, calc(100vw - 28px)); }
.konten-publish-audit-body { display: grid; gap: 12px; max-height: min(72vh, 760px); overflow: auto; padding-right: 3px; }
.konten-publish-audit-links,
.konten-publish-audit-recovery { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.konten-publish-audit-links span { color: #94a3b8; font-size: 12px; font-weight: 800; }
.konten-publish-audit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; }
.konten-publish-audit-grid div { min-width: 0; border: 1px solid rgb(148 163 184 / .16); border-radius: 10px; background: rgb(15 23 42 / .54); padding: 9px; }
.konten-publish-audit-grid dt { margin: 0 0 4px; color: #94a3b8; font: 900 10px Inter, ui-sans-serif, system-ui, sans-serif; text-transform: uppercase; letter-spacing: .04em; }
.konten-publish-audit-grid dd { margin: 0; color: #e2e8f0; font: 760 11px/1.42 Inter, ui-sans-serif, system-ui, sans-serif; overflow-wrap: anywhere; }
.konten-widget-setting-btn { width: 30px; height: 30px; display: inline-grid; place-items: center; border: 1px solid rgb(125 211 252 / .24); border-radius: 10px; background: rgb(14 165 233 / .12); color: #bae6fd; font-size: 15px; cursor: pointer; }
.konten-widget-setting-btn:hover { border-color: rgb(125 211 252 / .5); background: rgb(14 165 233 / .24); }
.konten-pipeline-list { flex: 1 1 auto; min-height: 0; overflow: auto; padding: 0 12px 12px; display: grid; align-content: start; gap: 8px; scrollbar-width: thin; }
.konten-pipeline-card { min-width: 0; display: grid; grid-template-columns: minmax(74px, 86px) minmax(0, 1fr) auto; gap: 10px; align-items: start; border: 1px solid rgb(148 163 184 / .16); border-radius: 13px; padding: 10px; background: rgb(15 23 42 / .66); }
.konten-pipeline-card:not(:has(.konten-pipeline-thumb)) { grid-template-columns: minmax(0, 1fr) auto; }
.konten-pipeline-thumb { position: relative; width: 100%; aspect-ratio: 16 / 10; margin: 0; overflow: hidden; border: 1px solid rgb(125 211 252 / .18); border-radius: 10px; background: rgb(2 6 23 / .72); }
.konten-pipeline-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.konten-pipeline-thumb-empty { width: 100%; height: 100%; display: grid; place-items: center; color: #64748b; font: 950 11px Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: .08em; }
.konten-pipeline-thumb-generate { position: absolute; top: 5px; right: 5px; width: 24px; height: 24px; display: inline-grid; place-items: center; border: 1px solid rgb(255 255 255 / .3); border-radius: 999px; background: rgb(2 6 23 / .72); color: #fef3c7; cursor: pointer; font: 950 13px Inter, ui-sans-serif, system-ui, sans-serif; box-shadow: 0 8px 18px rgb(2 6 23 / .34); }
.konten-pipeline-thumb-generate:hover:not(:disabled) { border-color: rgb(250 204 21 / .72); background: rgb(113 63 18 / .78); color: #fef9c3; }
.konten-pipeline-thumb-generate:disabled { cursor: wait; opacity: .74; }
.konten-pipeline-copy { min-width: 0; display: grid; gap: 5px; }
.konten-pipeline-copy a { min-width: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #f8fafc; text-decoration: none; font-size: 13px; line-height: 1.28; font-weight: 900; }
.konten-pipeline-copy a:hover { color: #7dd3fc; }
.konten-pipeline-copy p { margin: 0; color: #cbd5e1; font-size: 11px; line-height: 1.38; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.konten-pipeline-copy small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #94a3b8; font-size: 10px; font-weight: 850; }
.konten-pipeline-audit { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #7dd3fc; font-size: 10px; font-style: normal; font-weight: 850; }
.konten-pipeline-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 6px; max-width: 178px; }
.konten-pipeline-action { min-height: 30px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgb(125 211 252 / .28); border-radius: 10px; background: rgb(14 165 233 / .14); color: #bae6fd; padding: 7px 9px; font: 950 10px Inter, ui-sans-serif, system-ui, sans-serif; text-decoration: none; cursor: pointer; white-space: nowrap; }
.konten-pipeline-action:hover:not(:disabled) { border-color: rgb(125 211 252 / .58); background: rgb(14 165 233 / .26); color: #e0f2fe; }
.konten-pipeline-action-primary { border-color: rgb(34 197 94 / .34); background: rgb(22 101 52 / .2); color: #bbf7d0; }
.konten-pipeline-action-danger { border-color: rgb(248 113 113 / .34); background: rgb(127 29 29 / .18); color: #fecaca; }
.konten-pipeline-action:disabled { cursor: wait; opacity: .68; }
.konten-pipeline-more { position: relative; display: inline-flex; }
.konten-pipeline-more summary { width: 30px; height: 30px; display: inline-grid; place-items: center; border: 1px solid rgb(125 211 252 / .26); border-radius: 10px; background: rgb(15 23 42 / .78); color: #bae6fd; cursor: pointer; font: 950 16px Inter, ui-sans-serif, system-ui, sans-serif; line-height: 1; list-style: none; }
.konten-pipeline-more summary::-webkit-details-marker { display: none; }
.konten-pipeline-more summary:hover { border-color: rgb(125 211 252 / .54); background: rgb(14 165 233 / .18); color: #e0f2fe; }
.konten-pipeline-more-menu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 30; min-width: 104px; display: grid; gap: 6px; padding: 7px; border: 1px solid rgb(125 211 252 / .24); border-radius: 12px; background: rgb(2 6 23 / .96); box-shadow: 0 18px 38px rgb(2 6 23 / .45); }
.konten-pipeline-more:not([open]) .konten-pipeline-more-menu { display: none; }
.konten-pipeline-more-menu .konten-pipeline-action { width: 100%; }
.konten-widget-empty { flex: 1 1 auto; min-height: 0; display: grid; place-items: center; padding: 18px; color: #64748b; font-size: 11px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; text-align: center; }
.konten-widget-empty span { border: 1px dashed rgb(148 163 184 / .24); border-radius: 14px; padding: 12px 14px; background: rgb(2 6 23 / .36); }
.konten-panel-number { position: absolute; left: 10px; bottom: 10px; z-index: 10; min-width: 22px; height: 22px; display: inline-grid; place-items: center; border: 1px solid rgb(148 163 184 / .22); border-radius: 999px; background: rgb(2 6 23 / .72); color: #94a3b8; font: 900 10px Inter, ui-sans-serif, system-ui, sans-serif; line-height: 1; pointer-events: none; user-select: none; box-shadow: 0 8px 18px rgb(2 6 23 / .24); }
.konten-widget-drag-handle { position: absolute; top: 10px; right: 10px; z-index: 12; min-width: 42px; height: 34px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid rgb(125 211 252 / .46); border-radius: 13px; background: rgb(2 6 23 / .9); color: #e0f2fe; cursor: grab; font: 950 14px ui-monospace, SFMono-Regular, Menlo, monospace; padding: 7px 10px; touch-action: none; user-select: none; box-shadow: 0 12px 30px rgb(2 6 23 / .36); }
.konten-widget-drag-handle[hidden] { display: none; }
.konten-widget-grid .grid-stack-placeholder > .placeholder-content { inset: 8px; border: 1px dashed rgb(125 211 252 / .55); border-radius: 18px; background: rgb(14 165 233 / .14); }
.konten-widget-grid .ui-draggable-dragging > .grid-stack-item-content,
.konten-widget-grid .ui-resizable-resizing > .grid-stack-item-content { border-color: rgb(125 211 252 / .52); box-shadow: 0 20px 54px rgb(14 165 233 / .18); }
.konten-widget-grid.is-layout-editing > .grid-stack-item > .grid-stack-item-content { outline: 1px dashed rgb(125 211 252 / .38); outline-offset: -5px; }
.konten-widget-grid.is-layout-locked .ui-resizable-handle { display: none; }
body[data-theme="light"] .konten-widget-grid > .grid-stack-item > .grid-stack-item-content { border-color: #dbe3ef; background: #ffffff; box-shadow: 0 18px 48px rgb(15 23 42 / .08); }
body[data-theme="light"] .konten-widget-head h3 { color: #0f172a; }
body[data-theme="light"] .konten-widget-head [data-konten-widget-count] { border-color: #bfdbfe; background: #eff6ff; color: #1d4ed8; }
body[data-theme="light"] .konten-widget-setting-btn { border-color: #bfdbfe; background: #eff6ff; color: #1d4ed8; }
body[data-theme="light"] .konten-publish-target-select { color: #64748b; }
body[data-theme="light"] .konten-publish-target-select select { border-color: #bfdbfe; background: #eff6ff; color: #1d4ed8; }
body[data-theme="light"] .konten-pipeline-card { border-color: #dbe3ef; background: rgb(255 255 255 / .78); }
body[data-theme="light"] .konten-pipeline-copy a { color: #1e3a8a; }
body[data-theme="light"] .konten-pipeline-copy p,
body[data-theme="light"] .konten-pipeline-copy small { color: #64748b; }
body[data-theme="light"] .konten-pipeline-audit { color: #0369a1; }
body[data-theme="light"] .konten-publish-audit-links span { color: #64748b; }
body[data-theme="light"] .konten-publish-audit-grid div { border-color: #dbe3ef; background: #f8fafc; }
body[data-theme="light"] .konten-publish-audit-grid dt { color: #64748b; }
body[data-theme="light"] .konten-publish-audit-grid dd { color: #0f172a; }
body[data-theme="light"] .konten-widget-empty { color: #64748b; }
body[data-theme="light"] .konten-widget-empty span { border-color: #dbe3ef; background: #f8fafc; }
.konten-editor-modal { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; padding: 18px; background: rgb(2 6 23 / .82); }
.konten-editor-modal[hidden] { display: none; }
.konten-ai-prompt-modal { position: fixed; inset: 0; z-index: 82; display: grid; place-items: center; padding: 18px; background: rgb(2 6 23 / .82); }
.konten-ai-prompt-modal[hidden] { display: none; }
.konten-ai-prompt-panel { width: min(900px, 96vw); max-height: 92vh; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; overflow: hidden; border: 1px solid rgb(96 165 250 / .24); border-radius: 18px; background: #020617; box-shadow: 0 28px 90px rgb(0 0 0 / .46); }
.konten-ai-prompt-body { min-height: 0; display: grid; gap: 12px; padding: 14px; overflow: auto; }
.konten-editor-panel { width: min(780px, 96vw); max-height: 92vh; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; overflow: hidden; border: 1px solid rgb(96 165 250 / .24); border-radius: 18px; background: #020617; box-shadow: 0 28px 90px rgb(0 0 0 / .46); }
.konten-editor-head, .konten-editor-foot { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 16px; border-bottom: 1px solid rgb(96 165 250 / .16); }
.konten-editor-foot { border-bottom: 0; border-top: 1px solid rgb(96 165 250 / .16); color: #94a3b8; font-size: 12px; font-weight: 800; }
.konten-editor-foot div { display: flex; gap: 8px; }
.konten-editor-head small { color: #7dd3fc; font-size: 10px; font-weight: 950; letter-spacing: .13em; text-transform: uppercase; }
.konten-editor-head h3 { margin: 2px 0 0; color: #f8fafc; font-size: 18px; letter-spacing: 0; }
.konten-editor-close { width: 34px; height: 34px; display: inline-grid; place-items: center; border: 1px solid rgb(148 163 184 / .22); border-radius: 10px; background: rgb(15 23 42 / .78); color: #e2e8f0; font-size: 24px; line-height: 1; cursor: pointer; }
.konten-editor-body { min-height: 0; display: grid; padding: 14px; overflow: hidden; }
.konten-editor-fields { min-height: 0; overflow: auto; display: grid; align-content: start; gap: 10px; scrollbar-width: thin; }
.konten-editor-fields label { display: grid; gap: 6px; color: #cbd5e1; font-size: 11px; font-weight: 900; letter-spacing: .02em; }
.konten-editor-fields input, .konten-editor-fields textarea, .konten-editor-fields select { width: 100%; border: 1px solid rgb(148 163 184 / .2); border-radius: 10px; background: rgb(15 23 42 / .7); color: #f8fafc; padding: 10px 11px; font: 800 13px Inter, ui-sans-serif, system-ui, sans-serif; resize: vertical; }
.konten-editor-compact-field input { padding: 8px 10px; font-size: 12px; }
.konten-editor-fields textarea[name="rewrittenBody"] { line-height: 1.55; min-height: 280px; }
.konten-editor-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.konten-editor-source { border: 1px dashed rgb(148 163 184 / .2); border-radius: 12px; padding: 10px; background: rgb(15 23 42 / .44); color: #94a3b8; font-size: 11px; line-height: 1.4; overflow-wrap: anywhere; }
.konten-editor-source b { display: block; color: #e2e8f0; margin-bottom: 3px; }
.konten-editor-image-tools { display: grid; gap: 9px; border: 1px solid rgb(125 211 252 / .18); border-radius: 12px; padding: 10px; background: rgb(15 23 42 / .44); }
.konten-editor-image-tool-head, .konten-editor-image-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.konten-editor-image-tool-head strong { color: #e2e8f0; font-size: 12px; font-weight: 950; letter-spacing: .02em; }
.konten-editor-image-actions span { min-height: 16px; color: #94a3b8; font-size: 11px; font-weight: 850; }
.konten-editor-image-preview { display: grid; grid-template-columns: minmax(160px, 220px) minmax(0, 1fr); align-items: center; gap: 10px; }
.konten-editor-image-preview img, .konten-editor-image-preview .konten-editor-image-empty { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 10px; background: rgb(30 41 59 / .9); }
.konten-editor-image-preview span { color: #94a3b8; font-size: 11px; font-weight: 900; }
.konten-editor-preview-card { display: grid; grid-template-columns: 136px minmax(0, 1fr); gap: 12px; border: 1px solid rgb(125 211 252 / .18); border-radius: 14px; padding: 12px; background: rgb(15 23 42 / .66); }
.konten-editor-preview-card img, .konten-editor-image-empty { width: 136px; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 10px; background: rgb(30 41 59 / .9); }
.konten-editor-image-empty { display: grid; place-items: center; color: #64748b; font-size: 10px; font-weight: 950; letter-spacing: .12em; }
.konten-editor-preview-card small, .konten-editor-article-preview small { display: block; color: #7dd3fc; font-size: 10px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.konten-editor-preview-card strong { display: block; margin-top: 5px; color: #f8fafc; font-size: 18px; line-height: 1.2; }
.konten-editor-preview-card p { margin: 7px 0 0; color: #cbd5e1; font-size: 12px; line-height: 1.45; }
.konten-editor-article-preview { border: 1px solid rgb(148 163 184 / .16); border-radius: 14px; padding: 16px; background: rgb(2 6 23 / .42); color: #e2e8f0; }
.konten-editor-article-preview h2 { margin: 7px 0 12px; color: #f8fafc; font-size: 28px; line-height: 1.12; letter-spacing: 0; }
.konten-editor-article-preview img { width: 100%; max-height: 300px; object-fit: cover; border-radius: 12px; margin: 0 0 14px; }
.konten-editor-article-preview p { margin: 0 0 12px; color: #dbeafe; font-size: 14px; line-height: 1.65; }
body[data-theme="light"] .konten-editor-modal { background: rgb(15 23 42 / .48); }
body[data-theme="light"] .konten-editor-panel { border-color: #dbe3ef; background: #ffffff; }
body[data-theme="light"] .konten-editor-head h3, body[data-theme="light"] .konten-editor-preview-card strong, body[data-theme="light"] .konten-editor-article-preview h2 { color: #0f172a; }
body[data-theme="light"] .konten-editor-fields label, body[data-theme="light"] .konten-editor-article-preview, body[data-theme="light"] .konten-editor-preview-card p, body[data-theme="light"] .konten-editor-article-preview p { color: #334155; }
body[data-theme="light"] .konten-editor-fields input, body[data-theme="light"] .konten-editor-fields textarea, body[data-theme="light"] .konten-editor-fields select, body[data-theme="light"] .konten-editor-preview-card, body[data-theme="light"] .konten-editor-article-preview, body[data-theme="light"] .konten-editor-source, body[data-theme="light"] .konten-editor-image-preview, body[data-theme="light"] .konten-editor-image-tools { border-color: #dbe3ef; background: #f8fafc; color: #0f172a; }
body[data-theme="light"] .konten-editor-image-tool-head strong { color: #0f172a; }
@media (max-width: 860px) {
  .konten-editor-body { grid-template-columns: 1fr; overflow: auto; }
  .konten-editor-fields { overflow: visible; }
  .konten-editor-grid, .konten-editor-preview-card, .konten-editor-image-preview { grid-template-columns: 1fr; }
  .konten-editor-image-tool-head, .konten-editor-image-actions { align-items: stretch; flex-direction: column; }
  .konten-editor-preview-card img, .konten-editor-image-empty { width: 100%; }
  .konten-publish-audit-grid { grid-template-columns: 1fr; }
}


/* Video Instant workspace */
.nav-group { display: grid; gap: 4px; }
.nav-submenu { display: grid; gap: 4px; margin: 2px 0 8px 40px; }
.nav-subitem { display: flex; align-items: center; gap: 8px; color: var(--muted); text-decoration: none; font-size: 12px; padding: 7px 10px; border-radius: 10px; border: 1px solid transparent; }
.nav-subitem:hover,
.nav-subitem.active { color: var(--text); background: rgba(96, 165, 250, .12); border-color: rgba(96, 165, 250, .24); }

.video-instant-workspace {
  display: grid;
  gap: 14px;
  min-height: 720px;
}

.video-instant-toolbar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(15, 23, 42, .82), rgba(2, 6, 23, .74));
  box-shadow: 0 18px 50px rgba(2, 6, 23, .26);
}

.video-instant-brand-select {
  display: grid;
  gap: 7px;
  min-width: min(320px, 100%);
  color: var(--muted);
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.video-instant-brand-select select {
  width: 100%;
  min-width: 0;
  color: var(--text);
  background: rgba(15, 23, 42, .96);
  border: 1px solid rgba(148, 163, 184, .24);
  border-radius: 12px;
  padding: 10px 12px;
  outline: 2px solid transparent; outline-offset: 2px;
}

.video-instant-media-output-select select[data-video-instant-brand] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.video-instant-check-dropdown {
  position: relative;
  min-width: 0;
}

.video-instant-check-dropdown-button {
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: var(--text);
  background: rgba(15, 23, 42, .96);
  border: 1px solid rgba(148, 163, 184, .24);
  border-radius: 12px;
  padding: 10px 12px;
  outline: 2px solid transparent; outline-offset: 2px;
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.video-instant-check-dropdown-button span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.video-instant-check-dropdown-button i {
  color: var(--muted);
  font-style: normal;
  font-size: 12px;
}

.video-instant-check-dropdown-button[aria-expanded="true"] {
  border-color: rgba(96, 165, 250, .46);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .16);
}

.video-instant-check-dropdown-menu {
  position: absolute;
  z-index: 80;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  display: grid;
  gap: 4px;
  max-height: 260px;
  overflow: auto;
  padding: 7px;
  border: 1px solid rgba(148, 163, 184, .24);
  border-radius: 14px;
  background: rgba(2, 6, 23, .98);
  box-shadow: 0 24px 70px rgba(2, 6, 23, .52);
}

.video-instant-check-dropdown-menu[hidden] {
  display: none;
}

.video-instant-check-option {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  width: 100%;
  border: 0;
  border-radius: 10px;
  padding: 9px 10px;
  color: var(--text);
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.video-instant-check-option:hover,
.video-instant-check-option.is-selected {
  background: rgba(37, 99, 235, .18);
}

.video-instant-checkmark {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border: 1px solid rgba(148, 163, 184, .32);
  border-radius: 7px;
  color: #bbf7d0;
  background: rgba(15, 23, 42, .78);
  font-size: 13px;
  font-weight: 950;
  line-height: 1;
}

.video-instant-check-option.is-selected .video-instant-checkmark {
  border-color: rgba(34, 197, 94, .7);
  background: rgba(22, 101, 52, .36);
}

.video-instant-check-option span:last-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.video-instant-check-dropdown.is-disabled {
  opacity: .68;
}

.video-instant-brand-note { color: var(--muted); font-size: 12px; }

.video-instant-grid {
  min-height: 610px;
  border-radius: 22px;
  padding: 4px;
  background: rgba(2, 6, 23, .20);
}

.video-instant-grid .grid-stack-item-content {
  inset: 8px;
  overflow: hidden;
  border-radius: 20px;
}

.video-instant-card {
  position: relative;
  border: 1px solid rgba(148, 163, 184, .18);
  background: linear-gradient(145deg, rgba(15, 23, 42, .92), rgba(8, 13, 27, .88));
  box-shadow: 0 22px 58px rgba(2, 6, 23, .30);
}

.video-instant-card-shell {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 14px;
  padding: 18px;
}

.video-instant-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.video-instant-card-head small { color: var(--muted); text-transform: uppercase; letter-spacing: .12em; font-size: 11px; }
.video-instant-card-head h3 { margin: 0; font-size: clamp(18px, 1.6vw, 24px); }
.video-instant-card-head p { margin: 4px 0 0; color: var(--muted); font-size: 12px; line-height: 1.4; }
.video-instant-rss-shell { grid-template-rows: auto 1fr; }
.video-instant-rss-tools {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 1 1 auto;
}
.video-instant-rss-search {
  flex: 1 1 220px;
  max-width: 280px;
  min-width: 120px;
}
.video-instant-rss-source {
  flex: 0 1 210px;
  min-width: 150px;
  color: var(--muted);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.video-instant-rss-source select {
  width: 100%;
  height: 38px;
  margin-top: 4px;
  min-width: 0;
  border: 1px solid rgba(96, 165, 250, .28);
  border-radius: 999px;
  padding: 0 12px;
  color: var(--text);
  background: rgba(15, 23, 42, .86);
  outline: 2px solid transparent; outline-offset: 2px;
}
.video-instant-rss-search input {
  width: 100%;
  height: 38px;
  min-width: 0;
  border: 1px solid rgba(96, 165, 250, .28);
  border-radius: 999px;
  padding: 0 13px;
  color: var(--text);
  background: rgba(15, 23, 42, .86);
  outline: 2px solid transparent; outline-offset: 2px;
}
.video-instant-rss-search input:focus { border-color: rgba(125, 211, 252, .62); box-shadow: 0 0 0 3px rgba(14, 165, 233, .12); }
.video-instant-search-button {
  flex: 0 0 auto;
  height: 38px;
  border: 1px solid rgba(96, 165, 250, .32);
  border-radius: 999px;
  padding: 0 14px;
  color: #dbeafe;
  background: rgba(15, 23, 42, .86);
  font: inherit;
  font-size: 11px;
  font-weight: 950;
  cursor: pointer;
}
.video-instant-search-button:disabled { cursor: wait; opacity: .55; }
.video-instant-search-button:hover:not(:disabled),
.video-instant-refresh:hover:not(:disabled) { border-color: rgba(125, 211, 252, .62); color: #f8fafc; }
.video-instant-refresh {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(96, 165, 250, .32);
  color: #dbeafe;
  background: rgba(15, 23, 42, .86);
  font-size: 20px;
  font-weight: 900;
  cursor: pointer;
}
.video-instant-refresh:disabled { cursor: wait; opacity: .55; }
.video-instant-prompt-gear { font-size: 16px; }
.video-instant-ads-button {
  position: relative;
  flex: 0 0 auto;
  height: 38px;
  border: 1px solid rgba(250, 204, 21, .42);
  border-radius: 999px;
  padding: 0 14px;
  color: #fef3c7;
  background: rgba(113, 63, 18, .28);
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
}
.video-instant-ads-button:hover { border-color: rgba(253, 224, 71, .72); filter: brightness(1.08); }
.video-instant-ads-button span {
  position: absolute;
  top: -7px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(254, 240, 138, .7);
  border-radius: 999px;
  padding: 0 5px;
  color: #422006;
  background: #facc15;
  font-size: 10px;
  line-height: 1;
}
.video-instant-rss-meta {
  display: grid;
  grid-template-columns: 74px minmax(180px, 1fr) minmax(110px, .42fr) minmax(90px, .32fr);
  gap: 10px;
  padding: 0 4px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.video-instant-rss-segments {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 2fr) minmax(0, .75fr);
  gap: 12px;
}
.video-instant-rss-segment {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto 1fr;
  gap: 8px;
  overflow: hidden;
}
.video-instant-inbox-segment {
  grid-template-rows: auto 1fr;
  padding-top: 12px;
  border-top: 1px solid rgba(96, 165, 250, .22);
}
.video-instant-segment-head {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.video-instant-segment-head b { color: #dbeafe; }
.video-instant-segment-head span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}
.video-instant-rss-list {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: auto;
  display: grid;
  align-content: start;
  gap: 9px;
  padding-right: 4px;
}
.video-instant-inbox-list {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: auto;
  display: grid;
  align-content: start;
  gap: 9px;
  padding-right: 4px;
}
.video-instant-news-item {
  display: grid;
  grid-template-columns: 74px minmax(180px, 1fr) minmax(110px, .42fr) minmax(90px, .32fr);
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 14px;
  background: rgba(15, 23, 42, .48);
}
.video-instant-news-thumb {
  width: 100%;
  aspect-ratio: 16 / 10;
  border-radius: 10px;
  overflow: hidden;
  display: grid;
  place-items: center;
  color: #93c5fd;
  background: rgba(30, 41, 59, .78);
  font-size: 11px;
  font-weight: 950;
  text-decoration: none;
}
.video-instant-news-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.video-instant-news-main { min-width: 0; display: grid; gap: 6px; }
.video-instant-news-title { color: var(--text); font-weight: 900; line-height: 1.35; text-decoration: none; }
.video-instant-news-title:hover { color: #bfdbfe; }
.video-instant-news-main small,
.video-instant-news-item time { color: var(--muted); font-size: 12px; line-height: 1.35; }
.video-instant-news-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; min-width: 0; }
.video-instant-news-meta span,
.video-instant-relative-time {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  max-width: 100%;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 999px;
  padding: 2px 7px;
  background: rgba(2, 6, 23, .42);
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}
.video-instant-relative-time {
  border-color: rgba(96, 165, 250, .34);
  color: #bfdbfe;
  background: rgba(37, 99, 235, .12);
}
.video-instant-add-news {
  justify-self: end;
  min-height: 32px;
  border: 1px solid rgba(34, 197, 94, .48);
  border-radius: 10px;
  padding: 7px 10px;
  color: #052e16;
  background: linear-gradient(135deg, #bbf7d0, #22c55e);
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
  cursor: pointer;
}
.video-instant-add-news:hover { transform: translateY(-1px); filter: brightness(1.05); }
.video-instant-news-actions {
  justify-self: end;
  min-width: max-content;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
}
.video-instant-news-actions .video-instant-ads-button,
.video-instant-inbox-actions .video-instant-ads-button {
  height: 32px;
  min-height: 32px;
  border-radius: 10px;
  padding: 7px 10px;
  font-size: 12px;
  line-height: 1;
}
.video-instant-inbox-actions {
  justify-self: end;
  min-width: max-content;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
}
.video-instant-inbox-render,
.video-instant-inbox-remove {
  min-height: 32px;
  border: 1px solid rgba(148, 163, 184, .24);
  border-radius: 10px;
  padding: 7px 10px;
  color: #dbeafe;
  background: rgba(15, 23, 42, .72);
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
  cursor: pointer;
}
.video-instant-inbox-render {
  color: #052e16;
  border-color: rgba(34, 197, 94, .48);
  background: linear-gradient(135deg, #bbf7d0, #22c55e);
}
.video-instant-inbox-remove { color: #fecaca; border-color: rgba(248, 113, 113, .38); }
.video-instant-inbox-render:disabled,
.video-instant-inbox-remove:disabled { cursor: wait; opacity: .62; }
.video-instant-inbox-render:hover:not(:disabled),
.video-instant-inbox-remove:hover:not(:disabled) { transform: translateY(-1px); filter: brightness(1.06); }
.video-instant-selected-news,
.video-instant-queue-row {
  display: grid;
  gap: 7px;
  padding: 12px;
  border: 1px solid rgba(96, 165, 250, .22);
  border-radius: 14px;
  background: rgba(15, 23, 42, .56);
}
.video-instant-queue-row {
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
}
.video-instant-queue-thumb {
  width: 58px;
  aspect-ratio: 9 / 16;
  object-fit: cover;
  border: 1px solid rgba(96, 165, 250, .22);
  border-radius: 10px;
  background: rgba(2, 6, 23, .72);
}
.video-instant-queue-main { min-width: 0; display: grid; gap: 7px; }
.video-instant-queue-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.video-instant-queue-tags b {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  border: 1px solid rgba(96, 165, 250, .22);
  border-radius: 999px;
  padding: 3px 8px;
  color: #bfdbfe;
  background: rgba(2, 6, 23, .46);
  font-size: 11px;
  font-weight: 900;
}
.video-instant-progress {
  position: relative;
  height: 9px;
  overflow: hidden;
  border: 1px solid rgba(96, 165, 250, .22);
  border-radius: 999px;
  background: rgba(2, 6, 23, .62);
}
.video-instant-queue-row.is-active .video-instant-progress::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  transform: translateX(-100%);
  animation: videoInstantProgressSweep 1.45s linear infinite;
}
.video-instant-progress i {
  position: relative;
  z-index: 1;
  display: block;
  height: 100%;
  min-width: 4px;
  border-radius: inherit;
  background: linear-gradient(90deg, #38bdf8, #22c55e);
  box-shadow: 0 0 18px rgba(34, 197, 94, .32);
}
@keyframes videoInstantProgressSweep {
  to { transform: translateX(100%); }
}
.video-instant-progress-meta {
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}
.video-instant-progress-meta small {
  min-width: 0;
}
.video-instant-timing-button {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(96, 165, 250, .28);
  border-radius: 999px;
  padding: 3px 8px 3px 4px;
  color: #dbeafe;
  background: rgba(2, 6, 23, .46);
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}
.video-instant-timing-pie {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  border: 1px solid rgba(226, 232, 240, .22);
  border-radius: 999px;
  background: conic-gradient(var(--video-instant-pie, #64748b 0 100%));
  box-shadow: inset 0 0 0 3px rgba(2, 6, 23, .72);
}
.video-instant-timing-button { cursor: pointer; }
.video-instant-timing-panel { width: min(860px, 96vw); }
.video-instant-timing-body { grid-template-columns: 260px minmax(0, 1fr); }
.video-instant-timing-chart-pane,
.video-instant-timing-detail-pane {
  min-width: 0;
  display: grid;
  gap: 14px;
  align-content: start;
  border: 1px solid rgba(96, 165, 250, .16);
  border-radius: 14px;
  background: rgba(15, 23, 42, .58);
  padding: 14px;
}
.video-instant-timing-chart-pane { justify-items: center; text-align: center; }
.video-instant-timing-pie-large {
  width: min(190px, 48vw);
  aspect-ratio: 1;
  border: 1px solid rgba(226, 232, 240, .22);
  border-radius: 999px;
  background: conic-gradient(var(--video-instant-pie, #64748b 0 100%));
  box-shadow: inset 0 0 0 22px rgba(2, 6, 23, .80), 0 18px 50px rgba(0, 0, 0, .22);
}
.video-instant-timing-chart-pane strong { color: var(--text); font-size: 13px; }
.video-instant-timing-detail-pane h4 { margin: 0; color: var(--muted); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.video-instant-timing-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.video-instant-timing-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 42px;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 10px;
  padding: 8px 10px;
  color: var(--muted);
  background: rgba(2, 6, 23, .34);
  font-size: 12px;
}
.video-instant-timing-list li span { min-width: 0; display: inline-flex; align-items: center; gap: 8px; color: var(--text); font-weight: 900; }
.video-instant-timing-list li i { width: 10px; height: 10px; flex: 0 0 10px; border-radius: 999px; }
.video-instant-timing-list li b { color: #dbeafe; font-size: 12px; }
.video-instant-timing-list li small { color: var(--muted); text-align: right; }
.video-instant-queue-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: max-content;
}
.video-instant-action,
.video-instant-download {
  min-height: 32px;
  border: 1px solid rgba(148, 163, 184, .24);
  border-radius: 10px;
  padding: 7px 10px;
  color: #dbeafe;
  background: rgba(15, 23, 42, .72);
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}
.video-instant-action-cancel { color: #fde68a; border-color: rgba(245, 158, 11, .38); }
.video-instant-action-delete { color: #fecaca; border-color: rgba(248, 113, 113, .38); }
.video-instant-download {
  color: #052e16;
  border-color: rgba(34, 197, 94, .48);
  background: linear-gradient(135deg, #bbf7d0, #22c55e);
}
.video-instant-action:hover,
.video-instant-download:hover { transform: translateY(-1px); filter: brightness(1.06); }
.video-instant-preview { color: #bfdbfe; border-color: rgba(96, 165, 250, .44); }
.video-instant-modal { position: fixed; inset: 0; z-index: 70; display: grid; place-items: center; padding: 18px; background: rgba(2, 6, 23, .82); }
.video-instant-modal[hidden] { display: none; }
.video-instant-modal-panel { width: min(1120px, 96vw); max-height: 92vh; display: grid; grid-template-rows: auto 1fr auto; overflow: hidden; border: 1px solid rgba(96, 165, 250, .22); border-radius: 18px; background: #020617; box-shadow: 0 28px 90px rgba(0,0,0,.46); }
.video-instant-modal-head, .video-instant-modal-foot { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 14px 16px; border-bottom: 1px solid rgba(96, 165, 250, .16); }
.video-instant-modal-foot { border-bottom: 0; border-top: 1px solid rgba(96, 165, 250, .16); color: var(--muted); font-size: 12px; }
.video-instant-modal-head h3 { margin: 2px 0 0; font-size: 18px; }
.video-instant-modal-head small { color: var(--muted); text-transform: uppercase; letter-spacing: .12em; font-size: 11px; }
.video-instant-modal-body { min-height: 0; display: grid; grid-template-columns: minmax(280px, .85fr) minmax(340px, 1.15fr); gap: 14px; padding: 14px; overflow: hidden; }
.video-instant-preview-pane, .video-instant-subtitle-pane { min-height: 0; overflow: auto; border: 1px solid rgba(96, 165, 250, .16); border-radius: 14px; background: rgba(15, 23, 42, .58); padding: 12px; }
.video-instant-preview-pane video { width: 100%; max-height: 70vh; border-radius: 12px; background: #000; }
.video-instant-subtitle-list { display: grid; gap: 10px; }
.video-instant-subtitle-segment { display: grid; gap: 8px; border: 1px solid rgba(148, 163, 184, .22); border-radius: 12px; padding: 10px; background: rgba(2, 6, 23, .46); }
.video-instant-subtitle-segment span { color: var(--muted); font-size: 12px; }
.video-instant-subtitle-segment textarea { width: 100%; min-height: 76px; resize: vertical; border: 1px solid rgba(96, 165, 250, .2); border-radius: 10px; background: rgba(15, 23, 42, .82); color: var(--text); padding: 10px; font: inherit; line-height: 1.45; box-sizing: border-box; }
.video-instant-prompt-panel { width: min(980px, 96vw); grid-template-rows: auto auto 1fr auto; }
.video-instant-setting-tabs { display: flex; gap: 8px; padding: 0 16px 12px; border-bottom: 1px solid rgba(96, 165, 250, .16); }
.video-instant-setting-tabs button { border: 1px solid rgba(148, 163, 184, .18); border-radius: 999px; padding: 8px 12px; background: rgba(15, 23, 42, .68); color: var(--muted); font-size: 12px; font-weight: 900; cursor: pointer; }
.video-instant-setting-tabs button.is-active { border-color: rgba(96, 165, 250, .48); background: rgba(37, 99, 235, .22); color: #dbeafe; }
.video-instant-prompt-body { grid-template-columns: minmax(0, 1fr) 220px; }
.video-instant-prompt-editor { min-width: 0; display: grid; gap: 8px; color: var(--muted); font-size: 12px; font-weight: 900; }
.video-instant-prompt-editor textarea { width: 100%; min-height: 420px; resize: vertical; border: 1px solid rgba(96, 165, 250, .22); border-radius: 12px; background: rgba(15, 23, 42, .88); color: var(--text); padding: 12px; font: 13px/1.55 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; box-sizing: border-box; }
.video-instant-prompt-help { align-self: start; display: grid; gap: 8px; border: 1px solid rgba(96, 165, 250, .18); border-radius: 12px; background: rgba(15, 23, 42, .58); padding: 12px; color: var(--muted); font-size: 12px; }
.video-instant-prompt-help b { color: var(--text); }
.video-instant-prompt-help span { display: inline-flex; width: max-content; max-width: 100%; border: 1px solid rgba(148, 163, 184, .22); border-radius: 999px; padding: 4px 8px; background: rgba(2, 6, 23, .48); color: #bfdbfe; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
.video-instant-ads-panel { width: min(980px, 96vw); }
.video-instant-ads-body { grid-template-columns: 280px minmax(0, 1fr); }
.video-instant-ads-upload {
  min-width: 0;
  align-self: start;
  display: grid;
  gap: 12px;
  border: 1px solid rgba(96, 165, 250, .16);
  border-radius: 14px;
  background: rgba(15, 23, 42, .58);
  padding: 14px;
}
.video-instant-ads-upload p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.video-instant-ads-drop {
  display: grid;
  gap: 10px;
  place-items: center;
  min-height: 150px;
  border: 1px dashed rgba(250, 204, 21, .42);
  border-radius: 14px;
  padding: 16px;
  color: #fef3c7;
  background: rgba(113, 63, 18, .16);
  font-size: 13px;
  font-weight: 950;
  text-align: center;
  cursor: pointer;
}
.video-instant-ads-drop input { width: 100%; max-width: 220px; color: var(--muted); font-size: 11px; }
.video-instant-ads-list {
  min-width: 0;
  min-height: 0;
  overflow: auto;
  display: grid;
  align-content: start;
  gap: 10px;
  border: 1px solid rgba(96, 165, 250, .16);
  border-radius: 14px;
  background: rgba(15, 23, 42, .58);
  padding: 12px;
}
.video-instant-ads-item {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 12px;
  padding: 10px;
  background: rgba(2, 6, 23, .42);
}
.video-instant-ads-item.is-disabled { opacity: .58; }
.video-instant-ads-preview {
  width: 74px;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .2);
  border-radius: 10px;
  background: #000;
}
.video-instant-ads-preview img,
.video-instant-ads-preview video { width: 100%; height: 100%; object-fit: contain; display: block; }
.video-instant-ads-main { min-width: 0; display: grid; gap: 5px; }
.video-instant-ads-main b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text); font-size: 13px; }
.video-instant-ads-main small { color: var(--muted); font-size: 12px; }
.video-instant-ads-controls { display: flex; align-items: center; justify-content: flex-end; gap: 6px; min-width: max-content; }
.video-instant-ads-controls .video-instant-action { min-width: 34px; padding-inline: 9px; }
.video-instant-ads-controls .video-instant-action:disabled { cursor: not-allowed; opacity: .42; }
.video-instant-maintenance-body { display: block; }
.video-instant-maintenance-panel { display: grid; gap: 14px; border: 1px solid rgba(148, 163, 184, .16); border-radius: 16px; padding: 16px; background: rgba(2, 6, 23, .34); }
.video-instant-maintenance-panel small { color: #fca5a5; font-size: 11px; font-weight: 950; letter-spacing: .12em; text-transform: uppercase; }
.video-instant-maintenance-panel h4 { margin: 4px 0 0; color: var(--text); font-size: 17px; }
.video-instant-maintenance-panel p { margin: 6px 0 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.video-instant-clear-summary { border: 1px solid rgba(148, 163, 184, .16); border-radius: 12px; padding: 12px; background: rgba(15, 23, 42, .62); color: var(--text); font-size: 13px; line-height: 1.45; }
.video-instant-danger-action { border-color: rgba(248, 113, 113, .4); background: rgba(127, 29, 29, .28); color: #fecaca; }
.video-instant-danger-action:hover { background: rgba(185, 28, 28, .48); color: #fff; }
.video-instant-selected-news h4 { margin: 0; font-size: 15px; line-height: 1.35; }
.video-instant-selected-news small,
.video-instant-selected-news time,
.video-instant-selected-news a,
.video-instant-queue-row span { color: var(--muted); font-size: 12px; }
.video-instant-selected-news a { color: #93c5fd; text-decoration: none; }
.video-instant-empty {
  min-height: 160px;
  display: grid;
  place-items: center;
  border: 1px dashed rgba(148, 163, 184, .24);
  border-radius: 16px;
  color: var(--muted);
  background: rgba(15, 23, 42, .38);
  text-align: center;
  padding: 16px;
}
.video-instant-error { color: #fecaca; border-color: rgba(248, 113, 113, .30); }
@media (max-width: 720px) {
  .video-instant-queue-row { grid-template-columns: 1fr; }
  .video-instant-queue-thumb { width: min(96px, 32vw); }
  .video-instant-queue-actions { justify-content: flex-start; flex-wrap: wrap; min-width: 0; }
  .video-instant-prompt-body { grid-template-columns: 1fr; }
  .video-viral-options { grid-template-columns: 1fr; }
}
.video-instant-card-empty {
  display: grid;
  place-items: center;
  min-height: 0;
  border: 1px dashed rgba(148, 163, 184, .24);
  border-radius: 16px;
  color: var(--muted);
  background: rgba(15, 23, 42, .42);
}

.video-instant-drag-handle {
  position: absolute;
  z-index: 20;
  top: 12px;
  right: 12px;
  border: 1px solid rgba(96, 165, 250, .36);
  border-radius: 999px;
  color: #dbeafe;
  background: rgba(15, 23, 42, .92);
  cursor: grab;
  padding: 7px 10px;
  font-weight: 800;
  letter-spacing: .08em;
}
.video-instant-drag-handle:active { cursor: grabbing; }
.video-instant-grid.is-layout-editing .video-instant-card { outline: 1px solid rgba(96, 165, 250, .42); outline-offset: -1px; }
.video-instant-grid.is-layout-locked .ui-resizable-handle { display: none; }

.video-workflow {
  display: grid;
  grid-template-columns: minmax(280px, .9fr) minmax(320px, 1.1fr);
  gap: 16px;
  align-items: start;
  min-height: 620px;
}
.video-workflow-panel {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(15, 23, 42, .92), rgba(2, 6, 23, .70));
  box-shadow: 0 20px 54px rgba(2, 6, 23, .26);
  padding: clamp(16px, 1.7vw, 22px);
}
.video-workflow-panel-head { display: grid; gap: 8px; margin-bottom: 16px; }
.video-workflow-panel-head small { color: #60a5fa; font-size: 11px; font-weight: 950; letter-spacing: .14em; text-transform: uppercase; }
.video-workflow-panel-head h3 { margin: 0; font-size: clamp(20px, 2vw, 28px); }
.video-workflow-panel-head p,
.video-workflow-hint { margin: 0; color: var(--muted); line-height: 1.55; font-weight: 700; }
.video-workflow-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.video-workflow-form label { display: grid; gap: 8px; min-width: 0; color: var(--muted); font-size: 12px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.video-workflow-form input,
.video-workflow-form select,
.video-workflow-form textarea {
  width: 100%;
  min-width: 0;
  color: var(--text);
  background: rgba(15, 23, 42, .94);
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 14px;
  padding: 11px 12px;
  outline: 2px solid transparent; outline-offset: 2px;
  font: inherit;
  text-transform: none;
  letter-spacing: normal;
}
.video-workflow-form textarea { resize: vertical; min-height: 150px; }
.video-field-wide,
.video-form-actions { grid-column: 1 / -1; }
.video-link-form,
.video-viral-form {
  max-width: 680px;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
}
.video-link-form .video-field-wide,
.video-viral-form .video-field-wide,
.video-link-form .video-form-actions,
.video-viral-form .video-form-actions { grid-column: 1; }
.video-field-optional {
  color: #94a3b8;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.video-viral-section {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(96, 165, 250, .16);
  border-radius: 16px;
  background: rgba(2, 6, 23, .30);
  padding: 12px;
}
.video-viral-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(148, 163, 184, .12);
  padding-bottom: 10px;
}
.video-viral-section-head small {
  color: #93c5fd;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.video-viral-section-head strong {
  color: var(--text);
  font-size: 13px;
}
.video-viral-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.video-viral-template-note {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}
.video-ai-visual-card {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border: 1px solid rgba(96, 165, 250, .22);
  border-radius: 16px;
  background: rgba(15, 23, 42, .46);
  padding: 13px;
}
.video-ai-visual-mark {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 11px;
  background: rgba(59, 130, 246, .14);
  color: #93c5fd;
}
.video-ai-visual-card > div:nth-child(2) { display: grid; gap: 3px; min-width: 0; }
.video-ai-visual-card small { color: #93c5fd; font-size: 10px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.video-ai-visual-card strong { color: var(--text); font-size: 14px; }
.video-ai-visual-card span { color: var(--muted); font-size: 11px; font-weight: 700; }
.video-ai-visual-card > b {
  border: 1px solid rgba(96, 165, 250, .22);
  border-radius: 999px;
  padding: 5px 8px;
  color: #bfdbfe;
  font-size: 10px;
  letter-spacing: .08em;
}
.video-storyboard-panel {
  width: min(1240px, 96vw);
  grid-template-rows: auto auto minmax(0, 1fr) auto;
}
.video-storyboard-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  border-bottom: 1px solid rgba(148, 163, 184, .16);
  background: rgba(148, 163, 184, .16);
}
.video-storyboard-summary > span {
  display: grid;
  gap: 3px;
  background: #020617;
  padding: 12px 16px;
}
.video-storyboard-summary b { color: var(--text); font-size: 12px; }
.video-storyboard-summary small { color: var(--muted); font-size: 11px; }
.video-storyboard-list {
  min-height: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: max-content;
  align-content: start;
  gap: 12px;
  overflow-y: auto;
  padding: 14px;
}
.video-storyboard-scene {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 8px;
  background: rgba(15, 23, 42, .5);
  transition: border-color .16s ease, opacity .16s ease;
}
.video-storyboard-scene[draggable="true"] { cursor: grab; }
.video-storyboard-scene.is-dragging { opacity: .5; }
.video-storyboard-scene-media {
  position: relative;
  min-height: 230px;
  overflow: hidden;
  background: #0f172a;
}
.video-storyboard-scene-media img { width: 100%; height: 100%; object-fit: cover; }
.video-storyboard-scene-media > b,
.video-storyboard-scene-media > span {
  position: absolute;
  top: 9px;
  left: 9px;
  border-radius: 6px;
  background: rgba(2, 6, 23, .84);
  padding: 5px 7px;
  color: #f8fafc;
  font-size: 10px;
}
.video-storyboard-scene-media > span { right: 9px; left: auto; }
.video-storyboard-scene-body { display: grid; align-content: start; gap: 10px; padding: 12px; }
.video-storyboard-scene-head,
.video-storyboard-source,
.video-storyboard-order-actions,
.video-storyboard-replace {
  display: flex;
  align-items: center;
  gap: 8px;
}
.video-storyboard-scene-head { justify-content: space-between; }
.video-storyboard-scene-head > div:first-child { display: grid; gap: 2px; min-width: 0; }
.video-storyboard-scene-head small,
.video-storyboard-source { color: var(--muted); font-size: 10px; }
.video-storyboard-scene-head strong { overflow: hidden; color: var(--text); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.video-storyboard-order-actions button {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(148, 163, 184, .2);
  border-radius: 7px;
  background: transparent;
  color: var(--text);
  cursor: pointer;
}
.video-storyboard-order-actions button:disabled { cursor: not-allowed; opacity: .32; }
.video-storyboard-scene label { display: grid; gap: 6px; color: var(--muted); font-size: 10px; font-weight: 800; }
.video-storyboard-scene textarea,
.video-storyboard-replace input {
  width: 100%;
  border: 1px solid rgba(148, 163, 184, .2);
  border-radius: 7px;
  background: rgba(2, 6, 23, .68);
  color: var(--text);
  padding: 9px 10px;
  font: 700 12px/1.45 Inter, ui-sans-serif, system-ui, sans-serif;
}
.video-storyboard-scene textarea { min-height: 70px; resize: vertical; }
.video-storyboard-source { justify-content: space-between; }
.video-storyboard-source a { color: #93c5fd; text-decoration: none; }
.video-storyboard-replace input { min-width: 0; }
.video-storyboard-replace button {
  flex: 0 0 auto;
  min-height: 38px;
  border: 1px solid rgba(148, 163, 184, .2);
  border-radius: 7px;
  background: transparent;
  color: var(--text);
  padding: 0 11px;
  font-weight: 800;
  cursor: pointer;
}
.video-storyboard-review-action { white-space: nowrap; }
.video-form-actions { display: flex; align-items: center; gap: 12px; justify-content: space-between; flex-wrap: wrap; }
.video-form-actions button {
  border: 0;
  border-radius: 999px;
  padding: 11px 18px;
  color: white;
  background: linear-gradient(135deg, #2563eb, #0891b2);
  font-weight: 950;
  cursor: pointer;
}
.video-form-actions span { color: var(--muted); font-size: 12px; font-weight: 800; }
.video-basic-add-asset {
  color: #052e16;
  background: linear-gradient(135deg, #86efac, #22c55e);
  border-color: rgba(34, 197, 94, .46);
  box-shadow: 0 12px 28px rgba(34, 197, 94, .16);
}
.video-render-list-panel { display: grid; gap: 12px; }
.video-table-wrap { overflow: auto; border: 1px solid rgba(148, 163, 184, .14); border-radius: 16px; }
.video-render-table { width: 100%; min-width: 620px; border-collapse: collapse; font-size: 13px; }
.video-render-table th,
.video-render-table td { padding: 12px 14px; border-bottom: 1px solid rgba(148, 163, 184, .10); text-align: left; }
.video-render-table th { color: #bfdbfe; background: rgba(15, 23, 42, .72); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.video-render-table td { color: var(--text); }
.video-render-empty td { color: var(--muted); text-align: center; padding: 28px 14px; }
.video-clipper-preview { width: 92px; aspect-ratio: 16 / 9; display: block; object-fit: cover; border-radius: 10px; background: rgba(15, 23, 42, .9); }
.video-preview-placeholder { width: 92px; height: 52px; border-radius: 10px; display: grid; place-items: center; background: rgba(30, 41, 59, .72); color: var(--muted); font-size: 11px; }
.video-clipper-source { display: block; max-width: 280px; margin-top: 5px; color: var(--muted); font-size: 11px; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.video-workflow-progress { display: grid; gap: 7px; min-width: 260px; }
.video-workflow-progress-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #e2e8f0; }
.video-workflow-progress-top strong { font-size: 12px; }
.video-workflow-progress-top span { color: #67e8f9; font-size: 12px; font-weight: 950; }
.video-workflow-bar { position: relative; height: 9px; overflow: hidden; border-radius: 999px; background: rgba(15, 23, 42, .9); box-shadow: inset 0 0 0 1px rgba(148, 163, 184, .16); }
.video-workflow-bar i { display: block; height: 100%; min-width: 3%; border-radius: inherit; background: linear-gradient(90deg, #38bdf8, #22c55e); transition: width .55s ease; }
.video-workflow-progress.is-active .video-workflow-bar i { background-size: 30px 30px; background-image: linear-gradient(135deg, rgba(255,255,255,.28) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.28) 50%, rgba(255,255,255,.28) 75%, transparent 75%, transparent), linear-gradient(90deg, #38bdf8, #22c55e); animation: video-progress-stripe 1.1s linear infinite; }
.video-workflow-progress p { margin: 0; color: #cbd5e1; font-size: 12px; line-height: 1.45; font-weight: 780; }
.video-workflow-progress small { display: flex; flex-wrap: wrap; gap: 5px 9px; color: #94a3b8; font-size: 10px; line-height: 1.45; }
.video-clipper-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; min-width: 170px; }
.video-clipper-action { min-height: 32px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(125, 211, 252, .34); border-radius: 999px; background: rgba(14, 165, 233, .14); color: #dbeafe; padding: 8px 11px; font: inherit; font-size: 11px; font-weight: 950; text-decoration: none; cursor: pointer; white-space: nowrap; transition: transform .16s ease, filter .16s ease, border-color .16s ease; }
.video-clipper-action-primary { border-color: rgba(34, 197, 94, .46); background: linear-gradient(135deg, #bbf7d0, #22c55e); color: #052e16; }
.video-clipper-action-render { border-color: rgba(250, 204, 21, .56); background: linear-gradient(135deg, #fde68a, #facc15); color: #422006; }
.video-clipper-action-danger { border-color: rgba(248, 113, 113, .38); background: rgba(127, 29, 29, .24); color: #fecaca; }
.video-clipper-action:hover:not(:disabled) { transform: translateY(-1px); filter: brightness(1.06); }
.video-clipper-action:disabled { cursor: wait; opacity: .62; transform: none; }
.video-clipper-error { color: #fecaca; font-size: 11px; font-weight: 900; }
.video-clipper-status-compact { display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(148, 163, 184, .16); border-radius: 999px; background: rgba(15, 23, 42, .58); color: #dbeafe; padding: 7px 10px; white-space: nowrap; }
.video-clipper-status-compact strong { font-size: 11px; font-weight: 950; }
.video-clipper-status-compact span { color: #94a3b8; font-size: 11px; font-weight: 900; }
.video-clipper-status-compact.is-active { border-color: rgba(34, 197, 94, .28); background: rgba(22, 163, 74, .14); color: #bbf7d0; }
.video-clipper-review-panel { grid-column: 1 / -1; margin-top: 16px; }
.video-clipper-active-panel { grid-column: 1 / -1; }
.video-clipper-review-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding: 10px 0; color: var(--muted); font-size: 12px; font-weight: 850; }

.video-hyper-workspace {
  display: grid;
  gap: 14px;
}
.video-hyper-toolbar { margin-bottom: 0; }
.video-hyper-tabs {
  display: flex;
  gap: 8px;
  padding: 8px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 18px;
  background: rgba(15, 23, 42, .62);
  overflow-x: auto;
}
.video-hyper-tabs button {
  flex: 1;
  min-width: max-content;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: var(--muted);
  padding: 11px 14px;
  font: inherit;
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
}
.video-hyper-tabs button.active {
  border-color: rgba(96, 165, 250, .36);
  background: linear-gradient(135deg, rgba(37, 99, 235, .9), rgba(8, 145, 178, .72));
  color: #eff6ff;
}
.video-hyper-panel { display: none; }
.video-hyper-panel.active { display: block; }
.video-hyper-grid {
  display: grid;
  grid-template-columns: minmax(320px, .96fr) minmax(320px, 1.04fr);
  gap: 14px;
}
.video-hyper-audio-grid {
  grid-template-columns: minmax(0, 1fr);
}
.video-hyper-card {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(15, 23, 42, .92), rgba(2, 6, 23, .68));
  box-shadow: 0 18px 44px rgba(2, 6, 23, .22);
  padding: clamp(15px, 1.6vw, 21px);
}
.video-hyper-form { align-content: start; }
.video-hyper-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.video-hyper-action {
  min-height: 38px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 999px;
  background: rgba(15, 23, 42, .82);
  color: #dbeafe;
  padding: 9px 13px;
  font: inherit;
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
}
.video-hyper-action-primary {
  border-color: rgba(34, 197, 94, .48);
  background: linear-gradient(135deg, #bbf7d0, #22c55e);
  color: #052e16;
}
.video-hyper-action-warn {
  border-color: rgba(250, 204, 21, .48);
  background: linear-gradient(135deg, #fde68a, #f59e0b);
  color: #422006;
}
.video-hyper-status-card {
  display: grid;
  align-content: start;
  gap: 14px;
}
.video-hyper-scene-list {
  display: grid;
  gap: 9px;
  max-height: 520px;
  overflow: auto;
}
.video-hyper-scene-card,
.video-hyper-provider-grid article,
.video-hyper-template-card {
  border: 1px solid rgba(148, 163, 184, .14);
  border-radius: 14px;
  background: rgba(2, 6, 23, .55);
  padding: 12px;
}
.video-hyper-scene-card div,
.video-hyper-result-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.video-hyper-scene-card strong { color: #e0f2fe; font-size: 13px; }
.video-hyper-scene-card span { color: #67e8f9; font-size: 11px; font-weight: 950; }
.video-hyper-scene-card p { margin: 8px 0 0; color: var(--text); font-size: 13px; line-height: 1.45; }
.video-hyper-scene-card small { display: block; margin-top: 6px; color: var(--muted); font-size: 11px; }
.video-hyper-result {
  border: 1px solid rgba(34, 197, 94, .26);
  border-radius: 16px;
  background: rgba(22, 101, 52, .14);
  padding: 14px;
}
.video-hyper-result h4 { margin: 0 0 10px; color: #bbf7d0; }
.video-hyper-result-row { padding: 7px 0; border-top: 1px solid rgba(187, 247, 208, .14); color: #d1fae5; font-size: 12px; }
.video-hyper-result-row:first-child { border-top: 0; }
.video-hyper-result-row strong { display: inline-flex; justify-content: flex-end; align-items: center; gap: 8px; text-align: right; }
.video-hyper-output-link { display: inline-flex; width: max-content; margin-left: 10px; color: #7dd3fc; font-size: 11px; font-weight: 950; text-decoration: none; text-transform: uppercase; letter-spacing: .08em; }
.video-hyper-output-link:hover { color: #e0f2fe; text-decoration: underline; }
.video-hyper-history-card { margin-top: 14px; }
.video-hyper-history { display: grid; gap: 12px; }
.video-hyper-history-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(15, 23, 42, .84), rgba(2, 6, 23, .72));
  box-shadow: 0 18px 48px rgba(2, 6, 23, .22);
}
.video-hyper-history-item.is-complete { border-color: rgba(34, 197, 94, .28); }
.video-hyper-history-item.is-failed { border-color: rgba(248, 113, 113, .32); }
.video-hyper-history-main { min-width: 0; display: grid; gap: 9px; }
.video-hyper-history-title { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; min-width: 0; }
.video-hyper-history-title div { min-width: 0; display: grid; gap: 4px; }
.video-hyper-history-title strong { display: block; overflow: hidden; color: var(--text); font-size: 15px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.video-hyper-history-title small { color: var(--muted); font-size: 11px; font-weight: 750; }
.video-hyper-history-title span { flex: 0 0 auto; border: 1px solid rgba(125, 211, 252, .24); border-radius: 999px; padding: 6px 9px; color: #bfdbfe; background: rgba(14, 165, 233, .12); font-size: 10px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.video-hyper-history-item.is-complete .video-hyper-history-title span { border-color: rgba(34, 197, 94, .34); color: #bbf7d0; background: rgba(22, 163, 74, .14); }
.video-hyper-history-item.is-failed .video-hyper-history-title span { border-color: rgba(248, 113, 113, .38); color: #fecaca; background: rgba(220, 38, 38, .14); }
.video-hyper-history-item p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.45; }
.video-hyper-history-item em { color: #fecaca; font-size: 12px; font-style: normal; line-height: 1.45; }
.video-hyper-history-progress { height: 7px; overflow: hidden; border-radius: 999px; background: rgba(148, 163, 184, .16); }
.video-hyper-history-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #38bdf8, #22c55e); }
.video-hyper-history-item.is-failed .video-hyper-history-progress i { background: linear-gradient(90deg, #f97316, #ef4444); }
.video-hyper-history-meta { display: flex; flex-wrap: wrap; gap: 7px; }
.video-hyper-history-meta small { border: 1px solid rgba(148, 163, 184, .16); border-radius: 999px; padding: 5px 8px; color: #cbd5e1; background: rgba(15, 23, 42, .58); font-size: 11px; font-weight: 850; }
.video-hyper-history-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; min-width: max-content; }
.video-hyper-history-action { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; border: 1px solid rgba(148, 163, 184, .24); border-radius: 10px; padding: 8px 11px; color: #dbeafe; background: rgba(15, 23, 42, .78); font-size: 12px; font-weight: 900; line-height: 1; text-decoration: none; }
.video-hyper-history-preview { color: #bfdbfe; border-color: rgba(96, 165, 250, .42); }
.video-hyper-history-download { color: #052e16; border-color: rgba(34, 197, 94, .48); background: linear-gradient(135deg, #bbf7d0, #22c55e); }
.video-hyper-history-action.is-disabled { opacity: .42; cursor: not-allowed; filter: grayscale(.35); }
.video-hyper-history-action:not(.is-disabled):hover { transform: translateY(-1px); filter: brightness(1.06); }
@media (max-width: 760px) {
  .video-hyper-history-item { grid-template-columns: 1fr; }
  .video-hyper-history-actions { justify-content: flex-start; flex-wrap: wrap; min-width: 0; }
  .video-hyper-history-action { flex: 1 1 92px; }
}
.video-hyper-settings-form input[type="range"] { padding: 0; accent-color: #38bdf8; }
.video-hyper-audio-section {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 16px;
  background: rgba(2, 6, 23, .38);
  padding: 14px;
}
.video-hyper-audio-section.is-disabled {
  opacity: .48;
}
.video-hyper-audio-section.is-disabled [data-video-hyper-google-field],
.video-hyper-audio-section.is-disabled [data-video-hyper-elevenlabs-field] {
  pointer-events: none;
}
.video-hyper-audio-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.video-hyper-audio-section-head small {
  display: block;
  color: #67e8f9;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.video-hyper-audio-section-head h4 {
  margin: 3px 0 0;
  color: #f8fafc;
  font-size: 14px;
}
.video-hyper-toggle-line {
  width: auto;
  display: inline-flex;
  grid-auto-flow: column;
  align-items: center;
  gap: 8px;
  color: #dbeafe;
  font-size: 11px;
}
.video-hyper-toggle-line input {
  width: 18px;
  height: 18px;
  padding: 0;
  accent-color: #22c55e;
}
.video-hyper-audio-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.video-hyper-audio-preview {
  display: grid;
  grid-template-columns: auto minmax(180px, 1fr);
  align-items: center;
  gap: 10px;
}
.video-hyper-audio-preview audio {
  width: 100%;
  min-width: 0;
}
.video-hyper-audio-preview small {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}
.video-hyper-provider-grid,
.video-hyper-template-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
}
.video-hyper-template-form {
  align-items: start;
}
.video-hyper-template-section {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 14px;
  background: rgba(2, 6, 23, .26);
  padding: 14px;
}
.video-hyper-template-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
}
.video-hyper-template-section-head small {
  color: #67e8f9;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.video-hyper-template-section-head h4 {
  margin: 2px 0 0;
  color: #f8fafc;
  font-size: 15px;
  line-height: 1.2;
}
.video-hyper-template-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.video-hyper-template-fields .video-field-wide {
  grid-column: 1 / -1;
}
.video-hyper-brand-mode {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.video-hyper-brand-mode label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 12px;
  background: rgba(15, 23, 42, .72);
  padding: 10px 12px;
  color: #dbeafe;
  font-size: 12px;
  font-weight: 950;
  text-transform: none;
}
.video-hyper-brand-mode input {
  width: auto;
  accent-color: #22c55e;
}
.video-hyper-template-fields label.is-disabled {
  opacity: .48;
}
.video-hyper-template-fields label.is-disabled input {
  cursor: not-allowed;
}
.video-hyper-template-fields [data-video-hyper-template-logo-status] {
  display: block;
  margin-top: 6px;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
  text-transform: none;
}
.video-hyper-template-scene-head {
  margin: 18px 0 10px;
}
.video-hyper-template-identity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 14px 0;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(15, 23, 42, .82), rgba(2, 6, 23, .62));
  padding: 14px;
}
.video-hyper-template-brandmark {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.video-hyper-template-brandmark i,
.video-hyper-template-preview-logo i {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 9px;
  background: var(--hyper-template-primary, #d71920);
  color: #fff;
  font-style: normal;
  font-weight: 950;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .28);
}
.video-hyper-template-brandmark img,
.video-hyper-template-preview-logo img {
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .35));
}
.video-hyper-template-brandmark img[hidden],
.video-hyper-template-preview-logo img[hidden],
.video-hyper-template-brandmark i[hidden],
.video-hyper-template-preview-logo i[hidden] { display: none; }
.video-hyper-template-brandmark img {
  max-width: 120px;
  max-height: 48px;
}
.video-hyper-template-preview-logo img {
  max-width: 88px;
  max-height: 32px;
}
.video-hyper-template-brandmark i {
  width: 42px;
  height: 42px;
  font-size: 14px;
}
.video-hyper-template-brandmark strong {
  display: block;
  color: #f8fafc;
  font-size: 15px;
}
.video-hyper-template-brandmark span {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}
.video-hyper-template-brandmark strong[hidden] {
  display: none;
}
.video-hyper-template-swatches {
  display: flex;
  align-items: center;
  gap: 8px;
}
.video-hyper-template-swatches span {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 10px;
  background: var(--hyper-template-primary, #d71920);
}
.video-hyper-template-swatches span + span { background: var(--hyper-template-accent, #facc15); }
.video-hyper-color-field input[type="color"] {
  width: 100%;
  min-height: 42px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, .22);
  padding: 4px;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 10px 20px rgba(0, 0, 0, .16);
}
.video-hyper-color-field input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; }
.video-hyper-color-field input[type="color"]::-webkit-color-swatch {
  border: 0;
  border-radius: 8px;
}
.video-hyper-provider-grid strong,
.video-hyper-template-card strong { display: block; color: #f8fafc; font-size: 13px; }
.video-hyper-provider-grid span,
.video-hyper-template-card span { display: block; margin-top: 5px; color: var(--muted); font-size: 12px; line-height: 1.4; }
.video-hyper-template-card {
  display: grid;
  gap: 9px;
}
.video-hyper-template-preview {
  position: relative;
  aspect-ratio: 9 / 16;
  min-height: 280px;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .24);
  border-radius: 14px;
  background:
    radial-gradient(circle at 78% 16%, color-mix(in srgb, var(--hyper-template-accent, #facc15) 36%, transparent), transparent 28%),
    linear-gradient(155deg, #111827 0%, #020617 58%, #000 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}
.video-hyper-template-preview::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, var(--hyper-template-overlay, .38)) 62%, transparent 100%);
  pointer-events: none;
}
.video-hyper-template-preview-glow {
  position: absolute;
  z-index: 1;
  right: -22%;
  top: 8%;
  width: 70%;
  height: 28%;
  border-radius: 999px;
  background: var(--hyper-template-primary, #d71920);
  opacity: .34;
  filter: blur(22px);
}
.video-hyper-template-preview-grid {
  position: absolute;
  inset: -10%;
  z-index: 1;
  opacity: .18;
  background-image:
    linear-gradient(rgba(255, 255, 255, .28) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .22) 1px, transparent 1px);
  background-size: 18px 18px;
  transform: rotate(-8deg) scale(1.1);
}
.video-hyper-template-preview-logo {
  position: absolute;
  z-index: 4;
  top: 16px;
  left: 16px;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #fff;
  font-size: 11px;
  font-weight: 950;
}
.video-hyper-template-preview-logo span[hidden] {
  display: none;
}
.video-hyper-template-preview-logo i {
  width: 26px;
  height: 26px;
  border-radius: 7px;
  font-size: 10px;
}
.video-hyper-template-preview-copy {
  position: absolute;
  z-index: 3;
  left: 8%;
  right: 8%;
  bottom: 11%;
  display: grid;
  gap: 7px;
  color: #fff;
  text-align: var(--hyper-template-align, left);
}
.video-hyper-template-preview-copy.is-top { top: 22%; bottom: auto; }
.video-hyper-template-preview-copy.is-upper { top: 34%; bottom: auto; transform: translateY(-50%); }
.video-hyper-template-preview-copy.is-center { top: 50%; bottom: auto; transform: translateY(-50%); }
.video-hyper-template-preview-copy.is-lower { top: 66%; bottom: auto; transform: translateY(-50%); }
.video-hyper-template-preview-copy.is-bottom { bottom: 11%; }
.video-hyper-template-preview-copy small {
  width: max-content;
  max-width: 100%;
  border-radius: 6px;
  background: var(--hyper-template-primary, #d71920);
  padding: 4px 7px;
  color: #fff;
  font-size: 9px;
  font-style: normal;
  font-weight: 950;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.video-hyper-template-preview-copy.align-center small { margin-inline: auto; }
.video-hyper-template-preview-copy.align-right small { margin-left: auto; }
.video-hyper-template-preview-copy b {
  color: #fff;
  font-size: var(--hyper-template-font, 24px);
  font-weight: 950;
  line-height: .98;
  text-shadow: 0 5px 18px rgba(0, 0, 0, .68);
  overflow-wrap: anywhere;
}
.video-hyper-template-preview-copy em {
  color: var(--hyper-template-accent, #facc15);
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  text-shadow: 0 3px 12px rgba(0, 0, 0, .58);
}
.video-hyper-template-preview.template-keyword .video-hyper-template-preview-copy b,
.video-hyper-template-preview.template-number .video-hyper-template-preview-copy b {
  -webkit-text-stroke: 1px rgba(2, 6, 23, .88);
  paint-order: stroke fill;
}
.video-hyper-template-preview.template-number .video-hyper-template-preview-grid,
.video-hyper-template-preview.template-keyword .video-hyper-template-preview-grid {
  opacity: .34;
  transform: perspective(360px) rotateX(50deg) translateY(-14%) scale(1.25);
  transform-origin: 50% 52%;
}
.video-hyper-template-preview.template-quote .video-hyper-template-preview-copy b {
  border-radius: 10px;
  background: color-mix(in srgb, var(--hyper-template-primary, #d71920) 72%, transparent);
  padding: 10px 12px;
  font-style: italic;
}
.video-hyper-template-preview.template-closing .video-hyper-template-preview-copy small { display: none; }
.video-hyper-template-preview-ticker {
  position: absolute;
  z-index: 4;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background: #fff;
  color: #020617;
  padding: 6px 10px;
  font-size: 10px;
  font-weight: 950;
  white-space: nowrap;
}
.video-hyper-template-toggle {
  grid-template-columns: 1fr auto;
  align-items: center;
}
.video-hyper-template-card label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}
.video-hyper-template-card input,
.video-hyper-template-card select {
  width: 100%;
  min-width: 0;
  color: var(--text);
  background: rgba(15, 23, 42, .94);
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 12px;
  padding: 9px 10px;
  font: inherit;
}
.video-clipper-toolbar-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.video-clipper-review-list { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.video-clipper-review-card { display: grid; align-content: start; gap: 9px; border: 1px solid rgba(148, 163, 184, .14); border-radius: 12px; background: rgba(2, 6, 23, .34); padding: 10px; }
.video-clipper-card-select { display: none; align-items: center; justify-content: space-between; gap: 10px; color: #94a3b8; font-size: 11px; font-weight: 900; }
.video-clipper-review-panel.is-selecting .video-clipper-card-select { display: flex; }
.video-clipper-card-select label { display: inline-flex; align-items: center; gap: 6px; }
.video-clipper-card-select input { accent-color: #22c55e; }
.video-clipper-card-select span { color: #bfdbfe; }
.video-clipper-review-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.video-clipper-review-head div { display: grid; gap: 4px; min-width: 0; }
.video-clipper-review-head small { color: #67e8f9; font-size: 10px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.video-clipper-review-head strong { color: #f8fafc; font-size: 14px; line-height: 1.25; }
.video-clipper-review-head span { flex: 0 0 auto; color: #bfdbfe; font-size: 12px; font-weight: 950; }
.video-clipper-review-card p { margin: 0; color: #cbd5e1; font-size: 12px; line-height: 1.5; font-weight: 760; }
.video-clipper-card-title { display: grid; gap: 6px; align-items: start; min-height: 58px; }
.video-clipper-card-title strong { color: #f8fafc; font-size: 12px; line-height: 1.25; font-weight: 950; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.video-clipper-card-title span { width: fit-content; max-width: 100%; border: 1px solid rgba(34, 197, 94, .22); border-radius: 999px; background: rgba(22, 163, 74, .14); color: #bbf7d0; padding: 4px 7px; font-size: 9px; line-height: 1; font-weight: 950; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.video-clipper-thumb-wrap { position: relative; width: min(100%, 136px); justify-self: center; aspect-ratio: 9 / 16; border-radius: 10px; overflow: hidden; background: #020617; box-shadow: inset 0 0 0 1px rgba(148, 163, 184, .14); }
.video-clipper-card-thumb { width: 100%; height: 100%; display: block; object-fit: cover; }
.video-clipper-card-thumb-empty { display: grid; place-items: center; color: #64748b; font-size: 12px; font-weight: 900; background: rgba(15, 23, 42, .92); }
.video-clipper-thumb-wrap > span { position: absolute; right: 8px; bottom: 8px; border-radius: 999px; background: rgba(2, 6, 23, .82); color: #f8fafc; padding: 5px 8px; font-size: 11px; font-weight: 950; backdrop-filter: blur(8px); }
.video-clipper-card-caption { min-height: 50px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: #dbeafe; font-size: 11px; line-height: 1.4; font-weight: 760; }
.video-clipper-compact-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.video-clipper-compact-meta span { border: 1px solid rgba(148, 163, 184, .16); border-radius: 999px; background: rgba(15, 23, 42, .5); color: #bfdbfe; padding: 5px 8px; font-size: 10px; font-weight: 950; }
.video-clipper-caption-preview { display: grid; gap: 6px; border: 1px solid rgba(125, 211, 252, .16); border-radius: 12px; background: rgba(8, 47, 73, .2); padding: 10px; }
.video-clipper-caption-preview small { color: #67e8f9; font-size: 10px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.video-clipper-caption-preview span { color: #e0f2fe; font-size: 12px; line-height: 1.45; font-weight: 780; }
.video-clipper-caption-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.video-clipper-caption-tabs button { min-height: 30px; border: 1px solid rgba(148, 163, 184, .18); border-radius: 10px; background: rgba(15, 23, 42, .62); color: #94a3b8; font: 900 10px/1.1 Inter, ui-sans-serif, system-ui, sans-serif; cursor: pointer; }
.video-clipper-caption-tabs button.is-active { border-color: rgba(34, 197, 94, .42); background: rgba(22, 163, 74, .2); color: #dcfce7; }
.video-clipper-caption-modes { border: 1px solid rgba(148, 163, 184, .12); border-radius: 12px; background: rgba(15, 23, 42, .36); padding: 10px; min-height: 78px; }
.video-clipper-caption-modes p { margin: 0; color: #dbeafe; font-size: 12px; line-height: 1.5; font-weight: 760; }
.video-clipper-edit-panel { display: grid; gap: 12px; border-top: 1px solid rgba(148, 163, 184, .12); padding-top: 12px; }
.video-clipper-edit-panel[hidden] { display: none; }
.video-clipper-edit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.video-clipper-edit-grid label { display: grid; gap: 7px; color: var(--muted); font-size: 11px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.video-clipper-edit-grid input, .video-clipper-edit-grid textarea { width: 100%; border: 1px solid rgba(148, 163, 184, .22); border-radius: 12px; background: rgba(2, 6, 23, .72); color: #f8fafc; padding: 10px 11px; font: 750 13px/1.45 Inter, ui-sans-serif, system-ui, sans-serif; outline: 2px solid transparent; outline-offset: 2px; }
.video-clipper-edit-grid textarea { resize: vertical; }
.video-clipper-time-control { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 6px; }
.video-clipper-time-control button { border: 1px solid rgba(125, 211, 252, .24); border-radius: 10px; background: rgba(15, 23, 42, .82); color: #dbeafe; font: 900 11px/1 Inter, ui-sans-serif, system-ui, sans-serif; cursor: pointer; }
.video-clipper-review-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.video-clipper-main-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.video-clipper-main-actions .video-clipper-action { min-width: 0; padding-inline: 7px; font-size: 10px; }
.video-clipper-main-actions .video-clipper-action-primary,
.video-clipper-main-actions .video-clipper-action-render { grid-column: span 2; }
.video-clipper-review-actions span { margin-right: auto; color: #94a3b8; font-size: 11px; font-weight: 850; }
.video-clipper-preview-player { display: grid; gap: 10px; border: 1px solid rgba(34, 197, 94, .24); border-radius: 14px; background: rgba(2, 6, 23, .44); padding: 12px; margin-bottom: 12px; }
.video-clipper-preview-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #f8fafc; font-size: 13px; }
.video-clipper-preview-player video { width: 100%; max-height: 68vh; border-radius: 12px; background: #000; }
@keyframes video-progress-stripe { to { background-position: 30px 0, 0 0; } }

@media (max-width: 1180px) {
  .video-clipper-review-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .video-clipper-thumb-wrap { width: min(100%, 180px); }
}

@media (max-width: 980px) {
  .video-clipper-review-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .video-clipper-review-list { grid-template-columns: 1fr; }
  .video-clipper-edit-grid { grid-template-columns: 1fr; }
  .video-clipper-toolbar-actions { justify-content: stretch; }
  .video-clipper-toolbar-actions .video-clipper-action { flex: 1 1 auto; }
  .video-clipper-review-head, .video-clipper-review-actions { display: grid; justify-content: stretch; }
  .video-instant-toolbar { align-items: stretch; flex-direction: column; }
  .video-instant-grid { min-height: 980px; }
  .video-instant-modal-body { grid-template-columns: 1fr; }
  .video-storyboard-summary { grid-template-columns: 1fr; }
  .video-storyboard-list { grid-template-columns: 1fr; }
  .video-storyboard-scene { grid-template-columns: 112px minmax(0, 1fr); }
  .video-storyboard-scene-media { min-height: 210px; }
  .video-instant-card-head { align-items: stretch; flex-direction: column; }
  .video-instant-rss-tools { justify-content: stretch; }
  .video-instant-rss-source { flex: 1 1 auto; max-width: none; }
  .video-instant-rss-search { max-width: none; }
  .video-instant-rss-meta { display: none; }
  .video-instant-news-item { grid-template-columns: 70px minmax(0, 1fr); }
  .video-instant-news-item time,
  .video-instant-add-news { grid-column: 2; }
  .video-workflow { grid-template-columns: 1fr; }
  .video-workflow-form { grid-template-columns: 1fr; }
  .video-hyper-grid { grid-template-columns: 1fr; }
  .video-hyper-tabs button { flex: 0 0 auto; }
}

.video-settings-workspace {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
}

.video-settings-toolbar,
.video-template-upload-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.video-settings-media-select,
.video-settings-template-select,
.video-settings-card label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  color: var(--text-muted, #94a3b8);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
}

.video-settings-media-select select,
.video-settings-template-select select,
.video-settings-card input,
.video-settings-card select {
  min-width: 0;
  width: 100%;
  border: 1px solid rgba(148, 163, 184, .24);
  border-radius: 12px;
  background: rgba(15, 23, 42, .72);
  color: var(--text-main, #e5eefc);
  padding: 10px 12px;
}

.video-settings-status {
  color: var(--text-muted, #94a3b8);
  font-size: 12px;
}

.video-settings-tabs {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  gap: 8px;
  padding: 6px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 999px;
  background: rgba(2, 6, 23, .45);
}

.video-settings-tabs button {
  border: 0;
  border-radius: 999px;
  padding: 10px 16px;
  background: transparent;
  color: var(--text-muted, #94a3b8);
  font-weight: 800;
  cursor: pointer;
}

.video-settings-tabs button.active {
  background: linear-gradient(135deg, rgba(103, 232, 249, .24), rgba(250, 204, 21, .2));
  color: var(--text-main, #f8fafc);
}

.video-settings-tab-panels,
.video-settings-grid {
  display: block;
}

.video-settings-tab-panel[hidden],
.video-settings-card[hidden] {
  display: none;
}

.video-settings-card {
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(15, 23, 42, .92), rgba(2, 6, 23, .78));
  box-shadow: 0 18px 44px rgba(0, 0, 0, .22);
  padding: 18px;
  min-width: 0;
}

.video-template-settings-layout {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(320px, 1.05fr);
  gap: 16px;
  align-items: start;
}

.video-template-settings-formcol {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.video-template-preview-card {
  min-width: 0;
}

.video-settings-card-head {
  margin-bottom: 14px;
}

.video-settings-card-head small {
  color: #67e8f9;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.video-settings-card-head h3 {
  margin: 4px 0;
  color: var(--text-main, #f8fafc);
}

.video-settings-card-head p {
  margin: 0;
  color: var(--text-muted, #94a3b8);
  font-size: 13px;
}

.video-template-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.video-field-wide,
.video-form-actions {
  grid-column: 1 / -1;
}

.video-checkbox-field {
  flex-direction: row;
  align-items: center;
  color: var(--text-main, #e5eefc);
}

.video-checkbox-field input {
  width: auto;
}

.video-form-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.video-form-actions button,
.video-template-upload-row button,
.video-backsound-upload button,
.video-settings-new-template {
  border: 0;
  border-radius: 999px;
  padding: 10px 14px;
  color: #06111f;
  background: linear-gradient(135deg, #67e8f9, #facc15);
  font-weight: 800;
  cursor: pointer;
}

.video-template-upload-row form,
.video-backsound-upload {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-end;
  width: 100%;
  padding: 12px;
  border: 1px dashed rgba(148, 163, 184, .24);
  border-radius: 16px;
  background: rgba(15, 23, 42, .34);
}

.video-backsound-upload label {
  flex: 1 1 240px;
}

.video-backsound-upload span {
  color: var(--text-muted, #94a3b8);
  font-size: 12px;
  font-weight: 800;
}

.video-backsound-library-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 16px 0 10px;
}

.video-backsound-library-head div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.video-backsound-library-head strong {
  color: var(--text-main, #f8fafc);
}

.video-backsound-library-head small,
.video-backsound-table small,
.video-backsound-muted {
  color: var(--text-muted, #94a3b8);
}

.video-backsound-library-head audio {
  width: min(100%, 360px);
  height: 38px;
}

.video-backsound-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 16px;
}

.video-backsound-table {
  width: 100%;
  min-width: 860px;
  border-collapse: collapse;
}

.video-backsound-table th,
.video-backsound-table td {
  padding: 12px;
  border-bottom: 1px solid rgba(148, 163, 184, .12);
  text-align: left;
  vertical-align: middle;
}

.video-backsound-table th {
  color: #7dd3fc;
  background: rgba(15, 23, 42, .62);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.video-backsound-table tr:last-child td {
  border-bottom: 0;
}

.video-backsound-title {
  color: var(--text-main, #f8fafc);
  font-weight: 900;
}

.video-backsound-assignments {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.video-backsound-chip,
.video-backsound-status-pill {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 900;
}

.video-backsound-chip {
  color: #bae6fd;
  background: rgba(14, 165, 233, .14);
  border: 1px solid rgba(14, 165, 233, .22);
}

.video-backsound-status-pill.is-active {
  color: #bbf7d0;
  background: rgba(34, 197, 94, .14);
}

.video-backsound-status-pill.is-inactive {
  color: #fecaca;
  background: rgba(239, 68, 68, .14);
}

.video-backsound-volume-control {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  min-width: 160px;
  color: var(--text-main, #e5eefc);
}

.video-backsound-volume-control input[type="range"] {
  width: 118px;
  min-width: 0;
  accent-color: #67e8f9;
}

.video-backsound-volume-control span {
  width: 38px;
  color: var(--text-muted, #94a3b8);
  font-size: 12px;
  font-weight: 900;
  text-align: right;
}

.video-backsound-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.video-backsound-actions button {
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 999px;
  padding: 7px 10px;
  background: rgba(15, 23, 42, .72);
  color: var(--text-main, #e5eefc);
  font-size: 12px;
  font-weight: 850;
  cursor: pointer;
}

.video-backsound-actions button:hover {
  border-color: rgba(103, 232, 249, .46);
  color: #cffafe;
}

.video-backsound-actions button:disabled {
  cursor: not-allowed;
  opacity: .48;
}

.video-backsound-empty {
  color: var(--text-muted, #94a3b8);
  padding: 18px;
  text-align: center;
}

.video-template-preview,
.video-instant-template-preview {
  position: relative;
  aspect-ratio: 16 / 9;
  width: 100%;
  border-radius: 18px;
  border: 1px solid rgba(103, 232, 249, .24);
  background: radial-gradient(circle at 50% 25%, rgba(14, 165, 233, .28), transparent 40%), #020617;
  display: block;
  --video-preview-scale: 1;
  isolation: isolate;
}

.video-template-preview { overflow: visible; }
.video-instant-template-preview { overflow: hidden; }

.video-template-preview-editor-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 12px;
}

.video-template-preview-editor-toolbar button,
.video-template-preview-editor-toolbar select {
  border: 1px solid rgba(103, 232, 249, .24);
  border-radius: 999px;
  background: rgba(15, 23, 42, .88);
  color: #e0f2fe;
  min-width: 34px;
  height: 34px;
  cursor: pointer;
}

.video-template-preview-editor-toolbar label {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  color: var(--text-muted, #94a3b8);
  font-size: 12px;
  font-weight: 800;
}

.video-template-preview-editor-toolbar span {
  color: #facc15;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.video-template-editor-layer {
  position: absolute;
  cursor: move;
  touch-action: none;
  z-index: 3;
  border: 1px dashed transparent;
  user-select: none;
}

.video-template-editor-layer.is-selected {
  border-color: rgba(250, 204, 21, .9);
  box-shadow: 0 0 0 2px rgba(250, 204, 21, .12), 0 0 24px rgba(250, 204, 21, .18);
}

.video-template-preview-header,
.video-template-preview-footer {
  position: absolute;
  display: grid;
  place-items: center;
  background-color: rgba(15, 23, 42, .82);
  background-size: var(--video-layer-fit, contain);
  background-position: var(--video-layer-position, center center);
  background-repeat: no-repeat;
  color: #facc15;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .14em;
}

.video-template-preview-body {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: rgba(226, 232, 240, .62);
}

.video-template-narration-layer {
  display: grid;
  place-items: center;
  padding: 8px 12px;
  color: #fff;
  font-weight: 900;
  line-height: 1.12;
  text-align: center;
  text-shadow: 0 3px 10px rgba(0, 0, 0, .72);
  background: rgba(2, 6, 23, .38);
  border-radius: 12px;
  z-index: 20;
}

.video-template-preview img,
.video-instant-template-preview img {
  position: absolute;
  object-fit: var(--video-layer-fit, contain);
  object-position: var(--video-layer-position, center center);
  pointer-events: auto;
}


.video-instant-template-shell {
  gap: 12px;
}

.video-instant-template-preview {
  max-height: 100%;
}

.video-instant-template-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: var(--text-main, #e5eefc);
  font-size: 12px;
}

.video-instant-template-meta span,
.video-instant-template-status {
  color: var(--text-muted, #94a3b8);
  font-size: 12px;
  margin: 0;
}

.video-instant-template-shell audio {
  width: 100%;
}

.video-template-preview[data-aspect-ratio="9:16"],
.video-instant-template-preview[data-aspect-ratio="9:16"],
.video-template-preview[data-aspect-ratio="4:5"],
.video-instant-template-preview[data-aspect-ratio="4:5"],
.video-template-preview[data-aspect-ratio="2:3"],
.video-instant-template-preview[data-aspect-ratio="2:3"] {
  max-width: min(100%, 360px);
  margin-inline: auto;
}



.video-settings-new-template {
  white-space: nowrap;
}

.video-template-preview-card [data-video-template-preview-scale] {
  color: var(--text-muted, #94a3b8);
  font-size: 12px;
}

.video-template-preview::before,
.video-instant-template-preview::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(148, 163, 184, .08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(148, 163, 184, .08) 1px, transparent 1px);
  background-size: calc(100% / 6) calc(100% / 10);
  opacity: .35;
  pointer-events: none;
  z-index: 0;
}

.video-template-preview-body {
  z-index: 1;
}

.video-template-editor-layer::after {
  content: '';
  position: absolute;
  right: -5px;
  bottom: -5px;
  width: 12px;
  height: 12px;
  border-radius: 4px;
  border: 1px solid rgba(250, 204, 21, .95);
  background: rgba(15, 23, 42, .95);
  opacity: 0;
  pointer-events: none;
}

.video-template-resize-handle {
  position: absolute;
  z-index: 30;
  width: 14px;
  height: 14px;
  border: 1px solid rgba(250, 204, 21, .95);
  border-radius: 5px;
  background: rgba(15, 23, 42, .96);
  box-shadow: 0 4px 12px rgba(2, 6, 23, .35);
  opacity: 0;
  pointer-events: none;
}

.video-template-editor-layer.is-selected .video-template-resize-handle {
  opacity: 1;
  pointer-events: auto;
}

.video-template-resize-handle.is-n { top: -8px; left: 50%; transform: translateX(-50%); cursor: ns-resize; }
.video-template-resize-handle.is-s { bottom: -8px; left: 50%; transform: translateX(-50%); cursor: ns-resize; }
.video-template-resize-handle.is-e { right: -8px; top: 50%; transform: translateY(-50%); cursor: ew-resize; }
.video-template-resize-handle.is-w { left: -8px; top: 50%; transform: translateY(-50%); cursor: ew-resize; }
.video-template-resize-handle.is-ne { right: -8px; top: -8px; cursor: nesw-resize; }
.video-template-resize-handle.is-nw { left: -8px; top: -8px; cursor: nwse-resize; }
.video-template-resize-handle.is-se { right: -8px; bottom: -8px; cursor: nwse-resize; }
.video-template-resize-handle.is-sw { left: -8px; bottom: -8px; cursor: nesw-resize; }

.video-template-editor-layer.is-selected::after {
  opacity: 1;
}

.video-template-preview-header,
.video-template-preview-footer,
.video-template-preview img,
.video-instant-template-preview img {
  z-index: 3;
}

.video-template-narration-layer {
  z-index: 20;
}

@media (max-width: 920px) {
  .video-settings-grid,
  .video-template-form {
    grid-template-columns: 1fr;
  }
  .video-hyper-template-fields,
  .video-hyper-brand-mode {
    grid-template-columns: 1fr;
  }
  .video-template-settings-card,
  .video-backsound-settings-card,
  .video-template-preview-card {
    grid-column: auto;
    grid-row: auto;
  }
}
}

/* Official Patriot Radar mark for the server-rendered fallback shell. */
.sidebar .brand-mark::before,
.sidebar .brand-mark::after,
.mobile-brand > span::before,
.mobile-brand > span::after {
  content: none;
}

.sidebar .brand-mark img,
.mobile-brand > span img {
  display: block;
  width: 72%;
  height: 72%;
  object-fit: contain;
}

@media (max-width: 1180px) {
  .video-template-settings-layout { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .video-settings-tabs { width: 100%; }
  .video-settings-tabs button { flex: 1; }
}

/* Orbit premium clean sidebar */
:root {
  --sidebar-width: clamp(360px, 28vw, 396px);
  --jam-orange: #f27c00;
  --jam-orange-soft: #fff0df;
  --jam-orange-faint: rgb(242 124 0 / .1);
  --jam-orange-border: rgb(242 124 0 / .24);
  --jam-ink: #0d0e12;
  --jam-ink-soft: #20242d;
  --jam-sidebar-panel: #fffaf3;
  --jam-sidebar-surface: #ffffff;
  --jam-sidebar-muted: #697181;
  --jam-sidebar-line: #e6ded4;
  --jam-sidebar-line-strong: #d8cfc4;
}

.sidebar {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 0;
  padding: 0;
  overflow: hidden;
  border-right: 1px solid var(--jam-sidebar-line-strong);
  background: var(--jam-sidebar-panel);
  color: var(--jam-ink);
  box-shadow: 8px 0 8px rgb(2 6 23 / .12);
}

.sidebar-rail {
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 18px 12px;
  background: linear-gradient(180deg, #111 0%, #0b0b0b 55%, #17100b 100%);
  color: #fff;
}

.sidebar .brand-mark {
  position: relative;
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #fdf7ef;
  color: var(--jam-ink);
  text-decoration: none;
  box-shadow: inset 0 -2px 0 rgb(15 23 42 / .08);
}

.sidebar .brand-mark span,
.mobile-brand span::before {
  display: block;
  width: 24px;
  height: 24px;
  border: 3px solid currentColor;
  border-radius: 50%;
  content: "";
}

.sidebar .brand-mark::after,
.mobile-brand span::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border: 3px solid var(--jam-orange);
  border-radius: 50%;
}

.rail-divider {
  width: 32px;
  height: 1px;
  margin: 4px 0;
  background: rgb(255 255 255 / .12);
}

.rail-nav {
  display: grid;
  gap: 10px;
}

.rail-link {
  position: relative;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #a7adb8;
  text-decoration: none;
  cursor: pointer;
  font: inherit;
  padding: 0;
  transition: transform .18s cubic-bezier(.22, 1, .36, 1), background .18s ease, color .18s ease, border-color .18s ease;
}

.rail-link:hover,
.rail-link:focus-visible {
  transform: translateY(-1px);
  border-color: rgb(255 255 255 / .13);
  background: rgb(255 255 255 / .06);
  color: #fff;
  outline: 0;
}

.rail-link.active {
  background: var(--jam-orange);
  color: #fff;
}

.rail-link.active::after {
  content: "";
  position: absolute;
  right: -13px;
  width: 4px;
  height: 24px;
  border-radius: 999px;
  background: var(--jam-orange);
}

.rail-voice {
  margin-top: auto;
}

.sidebar-panel {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, rgb(255 250 243 / .98), rgb(248 246 241 / .98));
}

.sidebar .brand-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin: 0;
  padding: 22px 22px 14px;
}

.sidebar .brand-wrap > div {
  min-width: 0;
}

.sidebar .brand-wrap small {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 6px;
  color: #6f6474;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: none;
}

.sidebar .brand-wrap small i {
  width: 18px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--jam-orange), #b0308e);
}

.sidebar .brand {
  max-width: 190px;
  overflow-wrap: anywhere;
  color: var(--jam-ink);
  font-size: 28px;
  font-weight: 950;
  line-height: .96;
  letter-spacing: 0;
  text-transform: uppercase;
}

.sidebar-live-pill {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  border: 1px solid rgb(22 163 74 / .2);
  border-radius: 999px;
  background: rgb(22 163 74 / .08);
  color: #0f7b38;
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 850;
}

.sidebar-live-pill i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #16a34a;
}

.sidebar-command {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  margin: 0 22px 14px;
  border: 1px solid var(--jam-sidebar-line);
  border-radius: 8px;
  background: var(--jam-sidebar-surface);
  color: var(--jam-sidebar-muted);
  padding: 7px 9px;
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.sidebar-command:hover,
.sidebar-command:focus-visible {
  border-color: var(--jam-orange-border);
  color: var(--jam-ink);
  outline: 0;
}

.sidebar-command span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 780;
}

.sidebar-command b {
  border: 1px solid var(--jam-sidebar-line);
  border-radius: 6px;
  background: #f7f3ec;
  color: var(--jam-ink-soft);
  padding: 5px 7px;
  font-size: 11px;
  font-weight: 850;
}

.sidebar .menu-label {
  margin: 0 22px 10px;
  color: #826f60;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: none;
}

.sidebar #mainNav {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 7px;
  overflow: auto;
  padding: 0 16px 10px;
  scrollbar-width: thin;
}

.sidebar .nav-group {
  display: grid;
  gap: 6px;
}

.sidebar .nav-item {
  min-height: 54px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 8px 10px;
  background: transparent;
  color: var(--jam-ink-soft);
  text-decoration: none;
  box-shadow: none;
  transition: transform .18s cubic-bezier(.22, 1, .36, 1), border-color .18s ease, background .18s ease, color .18s ease;
}

.sidebar .nav-item:hover,
.sidebar .nav-item:focus-visible {
  transform: translateY(-1px);
  border-color: var(--jam-sidebar-line);
  background: rgb(255 255 255 / .72);
  color: var(--jam-ink);
  outline: 0;
}

.sidebar .nav-item.active {
  border-color: var(--jam-orange-border);
  background: var(--jam-orange-soft);
  color: var(--jam-ink);
}

.sidebar .nav-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid var(--jam-sidebar-line);
  border-radius: 8px;
  background: var(--jam-sidebar-surface);
  color: #687182;
}

.sidebar .nav-item.active .nav-icon {
  border-color: var(--jam-orange-border);
  background: var(--jam-orange);
  color: #fff;
}

.sidebar .nav-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.sidebar .nav-item b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: inherit;
  font-size: 15px;
  font-weight: 900;
}

.sidebar .nav-item small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0;
  color: #667085;
  font-size: 11px;
  font-weight: 760;
}

.nav-count,
.nav-chevron {
  min-width: 30px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--jam-sidebar-line);
  border-radius: 999px;
  background: #fff;
  color: var(--jam-sidebar-muted);
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 850;
}

.nav-chevron {
  width: 30px;
  height: 30px;
  padding: 0;
}

.nav-chevron .orbit-inline-icon {
  width: 14px;
  height: 14px;
}

.sidebar .nav-item.active .nav-count,
.sidebar .nav-item.active .nav-chevron {
  border-color: var(--jam-orange-border);
  color: var(--jam-orange);
}

.sidebar .nav-submenu {
  display: grid;
  gap: 4px;
  margin: 1px 0 4px 29px;
  padding: 4px 0 4px 18px;
  border-left: 1px solid rgb(242 124 0 / .22);
}

.sidebar .nav-subitem {
  min-height: 34px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 6px 8px;
  background: transparent;
  color: #667085;
  text-decoration: none;
  font-size: 12px;
  font-weight: 820;
}

.sidebar .nav-subitem:hover,
.sidebar .nav-subitem:focus-visible,
.sidebar .nav-subitem.active {
  border-color: var(--jam-orange-border);
  background: rgb(255 255 255 / .78);
  color: var(--jam-ink);
  outline: 0;
}

.sidebar .nav-subitem.active {
  color: var(--jam-orange);
}

.sidebar .nav-subitem .orbit-inline-icon {
  width: 16px;
  height: 16px;
  opacity: 1;
}

.sidebar .nav-subitem i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #c8ced6;
}

.sidebar .nav-subitem.active i {
  background: var(--jam-orange);
}

.sidebar .auth-dock {
  flex: 0 0 auto;
  grid-template-columns: 44px minmax(0, 1fr) 38px;
  gap: 10px;
  margin: 12px 16px 16px;
  border: 1px solid var(--jam-sidebar-line-strong);
  border-radius: 8px;
  background: #fff;
  padding: 10px;
  box-shadow: 0 4px 8px rgb(15 23 42 / .06);
}

.sidebar .auth-avatar {
  position: relative;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: var(--jam-ink);
  color: #fff;
  font-size: 19px;
  font-weight: 950;
}

.sidebar .auth-avatar::after {
  content: "";
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 12px;
  height: 12px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: var(--jam-orange);
}

.sidebar .auth-meta small {
  color: #667085;
  font-size: 11px;
  font-weight: 780;
  letter-spacing: 0;
  text-transform: none;
}

.sidebar .auth-meta b {
  color: var(--jam-ink);
  font-size: 14px;
  font-weight: 900;
}

.sidebar .auth-meta span {
  border-color: var(--jam-orange-border);
  background: var(--jam-orange-soft);
  color: var(--jam-orange);
  letter-spacing: 0;
}

.sidebar .logout-button {
  width: 38px;
  height: 38px;
  border: 1px solid var(--jam-sidebar-line);
  border-radius: 8px;
  background: #f7f3ec;
  color: var(--jam-ink-soft);
  font-size: 0;
}

.sidebar .logout-button:hover,
.sidebar .logout-button:focus-visible {
  border-color: rgb(220 38 38 / .26);
  background: rgb(220 38 38 / .08);
  color: #b91c1c;
  outline: 0;
}

.sidebar .sidebar-hide-button {
  flex: 0 0 auto;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin: 2px 16px 0;
  border: 1px solid var(--jam-sidebar-line-strong);
  border-radius: 8px;
  background: var(--jam-ink);
  color: #fff;
  padding: 10px 12px;
  letter-spacing: 0;
  text-transform: none;
}

.sidebar .sidebar-hide-button:hover,
.sidebar .sidebar-hide-button:focus-visible {
  border-color: var(--jam-ink);
  background: #17110d;
  outline: 0;
}

.sidebar-restore-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-color: var(--jam-orange-border);
  border-radius: 999px;
  background: #111;
  color: #fff;
  letter-spacing: 0;
  text-transform: none;
}

.sidebar-restore-button:hover,
.sidebar-restore-button:focus-visible {
  background: var(--jam-orange);
  color: #fff;
  outline: 0;
}

.sidebar-restore-button .orbit-inline-icon,
.mobile-menu-button .orbit-inline-icon,
.bottom-nav .orbit-inline-icon {
  width: 18px;
  height: 18px;
}

.mobile-brand span {
  position: relative;
  font-size: 0;
  color: var(--jam-ink);
  background: #fdf7ef;
}

.bottom-nav-item span .orbit-inline-icon {
  width: 17px;
  height: 17px;
}

@media (prefers-reduced-motion: reduce) {
  .rail-link,
  .sidebar .nav-item,
  .sidebar-overlay,
  .sidebar {
    transition: none;
  }
}

@media (max-width: 900px) {
  .sidebar {
    grid-template-columns: 68px minmax(0, 1fr);
    width: min(392px, 92vw);
    padding: 0;
    overflow: hidden;
  }

  .sidebar-rail {
    padding: calc(14px + env(safe-area-inset-top)) 10px calc(14px + env(safe-area-inset-bottom));
  }

  .rail-link,
  .sidebar .brand-mark {
    width: 46px;
    height: 46px;
  }

  .sidebar-panel {
    max-height: 100dvh;
  }

  .sidebar .brand-wrap {
    padding: calc(18px + env(safe-area-inset-top)) 18px 12px;
  }

  .sidebar-command {
    margin-inline: 18px;
  }

  .sidebar .menu-label {
    margin-inline: 18px;
  }

  .sidebar #mainNav {
    padding-inline: 12px;
  }

  .sidebar .sidebar-hide-button {
    display: none;
  }

  .bottom-nav {
    border-color: var(--jr-line);
    background: var(--jr-surface);
  }

  .bottom-nav-item.active span {
    background: var(--jam-orange);
    color: #fff;
  }
}

/* Login convergence: keep the dark signal composition, remove legacy display tracking. */
body.jam-login-body,
body.jam-login-body * {
  letter-spacing: 0;
}

body.jam-login-body {
  background-color: #10141b;
}

body.jam-login-body :where(section, input, button) {
  box-shadow: none;
}

/* Executive Brief v2 + Source Health polish */
.intel-ai-summary-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.45rem;
}

.intel-ai-summary-v2-grid,
.intel-ai-summary-evidence {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(220px, 0.65fr);
  gap: 0.75rem;
}

.intel-ai-summary-v2-grid {
  align-items: stretch;
}

.intel-ai-summary-evidence {
  margin-top: 0.75rem;
}

.intel-ai-summary-status-row,
.intel-ai-summary-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.intel-ai-summary-status-row {
  margin-bottom: 0.7rem;
  color: var(--muted-foreground, #667085);
  font-size: 0.72rem;
  font-weight: 750;
}

.intel-ai-summary-state,
.intel-ai-research-providers span {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--border, #d9dcd7);
  border-radius: 999px;
  background: var(--secondary, #f5f3ee);
  padding: 0.24rem 0.55rem;
  color: var(--secondary-foreground, #334155);
  font-size: 0.68rem;
  font-weight: 780;
}

.intel-ai-summary-state.is-fresh,
.intel-ai-research-providers .is-ready {
  border-color: color-mix(in oklch, #16a34a 34%, var(--border, #d9dcd7));
  background: color-mix(in oklch, #16a34a 9%, var(--card, #fff));
  color: #15803d;
}

.intel-ai-summary-state.is-stale,
.intel-ai-research-providers .is-failed {
  border-color: color-mix(in oklch, #dc2626 34%, var(--border, #d9dcd7));
  background: color-mix(in oklch, #dc2626 9%, var(--card, #fff));
  color: #b91c1c;
}

.intel-ai-summary-confidence {
  display: grid;
  gap: 0.4rem;
  border: 1px solid var(--border, #d9dcd7);
  border-radius: 0.8rem;
  background: var(--card, #fff);
  padding: 0.7rem;
}

.intel-ai-summary-confidence > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
}

.intel-ai-summary-confidence small,
.intel-ai-summary-section-head small,
.intel-ai-summary-source-trace small,
.intel-ai-research-results small {
  color: var(--muted-foreground, #667085);
  font-size: 0.72rem;
  font-weight: 650;
}

.intel-ai-summary-confidence b {
  color: var(--foreground, #111827);
  font-size: 1.15rem;
  line-height: 1;
}

.intel-ai-summary-confidence > span,
.intel-source-health-score {
  position: relative;
  overflow: hidden;
  min-height: 0.42rem;
  border-radius: 999px;
  background: var(--muted, #eceff3);
}

.intel-ai-summary-confidence > span i,
.intel-source-health-score i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--primary, #f06a23);
}

.intel-ai-summary-confidence em {
  color: var(--muted-foreground, #667085);
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 760;
  text-transform: uppercase;
}

.intel-ai-summary-source-trace,
.intel-ai-summary-recommendations,
.intel-ai-summary-research-panel {
  border: 1px solid var(--border, #d9dcd7);
  border-radius: var(--radius-lg, 0.9rem);
  background: var(--card, #fff);
  padding: 0.85rem;
}

.intel-ai-summary-source-trace article {
  display: grid;
  grid-template-columns: 1.45rem minmax(0, 1fr);
  gap: 0.55rem;
  margin-top: 0.65rem;
}

.intel-ai-summary-source-trace article > span {
  display: grid;
  width: 1.35rem;
  height: 1.35rem;
  place-items: center;
  border-radius: 0.45rem;
  background: var(--muted, #eceff3);
  color: var(--muted-foreground, #667085);
  font-size: 0.72rem;
  font-weight: 800;
}

.intel-ai-summary-source-trace b,
.intel-ai-research-results b {
  display: block;
  color: var(--foreground, #111827);
  font-size: 0.82rem;
  line-height: 1.25;
}

.intel-ai-summary-source-trace a,
.intel-ai-research-results a {
  display: inline-flex;
  margin-top: 0.24rem;
  color: var(--primary, #f06a23);
  font-size: 0.72rem;
  font-weight: 800;
  text-decoration: none;
}

.intel-ai-summary-recommendations ul {
  display: grid;
  gap: 0.48rem;
  margin: 0.65rem 0 0;
  padding-left: 1rem;
}

.intel-ai-summary-recommendations li {
  color: var(--foreground, #111827);
  font-size: 0.78rem;
  line-height: 1.35;
}

.intel-ai-summary-muted {
  margin: 0.65rem 0 0;
  color: var(--muted-foreground, #667085);
  font-size: 0.78rem;
  font-weight: 650;
  line-height: 1.35;
}

.intel-ai-summary-research-panel {
  margin-top: 0.75rem;
}

.intel-ai-research-providers {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.65rem;
}

.intel-ai-research-results {
  display: grid;
  gap: 0.55rem;
  margin-top: 0.75rem;
}

.intel-ai-research-results article {
  border-top: 1px solid var(--border, #d9dcd7);
  padding-top: 0.55rem;
}

.intel-ai-research-results p {
  margin: 0.35rem 0 0;
  color: var(--muted-foreground, #667085);
  font-size: 0.75rem;
  line-height: 1.35;
}

.intel-source-health-score {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
  min-height: 2.5rem;
  margin-bottom: 0.7rem;
  border: 1px solid var(--border, #d9dcd7);
  background: var(--card, #fff);
  padding: 0.65rem 0.75rem;
}

.intel-source-health-score span {
  color: var(--muted-foreground, #667085);
  font-size: 0.72rem;
  font-weight: 800;
}

.intel-source-health-score b {
  color: var(--foreground, #111827);
  font-size: 1.15rem;
  line-height: 1;
}

.intel-source-health-score i {
  grid-column: 1 / -1;
  height: 0.38rem;
  background: var(--primary, #f06a23);
}

.intel-source-health-toolbar {
  display: grid;
  grid-template-columns: minmax(150px, 1.2fr) minmax(130px, 0.9fr) minmax(130px, 0.9fr) minmax(120px, 0.75fr);
  gap: 0.55rem;
  margin-bottom: 0.65rem;
}

.intel-source-health-toolbar label {
  display: grid;
  gap: 0.32rem;
  min-width: 0;
}

.intel-source-health-toolbar span {
  color: var(--muted-foreground, #667085);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.intel-source-health-toolbar input,
.intel-source-health-toolbar select {
  width: 100%;
  min-height: 2.28rem;
  border: 1px solid var(--border, #d9dcd7);
  border-radius: var(--radius-md, 0.7rem);
  background: var(--background, #f8fafc);
  color: var(--foreground, #111827);
  padding: 0 0.72rem;
  font-size: 0.78rem;
  font-weight: 750;
  outline: none;
}

.intel-source-health-toolbar input:focus,
.intel-source-health-toolbar select:focus {
  border-color: var(--primary, #f06a23);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary, #f06a23) 14%, transparent);
}

.intel-source-health-actions {
  display: flex;
  grid-column: 1 / -1;
  flex-wrap: wrap;
  gap: 0.45rem;
  justify-content: flex-end;
}

.intel-source-health-actions .intel-widget-action {
  min-height: 2.2rem;
  border-radius: var(--radius-md, 0.7rem);
}

.intel-source-health-check {
  border-color: color-mix(in srgb, var(--primary, #f06a23) 40%, var(--border, #d9dcd7));
  background: color-mix(in srgb, var(--primary, #f06a23) 12%, var(--card, #fff));
  color: var(--foreground, #111827);
}

.intel-source-health-feedback {
  min-height: 1rem;
  margin: 0 0 0.65rem;
  color: var(--muted-foreground, #667085);
  font-size: 0.74rem;
  font-weight: 700;
}

.intel-widget-rss-health[data-source-health-status="healthy"] .intel-source-health-score i {
  background: #16a34a;
}

.intel-widget-rss-health[data-source-health-status="critical"] .intel-source-health-score i {
  background: #dc2626;
}

.intel-health-source-row b {
  font-size: 0.78rem;
}

.intel-health-source-row .rss-health {
  align-self: center;
  justify-self: end;
  white-space: nowrap;
}

.rss-health-quiet,
.rss-health-inactive {
  background: rgb(148 163 184 / 0.14);
  color: #64748b;
}

body:is(.dark, [data-theme="dark"]) .intel-ai-summary-source-trace,
body:is(.dark, [data-theme="dark"]) .intel-ai-summary-recommendations,
body:is(.dark, [data-theme="dark"]) .intel-ai-summary-research-panel,
body:is(.dark, [data-theme="dark"]) .intel-ai-summary-confidence,
body:is(.dark, [data-theme="dark"]) .intel-source-health-score {
  background: var(--card, #11151d);
}

body:is(.dark, [data-theme="dark"]) .intel-source-health-toolbar input,
body:is(.dark, [data-theme="dark"]) .intel-source-health-toolbar select {
  background: var(--background, #070b12);
}

body:is(.dark, [data-theme="dark"]) .intel-source-health-check {
  color: var(--foreground, #f8fafc);
}

@media (max-width: 760px) {
  .intel-ai-summary-v2-grid,
  .intel-ai-summary-evidence {
    grid-template-columns: minmax(0, 1fr);
  }

  .intel-ai-summary-actions {
    justify-content: flex-start;
  }

  .intel-source-health-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }

  .intel-source-health-actions {
    justify-content: stretch;
  }

  .intel-source-health-actions .intel-widget-action {
    flex: 1 1 8rem;
  }
}
}