/* TubeDirector V3 | Cosmic Studio — visual-only extension, no remote services */
:root{--ink:#f7f8ff;--cyan:#1aeaff;--aqua:#4cf5d5;--purple:#a65cff;--rose:#fb65d4;--gold:#ffca64;--glass-edge:rgba(137,181,255,.50)}
body::before{background:linear-gradient(180deg,rgba(0,3,15,.39) 0%,rgba(0,4,19,.35) 42%,rgba(0,4,15,.64) 100%),url("assets/cosmos.webp") center/100% 100% no-repeat!important;filter:saturate(.90)}
#starfield{opacity:.12!important}
.sidebar{background:linear-gradient(151deg,rgba(1,12,33,.96),rgba(5,14,42,.96) 55%,rgba(13,18,57,.91));border-color:rgba(95,155,253,.43)}
.main{min-width:0}
.glass-panel{background:linear-gradient(112deg,rgba(7,46,83,.29),rgba(8,26,67,.28) 49%,rgba(63,22,112,.26))!important;backdrop-filter:blur(30px) saturate(155%);-webkit-backdrop-filter:blur(30px) saturate(155%);border-color:rgba(116,160,251,.62);box-shadow:inset 0 1px 9px rgba(177,219,255,.14),inset 0 0 22px rgba(47,123,204,.05),0 9px 28px rgba(0,2,19,.26),0 0 12px rgba(89,71,241,.09)}
.glass-panel::before{background:linear-gradient(115deg,rgba(105,190,255,.095),transparent 30%,transparent 73%,rgba(190,78,255,.13));border-top:1px solid rgba(226,233,255,.28)}
.nav-item:not(.active):hover{background:linear-gradient(100deg,rgba(22,111,201,.18),rgba(111,51,203,.16))}
/* Mac-inspired elevation: tasteful and constant, never moving layout positions. */
:where(.nav-item,.kpi-cell,.select-pill,.icon-round,.outline-button,.floating-glass,.delivery-card,.plan-display-switch button,.plan-modes button,.week-navigator button,.pro-glass,.radar-row,.action-row,.favorite-button,.channel-card,.production-card,.filter-trigger,.reset-filters,.metric-switch button,.analytics-view-switch button,.analytics-channel-table tbody tr,.insight-card,.insights-footer-btn,.video-item,.table-search,.analytic-kpi,.analyst-letter,.analytics-picker,.metric-access-note){transition:transform .23s cubic-bezier(.2,.9,.23,1.3),box-shadow .23s ease,border-color .23s ease,background .22s ease,filter .2s ease!important;transform-origin:center center;will-change:auto}
@media (hover:hover) and (pointer:fine){
:where(.nav-item,.select-pill,.icon-round,.outline-button,.floating-glass,.delivery-card,.plan-display-switch button,.plan-modes button,.pro-glass,.radar-row,.action-row,.favorite-button,.channel-card,.production-card,.filter-trigger,.reset-filters,.metric-switch button,.analytics-view-switch button,.analytics-channel-table tbody tr,.insight-card,.insights-footer-btn,.video-item,.analytic-kpi,.analytics-picker):hover{transform:translateY(-2px) scale(1.025)!important;filter:brightness(1.12);z-index:5}
.kpi-cell:hover{transform:translateY(-3px) scale(1.04);filter:brightness(1.17);z-index:5}
:where(.glass-panel,.week-column,.analytics-glass):hover{border-color:rgba(158,195,255,.84)}
:where(.delivery-card,.floating-glass,.analytic-kpi,.insight-card,.video-item):hover{box-shadow:0 0 24px rgba(72,147,255,.18),0 9px 30px rgba(2,5,20,.34),inset 0 1px 13px rgba(190,226,255,.12)}
}
button:focus-visible,select:focus-visible,.filter-trigger:focus-visible{outline:2px solid #3cf4ff;outline-offset:3px}
.kpi-progress{gap:16px;min-width:0}
.kpi-progress>div:last-child{min-width:0}
.kpi-progress>div:last-child strong{display:block;font-size:15px!important;font-weight:690;line-height:1.18;letter-spacing:-.02em;white-space:normal}
.kpi-progress>div:last-child span{display:block;font-size:13px!important;margin-top:5px;white-space:normal;line-height:1.2}
.kpi-progress .progress-ring{flex:none}
.kpi-strip{min-height:84px;max-width:1178px}
.kpi-cell{padding:10px 16px}
.kpi-cell strong{font-size:30px}
.kpi-cell span{font-size:15px}
.panel-header{background:linear-gradient(110deg,rgba(11,118,192,.09),rgba(118,54,211,.12))}
.performance-panel{border-color:rgba(83,197,255,.66)}
.right-panels>.panel{border-color:rgba(173,113,255,.58)}
.ranking-header{color:#b6dcff}.ranking-value{color:#e1efff}
.ranking-fill{background:linear-gradient(90deg,#09daff 0%,#4265fc 49%,#e44cff 100%)!important;box-shadow:0 0 9px rgba(142,53,255,.32)}
.ranking-row:nth-child(2) .ranking-fill{background:linear-gradient(90deg,#ffac51,#d750ff)!important}
.ranking-row:nth-child(3) .ranking-fill{background:linear-gradient(90deg,#00e0ff,#51e7c3)!important}
.radar-row,.action-row{background:linear-gradient(110deg,rgba(18,61,122,.21),rgba(75,29,132,.20));border:1px solid rgba(110,148,242,.16);border-radius:11px;margin:3px 7px}
/* Planning: clipped segment fixed, dropdowns redesigned as accessible options. */
.planning-page{overflow:visible}
.planning-controls{align-items:center}
.plan-modes{overflow:visible!important;height:53px;padding:4px;gap:4px;isolation:isolate;border-radius:28px;width:min(553px,51%);box-shadow:0 0 11px rgba(73,73,248,.14),inset 0 1px 12px rgba(108,159,255,.11)}
.plan-modes button{min-width:0;display:flex;justify-content:center;align-items:center;height:43px;line-height:1.15;border-radius:23px;position:relative;padding:0 6px}
.plan-modes button.selected{box-shadow:0 0 14px rgba(174,73,255,.5),inset 0 1px 9px rgba(233,162,255,.35);border-color:rgba(231,156,255,.86)}
.filter-chips{gap:9px;flex-wrap:wrap}
.filter-chip{position:relative;min-width:0;height:48px;overflow:visible;border:1px solid rgba(114,158,247,.43);border-radius:24px;background:linear-gradient(105deg,rgba(16,32,84,.46),rgba(51,32,104,.3));backdrop-filter:blur(28px);padding:0;gap:0;box-shadow:inset 0 1px 9px rgba(187,205,255,.08)}
.filter-chip.enhanced>*:not(.filter-trigger):not(.filter-popover){display:none!important}
.filter-chip.enhanced{display:block;min-width:158px;flex:0 1 auto}
.filter-chip:nth-child(1){min-width:210px}
.filter-chip:nth-child(2){min-width:199px}
.filter-chip:nth-child(3){min-width:166px}
.filter-chip:nth-child(4){min-width:160px}
.filter-trigger{display:flex;align-items:center;gap:8px;width:100%;height:100%;background:none;border:0;border-radius:24px;color:#dceafe;padding:0 14px;font-size:13px;text-align:left;white-space:nowrap}
.filter-trigger .filter-icon{color:#a1a8ff;font-size:17px;display:grid;place-items:center;width:22px;flex:none}
.filter-trigger .filter-label{color:#bac9e7;font-weight:520}
.filter-trigger strong{font-size:13px;font-weight:700;color:#f5f5ff;overflow:hidden;text-overflow:ellipsis;max-width:120px}
.filter-trigger .filter-chevron{margin-left:auto;color:#c7a5ff;font-size:19px;transition:transform .17s}
.filter-chip.open{z-index:120;border-color:rgba(175,106,255,.82);box-shadow:0 0 19px rgba(126,54,245,.28)}
.filter-chip.open .filter-chevron{transform:rotate(180deg)}
.filter-popover{position:absolute;z-index:120;top:calc(100% + 9px);left:0;min-width:max(100%,210px);max-width:300px;max-height:290px;overflow:auto;padding:6px;border:1px solid rgba(134,177,255,.65);border-radius:18px;background:linear-gradient(138deg,rgba(10,32,79,.98),rgba(33,19,78,.98));box-shadow:0 20px 42px rgba(0,2,16,.68),0 0 19px rgba(98,66,225,.23);backdrop-filter:blur(35px);display:none}
.filter-chip.open .filter-popover{display:block}
.filter-choice{display:flex;align-items:center;justify-content:space-between;gap:11px;width:100%;border:0;border-radius:10px;background:transparent;color:#e4ecff;padding:11px 10px;text-align:left;font-size:13px}
.filter-choice:hover,.filter-choice[aria-selected="true"]{background:linear-gradient(90deg,rgba(40,144,220,.33),rgba(141,55,236,.32));color:#fff}
.filter-choice[aria-selected="true"]::after{content:"✓";color:#3ff8e0;font-weight:800}
.reset-filters{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border:1px solid rgba(98,135,212,.31);border-radius:20px;background:rgba(18,32,73,.32);color:#a9cef4;font-size:12px;padding:10px 12px;align-self:center;margin-left:auto}
.reset-filters::before{content:"↺";color:#b1a0fa;font-size:16px}
.reset-filters:hover{color:white;border-color:rgba(124,216,255,.6)}
.planning-filterbar{gap:11px}
.week-column{background:linear-gradient(155deg,rgba(14,35,83,.45),rgba(8,19,51,.44) 60%,rgba(20,33,85,.36));border-color:rgba(115,152,255,.38)}
.week-column.current{background:linear-gradient(155deg,rgba(79,30,153,.48),rgba(40,20,96,.48) 60%,rgba(82,28,134,.34))}
.week-column.current .delivery-card{background:linear-gradient(138deg,rgba(124,70,183,.32),rgba(61,45,100,.40))}
.week-grid{grid-template-columns:repeat(7,minmax(138px,1fr))}
.week-counter{font-size:13px}
.week-navigator{overflow:visible;min-width:370px}
.week-navigator button{border-radius:24px}
/* Analytics: bespoke transparent neon YouTube Studio */
.analytics-page{max-width:1420px;margin:21px auto 30px;padding:0 2px}
.analytics-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:8px 0 22px}
.analytics-heading h1{font-size:clamp(31px,3.8vw,50px);letter-spacing:-.067em;line-height:1.1;margin:12px 0 9px;font-weight:780}
.analytics-heading h1 span{background:linear-gradient(100deg,#26ebfb 0%,#65baff 50%,#bc76ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.analytics-heading p{color:#bdcbed;font-size:15px;margin:0;max-width:700px;line-height:1.5}
.eyebrow-spark{font-style:normal;color:#d98aff;font-size:17px}
.demo-status{font-size:12px;font-weight:640;letter-spacing:.01em;padding:10px 14px;border:1px solid rgba(133,130,240,.52);border-radius:19px;color:#d0c7ff;white-space:nowrap;backdrop-filter:blur(20px);background:rgba(64,42,127,.27)}
.analytics-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:17px}
.analytics-view-switch{display:flex;gap:5px;padding:4px;border-radius:19px;border:1px solid rgba(108,145,246,.48);background:linear-gradient(120deg,rgba(17,38,80,.5),rgba(45,31,94,.35));backdrop-filter:blur(22px)}
.analytics-view-switch button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:151px;padding:11px 16px;border-radius:15px;border:1px solid transparent;color:#d9e7ff;font-weight:670;font-size:14px;background:transparent}
.analytics-view-switch svg{width:19px;height:19px;color:#a6ceff}
.analytics-view-switch button.selected{border-color:rgba(177,124,255,.85);box-shadow:0 0 14px rgba(127,51,255,.38),inset 0 1px 12px rgba(194,151,253,.21);background:linear-gradient(110deg,rgba(50,116,215,.73),rgba(146,46,231,.78));color:#fff}
.analytics-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.analytics-picker{display:flex;align-items:center;gap:12px;border:1px solid rgba(120,172,255,.49);border-radius:16px;background:linear-gradient(100deg,rgba(9,42,88,.45),rgba(37,30,93,.37));padding:0 13px;min-height:46px;position:relative;backdrop-filter:blur(23px)}
.analytics-picker[hidden]{display:none!important}
.analytics-picker>span:first-child{font-size:12px;color:#9fbbeb}
.analytics-picker select{background:transparent;border:0;color:#f3f6ff;font:600 13px Inter,-apple-system,sans-serif;appearance:none;outline:none;cursor:pointer;max-width:245px;min-width:73px;padding:0 15px 0 0;text-overflow:ellipsis;white-space:nowrap}
.analytics-picker select option{background:#0b1740;color:#eef5ff}
.native-caret{font-size:18px;color:#acbfff;position:absolute;right:9px;pointer-events:none}
.analytics-mode[hidden]{display:none!important}
.analytics-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:17px}
.analytics-glass{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(119,165,252,.53);border-radius:20px;background:linear-gradient(126deg,rgba(7,42,84,.38),rgba(12,30,75,.32) 50%,rgba(65,23,107,.27));box-shadow:inset 0 1px 0 rgba(216,235,255,.17),inset 0 0 25px rgba(84,144,255,.045),0 7px 24px rgba(0,4,26,.34),0 0 16px rgba(67,87,255,.09);backdrop-filter:blur(30px) saturate(165%);-webkit-backdrop-filter:blur(30px) saturate(165%)}
.analytics-glass::before{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;border-top:1px solid rgba(225,233,255,.25);background:linear-gradient(130deg,rgba(100,186,255,.06),transparent 37%,transparent 73%,rgba(180,68,255,.08));z-index:-1}
.analytic-kpi{min-height:143px;padding:17px 19px 15px;border-radius:19px;overflow:visible}
.analytic-kpi .ak-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ak-title{font-size:13px;color:#bfd3ee;font-weight:600;letter-spacing:.008em}
.ak-icon{height:32px;width:32px;display:grid;place-items:center;font-size:18px;border-radius:11px;color:var(--cyan);background:rgba(6,179,222,.14);border:1px solid rgba(38,199,238,.28)}
.analytic-kpi.purple .ak-icon{color:#c28aff;background:rgba(146,62,255,.16);border-color:rgba(187,100,255,.38)}
.analytic-kpi.gold .ak-icon{color:#ffcb71;background:rgba(224,155,27,.12);border-color:rgba(255,201,79,.3)}
.analytic-kpi.green .ak-icon{color:#43efbd;background:rgba(7,162,119,.15);border-color:rgba(55,241,176,.28)}
.ak-value{font-size:clamp(28px,3vw,41px);font-weight:820;letter-spacing:-.07em;line-height:1.17;margin-top:14px;color:#eff6ff}
.analytic-kpi.cyan .ak-value{color:#46edff;text-shadow:0 0 17px rgba(38,222,255,.21)}
.analytic-kpi.purple .ak-value{color:#d3a0ff}
.analytic-kpi.gold .ak-value{color:#ffdb95}
.analytic-kpi.green .ak-value{color:#68f2ca}
.ak-footer{display:flex;align-items:center;gap:9px;margin-top:6px;min-width:0}.ak-caption{font-size:11px;color:#92aacf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.delta{padding:3px 8px;display:inline-block;border-radius:13px;white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:0}
.delta.up{color:#36ffc6;background:rgba(6,138,94,.22);border:1px solid rgba(34,223,164,.20)}
.delta.down{color:#ff789e;background:rgba(188,39,87,.22);border:1px solid rgba(242,75,115,.25)}
.delta.neutral{color:#d2dcff;background:rgba(91,114,187,.22);border:1px solid rgba(105,139,204,.18)}
.analytics-layout-main{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:16px;margin-bottom:17px}
.analytics-chart-panel{padding:22px 23px 15px;min-width:0;min-height:352px}
.analytics-panel-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;position:relative;z-index:1}
.analytics-panel-top h2{font-size:19px;font-weight:760;letter-spacing:-.035em;margin:5px 0 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.micro-label{display:block;font-size:10px;font-weight:790;letter-spacing:.17em;color:#79bff4}
.metric-switch{display:inline-flex;gap:4px;padding:3px;border:1px solid rgba(117,149,223,.37);border-radius:13px;background:rgba(10,25,67,.31)}
.metric-switch button{padding:7px 11px;border:0;border-radius:10px;color:#afc9ed;background:transparent;font-size:12px;font-weight:630}
.metric-switch button.selected{background:linear-gradient(100deg,rgba(18,108,196,.59),rgba(112,62,211,.54));color:#f5faff;box-shadow:inset 0 1px 6px rgba(151,197,255,.15),0 0 12px rgba(53,95,234,.14)}
.chart-chartarea{height:208px;display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;margin-top:18px}
.chart-ylabels{display:flex;flex-direction:column;justify-content:space-between;font-size:10px;font-weight:600;color:#87a2cd;text-align:right;padding:2px 0 18px}
.analytics-svg-chart{min-width:0;position:relative;overflow:visible}
.analytics-svg-chart svg{height:100%;width:100%;stroke:none;overflow:visible}
.analytics-svg-chart .chart-area{fill:url(#areaFill)}
.analytics-svg-chart .chart-path{fill:none;stroke:url(#lineGradient);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(21,210,255,.50))}
.analytics-svg-chart .chart-grid{stroke:rgba(136,171,255,.13);stroke-width:1}
.analytics-svg-chart .chart-dot{fill:#d18aff;stroke:#faf0ff;stroke-width:1.8;filter:drop-shadow(0 0 4px #c858ff)}
.chart-xlabels{display:flex;justify-content:space-between;padding-left:56px;margin-top:3px;color:#9aafd4;font-size:10px;font-weight:680;letter-spacing:.03em}
.chart-footer{display:flex;justify-content:space-between;gap:10px;color:#819dc9;font-size:11px;border-top:1px solid rgba(103,144,218,.16);padding-top:11px;margin-top:12px}
.chart-footer>span:first-child{color:#c1d8fa}.legend-dot{display:inline-block;vertical-align:middle;width:9px;height:9px;border-radius:50%;background:linear-gradient(125deg,#0cf0ff,#b164ff);margin-right:6px;box-shadow:0 0 9px #4868ec}
.analytics-insights-panel{padding:21px 19px 17px;display:flex;flex-direction:column;gap:11px}
.mini-glow-icon{height:35px;width:35px;border-radius:11px;display:grid;place-items:center;background:rgba(131,61,235,.21);color:#dfabff;font-size:24px;box-shadow:0 0 18px rgba(161,67,255,.16)}
#operationInsights{display:flex;flex-direction:column;gap:8px;flex:1;margin-top:3px}
.insight-card{display:flex;gap:10px;align-items:flex-start;background:linear-gradient(100deg,rgba(29,71,139,.25),rgba(79,39,140,.19));border:1px solid rgba(108,155,242,.18);border-radius:12px;padding:11px 12px;cursor:pointer}
.insight-indicator{height:27px;width:27px;flex:none;border-radius:9px;display:grid;place-items:center;font-weight:810;font-size:13px;background:rgba(52,137,226,.14);color:#58d7ff}
.insight-card.warning .insight-indicator{background:rgba(255,179,50,.12);color:#ffca6d}
.insight-card.positive .insight-indicator{background:rgba(31,228,160,.12);color:#3af0ba}
.insight-card strong{font-size:12px;line-height:1.35;display:block}.insight-card p{margin:3px 0 0;font-size:11px;line-height:1.35;color:#9db4d9}
.insights-footer-btn{margin-top:auto;background:linear-gradient(110deg,rgba(10,104,167,.18),rgba(122,53,195,.23));border:1px solid rgba(127,149,239,.29);border-radius:12px;color:#7de4ff;padding:10px 11px;display:flex;justify-content:space-between;gap:9px;font-size:12px;font-weight:730;text-align:left}
.analytics-channel-table{padding:19px 20px 10px;overflow:visible}.analytics-channel-table .analytics-panel-top{margin-bottom:14px}
.table-search{height:36px;min-width:160px;display:flex;align-items:center;gap:8px;background:rgba(6,24,60,.28);border:1px solid rgba(118,168,245,.35);border-radius:12px;padding:0 10px}.table-search svg{width:16px;height:16px;color:#aec6e9}.table-search input{background:none;min-width:0;width:160px;border:0;outline:0;color:#fff;font-size:12px}
.table-search input::placeholder{color:#819bc3}.table-scroll{overflow-x:auto}
.analytics-channel-table table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:675px}
.analytics-channel-table th{color:#80a7d4;font-size:11px;font-weight:710;text-align:left;padding:12px 10px;border-bottom:1px solid rgba(111,160,239,.28)}
.analytics-channel-table th:first-child{width:34%}.analytics-channel-table th:nth-child(2){width:17%}.analytics-channel-table th:nth-child(3){width:16%}.analytics-channel-table th:nth-child(4){width:13%}.analytics-channel-table th:nth-child(5){width:14%}.analytics-channel-table th:last-child{width:6%}
.analytics-channel-table td{padding:12px 10px;color:#ecf2ff;font-size:13px;border-bottom:1px solid rgba(112,144,232,.14)}
.analytics-channel-table tbody tr{cursor:pointer;position:relative}
.analytics-channel-table tbody tr:hover{background:rgba(82,73,159,.16)}
.channel-row-name{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}
.channel-logo-small{height:34px;width:34px;display:grid;place-items:center;border:1px solid rgba(145,90,251,.42);background:linear-gradient(130deg,rgba(24,96,193,.65),rgba(133,38,203,.52));border-radius:10px;color:#8ff7ff;flex:none}
.channel-row-name>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.table-metric-bar{height:5px;width:100%;max-width:105px;border-radius:8px;background:rgba(114,118,200,.25);overflow:hidden}.table-metric-bar i{display:block;height:100%;background:linear-gradient(90deg,#25e8fa,#b057ff);border-radius:8px}
.row-arrow{color:#95b6ef;font-size:18px;font-weight:700}.table-bottom-caption{font-size:11px;color:#7896bf;padding:12px 0 4px}
.channel-hero{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;margin-bottom:16px;background:linear-gradient(100deg,rgba(8,56,110,.48),rgba(41,27,112,.36),rgba(110,30,142,.21))}
.channel-hero-identity{display:flex;align-items:center;gap:17px}.channel-hero-avatar{height:66px;width:66px;border-radius:19px;background:radial-gradient(circle at 27% 25%,rgba(79,249,255,.88),rgba(54,80,255,.85) 48%,rgba(172,46,240,.76));display:grid;place-items:center;color:white;font-size:25px;text-shadow:0 0 15px white;box-shadow:0 0 16px rgba(72,124,255,.35),inset 0 1px 9px rgba(235,226,255,.36)}
.channel-hero h2{margin:4px 0 3px;font-size:24px;letter-spacing:-.04em}.channel-hero p{font-size:12px;margin:0;color:#acc5ee}
.channel-health{display:flex;align-items:center;gap:9px;padding:10px 15px;border:1px solid rgba(56,214,180,.48);border-radius:14px;background:rgba(17,114,110,.17);min-width:175px}
.health-symbol{font-size:20px;color:#38f4c0}.channel-health>div{display:flex;flex-direction:column;gap:3px}.channel-health>div span{font-size:11px;color:#acd3cb}.channel-health strong{font-size:14px;color:#7df6ce}
.channel-layout{grid-template-columns:minmax(0,1.15fr) minmax(315px,.85fr)}
.channel-insight-column{min-width:0}
.analyst-letter{padding:21px;min-height:352px;overflow:hidden;border-color:rgba(178,117,255,.69);background:radial-gradient(ellipse at 91% 1%,rgba(147,57,235,.23),transparent 58%),linear-gradient(130deg,rgba(18,29,84,.47),rgba(66,23,104,.46))}
.analyst-letter::after{content:"";position:absolute;width:185px;height:185px;right:-94px;top:-96px;background:radial-gradient(circle,rgba(184,60,255,.35),transparent 67%);filter:blur(10px);pointer-events:none}
.analyst-title{display:flex;align-items:center;gap:13px;padding-bottom:10px;border-bottom:1px solid rgba(172,131,255,.18)}
.analyst-title h2{font-size:22px;margin:4px 0 0;letter-spacing:-.04em}
.analyst-orb{height:44px;width:44px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 38% 32%,#33faff,#3552f0 48%,#a850f1 77%);box-shadow:0 0 22px rgba(126,90,248,.55),inset 0 0 11px rgba(255,255,255,.55);font-size:25px}
#channelDiagnosis{position:relative;z-index:1}
.diagnosis-intro{font-size:13px;line-height:1.48;color:#b9cfff;margin:11px 0 14px}
.diagnosis-headline{font-size:16px;font-weight:780;letter-spacing:-.028em;color:#f9f6ff;margin:0 0 12px}
.diagnosis-points{display:flex;flex-direction:column;gap:11px;margin:0 0 10px;padding:0;list-style:none}
.diagnosis-points li{display:grid;grid-template-columns:22px 1fr;gap:8px;font-size:12px;color:#dbe6ff;line-height:1.45}
.diagnosis-points .point-num{height:21px;width:21px;border-radius:8px;background:rgba(135,81,249,.24);border:1px solid rgba(194,140,255,.33);display:grid;place-items:center;color:#e8bbff;font-size:11px;font-weight:790}
.diagnosis-callout{display:flex;align-items:flex-start;gap:9px;margin:12px 0 0;padding:10px 12px;border:1px solid rgba(38,229,210,.35);border-radius:12px;background:rgba(7,125,123,.14);font-size:12px;line-height:1.35;color:#a6f8ed}
.analyst-footnote{display:block;margin-top:12px;color:#7e96c2;font-size:10px;line-height:1.4}
.video-analysis-panel{padding:20px 22px;margin-bottom:15px;overflow:visible}
.video-headings,.video-item{display:grid;grid-template-columns:minmax(240px,2.45fr) minmax(98px,1fr) minmax(85px,.85fr) minmax(90px,1fr) minmax(90px,.9fr);gap:12px;align-items:center}
.video-headings{margin-top:20px;padding:0 8px 9px;color:#8faed4;border-bottom:1px solid rgba(133,171,242,.22);font-size:11px}
.video-headings abbr{cursor:help;text-decoration:none;color:#b1a5ff}
.video-item{padding:11px 8px;border-bottom:1px solid rgba(110,155,228,.13);border-radius:9px;color:#dfeaff;font-size:13px}
.video-item:hover{background:rgba(53,83,148,.16)}
.video-info{display:flex;align-items:center;gap:12px;min-width:0}.video-thumb{position:relative;overflow:hidden;width:87px;height:49px;flex:none;border-radius:8px;display:grid;place-items:center;background:radial-gradient(circle at 29% 48%,rgba(20,234,242,.48),transparent 48%),linear-gradient(117deg,#14367c,#3e1f79 65%,#a83cba);border:1px solid rgba(132,150,244,.28)}
.video-thumb:after{content:"▶";width:24px;height:17px;display:grid;place-items:center;font-size:10px;color:white;background:#ed2354;border-radius:5px;box-shadow:0 0 10px rgba(231,48,94,.42)}
.video-thumb.v2{background:radial-gradient(circle at 70% 32%,rgba(174,62,240,.6),transparent 43%),linear-gradient(110deg,#07486a,#33237c)}
.video-thumb.v3{background:radial-gradient(circle at 30% 43%,rgba(240,129,35,.5),transparent 44%),linear-gradient(110deg,#292057,#4a165b)}
.video-name{min-width:0}.video-name strong{display:block;color:#f4f6ff;font-size:12px;line-height:1.35;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-name span{display:block;font-size:10px;color:#91a9cc;margin-top:3px}
.video-item .video-score{font-weight:670}.video-item .score-sub{font-size:10px;color:#94a9d0;margin-top:4px}.metric-trend{font-size:11px;border-radius:12px;padding:5px 7px;white-space:nowrap}
.metric-trend.up{color:#45e9b4;background:rgba(13,128,95,.19)}.metric-trend.down{color:#fd8da7;background:rgba(157,42,88,.19)}.metric-trend.flat{color:#c6b3ff;background:rgba(86,63,156,.26)}
.metric-access-note{display:flex;align-items:flex-start;gap:13px;padding:13px 18px;border-radius:15px;border:1px solid rgba(121,139,209,.25);background:rgba(9,24,59,.36);backdrop-filter:blur(18px)}
.access-bubble{display:grid;place-items:center;flex:none;width:25px;height:25px;border:1px solid rgba(73,206,255,.53);border-radius:50%;color:#75e1ff;font-weight:750;font-size:13px}
.metric-access-note strong{color:#d7eafa;font-size:12px}.metric-access-note p{margin:3px 0 0;font-size:11px;line-height:1.5;color:#a5b8df}.metric-access-note p strong{color:#bdcffa}
@media(max-width:1350px){.analytics-layout-main{grid-template-columns:minmax(0,1.36fr) minmax(295px,.83fr)}.analytics-kpi-grid{gap:10px}.analytic-kpi{padding:15px}.analytics-chart-panel{padding:19px}.filter-chip:nth-child(1){min-width:183px}.filter-chip:nth-child(2){min-width:180px}.filter-chip:nth-child(3),.filter-chip:nth-child(4){min-width:145px}.filter-trigger{padding-inline:10px;gap:5px}.filter-trigger strong{max-width:90px}}
@media(max-width:1130px){.analytics-layout-main,.channel-layout{grid-template-columns:1fr}.analytics-insights-panel{min-height:0}.analytics-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-chart-panel{min-height:320px}.planning-filterbar{flex-wrap:wrap}.filter-chips{flex:1}.reset-filters{margin-left:0}.planning-controls{flex-wrap:wrap}.plan-modes{width:100%;max-width:560px}.week-navigator{margin-left:auto}.video-headings,.video-item{grid-template-columns:minmax(200px,2.1fr) repeat(4,minmax(80px,1fr))}}
@media(max-width:820px){.analytics-heading{flex-wrap:wrap;margin-top:10px}.analytics-toolbar{align-items:stretch}.analytics-view-switch{width:100%;justify-content:stretch}.analytics-view-switch button{flex:1;min-width:0}.analytics-filters{width:100%}.analytics-page{margin-top:6px}.analytic-kpi{min-height:122px}.analytics-channel-table{padding:15px}.analytics-chart-panel{padding:17px}.metric-switch button{font-size:11px;padding:7px}.planning-page{margin-top:8px!important}.plan-modes{max-width:100%;width:100%}.week-navigator{min-width:0;width:100%;max-width:390px}.planning-filterbar{align-items:flex-start}.filter-chip.enhanced{min-width:150px}.filter-chips{width:100%}.reset-filters{margin-left:0}.video-analysis-panel{overflow:hidden}}
@media(max-width:540px){.analytics-kpi-grid{gap:9px}.analytic-kpi{padding:12px;min-height:116px}.ak-value{font-size:27px}.ak-caption{font-size:10px}.analytics-heading h1{font-size:32px}.analytics-heading p{font-size:13px}.chart-chartarea{height:170px;grid-template-columns:30px minmax(0,1fr);gap:5px}.chart-xlabels{padding-left:35px}.analytics-panel-top h2{font-size:16px}.analytics-chart-panel{padding:13px}.analytics-panel-top{gap:10px}.metric-switch{flex-wrap:wrap}.metric-switch button{font-size:10px;padding:6px 7px}.video-analysis-panel{padding:14px}.video-headings{display:none}.video-item{grid-template-columns:1fr 1fr;gap:6px}.video-info{grid-column:1/-1}.video-item>.video-score:before{content:attr(data-label) "  ";font-weight:400;color:#7f9fc9;font-size:10px}.video-item .metric-trend{justify-self:start}.channel-hero{padding:14px;flex-wrap:wrap}.channel-hero-avatar{height:53px;width:53px}.channel-hero h2{font-size:19px}.channel-health{margin-left:auto}.analytics-picker{flex:1;min-width:0}.analytics-picker select{width:100%;max-width:150px}.filter-chips{gap:7px}.filter-chip.enhanced{min-width:calc(50% - 4px);max-width:calc(50% - 4px)}.filter-trigger strong{max-width:80px}.week-navigator{max-width:none}.kpi-progress .progress-ring{width:51px;height:51px}.kpi-progress>div:last-child strong{font-size:12px!important}.kpi-progress>div:last-child span{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){:where(.nav-item,.kpi-cell,.select-pill,.icon-round,.delivery-card,.filter-trigger,.analytics-glass,.analytics-view-switch button,.analytic-kpi):hover{transform:none!important}}
.reduce-motion :where(.nav-item,.kpi-cell,.select-pill,.icon-round,.delivery-card,.filter-trigger,.analytics-glass,.analytic-kpi):hover{transform:none!important}

/* Home — density and colored changes aligned with dashboard reference */
.ranking-header{display:grid;grid-template-columns:minmax(0,1fr) 75px 72px;align-items:center;gap:6px}.ranking-header span:nth-child(2),.ranking-header span:nth-child(3){text-align:right}
.ranking-row{grid-template-columns:minmax(0,1fr) 75px 72px;gap:6px;min-height:39px}
.ranking-value{font-size:12px}.ranking-change{text-align:right;font-size:11px;font-weight:740;border-radius:13px;padding:4px 3px;white-space:nowrap}
.ranking-change.up{color:#45f5bd;background:rgba(3,133,89,.17)}.ranking-change.down{color:#ff7da5;background:rgba(147,20,71,.20)}
.trend-pill{font-size:12px;color:#4bffc4;border-color:rgba(45,241,175,.47);background:rgba(0,116,79,.24)}
@media(max-width:1350px){.ranking-header,.ranking-row{grid-template-columns:minmax(0,1fr) 65px 63px}.ranking-change{font-size:10px}.ranking-value{font-size:11px}}