body { min-width: 0; }
.brand-mark { padding: 4px; background: #efffde; }
.brand-mark img { display: block; width: 100%; height: 100%; object-fit: contain; }
.section-actions, .label-actions { display: flex; align-items: center; justify-content: space-between; gap: 9px; }
.label-actions label { margin: 0; }

@media (max-width: 800px) {
  body { min-width: 0; }
  .app-shell { display: block; }
  .sidebar { position: static; width: 100%; padding: 14px 12px 10px; }
  .app-version-bar { position: static; height: 34px; padding: 0 14px; }
  .brand { padding: 0 5px 13px; }
  .sidebar nav { grid-template-columns: repeat(4, minmax(76px, 1fr)); gap: 5px; }
  .nav-item { justify-content: center; padding: 10px 6px; font-size: 11px; gap: 6px; }
  .nav-icon { font-size: 15px; width: auto; }
  .sidebar-foot { display: none; }
  main { padding: 0 14px 32px; }
  .topbar { height: 86px; margin-bottom: 18px; }
  .topbar h1 { font-size: 20px; }
  .privacy-pill { display: none; }
  .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .stat-card { padding: 15px; }
  .stat-card strong { font-size: 23px; }
  .content-grid { grid-template-columns: minmax(0, 1fr); }
  .composer, .queue-panel { padding: 17px; }
  .field-row { grid-template-columns: 1fr; }
  .section-heading { align-items: flex-start; gap: 14px; }
  .section-heading, .section-actions { flex-wrap: wrap; }
  .section-heading h2 { font-size: 21px; }
  .compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .account-panel { overflow-x: auto; }
  .table-head, .account-row { min-width: 760px; }
  .library-grid, .settings-grid { grid-template-columns: 1fr; }
  .notice-card { grid-column: auto; }
  .modal-actions > * { flex: 1; }
}