/* ─── System Suite — Notifications + Activity Logs + Settings
   Owner: pages/notifications/notifications.css (system shared)
   Wave 8 / PR-308-F (System Suite migration)
   Rule: Shell layout + system-specific tokens only.
   ─────────────────────────────────────────────────────────── */

/* ── System tab bar ─────────────────────────────────────── */
.sys-tab-bar {
  margin-bottom: var(--mr-space-md);
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.sys-tab-bar::-webkit-scrollbar { display: none; }
.sys-tab-bar .mr-tab { flex-shrink: 0; }

/* ── Notification preference cards ─────────────────────── */
.sys-notif-card {
  margin-bottom: var(--mr-space-md);
  padding: var(--mr-space-lg) !important;
}

/* ── Activity Logs filter card ──────────────────────────── */
.sys-filter-card {
  padding: var(--mr-space-md) !important;
  margin-bottom: var(--mr-space-sm);
}

/* ── Settings: 2-col responsive grid ───────────────────── */
#settings .grid.g2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--mr-space-lg);
  align-items: start;
}

/* Settings cards */
#settings .mr-card {
  padding: var(--mr-space-lg) !important;
  display: flex;
  flex-direction: column;
  gap: var(--mr-space-sm);
}

/* Settings section separators */
#settings .mr-card label {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--mr-text-secondary);
  margin-bottom: 0;
}

/* ── Mobile ─────────────────────────────────────────────── */
@media (max-width: 767px) {
  #settings .grid.g2 {
    grid-template-columns: 1fr;
  }
}