#channelsToolbarSection,
.videos-controls,
.topics-controls,
.channels-controls,
.filter-bar,
.actions-row,
.admin-head,
.admin-users-toolbar,
.account-profile-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.videos-controls-left,
.videos-controls-right,
.topics-controls-left,
.topics-controls-right,
.channels-controls-left,
.channels-controls-right,
.actions-row > *,
.admin-users-toolbar > * {
  width: 100%;
  min-width: 0;
}

.videos-controls-right,
.topics-controls-right,
.channels-controls-right,
.my-channel-actions-row,
.my-channel-cta-row,
.admin-settings-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.profile-grid,
.alerts-layout,
.admin-grid,
.admin-counts,
.admin-summary-grid,
.admin-inline-panels,
.my-channel-hero,
.my-channel-identity-grid,
.my-channel-metric-grid,
.my-channel-next-video-grid,
.my-channel-video-grid,
.my-channel-patterns-grid,
.my-channel-pattern-notes-grid,
.my-channel-quality-grid,
.my-channel-quality-status-grid,
.my-channel-quality-metric-grid,
.my-channel-diagnosis-grid,
.my-channel-diagnosis-evidence,
.my-channel-coach-support-grid,
.my-channel-coach-decision-grid,
.my-channel-video-detail-grid,
.my-channel-video-modal-grid,
.my-channel-video-modal-list-grid {
  grid-template-columns: 1fr;
}

.my-channel-hero-meta,
.my-channel-video-summary,
.admin-tabs {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.admin-tabs {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(148px, 1fr);
  align-items: stretch;
}

#opportunitiesSection .filter-bar,
#channelsToolbarSection,
.videos-controls,
.topics-controls,
.channels-controls,
.admin-users-toolbar,
.profile-password-form,
.form-grid {
  padding: clamp(12px, 2vw, 16px);
  border-radius: var(--responsive-card-radius);
}

#opportunitiesSection,
#videosSection,
#topicsSection,
#channelsSection,
#alertsSection,
#adminSection,
#profileSection,
#myChannelSection {
  overflow-x: clip;
}

#opportunitiesTable,
#videosTable,
#topicsTable,
#channelsTable {
  display: none;
}

#opportunitiesMobileList,
#channelsMobileList,
.videos-cards-list,
.topics-cards-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

#videosGuide {
  margin-top: 12px;
}

#adminSection table,
#profileSection table,
#alertsSection table,
#myChannelSection table {
  display: block;
  width: max-content;
  min-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
}

#adminSection .admin-table-shell,
#adminSection .admin-table-scroll,
#adminSection .admin-table {
  display: block;
  width: 100%;
  min-width: 0;
}

#adminSection .admin-table {
  display: table;
}

#alertsSection table,
#myChannelSection table {
  min-width: 720px;
}

#adminSection table {
  min-width: 820px;
}

.account-profile-sidebar,
.account-profile-content,
.profile-card,
.admin-card,
.alerts-card,
.my-channel-panel,
.my-channel-video-card,
.mobile-data-card {
  border-radius: var(--responsive-card-radius);
}

.my-channel-accordion-body,
.admin-events-console,
.my-channel-video-card-details {
  overflow-x: auto;
}

.admin-tab-btn,
.my-channel-hero-chip,
.my-channel-video-summary-chip,
.my-channel-video-badge,
.my-channel-pattern-pill,
.my-channel-mini-chip,
.my-channel-video-pill,
.my-channel-video-modal-badges span,
.my-channel-video-modal-retention-pill,
.my-channel-focus-tags span,
.my-channel-action-launch-btn {
  white-space: normal;
  overflow-wrap: anywhere;
}

.my-channel-hero-headline,
.my-channel-hero-subline,
.my-channel-video-title,
.my-channel-focus-headline {
  overflow-wrap: anywhere;
  text-wrap: balance;
}

@media (min-width: 768px) {
  #channelsToolbarSection,
  .videos-controls,
  .topics-controls,
  .channels-controls,
  .filter-bar,
  .actions-row,
  .admin-head,
  .admin-users-toolbar {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  }

  #opportunitiesTable,
  #videosTable,
  #topicsTable,
  #channelsTable {
    display: table;
  }

  #opportunitiesMobileList,
  #channelsMobileList,
  .videos-cards-list,
  .topics-cards-list {
    display: none;
  }

  .videos-controls,
  .topics-controls,
  .channels-controls,
  .admin-users-toolbar {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 40%);
    align-items: start;
  }

  #channelsToolbarSection,
  .filter-bar,
  .actions-row,
  .account-profile-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }

  .profile-grid,
  .alerts-layout,
  .admin-summary-grid,
  .admin-inline-panels,
  .my-channel-identity-grid,
  .my-channel-metric-grid,
  .my-channel-next-video-grid,
  .my-channel-video-grid,
  .my-channel-patterns-grid,
  .my-channel-quality-grid,
  .my-channel-diagnosis-grid,
  .my-channel-coach-support-grid,
  .my-channel-coach-decision-grid,
  .my-channel-video-modal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-counts,
  .my-channel-quality-status-grid,
  .my-channel-quality-metric-grid,
  .my-channel-diagnosis-evidence {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .account-profile-layout {
    grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
  }

  .admin-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .my-channel-hero {
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
    align-items: stretch;
  }

  .my-channel-patterns-grid,
  .my-channel-quality-grid,
  .my-channel-coach-support-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  }

  #adminSection table,
  #profileSection table,
  #alertsSection table,
  #myChannelSection table {
    display: table;
    overflow: visible;
    white-space: normal;
  }

  #adminSection .admin-table-shell,
  #adminSection .admin-table-scroll {
    display: block;
    overflow: visible;
  }
}

@media (min-width: 768px) and (max-width: 899px) {
  #opportunitiesTable,
  #videosTable,
  #topicsTable,
  #channelsTable {
    display: none;
  }

  #opportunitiesMobileList,
  #channelsMobileList,
  .videos-cards-list,
  .topics-cards-list {
    display: grid !important;
    grid-template-columns: 1fr;
  }

  .profile-grid,
  .alerts-layout,
  .admin-grid,
  .admin-summary-grid,
  .admin-inline-panels,
  .my-channel-hero,
  .my-channel-identity-grid,
  .my-channel-metric-grid,
  .my-channel-next-video-grid,
  .my-channel-video-grid,
  .my-channel-patterns-grid,
  .my-channel-pattern-notes-grid,
  .my-channel-quality-grid,
  .my-channel-quality-status-grid,
  .my-channel-quality-metric-grid,
  .my-channel-diagnosis-grid,
  .my-channel-diagnosis-evidence,
  .my-channel-coach-support-grid,
  .my-channel-coach-decision-grid,
  .my-channel-video-modal-grid {
    grid-template-columns: 1fr;
  }

  .admin-tabs {
    grid-auto-columns: minmax(132px, 1fr);
  }

  .videos-controls,
  .topics-controls,
  .channels-controls,
  .admin-users-toolbar,
  #channelsToolbarSection,
  .filter-bar,
  .actions-row,
  .account-profile-layout {
    display: grid;
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  #opportunitiesTable {
    display: none;
  }

  #opportunitiesMobileList {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  #opportunitiesMobileList .mobile-data-card {
    border: 1px solid var(--control-border-strong);
    background: var(--card-soft);
    border-radius: 12px;
    padding: 10px;
  }

  #opportunitiesMobileList .mobile-data-card .title {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 6px;
  }

  #opportunitiesMobileList .mobile-data-card .sub {
    font-size: 12px;
    color: var(--muted);
    margin-bottom: 8px;
  }

  #opportunitiesMobileList .mobile-data-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px 8px;
    margin-bottom: 8px;
  }

  #opportunitiesMobileList .mobile-data-item {
    border: 1px solid var(--control-border);
    border-radius: 8px;
    padding: 6px 8px;
    background: var(--control-bg);
  }

  #opportunitiesMobileList .mobile-data-item .k {
    font-size: 10px;
    color: var(--muted);
    margin-bottom: 2px;
  }

  #opportunitiesMobileList .mobile-data-item .v {
    font-size: 12px;
    font-weight: 700;
    color: var(--text);
  }

  #opportunitiesMobileList .mobile-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  #opportunitiesMobileList .mobile-actions button,
  #opportunitiesMobileList .mobile-actions select {
    width: 100%;
    min-width: 0;
  }

  .profile-grid,
  .admin-summary-grid,
  .admin-inline-panels,
  .my-channel-metric-grid,
  .my-channel-video-grid,
  .my-channel-next-video-grid,
  .my-channel-quality-status-grid,
  .my-channel-quality-metric-grid,
  .my-channel-diagnosis-evidence {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-ai-token-panels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-billing-panels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .my-channel-hero,
  .my-channel-patterns-grid,
  .my-channel-quality-grid,
  .my-channel-coach-support-grid,
  .account-profile-layout {
    grid-template-columns: 1fr;
  }

  .admin-tabs {
    grid-auto-columns: minmax(138px, 1fr);
  }

  #opportunitiesSection h2,
  #opportunitiesSection .opportunities-head h2 {
    font-size: clamp(30px, 3vw, 38px);
    line-height: 1.12;
  }

  #opportunitiesSection .dashboard-visibility-menu summary,
  #opportunitiesSection .decision-strip-eyebrow,
  #opportunitiesSection .filter-eyebrow,
  #opportunitiesSection .filter-label,
  #opportunitiesSection .active-filter-chip,
  #opportunitiesSection .mode-btn,
  #opportunitiesSection .quick-filter-btn,
  #opportunitiesSection .decision-pill {
    font-size: 13px;
  }

  #opportunitiesSection .decision-strip-main strong,
  #opportunitiesSection .filter-bar-head h3 {
    font-size: 21px;
    line-height: 1.28;
  }

  #opportunitiesSection .decision-strip-main span,
  #opportunitiesSection .decision-strip-why,
  #opportunitiesSection .filter-bar-head p,
  #opportunitiesSection .decision-strip-meta,
  #opportunitiesSection .decision-action-btn,
  #opportunitiesSection .filter-bar input,
  #opportunitiesSection .filter-bar select,
  #opportunitiesSection .filter-advanced-wrap summary,
  #opportunitiesSection .filter-action-row button {
    font-size: 14px;
    line-height: 1.5;
  }

  #opportunitiesSection #opportunitiesTable th,
  #opportunitiesSection #opportunitiesTable td {
    font-size: 13px;
    line-height: 1.45;
  }
}

@media (min-width: 1280px) {
  .profile-grid,
  .admin-summary-grid,
  .admin-inline-panels,
  .my-channel-metric-grid,
  .my-channel-video-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .admin-ai-token-panels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-billing-panels {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .my-channel-next-video-grid,
  .my-channel-quality-status-grid,
  .my-channel-quality-metric-grid,
  .my-channel-diagnosis-evidence {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}