@media (max-width: 1180px) {
  .app-shell {
    grid-template-columns: 72px minmax(0, 1fr);
  }
  .sidebar {
    padding: var(--space-3);
  }
  .brand-text,
  .nav-label,
  .sidebar-summary {
    display: none;
  }
  .brand-lockup,
  .nav-link {
    justify-content: center;
  }
  .nav-link {
    padding-inline: 0;
  }
	  .workspace.map-layout,
	  .workspace.calendar-layout,
	  .workspace.gear-layout,
  .workspace.stats-layout,
  .workspace.company-layout,
  .workspace.data-layout,
  .workspace.home-layout {
    grid-template-columns: 1fr;
  }
  .drawer.is-sticky {
    position: static;
  }
	  .map-panel {
	    min-height: auto;
	  }
	  .map-viewport {
	    min-height: 560px;
	  }
	}
@media (max-width: 820px) {
  .app-shell {
    display: block;
    padding: var(--space-3);
    padding-bottom: 92px;
  }
  .sidebar {
    display: none;
  }
  .topbar {
    position: static;
    grid-template-columns: 1fr;
  }
  .page {
    display: flex;
    flex-direction: column;
  }
  .command-row {
    justify-content: stretch;
  }
  .command-input {
    width: 100%;
  }
  .command-row .btn {
    flex: 1 1 auto;
  }
  .metric-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .map-viewport {
    min-height: 460px;
    margin: var(--space-3);
  }
	  .workspace.map-layout .map-panel {
	    order: -1;
	  }
	  .workspace.calendar-layout .calendar-board {
	    order: -1;
	  }
  body[data-page="map"] .page > .workspace {
    order: 1;
  }
  body[data-page="map"] .page > .metric-strip {
    order: 2;
  }
	  body[data-page="map"] .page > article.panel {
	    order: 3;
	  }
	  body[data-page="map"] .page > .collapsible-ledger {
	    order: 3;
	  }
  .map-toolbar,
  .map-actions {
    left: var(--space-3);
    right: var(--space-3);
  }
  body[data-page="map"] .map-actions {
    bottom: 72px;
  }
  .map-callout {
    left: var(--space-3);
    right: var(--space-3);
    top: 72px;
    width: auto;
  }
  .calendar-month {
    display: none;
  }
  .mobile-schedule {
    display: grid;
    gap: var(--space-2);
  }
  .form-grid {
    grid-template-columns: 1fr;
  }
  .heatmap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .mobile-nav {
    position: fixed;
    left: var(--space-3);
    right: var(--space-3);
    bottom: var(--space-3);
    z-index: 20;
    display: flex;
    gap: var(--space-1);
    overflow-x: auto;
    padding: var(--space-1);
    border: 1px solid color-mix(in oklab, var(--surface), transparent 18%);
    border-radius: var(--radius-lg);
    background: color-mix(in oklab, var(--surface), transparent 10%);
    box-shadow: var(--elev-raised);
    backdrop-filter: blur(24px) saturate(180%);
  }
  .mobile-nav a {
    flex: 1 0 54px;
    min-height: 48px;
    display: grid;
    place-items: center;
    border-radius: var(--radius-md);
    color: var(--fg-2);
    font-size: 11px;
    font-weight: 760;
  }
  .mobile-nav a[aria-current="page"] {
    background: var(--surface-warm);
    color: var(--fg);
  }
	  .fab {
    position: fixed;
    right: var(--space-4);
    bottom: 88px;
    z-index: 21;
    display: inline-flex;
    width: 58px;
    min-width: 58px;
    height: 58px;
    border-radius: var(--radius-pill);
    padding: 0;
    font-size: 0;
	  }
	  .fab::after {
	    content: "+";
	    font-size: 24px;
	    line-height: 1;
	  }
	  .fab.fab-text {
	    width: auto;
	    min-width: 72px;
	    padding-inline: var(--space-3);
	    font-size: var(--text-xs);
	  }
	  .fab.fab-text::after {
	    content: "";
	  }
  body[data-page="home"] .fab {
    display: none;
  }
  .toast {
    left: var(--space-3);
    right: var(--space-3);
    bottom: 88px;
  }
}
@media (max-width: 480px) {
  .panel-header {
    align-items: flex-start;
    flex-direction: column;
  }
  .panel-body {
    padding: var(--space-4);
  }
  .metric-strip {
    grid-template-columns: 1fr;
  }
	  .map-viewport {
	    min-height: 420px;
	  }
  .map-actions .btn {
    flex: 1 1 auto;
  }
  .data-table th,
  .data-table td {
    padding: var(--space-2);
  }
  .kv-row {
    grid-template-columns: 86px minmax(0, 1fr);
  }
}