/* Compact channel overview only; production editors retain their spacing. */
.page-content:has(tr[data-channel-id]) { max-width: none; padding: 14px 20px 32px; }
.workspace:has(tr[data-channel-id]) .topbar { height: 68px; min-height: 68px; padding: 10px 20px; }
.workspace:has(tr[data-channel-id]) .topbar h1 { font-size: 22px; margin: 0; }
.workspace:has(tr[data-channel-id]) .topbar p { margin: 3px 0 0; font-size: 11px; }
.page-content:has(#channel-table) .youtube-metric-notice { padding: 8px 12px; margin-bottom: 10px; border-radius: 9px; }
.page-content:has(#channel-table) .youtube-metric-notice p { margin: 0; font-size: 10px; line-height: 1.4; }
.page-content:has(#channel-table) .kpi-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin-bottom: 8px; }
.page-content:has(#channel-table) .kpi { padding: 10px 12px; border-radius: 9px; }
.page-content:has(#channel-table) .kpi b { font-size: 23px; line-height: 1.1; margin-top: 4px; }
.page-content:has(#channel-table) .kpi small { font-size: 9px; }
.page-content:has(#channel-table) .kpi-wide { display: flex; align-items: center; gap: 12px; padding: 7px 12px; }
.page-content:has(#channel-table) .kpi-wide b { font-size: 16px; margin: 0; }
.page-content:has(#channel-table) .toolbar { margin: 10px 0; gap: 8px; }
.page-content:has(#channel-table) .toolbar input,
.page-content:has(#channel-table) .toolbar select { padding: 8px 10px; min-height: 34px; }
.table-wrap:has(tr[data-channel-id]) th { padding: 9px 10px; }
.table-wrap:has(tr[data-channel-id]) td { padding: 7px 10px; font-size: 11px; vertical-align: middle; }
.table-wrap:has(tr[data-channel-id]) .channel-cell { gap: 9px; box-shadow: none; text-align: left; padding: 0; min-height: 44px; }
.table-wrap:has(tr[data-channel-id]) .channel-cell .avatar { width: 34px; height: 34px; flex-basis: 34px; font-size: 12px; }
.table-wrap:has(tr[data-channel-id]) .channel-cell b { font-size: 11px; line-height: 1.2; }
.table-wrap:has(tr[data-channel-id]) .youtube-channel-name { font-size: 14px; line-height: 1.2; margin: 2px 0; }
.table-wrap:has(tr[data-channel-id]) .channel-cell small { font-size: 9px; margin-top: 2px; }
.table-wrap:has(tr[data-channel-id]) .views { line-height: 1.2; }
.table-wrap:has(tr[data-channel-id]) .views > span { font-size: 13px; font-variant-numeric: tabular-nums; }
.table-wrap:has(tr[data-channel-id]) .views small { font-size: 9px; line-height: 1.2; }
.table-wrap:has(tr[data-channel-id]) .pill { padding: 4px 7px; font-size: 9px; }
.table-wrap:has(tr[data-channel-id]) .stock { width: 84px; }
.table-wrap:has(tr[data-channel-id]) .stock-line { height: 4px; margin: 3px 0; }
.table-wrap:has(tr[data-channel-id]) .action-link { font-size: 10px; }
.table-wrap:has(tr[data-channel-id]) td:last-child > .action-link { min-height: 24px; padding: 2px 0; }
.table-wrap:has(tr[data-channel-id]) .avatar-script-import { margin-top: 4px; gap: 3px; min-width: 140px; max-width: 230px; }
.table-wrap:has(tr[data-channel-id]) .import-avatar-scripts { padding: 5px 8px; min-height: 26px; font-size: 10px; }
/* Explanation is still available on the disabled button's native title tooltip. */
.table-wrap:has(tr[data-channel-id]) .avatar-script-import-hint { display: none; }
@media (max-width: 1100px) {
  .page-content:has(#channel-table) .kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .page-content:has(tr[data-channel-id]) { padding: 12px 10px 90px; }
  .workspace:has(tr[data-channel-id]) .topbar { height: auto; padding: 10px 12px; }
  .page-content:has(#channel-table) .kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .table-wrap:has(tr[data-channel-id]) { max-width: 100%; overflow-x: auto; }
  .table-wrap:has(tr[data-channel-id]) .channel-cell { min-width: 170px; }
}