/* Narrow layouts preserve every field, tab and action. */
@media (max-width: 1100px) {
  .app-shell { grid-template-columns: 185px minmax(0, 1fr); }
  .content { padding: 22px 20px 32px; }
  .app-toolbar { padding: 12px 20px; }
  .detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .app-shell { display: block; }
  .sidebar { position: static; height: auto; padding: 12px; }
  .sidebar .brand { padding: 0 5px; font-size: 18px; }
  .workspace-tag { margin: 12px 5px; border: 0; padding: 0; }
  .workspace-tag .avatar, .nav-label { display: none; }
  .sidebar nav { display: flex; overflow-x: auto; margin-top: 12px; padding-bottom: 3px; }
  .sidebar nav a { white-space: nowrap; padding: 9px 11px; font-size: 12px; }
  .sidebar nav a[aria-current] { box-shadow: inset 0 -3px #8cbbff; }
  .sidebar-bottom { padding: 0; position: absolute; right: 17px; top: 10px; }
  .sidebar-bottom .account { display: none; }
  .workspace-switch { margin: 10px 5px 0; grid-template-columns: 1fr auto; align-items: center; }
  .workspace-switch label { grid-column: 1 / -1; }
  .app-toolbar { padding: 10px 16px; }
  .app-toolbar > span { display: none; }
  .global-search { width: 100%; }
  .content { padding: 18px 16px 30px; }
  h1 { font-size: 24px; }
  .page-heading { align-items: flex-start; gap: 12px; }
  .page-heading > div { min-width: 0; }
  .page-heading .primary { padding: 9px 11px; }
  .overview { margin-bottom: 18px; }
  .overview > div { padding: 12px; }
  .overview strong { font-size: 18px; }
  .overview .eyebrow { font-size: 10px; }
  .form-grid, .settings-card { grid-template-columns: 1fr; }
  .form-section, .editor-card { padding: 16px; }
  .form-section > header { flex-wrap: wrap; gap: 6px 10px; }
  .form-section > header p { flex-basis: 100%; }
  .settings-intro { border-right: 0; border-bottom: 1px solid var(--line); padding: 18px; }
  .settings-form { padding: 18px; }
  .form-actions { gap: 8px; }
  .sticky-actions { bottom: 0; padding: 10px; }
  .save-status { flex-basis: 100%; }
  .field input, .field select, .field textarea, .global-search input { font-size: 16px; min-height: 42px; }
  .section-heading { flex-wrap: wrap; }
  .task-row { padding: 12px; flex-wrap: wrap; gap: 8px; }
  .task-row > div { flex-basis: calc(100% - 40px); }
  .task-row > .secondary { margin-left: 32px; }
  .tabs a { padding: 10px 12px; }
  .table-wrap th, .table-wrap td { padding: 10px 12px; }
  .filter-bar > input { flex-basis: 100%; }
  .filter-bar select { flex: 1; min-width: 100px; }
  .workflow-grid { grid-template-columns: 1fr; }
  .member-row { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 420px) {
  .detail-grid { grid-template-columns: 1fr; }
  .overview { grid-template-columns: 1fr; }
  .overview > div { display: flex; justify-content: space-between; align-items: center; }
  .overview .eyebrow { margin: 0; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media print {
  .sidebar, .app-toolbar, .primary, .form-actions, .filter-bar, .filter-panel, .pagination, .task-tools { display: none; }
  .app-shell { display: block; }
  .content { padding: 0; }
  .table-wrap { overflow: visible; }
  body { background: #fff; color: #000; }
  .task-row, .workflow-card { break-inside: avoid; }
}