/* «Уведомления» (docs/profile-setup/PLAN.md step 9): the settings sheet, the ask sheet and the profile row. */
.sheet-tile--big {width: 64px; height: 64px; border-radius: 16px; margin-bottom: 8px}
.sheet-tile--big svg {width: 34px; height: 34px; fill: #fff; stroke: #fff}
.sheet-note {margin: 0 4px 14px; color: var(--ios-secondary); font-size: 14px; line-height: 1.4; text-align: center}
.sheet-list li > input.ios-switch {margin-left: auto; align-self: flex-start; margin-top: 2px}
.sheet-actions {display: grid; gap: 6px}
.sheet-actions .glass-btn, .sheet-dialog > .sheet-done {width: 100%}
.sheet-dialog > .sheet-done + .sheet-note {margin-top: 12px}
.sheet-later, .notify-off {justify-self: center; display: block; margin: 8px auto 0; min-height: 44px; padding: 0 12px; font-size: 16px}
.notify-off {color: var(--lg-danger)}
/* iOS switch: 51 × 31, green when on. */
.ios-switch {appearance: none; -webkit-appearance: none; position: relative; flex: none; width: 51px; height: 31px; margin: 0; border-radius: 16px; background: var(--lg-fill-pressed); cursor: pointer; transition: background .2s ease}
.ios-switch::after {content: ""; position: absolute; top: 2px; left: 2px; width: 27px; height: 27px; border-radius: 50%; background: #fff; box-shadow: 0 2px 4px rgb(0 0 0 / 18%); transition: transform .2s ease}
.ios-switch:checked {background: #34c759}
.ios-switch:checked::after {transform: translateX(20px)}
.ios-switch:disabled {opacity: .5; cursor: default}
.ios-switch:focus-visible {outline: 3px solid var(--lg-accent); outline-offset: 2px}
/* «Перед парой»: 5 / 10 / 15 / 30 minutes as a segmented control. */
.notify-lead {display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; margin-top: 10px; padding: 2px; border-radius: 9px; background: var(--lg-fill)}
.notify-lead[hidden] {display: none}
.notify-lead button {min-height: 30px; padding: 0 2px; white-space: nowrap; border: 0; border-radius: 7px; background: transparent; color: var(--ios-text); font: inherit; font-size: 13px; font-weight: 500; cursor: pointer}
.notify-lead button[aria-checked="true"] {background: var(--lg-surface); box-shadow: 0 1px 3px rgb(0 0 0 / 12%); font-weight: 600}
.profile-row-value {color: var(--ios-secondary); font-size: 16px; white-space: nowrap}
.profile-group #open-notifications > .app-icon:first-child {background: #ff3b30}
@media (prefers-reduced-motion: reduce) {.ios-switch, .ios-switch::after {transition: none}}