/* Shared panel presentation. Public landing, authentication and PDF retain their own design. */
body.panel-modern{background:#f2f4f7;color:#243247;--border:#e2e7ee;--muted:#64748b;--green:#15805e;--chart-up:#199c71;--chart-down:#dc5263;--chart-flat:#94a3b8}
.panel-modern .topbar{background:#fff;border-bottom:1px solid #e2e7ee;min-height:66px;box-shadow:0 1px 4px #102a4310}
.panel-modern main{padding-top:26px}.panel-modern .intro{margin-bottom:22px}.panel-modern .intro h1{font-size:1.75rem;letter-spacing:-.7px;line-height:1.25}
.panel-modern :is(.panel,.dashboard-card,.insights-card,.reach-section){border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:0 3px 12px #23364d06}
.panel-modern :is(.dashboard-card,.insights-card){padding:22px}.panel-modern :is(.dashboard-card,.insights-card,.panel) h2{font-size:1rem;letter-spacing:-.15px}
.panel-modern :is(.dashboard-grid,.dashboard-accounts){gap:18px}.panel-modern #dashboard{gap:20px}.panel-modern .dashboard-intro{font-size:.9rem}
.panel-modern .dashboard-highlight{font-size:1.1rem;color:#253c57}.panel-modern .dashboard-account{border-radius:10px;background:#fbfcfe;padding:18px;gap:14px}
.panel-modern .dashboard-account-title h3{font-size:.95rem;line-height:1.5}.panel-modern .dashboard-account dl{padding-block:12px;border-block:1px solid var(--border)}
.panel-modern .dashboard-account dd{font-size:1.2rem;font-variant-numeric:tabular-nums;color:#22364c}
.panel-modern .dashboard-actions{align-items:center;margin-block:8px}.panel-modern .dashboard-card small{font-size:.76rem}
.dashboard-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.dashboard-stat{position:relative;background:white;border:1px solid #e2e7ee;border-radius:12px;padding:18px 20px;box-shadow:0 3px 12px #23364d06;min-width:0;overflow:hidden}
.dashboard-stat:before{content:'';position:absolute;left:0;top:20px;bottom:20px;width:3px;background:#199c71;border-radius:4px}
.dashboard-stat:nth-child(2):before{background:#dc5263}.dashboard-stat:nth-child(3):before{background:#567391}.dashboard-stat:nth-child(4):before{background:#99a9b9}
.dashboard-stat span{display:block;font-size:.78rem;color:#64748b;line-height:1.4}.dashboard-stat strong{display:block;margin-top:9px;font-size:1.85rem;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.7px}
.panel-modern .button{border-radius:7px;font-size:.82rem;min-height:40px;padding:10px 16px;box-shadow:none}.panel-modern .button.secondary{background:#fff;border-color:#d8e0e9;color:#40546d}
.panel-modern :is(input,select,textarea){border-radius:7px}.panel-modern .content-filters{border-radius:10px;background:#f8fafc;border-color:#e2e7ee}
.panel-modern th{background:#f7f9fc;color:#65758b;font-size:.73rem;font-weight:600}.panel-modern td{border-color:#edf0f4}.panel-modern tbody tr:hover{background:#f8fafc}
.panel-modern :is(.meta-metrics>div,.youtube-metrics>div){border-radius:12px;border-color:#e2e7ee;background:white;padding:20px}
.panel-modern :is(.meta-metrics strong,.insights-value){font-variant-numeric:tabular-nums;letter-spacing:-.6px;color:#22364c}
.panel-modern .youtube-video-row{padding-block:18px}.panel-modern .youtube-video-preview{border-radius:8px}.panel-modern .youtube-video-stats{background:#f8fafc;border-radius:8px;padding:12px}
.panel-modern :is(.reach-readout,.youtube-chart-readout){background:#f0f8f5;color:#22634e;border:1px solid #dceee5;border-radius:8px}
.panel-modern .youtube-dashboard>.youtube-period{border-radius:12px;background:#f8fafc;border-color:#e2e7ee;box-shadow:none}
.chart-trend-legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;color:#64748b;font-size:.75rem;line-height:1.5;margin:12px 0 18px}
.chart-trend-legend>span:not(:first-child){padding:3px 8px;border-radius:5px;background:#f4f6f8;font-weight:600}
.chart-trend-legend .trend-up{color:#117452}.chart-trend-legend .trend-down{color:#b32f43}.chart-trend-legend .trend-flat{color:#64748b}
.panel-modern .reach-fill,.panel-modern .youtube-day>span{background:var(--chart-flat);border-radius:4px 4px 0 0}
.panel-modern .reach-fill.trend-up,.panel-modern .youtube-day>span.trend-up{background:var(--chart-up)}
.panel-modern .reach-fill.trend-down,.panel-modern .youtube-day>span.trend-down{background:var(--chart-down)}
.panel-modern .reach-day:hover .reach-fill,.panel-modern .reach-day[aria-pressed=true] .reach-fill{filter:brightness(.85)}
.panel-modern .youtube-day>span.missing{background:repeating-linear-gradient(45deg,#cbd5e1 0 3px,transparent 3px 6px)}
.panel-modern .growth{color:#117452;background:#eaf7f0}.panel-modern .growth.negative,.panel-modern .youtube-comparison.negative{color:#b32f43;background:#fff0f2}
.panel-modern #chart svg path[stroke]{stroke:#199c71}.panel-modern #chart svg stop{stop-color:#199c71}.panel-modern .legend i{background:#199c71}
@media(min-width:951px){
 .panel-modern .sidebar{width:242px;padding:23px 16px;background:#fbfcfe;border-color:#e2e7ee}
 .panel-modern .sidebar .brand{margin:0 8px 5px}.panel-modern .sidebar .workspace{margin:18px 0 14px;padding:12px;background:white;border-radius:9px}
 .panel-modern .sidebar-account{padding:12px;background:white;border-radius:9px;margin-bottom:16px}
 .panel-modern .sidebar nav a{border-radius:7px;min-height:40px;font-size:.84rem;color:#596b82}
 .panel-modern .sidebar nav a.active{background:#eaf0fb;color:#264d9e;box-shadow:inset 3px 0 #315bd3;font-weight:700}
 .panel-modern .sidebar-nav-group>summary{font-size:.84rem}.panel-modern .sidebar .demo-card{padding:14px;border-radius:9px;background:#f1f5f9;border-color:#e2e7ee}
 .panel-modern .demo-card strong{font-size:.95rem;line-height:1.45;margin-block:8px}.panel-modern .demo-card p{font-size:.73rem}
 .panel-modern .topbar{height:66px;padding-inline:30px}.panel-modern main{padding-inline:30px}
}
@media(max-width:1000px){.dashboard-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .panel-modern main{padding-inline:16px}.panel-modern .intro{margin-bottom:18px}.panel-modern .intro h1{font-size:1.6rem}
 .dashboard-overview{gap:10px}.dashboard-stat{padding:15px 16px}.dashboard-stat strong{font-size:1.6rem}.dashboard-stat span{font-size:.76rem}
 .panel-modern :is(.dashboard-card,.insights-card){padding:17px}.panel-modern .dashboard-account{padding:15px}.panel-modern .dashboard-card .button{min-height:44px}
 .chart-trend-legend{gap:7px;font-size:.72rem}.chart-trend-legend>span:first-child{flex-basis:100%}
 .panel-modern .youtube-video-stats{padding:12px}.panel-modern .mobile-app-bottom{background:#ffffffed;backdrop-filter:blur(12px);border-color:#e2e7ee}
}
@media(prefers-reduced-motion:no-preference){.panel-modern .button,.panel-modern .sidebar nav a{transition:background .15s,border-color .15s}}

.panel-modern .sidebar{overflow-x:hidden}
/* Keep the YouTube layout wrapper transparent; only actual content cards are panels. */
body.panel-modern .real-analytics:has(>.youtube-dashboard){padding:0;background:transparent;border:0;box-shadow:none;overflow:visible}
.panel-modern .youtube-video-stats>div{min-width:0}
.panel-modern .youtube-video-stats dt{overflow-wrap:anywhere}
@media(min-width:761px) and (max-width:950px){
 .panel-modern .sidebar>.brand{width:220px;max-width:100%;height:46px}
 .panel-modern .sidebar>.brand .brand-logo{width:100%;height:100%;object-fit:contain}
}
@media(max-width:760px){
 .panel-modern .mobile-app-bottom a span{font-size:10px;overflow-wrap:normal;word-break:normal;hyphens:none}
 .panel-modern .youtube-content-filters .content-filter-fields>label{min-width:0;flex-basis:100%}
 .panel-modern .youtube-content-filters .content-filter-fields>.button{width:100%;min-height:44px}
}
/* One document scrollbar: the menu grows with its expanded groups. */
@media(min-width:951px){
 body.panel-modern{display:grid;grid-template-columns:242px minmax(0,1fr);align-items:stretch;min-height:100vh}
 body.panel-modern>.sidebar{position:relative;inset:auto;grid-column:1;grid-row:1;width:242px;height:auto;max-height:none;min-height:100vh;overflow:visible;scrollbar-gutter:auto}
 body.panel-modern>.app-shell{grid-column:2;grid-row:1;margin-left:0;min-width:0}
}
.panel-brand-controls{display:none}
@media(min-width:951px){
 body.panel-modern>.app-shell{display:contents}
 body.panel-modern .topbar{grid-column:1/-1;grid-row:1;height:72px;min-width:0;padding:0 24px;gap:20px}
 body.panel-modern .topbar>span:first-of-type{display:none}
 body.panel-modern .panel-brand-controls{display:flex;align-items:center;gap:14px;flex-shrink:0}
 body.panel-modern .panel-brand-controls .brand{width:210px;height:52px;margin:0}
 body.panel-modern .panel-menu-toggle{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:0;border-radius:8px;background:transparent;color:#475569;cursor:pointer}
 body.panel-modern .panel-menu-toggle:hover{background:#f1f4f8}
 body.panel-modern .topbar-controls{margin-left:auto;flex-wrap:wrap;justify-content:flex-end;gap:12px}
 body.panel-modern>.sidebar{grid-row:2;min-height:calc(100vh - 72px);padding-top:20px}
 body.panel-modern>.sidebar>.brand{display:none}
 body.panel-modern .sidebar .workspace{margin-top:0}
 body.panel-modern>.app-shell>main{grid-column:2;grid-row:2;width:100%;min-width:0;margin:0 auto;align-self:start}
 body.panel-modern.panel-menu-collapsed{grid-template-columns:minmax(0,1fr)}
 body.panel-modern.panel-menu-collapsed>.sidebar{display:none}
 body.panel-modern.panel-menu-collapsed>.app-shell>main{grid-column:1;max-width:none}
}
.page-platform-heading{display:flex;align-items:center;gap:12px;min-width:0}
.page-platform-logo{width:32px;height:32px;object-fit:contain;flex-shrink:0}
@media(max-width:760px){.page-platform-heading{margin-bottom:20px;gap:10px}.mobile-app-mode .page-platform-heading h1{margin-bottom:0}.page-platform-logo{width:28px;height:28px}}