/* Phone notification settings, shared by desktop and mobile. */
.push-sound-panel{min-width:0;font-size:12px;line-height:1.5;container-type:inline-size;border-top:1px solid #303030;padding-top:18px;margin-top:18px;scroll-margin-top:80px}
.push-sound-content{display:grid;gap:14px;min-width:0}
.push-sound-kicker{font-size:10px;letter-spacing:1.5px;color:#e9d9bd}
.push-sound-intro p{margin:5px 0 0;color:#999}
.push-sound-field{display:grid;gap:7px;color:#aaa;font-size:11px;min-width:0}
.push-sound-panel select{width:100%;min-width:0;min-height:36px;padding:8px 10px;border:1px solid #3a3a3a;background:#191919;color:#f1f1f1;border-radius:6px;font-size:12px}
.push-sound-preview{padding:14px 16px;border:1px solid #494333;border-radius:9px;background:linear-gradient(110deg,#e9d9bd0b,transparent);display:grid;gap:5px}
.push-sound-preview strong{font-size:14px;color:#eee}.push-sound-preview span{font-size:11px;color:#c3b99f;overflow-wrap:anywhere}
.push-sound-presets,.push-sound-actions{display:flex;flex-wrap:wrap;gap:7px}
.push-sound-collection{display:grid;gap:8px;border-left:2px solid #e9d9bd55;padding-left:10px}
.push-sound-collection>.button{justify-self:start}
.notification-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,430px);gap:24px;align-items:stretch;margin-top:0;min-width:0}
.notification-selection{min-width:0}.notification-selection>h2{font-size:16px;margin:0 0 8px}.notification-rule-list{display:grid;gap:10px;margin-top:16px}
.notification-rule{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #292929;border-radius:10px;background:#111;min-width:0;transition:border-color .15s,background .15s}
.notification-rule.is-selected{border-color:#b9aa8b;background:linear-gradient(100deg,#e9d9bd0d,#111);box-shadow:inset 3px 0 #e9d9bd}
.notification-rule-select{appearance:none;display:flex;align-items:center;gap:14px;flex:1;min-width:0;padding:0;border:0;background:transparent;color:#eee;text-align:left;cursor:pointer;font:inherit}
.notification-rule-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:8px;background:#202020;color:#d6c6a5}.notification-rule-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.notification-rule-text{display:grid;gap:6px;min-width:0}.notification-rule-text strong{font-size:13px;font-weight:600}.notification-rule-text>span{font-size:11px;line-height:1.6;color:#999}.notification-rule-text small{font-size:10px;line-height:1.5;color:#c3b99f}
.notification-rule.is-disabled:not(.is-selected) .notification-rule-text{opacity:.6}.notification-arrow{color:#b9aa8b;margin-left:auto;font-size:22px}
.notification-editor .switch{display:block;position:relative;width:32px;height:18px;min-width:32px;min-height:18px;padding:0;border:1px solid #6b737d;border-radius:20px;background:#343d47;flex:0 0 32px;cursor:pointer}
.notification-editor .switch::after{content:'';position:absolute;top:2px;left:2px;width:12px;height:12px;background:#d7dbe0;border-radius:50%;transition:transform .15s}.notification-editor .switch[aria-checked=true]{background:#536e60;border-color:#9ab3a2}.notification-editor .switch[aria-checked=true]::after{transform:translateX(14px);background:#f1f5f0}
.notification-events{margin-top:26px}.notification-events h3{font-size:14px;margin:0 0 8px}.notification-event-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.notification-event-choice{font:inherit;font-size:12px;line-height:1.5;text-align:left;padding:11px 12px;border:1px solid #303030;border-radius:7px;background:#111;color:#bbb;cursor:pointer;min-height:40px}.notification-event-choice[aria-pressed=true]{border-color:#b9aa8b;color:#e9d9bd;background:#1c1a16}
.notification-detail{padding:20px;min-width:0;position:static;max-height:none;overflow:visible;scroll-margin-top:82px;border:1px solid #303030;border-radius:10px;background:#111}
.notification-detail .push-sound-panel{margin:14px 0 0;padding-top:16px;scroll-margin-top:15px}.notification-context{display:grid;gap:12px}.notification-context h3{margin:0;font-size:17px;line-height:1.4}.notification-context .push-sound-kicker{font-size:9px}
.notification-context input:not([type=checkbox]){box-sizing:border-box;width:100%;min-width:0;min-height:36px;border:1px solid #3a3a3a;border-radius:6px;background:#191919;color:#eee;font:inherit;padding:8px 10px}.notification-check{display:flex;align-items:center;justify-content:space-between;min-height:28px}.notification-check input{width:17px;height:17px;accent-color:#e9d9bd}
.notification-remove{justify-self:start;font-size:11px;color:#999;background:none;border:0;padding:2px 0;cursor:pointer}.notification-channel{font-size:12px}.notification-channel summary{cursor:pointer;color:#d8cbae;line-height:1.6}.notification-channel>div{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}.notification-channel p{flex-basis:100%}
.notification-editor button:focus-visible,.notification-editor input:focus-visible,.notification-editor select:focus-visible{outline:2px solid #e9d9bd;outline-offset:3px}
.notification-back{display:none}.notification-selection{scroll-margin-top:90px}
.reserve-mobile .notification-editor{width:100%;flex-shrink:0}.reserve-mobile .notification-editor p{margin:0}.reserve-mobile .notification-rule{padding:12px;gap:10px}.reserve-mobile .notification-rule-select{border:0;background:none;padding:0;border-radius:0;gap:10px;min-height:44px}.reserve-mobile .notification-editor h2{margin:0 0 8px}.reserve-mobile .notification-event-choice{color:#bbb;background:#111;border:1px solid #303030;font-size:12px;padding:10px}.reserve-mobile .notification-event-choice[aria-pressed=true]{border-color:#b9aa8b;color:#e9d9bd}.reserve-mobile .notification-detail .button{min-height:38px}
@media(max-width:1049px){.notification-editor{grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:16px}.notification-rule-icon{display:none}}
@media(max-width:719px){.notification-editor{grid-template-columns:minmax(0,1fr);gap:20px}.notification-detail{position:static;max-height:none;overflow:visible;padding:16px;scroll-margin-top:16px}.notification-event-choices{grid-template-columns:1fr 1fr}.notification-rule-text>span{display:none}.notification-rule{padding:13px}.notification-context h3{font-size:16px}}
.reserve-mobile .notification-editor{grid-template-columns:minmax(0,1fr)}
.reserve-mobile .notification-detail{position:static;max-height:none;overflow:visible;padding:16px;scroll-margin-top:16px}
.reserve-mobile .notification-back{display:inline-flex;margin-bottom:16px}.reserve-mobile .notification-rule-text>span{display:none}
@media(max-width:719px){.notification-back{display:inline-flex;margin-bottom:16px}}
@media(orientation:landscape){.reserve-mobile .notification-detail,.reserve-mobile .notification-selection{scroll-margin-top:0}}
.push-sound-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.push-sound-note{margin:0!important;color:#999;font-size:11px;line-height:1.65}
.push-sound-extra{padding:2px 0}.push-sound-extra+.push-sound-extra{border-top:1px solid #2b2b2b;padding-top:10px}.push-sound-extra summary{cursor:pointer;color:#ccc;font-size:12px}.push-sound-extra[open] summary{margin-bottom:12px}
.push-sound-status{font-size:12px;line-height:1.6;color:#e9d9bd;min-height:0;margin:12px 0 0;overflow-wrap:anywhere}.push-sound-status:empty{display:none}
.push-sound-intro h3{margin:0;font-size:14px}
.alert-side .push-settings{order:-1}
@media(min-width:1050px){.alerts-layout:has(#push-sounds-host){grid-template-columns:minmax(0,1fr) 430px}}
.reserve-mobile .alert-stack{grid-auto-rows:max-content}
.reserve-mobile .alert-stack>.alert-card{flex-shrink:0}
@container(max-width:390px){.push-sound-grid{grid-template-columns:1fr}.push-sound-presets{display:grid;grid-template-columns:1fr 1fr}.push-sound-presets .button{white-space:normal}.push-sound-actions .button{flex:1 1 130px}}
.reserve-mobile .push-sound-panel .button{font-size:12px;min-height:38px;padding:8px 12px;border:1px solid #3a3a3a;border-radius:7px;background:#191919;color:#eee}
.reserve-mobile .push-sound-panel .button.primary{background:#e9d9bd;color:#151515}
.reserve-mobile .push-sound-panel .push-sound-field{font-size:11px;margin:0}.reserve-mobile .push-sound-panel p{font-size:11px}
@media(max-width:440px){.push-sound-grid{grid-template-columns:1fr}.push-sound-presets{display:grid;grid-template-columns:1fr 1fr}.push-sound-presets .button{white-space:normal}.push-sound-actions .button{flex:1 1 130px}.push-sound-actions .button.small{flex-basis:100%}}

.push-sound-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.push-sound-panel .push-sound-preset{display:grid;gap:4px;text-align:left;justify-content:start;padding:11px 12px;white-space:normal;background:#151515}
.push-sound-preset strong{font-size:12px;font-weight:600}.push-sound-preset small{font-size:10px;color:#aaa49a;font-weight:400}
.push-sound-panel .push-sound-preset[aria-pressed=true]{border-color:#d3c29e;background:#252118;color:#f1e5cd}
.push-sound-preset[aria-pressed=true] small{color:#d3c29e}
.push-sound-panel .push-sound-preset[data-sound-preset=emergency]{border-color:#5b4646;background:#1c1717}
.push-sound-panel .push-sound-preset[data-sound-preset=emergency] strong{color:#d8abab}
.push-sound-panel .push-sound-preset[data-sound-preset=emergency][aria-pressed=true]{border-color:#c38484;background:#302021;color:#f5dddd}
.push-sound-panel .push-sound-preset[data-sound-preset=emergency][aria-pressed=true] small{color:#d9b1b1}
.push-critical-warning{margin:0;padding:10px 12px;border:1px solid #755151;border-radius:7px;background:#281c1e;color:#e6c1c1;font-size:11px;line-height:1.55}
.push-sound-default{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.push-volume-platform{display:grid;gap:6px;margin-top:14px}.push-volume-platform strong{font-size:12px}
.push-volume-platform a{font-size:11px;color:#d3c29e;justify-self:start}
.notification-selection>.notification-group-heading{margin-top:28px}.notification-add{margin-top:14px}.notification-add summary{width:max-content;cursor:pointer;list-style:none}.notification-add summary::-webkit-details-marker{display:none}
.notification-add-list{margin-top:12px}.notification-available{border-color:#292929;background:#101010}.notification-available .notification-rule-icon,.notification-available .notification-rule-text{opacity:.55}.notification-available .notification-rule-text{flex:1}.notification-available .notification-add-action{min-width:76px;margin-left:auto}.notification-available:hover{border-color:#595245;background:#151411}
.reserve-mobile .notification-available .notification-add-action{font-size:12px;min-width:76px;padding:8px 12px;flex-shrink:0}