/* בעלים 19.10: תזכורות משמרת — the personal switch on the schedule page (my-schedule.html, inside .toolbar) and the general manager's
   row in "אפשרויות". A real switch (role=switch): no frame, outline or halo on press (owner 5.10); keyboard focus shows the page's white
   outline. Gold track when on (#c9a468 — not orange), grey when off; RTL/LTR from logical properties; 320 px: the hint may wrap. */
#remind.remind,.remind-org{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:44px;padding:0 2px;border:0;background:transparent;min-width:0;box-sizing:border-box}
#remind.remind[hidden],.remind-org[hidden]{display:none!important}
/* a wide toolbar cell: the label and its switch stay together (on a phone the cell is ~145 px and they fill it) */
@media (min-width:700px){#remind.remind{justify-content:flex-start;gap:14px;padding:0 10px}#remind .remind-text{flex:0 1 auto}}
.remind-text{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1 1 auto;line-height:1.15}
.remind-label{font-size:15px;color:var(--ink,#f5f2eb);font-weight:700}
.remind-hint{font-size:12px;color:#bdb6a8;overflow-wrap:anywhere;text-wrap:balance}
/* the control: the generic button look (border, card background, padding, radius from shared-schedule.css / ui-buttons.css) is reset */
#remind .remind-switch,.remind-org .remind-switch{appearance:none;-webkit-appearance:none;position:relative;flex:0 0 52px;width:52px;height:44px;min-height:44px;min-width:52px;
  margin:0;padding:0;border:0!important;border-radius:16px;background:transparent!important;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;box-shadow:none;filter:none}
#remind .remind-switch::before,.remind-org .remind-switch::before{content:"";position:absolute;inset-inline:0;top:6px;height:32px;border-radius:16px;background:var(--mf-chip-strong,#3a3a40);transition:background-color .15s ease}
#remind .remind-switch[aria-checked="true"]::before,.remind-org .remind-switch[aria-checked="true"]::before{background:var(--gold,#c9a468)}
#remind .remind-switch .knob,.remind-org .remind-switch .knob{position:absolute;top:9px;inset-inline-start:3px;width:26px;height:26px;border-radius:50%;background:#f5f2eb;transition:inset-inline-start .15s ease,background-color .15s ease;pointer-events:none}
#remind .remind-switch[aria-checked="true"] .knob,.remind-org .remind-switch[aria-checked="true"] .knob{inset-inline-start:23px;background:var(--mf-ground-page,#0E0E10)}
/* SR12 (closer 20.10): keyboard focus follows the page's own rule — shared-schedule.css gives every toolbar control a white 2 px outline on
   :focus-visible and schedule-visual-qa checks the focused control itself (a ring on the knob is invisible to it; never gold/orange).
   A tap, a click and :active stay ring-free (owner 5.10: no square on press). Two ids win over ui-buttons.css / shared-schedule.css. */
#remind #remindSwitch:is(:focus,:active):not(:focus-visible),.remind-org .remind-switch:is(:focus,:active):not(:focus-visible){outline:none!important;box-shadow:none!important;filter:none!important}
#remind #remindSwitch:focus-visible,.remind-org .remind-switch:focus-visible{outline:2px solid #f5f2eb!important;outline-offset:2px;box-shadow:none!important;filter:none!important}
/* 200 % zoom / ≤ 260 px: the 2-column toolbar leaves the label a one-letter column — the row takes the whole row instead */
@media (max-width:260px){#remind.remind{grid-column:1 / -1}}
#remind .remind-switch:disabled,#remind .remind-switch[aria-disabled="true"],.remind-org .remind-switch:disabled,.remind-org .remind-switch[aria-disabled="true"]{opacity:.45;cursor:default}
#remind .remind-switch[aria-busy="true"],.remind-org .remind-switch[aria-busy="true"]{cursor:progress}
@media (prefers-reduced-motion:reduce){#remind .remind-switch::before,#remind .remind-switch .knob,.remind-org .remind-switch::before,.remind-org .remind-switch .knob{transition:none}}
.remind-org{margin-top:4px}
@media print{#remind,.remind-org{display:none!important}}