.app-settings-panel{display:grid;gap:8px}
/* Match selector-to-action spacing to the same 8px rhythm as action-to-action spacing. */
.modal--profile-settings-sheet [data-shared-profile-settings-menu]{display:grid;gap:8px}
/* The standalone Journal workplace picker uses the same action rhythm. */
.modal--form-sheet .compact-form:has([data-journal-workplace-select]){gap:8px}
.app-settings-panel .ui-button.app-settings-panel__button{justify-content:center;text-align:center}
.app-setting-toggle{width:100%;min-height:48px;border:1px solid var(--border);border-radius:13px;padding:8px 10px 8px 13px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;background:var(--white);color:var(--text);font:inherit;font-size:14px;font-weight:650;text-align:left}
.app-setting-toggle__switch{position:relative;width:42px;height:24px;border-radius:999px;background:var(--text-muted);transition:background .16s ease}
.app-setting-toggle__switch span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--white);box-shadow:0 1px 4px rgba(0,0,0,.18);transition:transform .16s ease}
.app-setting-toggle.is-on .app-setting-toggle__switch,.app-setting-toggle__switch.is-on{background:var(--text)}
.app-setting-toggle.is-on .app-setting-toggle__switch span,.app-setting-toggle__switch.is-on span{transform:translateX(18px)}
.app-setting-toggle:disabled{opacity:.5}
.booking-account--account .app-setting-toggle{border-radius:var(--radius-card)}
.booking-account--account .app-setting-toggle__switch{background:color-mix(in srgb,var(--booking-dark) 35%,var(--booking-light))}
.booking-account--account .app-setting-toggle.is-on .app-setting-toggle__switch{background:var(--booking-dark)}
.booking-account--account.booking-shape--cut .app-setting-toggle{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}

.app-notification-list{display:grid;gap:8px}
.app-notification-row{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid var(--border)}
.app-notification-row:last-of-type{border-bottom:0}
.app-notification-row input{width:22px;height:22px;margin:0;appearance:none;border:1px solid var(--text);border-radius:0;background:var(--white);display:grid;place-items:center}
.app-notification-row input:checked{background:var(--text)}
.app-notification-row input:checked::after{content:"✓";color:#fff;font-size:15px;font-weight:800;line-height:1}
.app-notification-row strong,.app-notification-row small{display:block}
.app-notification-row small{margin-top:4px;color:var(--text-secondary);font-weight:400}
.app-notification-row input:disabled{background:var(--surface-soft);border-color:var(--text-muted);opacity:.65}
.app-notification-row.is-disabled{color:var(--text-secondary)}