/**
 * settings-toggle.css — Team Portal lib primitive: iPhone-style boolean toggle switch.
 *
 * Migrated from radar/team/team.css:2475-2494 (block 3001 of task radar-os--476).
 * Block 5006 (task radar-os--547): saffron variant class for accent semantics
 * (pin/star/favorite indicators) vs default green (settings on/off).
 *
 * Used in: owner_questions_filter (settings tab), notes (Slider is_pinned +
 * card grid instant pin toggle — saffron variant).
 *
 * CSS variables: --line-2 (track background, dark theme line color).
 * Default active color hardcoded #4caf50 (green) — Apple-style settings UX.
 *
 * Public markup contract:
 *   <label class="settings-toggle">                            (default green)
 *   <label class="settings-toggle settings-toggle--saffron">   (saffron accent)
 *     <input type="checkbox" />
 *     <span class="settings-toggle__track"></span>
 *   </label>
 *
 * Variants:
 *   .settings-toggle--saffron — brand saffron #F4A300 (Radar OS pin accent).
 *   Add more here when semantic accents needed (blue/red/etc).
 */

.settings-toggle { display:inline-flex; align-items:center; cursor:pointer; }
.settings-toggle input { position:absolute; opacity:0; width:0; height:0; }
.settings-toggle__track {
  position:relative; display:inline-block;
  width:40px; height:22px;
  background:var(--line-2, #3a3a3a);
  border-radius:999px;
  transition:background .2s;
  flex-shrink:0;
}
.settings-toggle__track::after {
  content:''; position:absolute;
  top:3px; left:3px;
  width:16px; height:16px;
  border-radius:50%;
  background:#fff;
  transition:transform .2s;
}
.settings-toggle input:checked + .settings-toggle__track { background:#4caf50; }
.settings-toggle input:checked + .settings-toggle__track::after { transform:translateX(18px); }

/* Saffron variant — brand accent для pin/star/favorite semantics (block 5006). */
.settings-toggle--saffron input:checked + .settings-toggle__track { background:#F4A300; }