/* Bank Senoa v3.2.0 — Transaction Safety & Notification Center */
.notification-center-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:14px;padding:22px 24px;border:1px solid rgba(117,151,222,.15);border-radius:24px;background:radial-gradient(circle at 92% 12%,rgba(83,220,187,.09),transparent 28%),linear-gradient(145deg,rgba(17,34,67,.95),rgba(12,25,52,.96))}
.notification-center-head h2{margin:5px 0 4px;font-size:28px;letter-spacing:-.04em}.notification-center-head p{margin:0;color:var(--text-soft)}
.notification-counter{display:flex;align-items:baseline;gap:9px;flex:none;padding:12px 15px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.035)}
.notification-counter strong{font-size:25px}.notification-counter span{color:var(--text-soft);font-size:11px;font-weight:750}
.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px}.notification-tabs{display:flex;align-items:center;gap:6px;padding:5px;border-radius:15px;background:rgba(255,255,255,.035)}
.notification-tabs a{display:flex;align-items:center;gap:7px;min-height:38px;padding:8px 13px;border-radius:11px;color:#94a9cb;font-size:11px;font-weight:850}.notification-tabs a.active{background:rgba(68,125,255,.15);color:#dce8ff}.notification-tabs b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:rgba(73,143,255,.18);font-size:9px}
.notification-center-panel{padding:10px!important}.notification-list-v32{display:grid;gap:8px}.notification-card{overflow:hidden;border:1px solid rgba(255,255,255,.055);border-radius:18px;background:rgba(255,255,255,.025)}.notification-card.unread{border-color:rgba(84,143,255,.2);background:linear-gradient(135deg,rgba(56,111,236,.075),rgba(255,255,255,.026))}
.notification-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:start;padding:15px;color:inherit}.notification-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(84,143,255,.1);color:#8eb7ff}.notification-icon .nav-svg{width:19px;height:19px}.tone-success .notification-icon{background:rgba(74,215,178,.1);color:#67e4c2}.tone-warning .notification-icon{background:rgba(255,188,77,.1);color:#f4bf69}.tone-danger .notification-icon{background:rgba(255,92,123,.1);color:#ff829d}
.notification-copy{display:block;min-width:0}.notification-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px}.notification-meta b{color:#718cb7;font-size:8px;letter-spacing:.1em}.notification-meta time{color:#71809d;font-size:9px}.notification-copy>strong{display:block;margin-bottom:4px;color:#f1f5ff;font-size:13px}.notification-copy>span:last-child{display:block;color:#94a7c5;font-size:11px;line-height:1.5}.notification-unread-dot{width:8px;height:8px;margin-top:6px;border-radius:50%;background:#578fff;box-shadow:0 0 0 5px rgba(87,143,255,.08)}
.notification-read-form{display:flex;justify-content:flex-end;padding:0 14px 11px}.notification-read-form button{border:0;background:transparent;color:#7ea8ef;font:800 9px/1 system-ui;cursor:pointer}.notification-empty{display:flex!important;flex-direction:column;align-items:center;gap:5px;padding:42px 18px!important;text-align:center}.notification-empty span{color:var(--text-soft);font-size:11px}
.high-value-confirm{margin-top:10px}.high-value-alert{display:flex;flex-direction:column;gap:5px;padding:12px 13px;border:1px solid rgba(255,188,77,.18);border-radius:14px;background:rgba(255,177,61,.065)}.high-value-alert b{color:#f5c46f;font-size:11px}.high-value-alert span{color:#b9a77e;font-size:10px;line-height:1.5}.high-value-check{display:flex;align-items:flex-start;gap:9px;margin-top:9px;padding:10px 11px;border-radius:13px;background:rgba(255,255,255,.035);color:#b8c7df;font-size:10px;font-weight:700;line-height:1.45}.high-value-check input{flex:none;width:18px;height:18px;min-height:18px;margin:0}.confirm-risk-label{margin-top:8px;padding:7px 9px;border-radius:10px;background:rgba(255,188,77,.08);color:#e8ba69;font-size:9px;font-weight:850;text-align:center}
.mobile-inbox-strip{display:none}.receipt-verified{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 15px;padding:10px 12px;border-radius:13px;background:rgba(70,215,177,.07);color:#86dfc4;font-size:9px;font-weight:850}.receipt-verified span:last-child{color:#7d91b1;font-weight:700}
@media(max-width:767px){
  .page-notifications .content{padding-top:11px!important}.notification-center-head{align-items:center;margin:0 0 10px;padding:16px;border-radius:21px}.notification-center-head h2{font-size:22px}.notification-center-head p{max-width:240px;font-size:10px;line-height:1.45}.notification-counter{flex-direction:column;align-items:center;gap:1px;padding:9px 11px;border-radius:13px}.notification-counter strong{font-size:21px}.notification-counter span{font-size:7px;text-align:center}.notification-toolbar{align-items:stretch;flex-direction:column;margin-bottom:9px}.notification-tabs{display:grid;grid-template-columns:1fr 1fr}.notification-tabs a{justify-content:center}.notification-toolbar form .btn{width:100%}.notification-center-panel{margin-inline:0!important;padding:7px!important;border-radius:20px!important}.notification-main{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:12px 11px}.notification-icon{width:38px;height:38px;border-radius:13px}.notification-copy>strong{font-size:12px}.notification-copy>span:last-child{font-size:10px}.notification-meta time{font-size:8px}.notification-read-form{padding:0 11px 10px}
  .mobile-inbox-strip{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:8px 0 12px;padding:11px 12px;border:1px solid rgba(86,143,255,.13);border-radius:16px;background:linear-gradient(135deg,rgba(42,91,191,.105),rgba(255,255,255,.028));color:#dce8ff}.mobile-inbox-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:rgba(75,139,255,.12);color:#85aff8}.mobile-inbox-icon .nav-svg{width:17px;height:17px}.mobile-inbox-strip span:nth-child(2){min-width:0}.mobile-inbox-strip b,.mobile-inbox-strip small{display:block}.mobile-inbox-strip b{font-size:10px}.mobile-inbox-strip small{margin-top:2px;color:#8298bb;font-size:8px}.mobile-inbox-strip>strong{color:#78a7f7;font-size:9px}.parent-inbox-strip{margin:0 0 13px}
  .high-value-alert{padding:11px 12px}.high-value-check{min-height:44px;align-items:center}.page-teller #submitDeposit:disabled{opacity:.45;filter:saturate(.6)}
}
