/* ============================================================
   Arbah v3 — Notifications surface styles
   Source: design/arbah-v3/project/notifications.jsx — the header
   carries TWO actions (Mark all read + Settings). The shared
   primitives (arbah-v3-primitives.css) cover .phead / .phead-actions /
   .btn-secondary / .btn-ghost / the list .card already; this file adds
   ONLY what the primitives lack for this surface:

     • a disabled cue for the header action buttons (primitives style no
       :disabled state — the Settings button stays disabled until a
       notification-settings route exists, so it needs a visible cue);
     • full-width stacking of the ghost Settings button on mobile, to
       match the primitives' existing .btn-primary / .btn-secondary rule
       (which does not include .btn-ghost).

   No primitive class is redefined. All rules are scoped under .av3.
   ============================================================ */

/* Header action disabled cue (Settings stays disabled with no route;
   Mark-all is disabled when nothing is unread). */
.av3 .phead-actions .btn-secondary:disabled,
.av3 .phead-actions .btn-ghost:disabled,
.av3 .ntf-settings-btn:disabled {
  opacity: .55;
  cursor: not-allowed;
}

/* Gear glyph inherits the ghost button's text colour. */
.av3 .ntf-settings-btn .ntf-gear { flex-shrink: 0; }

@media (max-width: 720px) {
  /* Match the primitives' .btn-primary/.btn-secondary full-width rule so
     the second (ghost) action stacks cleanly on narrow screens. */
  .av3 .phead-actions .ntf-settings-btn { width: 100%; justify-content: center; }
}