/* Approved body layout; existing account navigation remains the source of destinations. */
#pane-notifications.notifications-v2{max-width:none;position:relative;color:#afc2d2}
body[data-route=account] .va-pane-host:has(> #pane-notifications:not([hidden])){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.notifications-v2[hidden]{display:none!important}
.notifications-v2 .notification-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.notifications-v2 .notification-top{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:34px}
.notifications-v2 h1.va-pane-title{font:400 32px/1.3 'Russo One',sans-serif;margin:0;color:#e8edf6}
.notifications-v2 .notification-intro{font-size:16px;line-height:1.65;margin:18px 0 0;color:#afc2d2}
.notifications-v2 .notification-savebar{flex:0 0 270px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:0}
.notifications-v2 #notification-save{background:#00aaff;border:1px solid #00aaff;color:#041426;font-weight:700;min-width:156px;min-height:44px}
.notifications-v2 #notification-save:disabled{background:#102c3b;border-color:#294351;color:#9db1bf;opacity:1}
.notifications-v2 .notif-status{font:13px/1.6 'Segoe UI',sans-serif;margin:0;overflow-wrap:anywhere;min-height:21px;color:#afc2d2}
.notifications-v2 .notification-savebar .notif-status{text-align:right}
.notifications-v2 .error,.notifications-v2 .notification-error{color:#ffb19d}
.notifications-v2 .notification-error{font-size:14px;line-height:1.6;margin:12px 0}
.notifications-v2 .notification-fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:48px;padding:0;margin:0;border:0;min-width:0}
.notifications-v2 .notification-main,.notifications-v2 .notification-side{min-width:0}
.notifications-v2 .notification-heading{font:400 23px/1.4 'Russo One',sans-serif;letter-spacing:0;text-transform:none;color:#e8edf6;margin:0 0 14px}
.notifications-v2 .notification-description{font-size:14px;line-height:1.7;color:#afc2d2;margin:0 0 22px}
.notifications-v2 .notification-matrix{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;margin:0}
.notifications-v2 .notification-matrix th,.notifications-v2 .notification-matrix td{border:0;border-bottom:1px solid #24394a;padding:0;background:transparent}
.notifications-v2 .notification-matrix thead th{font:12px/1.5 'Segoe UI',sans-serif;color:#afc2d2;text-align:center;padding:10px 0 14px}
.notifications-v2 .notification-matrix thead th:first-child{width:70%}
.notifications-v2 .notification-matrix tbody th{text-align:left;padding:20px 12px 20px 0;font-weight:400}
.notifications-v2 .notification-row-title{display:block;font-size:16px;font-weight:600;line-height:1.5;color:#e8edf6}
.notifications-v2 .notification-row-description{display:block;font-size:14px;line-height:1.6;color:#afc2d2;margin-top:4px}
.notifications-v2 .notification-choice{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:58px;width:100%;cursor:pointer}
.notifications-v2 input[type=checkbox]{width:20px;height:20px;margin:0;accent-color:#00aaff;flex-shrink:0;cursor:pointer}
.notifications-v2 input[type=checkbox]:disabled{cursor:default;opacity:.45}
.notifications-v2 .notification-unavailable{font-size:12px;text-align:center;color:#91a7b7}
.notifications-v2 .notification-footnote{font-size:13px;line-height:1.7;color:#afc2d2;margin:16px 0 0}
.notifications-v2 .notification-programme-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:42px}
.notifications-v2 #notification-selected{font-size:12px;color:#00aaff;white-space:nowrap}
.notifications-v2 #notification-segments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;min-height:260px;margin:0}
.notifications-v2 .notification-programme,.notifications-v2 .notification-programme-pending{display:flex;align-items:center;gap:12px;min-width:0;min-height:56px;padding:9px 12px;background:#081320;border:1px solid #233a4b;border-radius:5px;cursor:pointer;box-sizing:border-box}
.notifications-v2 .notification-programme:has(input:checked){background:#092332;border-color:#126182}
.notifications-v2 .notification-programme:has(input:disabled){cursor:default}
.notifications-v2 .notification-programme img,.notifications-v2 .notification-programme-initial{width:36px;height:36px;object-fit:cover;flex-shrink:0;border-radius:2px;background:#102b3b}
.notifications-v2 .notification-programme-initial{display:grid;place-items:center;color:#78bedc}
.notifications-v2 .notification-programme-name{font-size:14px;line-height:1.4;font-weight:600;color:#e8edf6;overflow-wrap:anywhere;flex:1;min-width:0}
.notifications-v2 .notification-programme-pending{cursor:default;background:#081320}
.notifications-v2 .notification-programme-pending::before{content:'';width:36px;height:36px;background:#102333;border-radius:2px}
.notifications-v2 .notification-programme-pending::after{content:'';width:55%;height:10px;background:#102333;border-radius:3px}
.notifications-v2 .notification-quiet-card{padding:22px;background:#0a1623;border:1px solid #263d4e;border-radius:8px}
.notifications-v2 .notification-quiet-toggle{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;line-height:1.6;color:#e8edf6;min-height:44px;cursor:pointer}
.notifications-v2 .notification-times{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 14px;margin-top:22px}
.notifications-v2 .notification-times label{display:flex;flex-direction:column;gap:10px;font-size:12px;line-height:1.5;min-width:0;color:#afc2d2}
.notifications-v2 .notification-times .notification-zone{grid-column:1 / -1}
.notifications-v2 .notification-times input,.notifications-v2 .notification-times select{min-width:0;width:100%;min-height:44px;box-sizing:border-box;padding:10px 12px;background:#07111c;border:1px solid #304c5e;border-radius:5px;font:14px 'Segoe UI',sans-serif;color:#e8edf6;color-scheme:dark}
.notifications-v2 .notification-timezone-note{font-size:12px;line-height:1.6;color:#91a7b7;margin:12px 0 0}
.notifications-v2 .notification-delivery{margin-top:52px;padding:0 22px}
.notifications-v2 .notification-connection,.notifications-v2 .notification-email-state{font-size:14px;line-height:1.7;margin:0;padding:14px 0;border-bottom:1px solid #24394a;color:#e8edf6;overflow-wrap:anywhere}
.notifications-v2 .notification-connection[data-linked=true]::before,.notifications-v2 .notification-email-state[data-available=true]::before{content:'●';font-size:9px;color:#55d8b8;margin-right:14px}
.notifications-v2 .notification-connection a{display:block;color:#00aaff;text-decoration:underline}
.notifications-v2 #notification-test{margin-top:20px;min-height:44px}
.notifications-v2 #notification-test-status{margin-top:12px}
.notifications-v2 #notification-test-status:empty{display:none}
.notifications-v2 .notification-reload{display:inline-block;border:0;border-radius:4px;min-height:44px;padding:0;background:transparent;color:#00aaff;font:13px 'Segoe UI',sans-serif;margin:22px 0 0;cursor:pointer}
.notifications-v2 button:disabled{cursor:default;opacity:.5}
.notifications-v2 input:focus-visible,.notifications-v2 select:focus-visible,.notifications-v2 button:focus-visible,.notifications-v2 a:focus-visible{outline:2px solid #00aaff;outline-offset:4px}
@media(max-width:1100px){.notifications-v2 .notification-fields{gap:28px;grid-template-columns:minmax(0,1.5fr) minmax(285px,1fr)}.notifications-v2 #notification-segments{grid-template-columns:1fr;min-height:532px}.notifications-v2 .notification-matrix thead th:first-child{width:58%}}
@media(max-width:760px){.notifications-v2 .notification-fields{grid-template-columns:minmax(0,1fr);gap:32px}.notifications-v2 .notification-side{display:grid;grid-template-columns:1fr 1fr;gap:24px}.notifications-v2 .notification-delivery{margin:0;padding:0}.notifications-v2 #notification-segments{grid-template-columns:repeat(2,minmax(0,1fr));min-height:260px}.notifications-v2 .notification-top{gap:20px}.notifications-v2 .notification-savebar{flex-basis:220px}}
@media(max-width:560px){
 #pane-notifications.notifications-v2{padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))}
 .notifications-v2 .notification-top{display:block;margin-bottom:38px}
 .notifications-v2 h1.va-pane-title{font-size:28px}
 .notifications-v2 .notification-intro{font-size:15px;margin-top:14px}
 .notifications-v2 .notification-heading{font-size:22px}
 .notifications-v2 .notification-savebar{position:fixed;z-index:70;bottom:0;left:0;right:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#0a1723;border-top:1px solid #304c5e;box-shadow:0 -5px 20px #04081266;box-sizing:border-box}
 .notifications-v2 .notification-savebar .notif-status{order:0;flex:1;text-align:left;font-size:12px;line-height:1.5}
 .notifications-v2 #notification-save{order:1;flex:0 0 auto;min-width:135px}
 .notifications-v2 .notification-side{display:block}
 .notifications-v2 .notification-delivery{margin-top:36px}
 .notifications-v2 .notification-matrix thead th:first-child{width:57%}
 .notifications-v2 .notification-matrix thead th{font-size:11px}
 .notifications-v2 .notification-matrix tbody th{padding:17px 8px 17px 0}
 .notifications-v2 .notification-row-title{font-size:15px}
 .notifications-v2 .notification-row-description{font-size:12px;line-height:1.6}
 .notifications-v2 .notification-unavailable{font-size:10px}
 .notifications-v2 #notification-segments{grid-template-columns:1fr;min-height:532px;gap:10px}
 .notifications-v2 .notification-programme-heading{margin-top:34px}
 .notifications-v2 .notification-quiet-card{padding:20px}
 .notifications-v2 .notification-times input,.notifications-v2 .notification-times select{font-size:16px}
}