.notification-settings{display:grid;gap:18px;max-width:980px;margin:auto}
.notification-status{display:grid;gap:4px;padding:16px 18px;border:1px solid #315f98;border-left:5px solid #79a7df;border-radius:10px;background:#0d2039}
.notification-status strong{font:800 20px "Barlow Condensed";text-transform:uppercase}.notification-status span{color:#b8cbe2;font-size:11px}
.notification-status.unsupported{border-color:#8b423d;background:#321918}
#notification-preferences{display:grid;gap:18px}#notification-preferences fieldset{margin:0;padding:18px;border:1px solid #343b45;border-radius:12px;background:#151a21}
#notification-preferences legend{padding:0 8px;color:#fff;font:800 22px "Barlow Condensed";text-transform:uppercase}
#notification-preferences fieldset>p{margin:0 0 12px;color:#91aac8;font-size:10px}
.notification-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.notification-choice-grid label,.notification-category-list label,.captain-notification-option label{cursor:pointer}
.notification-choice-grid input,.notification-category-list input,.captain-notification-option input{position:absolute;opacity:0;pointer-events:none}
.notification-choice-grid label>span{display:grid;grid-template-columns:12px 1fr;gap:2px 9px;padding:12px;border:1px solid #364250;border-radius:9px;background:#0d131a}
.notification-choice-grid i{grid-row:1/3;width:9px;height:100%;border-radius:7px;background:var(--team-color,#ffd400)}
.notification-choice-grid strong,.notification-choice-grid small{display:block}.notification-choice-grid small{color:#8290a0;font-size:8px}
.notification-choice-grid input:checked+span,.notification-category-list input:checked+span,.captain-notification-option input:checked+span{border-color:#79a7df;background:#102d52;box-shadow:inset 0 0 0 1px #79a7df}
.notification-choice-grid input:focus-visible+span,.notification-category-list input:focus-visible+span,.captain-notification-option input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}
.notification-category-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.notification-category-list label>span,.captain-notification-option label>span{display:grid;gap:3px;padding:13px 15px;border:1px solid #364250;border-radius:9px;background:#0d131a}
.notification-category-list strong,.captain-notification-option strong{font-size:11px}.notification-category-list small,.captain-notification-option small{color:#91aac8;font-size:9px}
.captain-notification-option{border-color:#315f98!important;background:linear-gradient(135deg,#102d52,#0b1b30)!important}
.notification-captain-note{display:grid;gap:4px;padding:15px 17px;border:1px dashed #416c9f;border-radius:10px}.notification-captain-note span{color:#91aac8;font-size:9px}
.notification-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.notification-actions span{color:#b8cbe2;font-size:9px}
@media(max-width:700px){.notification-choice-grid,.notification-category-list{grid-template-columns:1fr}.notification-actions{align-items:stretch;flex-direction:column}.notification-actions button{width:100%}}