/* Notification route from V11, independent of V11's green dashboard skin.
   Preserve deep-link navigation while V10's blue/purple/orange modules return. */
.v11-notifications-page{
 --bak-green:#167746;--bak-ink:#17241d;--bak-muted:#728078;
 --bak-bg:#f7f9f6;--bak-line:#e4eae2;
}
.v11-notif-open{background:#167746;color:white;border:0;border-radius:14px;min-height:48px;font-weight:700;box-shadow:none}
.v11-notifications-page :is(button,input):focus-visible{outline:3px solid #80cfa2;outline-offset:2px}
.v11-notifications-open{overflow:hidden!important}
.v11-notifications-page{
 position:fixed;inset:0;z-index:9999999;background:var(--bak-bg);color:var(--bak-ink);
 overflow:auto;overscroll-behavior:contain;
 padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);
 font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
.v11-notif-header{
 background:rgba(247,249,246,.98);border-bottom:1px solid var(--bak-line);
 min-height:74px;display:flex;align-items:center;gap:13px;
 padding:10px max(16px,calc((100vw - 620px)/2));position:sticky;top:0;z-index:1;
}
.v11-notif-header>div{flex:1;min-width:0}
.v11-notif-header small{font-size:10px;font-weight:800;letter-spacing:.11em;color:var(--bak-muted)}
.v11-notif-header h1{font-size:24px;letter-spacing:-.04em;line-height:1.1;font-weight:800;margin:2px 0 0}
.v11-notif-header button{
 width:44px;height:44px;border:0;border-radius:13px;background:#e7f4ea;
 color:var(--bak-green);font-size:25px;font-weight:700;cursor:pointer;
}
.v11-notif-body{max-width:620px;margin:0 auto;padding:24px 16px 48px}
.v11-notif-intro{margin:0 0 20px}
.v11-notif-intro h2{font-size:20px;letter-spacing:-.025em;margin:0 0 5px}
.v11-notif-intro p{font-size:13px;color:var(--bak-muted);margin:0}
.v11-notif-list{display:grid;gap:10px}
.v11-notif-row{
 display:flex;align-items:center;gap:14px;width:100%;padding:15px;text-align:left;
 border:1px solid var(--bak-line);border-radius:19px;background:#fff;
 min-height:86px;cursor:pointer;color:var(--bak-ink);box-shadow:none;
}
.v11-notif-symbol,.v11-notif-detail-mark{
 background:#e7f4ea;color:var(--bak-green);border-radius:14px;
 min-height:46px;min-width:46px;display:grid;place-items:center;font-weight:900;font-size:23px;
}
.v11-notif-copy{display:grid;gap:4px;flex:1;min-width:0}
.v11-notif-copy b{font-size:15px}
.v11-notif-copy small{font-size:12px;color:var(--bak-muted)}
.v11-notif-copy em{font-style:normal;font-size:10px;color:#8c978e;overflow-wrap:anywhere}
.v11-notif-chevron{font-size:25px;color:#91a097}
.v11-notif-empty{background:#e7f4ea;padding:25px;border-radius:20px;color:var(--bak-green)}
.v11-notif-empty p{font-size:13px;color:#547362}
.v11-notif-detail{display:grid;justify-items:start;gap:14px}
.v11-notif-listback{background:transparent;border:0;padding:10px 0;color:var(--bak-green);font-weight:700}
.v11-notif-detail h2{font-size:26px;margin:0;letter-spacing:-.04em}
.v11-notif-detail p{margin:0;color:var(--bak-muted)}
.v11-notif-status{background:#e7eae7;color:#64726a;border-radius:99px;padding:7px 10px;font:750 11px system-ui}
.v11-notif-detail dl{display:grid;gap:10px;width:100%;margin:5px 0 12px}
.v11-notif-detail dl>div{display:flex;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--bak-line);border-radius:15px;padding:15px}
.v11-notif-detail dt{color:var(--bak-muted);font-size:12px}
.v11-notif-detail dd{font-weight:700;font-size:13px;margin:0;overflow-wrap:anywhere;text-align:right}
.v11-notif-open{width:100%;cursor:pointer;font-size:15px}
@media(max-width:380px){
 .v11-notif-row{gap:10px;padding:11px}
 .v11-notif-copy b{font-size:14px}
}
@media(prefers-reduced-motion:no-preference){
 .v11-notif-row{transition:transform .14s ease,box-shadow .14s ease}
 .v11-notif-row:active{transform:scale(.988)}
}
