/* What's left of this file: the one thing that really is customer-only.

   The notifications LIST moved to common/_components.css (all three portals
   render it), and so did the .pref-* switch rows — this sheet and
   contractor/_layout.css each had their own version of the same component,
   drifted on every value (42px vs 44px track, 20px vs 18px thumb, radius 24
   vs 12, --mist vs #ddd, icons shown vs display:none), and the tenant page
   linked THIS sheet from the tenant portal to borrow them.

   The card wrapper stays because only this page needs an unpadded card with
   edge-to-edge rows: the tenant's and contractor's pref rows sit inside the
   ordinary padded .card, and the shared component pads for that. */
.notif-prefs-card {
  margin: 8px 0 24px;
  background: var(--white);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  overflow: hidden;
}
/* Edge-to-edge rows, since the card itself has no padding here. */
.notif-prefs-card .pref-toggle { padding-inline-start: 20px; padding-inline-end: 20px; }
.notif-prefs-card .pref-section-title { padding-inline-start: 20px; padding-inline-end: 20px; }