@media (max-width: 960px) {
  html:has(body:not(.tv-body) #appView:not(.hidden)),
  body:not(.tv-body):has(#appView:not(.hidden)) {
    height: auto !important;
    overflow: auto !important;
  }
  body:not(.tv-body) #appView.app-shell:not(.hidden) {
    height: auto !important;
    min-height: 100vh !important;
    max-height: none !important;
    overflow: visible !important;
  }
  body:not(.tv-body) #appView.app-shell:not(.hidden) .main-area {
    height: auto !important;
    min-height: 100vh !important;
    overflow: visible !important;
  }
}

@media (max-width: 980px) {
  body:not(.tv-body) .playlist-workspace { grid-template-columns: 1fr; }
  body:not(.tv-body) .playlist-list-card { position: static; }
  body:not(.tv-body) .playlist-selected-summary-card { grid-template-columns: 1fr; }
  body:not(.tv-body) .playlist-selected-actions { justify-content: flex-start; max-width: none; }
}

@media (max-width: 640px) {
  body:not(.tv-body) .playlist-delete-facts { grid-template-columns: 1fr; }
  body:not(.tv-body) .playlist-select-card { grid-template-columns: 1fr; }
  body:not(.tv-body) .playlist-card-actions { justify-content: flex-end; }
}

@media (max-width: 920px) {
  .screens-toolbar.upgraded,
  .screens-search-panel,
  .screen-review-grid,
  .screen-wizard-steps { grid-template-columns:1fr; }
  .screens-view-toggle { justify-content:flex-start; }
  .screen-cards-grid.compact-view .screen-card { display:flex; }
  .screen-cards-grid.compact-view .screen-card-url,
  .screen-cards-grid.compact-view .screen-card-info-grid,
  .screen-cards-grid.compact-view .screen-card-action-row { grid-column:auto; grid-row:auto; }
  .action-centre-head { flex-direction:column; }
  .action-centre-item { grid-template-columns:34px minmax(0,1fr); }
  .action-centre-item .btn { grid-column:1 / -1; justify-content:center; }
}

@media(max-width:760px){.playlist-preview-item{grid-template-columns:auto 44px 1fr}.playlist-preview-item .badge{grid-column:3}.test-emergency-row,.ticker-speed-row{grid-template-columns:1fr}.playlist-timeline-head{display:grid}.settings-actions{width:100%}.settings-actions .btn{flex:1;justify-content:center}}

@media (max-width: 760px) {
  body:not(.tv-body) .screen-upsert-grid.two,
  body:not(.tv-body) .ticker-schedule-grid,
  body:not(.tv-body) .height-control-card,
  body:not(.tv-body) .ticker-height-card,
  body:not(.tv-body) .playlist-timeline-head {
    grid-template-columns: 1fr !important;
  }
  body:not(.tv-body) .settings-panel-save { flex-direction: column; align-items: stretch !important; }
  body:not(.tv-body) .timeline-meta { justify-content: flex-start; }
}

@media (max-width: 520px) {
  body:not(.tv-body) .emergency-template-chip { padding-right: 10px !important; }
  body:not(.tv-body) .emergency-template-chip.active::after,
  body:not(.tv-body) .emergency-template-chip[aria-pressed="true"]::after { display: none !important; }
}

@media (max-width: 1260px) {
  body:not(.tv-body) .ticker-main-layout {
    grid-template-columns: minmax(0, 1fr) minmax(300px, .78fr) !important;
  }
  body:not(.tv-body) .ticker-preview-side { grid-column: 1 / -1 !important; position: static !important; min-height: auto !important; }
  body:not(.tv-body) .ticker-preview-tv-frame { min-height: 185px !important; }
}

@media (max-width: 860px) {
  body:not(.tv-body) .compact-ticker-head,
  body:not(.tv-body) .ticker-main-layout,
  body:not(.tv-body) .compact-colour-grid,
  body:not(.tv-body) .compact-schedule-grid,
  body:not(.tv-body) .compact-slider-card {
    grid-template-columns: 1fr !important;
  }
  body:not(.tv-body) .compact-save-hint { display: none !important; }
}

@media (max-width: 980px) {
  body:not(.tv-body) .settings-layout { grid-template-columns: 1fr !important; }
  body:not(.tv-body) .settings-category-grid { position: static !important; }
}

@media (max-width: 900px) { body:not(.tv-body) .users-layout { grid-template-columns: 1fr !important; } body:not(.tv-body) .create-user-card { position: static !important; } }

@media (max-width: 540px) { body:not(.tv-body) .role-choice-grid, body:not(.tv-body) .user-actions { grid-template-columns: 1fr !important; } }

@media (max-width: 520px) {
  body:not(.tv-body) .enhanced-assets.thumb-small,
  body:not(.tv-body) .enhanced-assets.thumb-medium,
  body:not(.tv-body) .enhanced-assets.thumb-large { grid-template-columns: 1fr !important; }
}

@media (max-width: 860px) {
  body:not(.tv-body) .compact-slider-card,
  body:not(.tv-body) .height-control-card,
  body:not(.tv-body) .ticker-height-card { grid-template-columns: 1fr !important; }
  body:not(.tv-body) .height-number-wrap { max-width: none !important; }
}

@media (max-width: 840px) {
  .playlist-preview-modal.modern-playlist-preview {
    min-width: min(100%, calc(100vw - 28px));
  }
  .playlist-preview-facts {
    grid-template-columns: 1fr;
  }
  .playlist-preview-summary,
  .playlist-preview-list-head {
    grid-template-columns: 1fr;
    display:grid;
  }
  .playlist-preview-item {
    grid-template-columns: auto 52px minmax(0,1fr);
  }
  .preview-meta {
    grid-column: 1 / -1;
    justify-items:start;
    grid-auto-flow:column;
    flex-wrap:wrap;
  }
}

@media (max-width: 560px) {
  .playlist-preview-item {
    grid-template-columns: 1fr;
    justify-items:start;
  }
  .preview-thumb { width:100%; max-width:180px; height:90px; }
  .preview-index { margin-bottom: -2px; }
  .preview-meta {
    grid-auto-flow:row;
    justify-items:start;
  }
  .playlist-preview-actions {
    flex-direction:column;
  }
  .playlist-preview-actions .btn {
    width:100%;
  }
}

@media (max-width: 760px) {
  body:not(.tv-body) .playlist-timeline-head {
    display: grid;
    gap: 10px;
  }
  body:not(.tv-body) .playlist-timeline-bar:not(.is-empty) {
    min-height: 66px;
    padding: 8px;
  }
  body:not(.tv-body) .timeline-segment {
    flex-basis: 72px;
    width: 72px;
    min-width: 72px;
  }
}

@media (max-width: 840px) {
  .playlist-preview-modal.modern-playlist-preview {
    min-width: min(100%, calc(100vw - 28px)) !important;
    max-width: none;
  }
  .playlist-preview-facts {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .playlist-preview-item {
    grid-template-columns: 28px 48px minmax(0, 1fr) !important;
  }
  .preview-meta {
    grid-column: 3;
    justify-items: start !important;
    grid-auto-flow: column;
    margin-top: 4px;
  }
}

@media (max-width: 620px) {
  .playlist-preview-facts {
    grid-template-columns: 1fr !important;
  }
  .playlist-preview-item {
    grid-template-columns: 28px 46px minmax(0, 1fr) !important;
  }
  .preview-meta {
    grid-column: 1 / -1;
  }
  .playlist-preview-list-head {
    display: grid !important;
  }
  .playlist-preview-sequence-badge {
    justify-self: start;
  }
}

@media (max-width: 960px) {
  body:not(.tv-body) #sidebarOverlay.hidden { display: none !important; }
  body:not(.tv-body) #sidebarOverlay:not(.hidden) { display: block !important; }
  body:not(.tv-body) .topbar { position: relative; z-index: 2; }
  body:not(.tv-body) .sidebar-toggle-btn { position: relative; z-index: 302; }
  body:not(.tv-body) #appView.sidebar-collapsed .sidebar-toggle-btn { pointer-events: auto; }
}