/* V45 — notifications page visual refresh based on supplied MANTA reference */
.notifications-top-reference{gap:9px!important}
.notifications-top-reference .brandmark{width:clamp(140px,34vw,210px)!important;height:48px!important;padding:4px 9px!important;border-radius:14px!important}
.notifications-page-v45{max-width:1040px!important;margin:0 auto!important;padding:18px clamp(12px,3vw,30px) calc(118px + env(safe-area-inset-bottom))!important}
.notice-v45-hero{position:relative!important;isolation:isolate!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(190px,34%)!important;align-items:center!important;min-height:276px!important;gap:12px!important;margin:0 0 22px!important;padding:25px clamp(19px,4.5vw,44px)!important;overflow:hidden!important;border:1px solid #58eaff!important;border-radius:34px!important;background:radial-gradient(ellipse at 79% 46%,#117efb9c 0%,transparent 36%),radial-gradient(ellipse at 8% 8%,#00bfff70 0%,transparent 33%),linear-gradient(118deg,#061b70 0%,#062db4 48%,#087bd5 100%)!important;box-shadow:0 13px 30px #075bd64a,inset 0 1px 0 #ffffff9c,inset 0 -18px 38px #001d6a42!important;color:#fff!important}
.notice-v45-hero:before,.notice-v45-hero:after{content:"";position:absolute;z-index:-1;pointer-events:none;border:1px solid #64eaff55;border-radius:50%;transform:rotate(-24deg)}
.notice-v45-hero:before{width:620px;height:260px;right:-140px;top:-126px;box-shadow:0 0 0 18px #27c8ff12,0 0 0 40px #27c8ff0d,0 0 0 64px #27c8ff09}
.notice-v45-hero:after{width:460px;height:170px;right:18%;bottom:-145px;border-color:#21d9ff58;box-shadow:0 0 0 20px #27c8ff0d,0 0 0 42px #27c8ff09}
.notice-v45-hero-copy{position:relative;z-index:2;min-width:0}
.notice-v45-pill{display:inline-flex!important;align-items:center!important;gap:9px!important;min-height:42px!important;padding:7px 17px!important;border:1px solid #47dfff!important;border-radius:999px!important;background:linear-gradient(110deg,#0570d9c9,#051c8ac9)!important;color:#e8fbff!important;font-size:clamp(11px,2.2vw,15px)!important;font-weight:900!important;letter-spacing:.55px!important;box-shadow:0 0 0 4px #1abaff17,0 0 22px #14bfff74,inset 0 1px 0 #ffffff66!important}
.notice-v45-pill>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:#0759cd;font-size:17px;line-height:1}
.notice-v45-hero h1{margin:15px 0 7px!important;color:#fff!important;font-size:clamp(23px,4.2vw,40px)!important;line-height:1.22!important;font-weight:950!important;letter-spacing:-.5px!important;text-shadow:0 2px 12px #00154c66!important;overflow-wrap:anywhere}
.notice-v45-hero p{max-width:610px!important;margin:0!important;color:#e0f3ff!important;font-size:clamp(12px,2.2vw,18px)!important;line-height:1.65!important;font-weight:600!important}
.notice-v45-mark-read{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:58px!important;margin-top:20px!important;padding:0 25px!important;border:1px solid #ffffff!important;border-radius:999px!important;background:linear-gradient(135deg,#fff,#edf7ff)!important;color:#0641b0!important;font-size:clamp(14px,2.5vw,20px)!important;font-weight:950!important;box-shadow:0 7px 19px #001c694c,inset 0 1px 0 #fff!important;cursor:pointer!important;transition:transform .18s ease,box-shadow .18s ease!important}
.notice-v45-mark-read:hover{transform:translateY(-2px)!important;box-shadow:0 10px 23px #001c6966!important}
.notice-v45-mark-read>span{font-size:27px!important;line-height:1!important}
.notice-v45-mark-read>i{font-style:normal!important;font-size:29px!important;line-height:1!important;margin-left:4px!important}
.notice-v45-dots{display:flex!important;align-items:center!important;gap:9px!important;margin:18px 0 0 4px!important}
.notice-v45-dots i{width:8px!important;height:8px!important;border-radius:50%!important;background:#41cfff!important;opacity:.58!important;box-shadow:0 0 8px #28caff!important}
.notice-v45-dots i.on{width:25px!important;border-radius:99px!important;opacity:1!important}
.notice-v45-hero-art{position:relative!important;z-index:1!important;display:grid!important;place-items:center!important;width:100%!important;min-width:0!important;height:235px!important}
.notice-v45-hero-art:before{content:"";position:absolute;width:min(92%,245px);aspect-ratio:1;border:1px solid #83f4ffb0;border-radius:50%;box-shadow:0 0 0 13px #2bd5ff16,0 0 0 29px #2bd5ff12,0 0 38px #20caff87,inset 0 0 30px #31d7ff40}
.notice-v45-hero-art img{position:relative;z-index:1;display:block;width:min(100%,270px)!important;height:235px!important;object-fit:contain!important;filter:drop-shadow(0 11px 17px #00174e80)!important}
.notice-v45-unread-count{position:absolute;z-index:2;top:8px;right:6%;display:grid;place-items:center;min-width:54px;height:54px;padding:0 9px;border:3px solid #ffb7c0;border-radius:50%;background:linear-gradient(145deg,#ff506e,#d90039)!important;color:#fff!important;font-size:clamp(18px,3vw,26px)!important;font-weight:950!important;box-shadow:0 5px 18px #8e001c88,inset 0 1px 0 #ffffff9c!important}
.notice-v45-list{display:grid!important;gap:15px!important;padding:0 2px 14px!important}
.notifications-page-v45 .notification-card{position:relative!important;display:grid!important;grid-template-columns:clamp(58px,10vw,96px) minmax(0,1fr) clamp(40px,6vw,58px)!important;align-items:center!important;gap:clamp(11px,2.8vw,24px)!important;width:100%!important;min-width:0!important;min-height:128px!important;padding:15px clamp(13px,3vw,24px)!important;overflow:hidden!important;border:1px solid #d7e8ff!important;border-left:1px solid #d7e8ff!important;border-radius:34px!important;background:linear-gradient(112deg,#fff 0%,#f9fbff 56%,#edf4ff 100%)!important;color:#082b91!important;text-align:left!important;box-shadow:0 8px 22px #0759cc20,inset 0 1px 0 #fff!important;cursor:pointer!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.notifications-page-v45 .notification-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;border-radius:34px 0 0 34px;background:linear-gradient(180deg,#11dfff,#0758ff);opacity:0;transition:opacity .18s ease}
.notifications-page-v45 .notification-card.unread{border-color:#a9d7fa!important;background:linear-gradient(112deg,#fff 0%,#f8fcff 60%,#edf5ff 100%)!important;box-shadow:0 9px 23px #0b65d125,inset 0 1px 0 #fff!important}
.notifications-page-v45 .notification-card.unread:before{opacity:.85}
.notifications-page-v45 .notification-card:hover{transform:translateY(-2px)!important;border-color:#72c7fa!important;box-shadow:0 12px 27px #0759cc2a!important}
.notice-v45-icon-ring{display:grid!important;place-items:center!important;width:clamp(56px,9.3vw,92px)!important;height:clamp(56px,9.3vw,92px)!important;border-radius:50%!important;background:linear-gradient(145deg,#effaff,#d8eaff)!important;box-shadow:0 4px 13px #0b6fd51a,inset 0 1px 0 #fff!important}
.notifications-page-v45 .notification-icon{display:grid!important;place-items:center!important;flex:0 0 auto!important;width:clamp(48px,7.8vw,76px)!important;height:clamp(48px,7.8vw,76px)!important;border:2px solid #8cf4ff!important;border-radius:50%!important;background:radial-gradient(circle at 28% 20%,#1ee7ff 0%,#087aff 38%,#0929cd 100%)!important;color:#fff!important;font-size:clamp(24px,4vw,36px)!important;font-weight:950!important;line-height:1!important;text-shadow:0 2px 7px #001d8c88!important;box-shadow:0 0 0 3px #207fff7d,0 0 16px #0ecaff9e,inset 0 2px 5px #ffffff80!important}
.notifications-page-v45 .notification-copy{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important}
.notifications-page-v45 .notification-copy b{display:block!important;color:#062b91!important;font-size:clamp(16px,2.7vw,25px)!important;font-weight:950!important;line-height:1.28!important;overflow-wrap:anywhere!important}
.notifications-page-v45 .notification-copy small{display:block!important;color:#194a9b!important;font-size:clamp(11px,2.05vw,18px)!important;font-weight:500!important;line-height:1.4!important;overflow-wrap:anywhere!important}
.notifications-page-v45 .notification-copy em{display:flex!important;align-items:center!important;gap:7px!important;margin-top:2px!important;color:#6685b7!important;font-size:clamp(10px,1.8vw,15px)!important;font-style:normal!important;font-weight:650!important;line-height:1.35!important;overflow-wrap:anywhere!important}
.notice-v45-clock{color:#0757cf!important;font-size:19px!important;font-weight:950!important;line-height:1!important}
.notifications-page-v45 .notification-arrow{display:grid!important;place-items:center!important;width:clamp(38px,5.7vw,56px)!important;height:clamp(38px,5.7vw,56px)!important;border-radius:50%!important;background:linear-gradient(145deg,#e5f0ff,#cfe2ff)!important;color:#0753d3!important;font-size:clamp(25px,4vw,35px)!important;font-weight:950!important;line-height:1!important;box-shadow:inset 0 1px 0 #fff!important}
.notice-v45-empty{min-height:210px!important;justify-content:center!important;border:1px dashed #9ec9f5!important;border-radius:28px!important;background:linear-gradient(145deg,#fff,#f1f7ff)!important;box-shadow:0 8px 22px #0759cc12!important}
.notice-v45-empty>span{display:grid!important;place-items:center!important;width:60px!important;height:60px!important;border-radius:50%!important;background:linear-gradient(145deg,#0cbfff,#1347db)!important;color:#fff!important;box-shadow:0 0 0 5px #c8efff!important}
@media(max-width:640px){
 .notifications-top-reference .brandmark{width:clamp(116px,39vw,156px)!important;height:40px!important;padding:3px 7px!important}
 .notifications-top-reference .profile-top-menu{width:36px!important;height:36px!important;flex-basis:36px!important;font-size:21px!important}
 .notice-v45-hero{grid-template-columns:minmax(0,1fr) 116px!important;min-height:220px!important;gap:2px!important;padding:18px 13px!important;border-radius:25px!important;margin-bottom:15px!important}
 .notice-v45-pill{min-height:32px!important;padding:5px 10px!important;font-size:9px!important;gap:6px!important}
 .notice-v45-pill>span{width:19px;height:19px;font-size:14px}
 .notice-v45-hero h1{font-size:clamp(18px,5vw,24px)!important;margin:12px 0 6px!important;letter-spacing:-.35px!important}
 .notice-v45-hero p{font-size:10px!important;line-height:1.5!important;max-width:260px!important}
 .notice-v45-mark-read{min-height:43px!important;margin-top:13px!important;padding:0 13px!important;gap:6px!important;font-size:13px!important}
 .notice-v45-mark-read>span{font-size:20px!important}.notice-v45-mark-read>i{font-size:21px!important}
 .notice-v45-dots{gap:6px!important;margin-top:12px!important}.notice-v45-dots i{width:6px!important;height:6px!important}.notice-v45-dots i.on{width:17px!important}
 .notice-v45-hero-art{height:150px!important;align-self:center!important}
 .notice-v45-hero-art:before{width:100%;box-shadow:0 0 0 8px #2bd5ff16,0 0 0 17px #2bd5ff12,0 0 23px #20caff87,inset 0 0 18px #31d7ff40}
 .notice-v45-hero-art img{width:125px!important;height:150px!important}
 .notice-v45-unread-count{top:5px!important;right:0!important;min-width:36px!important;height:36px!important;border-width:2px!important;font-size:16px!important}
 .notice-v45-list{gap:10px!important}
 .notifications-page-v45 .notification-card{grid-template-columns:54px minmax(0,1fr) 36px!important;gap:9px!important;min-height:91px!important;padding:10px 9px!important;border-radius:23px!important}
 .notice-v45-icon-ring{width:52px!important;height:52px!important}
 .notifications-page-v45 .notification-icon{width:44px!important;height:44px!important;font-size:23px!important}
 .notifications-page-v45 .notification-copy{gap:3px!important}
 .notifications-page-v45 .notification-copy b{font-size:clamp(13px,3.6vw,16px)!important;line-height:1.25!important}
 .notifications-page-v45 .notification-copy small{font-size:clamp(10px,2.8vw,12px)!important;line-height:1.35!important}
 .notifications-page-v45 .notification-copy em{font-size:9px!important;gap:4px!important;margin-top:1px!important}
 .notice-v45-clock{font-size:14px!important}
 .notifications-page-v45 .notification-arrow{width:34px!important;height:34px!important;font-size:24px!important}
}
@media(max-width:380px){
 .notice-v45-hero{grid-template-columns:minmax(0,1fr) 94px!important;padding:16px 11px!important}
 .notice-v45-hero-art,.notice-v45-hero-art img{height:130px!important}
 .notice-v45-hero-art img{width:105px!important}
 .notice-v45-mark-read{padding:0 10px!important;font-size:12px!important}
 .notifications-page-v45 .notification-card{grid-template-columns:46px minmax(0,1fr) 31px!important;gap:7px!important;padding:9px 7px!important}
 .notice-v45-icon-ring{width:44px!important;height:44px!important}
 .notifications-page-v45 .notification-icon{width:38px!important;height:38px!important;font-size:20px!important}
 .notifications-page-v45 .notification-arrow{width:30px!important;height:30px!important;font-size:21px!important}
}
@media(min-width:900px){.notice-v45-list{gap:17px!important}.notifications-page-v45 .notification-card{min-height:145px!important;padding:16px 30px!important}}
@media(prefers-reduced-motion:reduce){.notifications-page-v45 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}