/* Page-scoped sizing: the board scrolls, never the surrounding document. */
html.wip-release-responsive #mainContent { min-width: 0; }
html.wip-release-responsive .wip-dashboard-wrapper,
html.wip-release-responsive .wip-dashboard-wrapper > div,
html.wip-release-responsive :is(#kanban-view, #table-view) { min-width: 0; max-width: 100%; }
html.wip-release-responsive #kanban-view > div { width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
html.wip-release-responsive #table-view { overflow-x: auto; }
.wip-release-mobile-tools, .wip-release-nav-backdrop, .wip-release-nav-close { display: none; }

@media (max-width: 1023px) {
  html.wip-release-responsive #mainContent { margin-left: 0 !important; margin-right: 0 !important; width: 100%; }
  html.wip-release-responsive #mainContent > .border-b .flex { flex-wrap: wrap; min-width: 0; }
  html.wip-release-responsive #mainContent > .border-b select { max-width: min(220px, 60vw); }
  html.wip-release-responsive #mainSidebarNav {
    transform: translateX(-110%); visibility: hidden; width: min(280px, calc(100vw - 48px));
    max-width: calc(100vw - 48px); z-index: 30001; transition: none;
  }
  html[dir="rtl"].wip-release-responsive #mainSidebarNav { transform: translateX(110%); }
  html.wip-release-responsive.wip-release-nav-open #mainSidebarNav { transform: none; visibility: visible; }
  html.wip-release-responsive.wip-release-nav-open { overflow: hidden; }
  html.wip-release-responsive .wip-release-nav-backdrop:not([hidden]) {
    display: block; position: fixed; inset: 0; background: rgb(15 23 42 / .65); z-index: 30000;
    border: 0; width: 100%; height: 100%;
  }
  html.wip-release-responsive .wip-release-nav-close {
    display: block; min-height: 44px; padding: 8px 12px; margin-bottom: 12px;
    color: #fff; background: #334155; border: 1px solid #94a3b8; border-radius: 8px;
  }
  html.wip-release-responsive .wip-release-mobile-tools {
    display: flex; gap: 8px; flex-wrap: wrap; align-items: center; justify-content: space-between; margin: 8px 0 16px;
  }
  html.wip-release-responsive .wip-release-mobile-tools > button {
    min-height: 44px; padding: 10px 14px; background: #fff; color: #172554;
    border: 1px solid #94a3b8; border-radius: 8px; font-weight: 600;
  }
  html.wip-release-responsive #wipReleaseAccountTools #fixedTopNav {
    position: static !important; inset: auto !important; flex-direction: row; flex-wrap: wrap; gap: 6px;
  }
  html.wip-release-responsive #wipReleaseAccountTools #fixedTopNav :is(a, button) {
    min-width: 44px; min-height: 44px; border-radius: 8px; box-shadow: none;
  }
  html.wip-release-responsive .wip-dashboard-wrapper .hero-content { flex-direction: column; align-items: stretch; gap: 16px; }
  html.wip-release-responsive .wip-dashboard-wrapper .hero-actions {
    flex-direction: row; flex-wrap: wrap; width: 100%; gap: 8px; min-width: 0;
  }
  html.wip-release-responsive .wip-dashboard-wrapper .hero-actions > * { min-width: 0; max-width: 100%; }
  html.wip-release-responsive .wip-dashboard-wrapper :is(.hero-btn-toggle, .hero-btn-primary, .hero-btn-secondary) {
    width: auto; min-height: 44px; white-space: normal;
  }
  html.wip-release-responsive .wip-dashboard-wrapper .view-toggle-group { width: auto; flex-wrap: wrap; }
  html.wip-release-responsive .wip-dashboard-wrapper > div > .grid-cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html.wip-release-responsive .wip-dashboard-wrapper .grid-cols-4 > div { min-width: 0; }
  html.wip-release-responsive .wip-dashboard-wrapper .grid-cols-4 > div > .flex { flex-wrap: wrap; gap: 6px; }
  html.wip-release-responsive #advancedFilters .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html.wip-release-responsive #searchBoxContainer > .flex { flex-wrap: wrap; }
  html.wip-release-responsive #searchBoxContainer input { min-width: 0; flex-basis: 100%; }
  html.wip-release-responsive #kanban-view > div > div { flex: 0 0 min(370px, calc(100vw - 56px)); width: min(370px, calc(100vw - 56px)); }
}

@media (max-width: 479px) {
  html.wip-release-responsive #advancedFilters .grid { grid-template-columns: minmax(0, 1fr); }
  html.wip-release-responsive .wip-dashboard-wrapper .hero-section { padding: 16px 12px; }
  html.wip-release-responsive .wip-dashboard-wrapper .hero-title { overflow-wrap: anywhere; }
}
@media print {
  .wip-release-mobile-tools, .wip-release-nav-backdrop, .wip-release-nav-close { display: none !important; }
}