/* Split the Check - global notification center */
.account-notification-cluster,
.check-header-account-stack{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex:0 0 auto!important;position:relative}
.account-notification-cluster .profile-menu,
.check-header-account-stack .profile-menu{margin-top:0!important;order:2!important}
.account-notification-cluster .notification-trigger,
.check-header-account-stack .notification-trigger{order:1!important}
.notification-trigger{
  position:relative;display:grid;place-items:center;width:42px;height:42px;min-width:42px;padding:0!important;
  border:1px solid #dfe3e8!important;border-radius:50%!important;background:#fff!important;color:#20242a!important;
  box-shadow:0 2px 8px rgba(20,24,32,.06);cursor:pointer;line-height:1;flex:0 0 42px
}
.notification-trigger:hover{background:#f7f9fb!important}
.notification-trigger svg{width:19px;height:19px;display:block}
.notification-badge{
  position:absolute;top:-5px;right:-4px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;
  border:2px solid #f5f5f7;border-radius:999px;background:#ff3b30;color:#fff;font-size:10px;font-weight:900;line-height:1
}
.notification-badge[hidden]{display:none!important}

.notification-modal{position:fixed;inset:0;z-index:2147483100;display:grid;place-items:center;padding:18px}
.notification-modal[hidden]{display:none!important}
.notification-backdrop{position:absolute;inset:0;background:rgba(20,24,32,.5);backdrop-filter:blur(4px)}
.notification-card{
  position:relative;z-index:1;width:min(620px,calc(100vw - 24px));max-height:min(86vh,820px);display:flex;flex-direction:column;
  overflow:hidden;border:1px solid rgba(255,255,255,.55);border-radius:22px;background:#fff;box-shadow:0 28px 80px rgba(20,24,32,.28)
}
.notification-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:19px 20px 14px;border-bottom:1px solid #eceef1}
.notification-header-copy{min-width:0}.notification-header h2{margin:0;font-size:21px;line-height:1.15}.notification-header p{margin:4px 0 0;color:#737982;font-size:12px;line-height:1.4}
.notification-header-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.notification-mark-all{min-height:34px!important;padding:0 10px!important;border-radius:10px!important;background:#f1f3f5!important;color:#50565f!important;font-size:11px!important}
.notification-close{width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;border-radius:11px!important;background:#f1f3f5!important;color:#50565f!important;font-size:22px!important;line-height:1!important}
.notification-body{overflow:auto;padding:13px 16px 18px;-webkit-overflow-scrolling:touch}
.notification-list{display:grid;gap:9px}
.notification-item{position:relative;padding:13px 13px 12px;border:1px solid #e2e5e9;border-radius:15px;background:#fff}
.notification-item.unread{border-color:#cfe4ff;background:#f8fbff}
.notification-item.unread::before{content:"";position:absolute;top:14px;left:-5px;width:9px;height:9px;border-radius:50%;background:#0a84ff;border:2px solid #fff}
.notification-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.notification-item-title{font-size:14px;font-weight:850;color:#20242a}.notification-item-time{flex:0 0 auto;color:#8b919a;font-size:10px;font-weight:650}
.notification-item-body{margin-top:4px;color:#666d76;font-size:12px;line-height:1.45}
.notification-item-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
.notification-item-actions button{min-height:34px!important;padding:0 11px!important;border-radius:9px!important;font-size:11px!important;font-weight:800!important}
.notification-accept{background:#0a84ff!important;color:#fff!important}.notification-decline{background:#f1f3f5!important;color:#5f6670!important}.notification-open{background:#edf6ff!important;color:#0b68b6!important}
.notification-empty{padding:32px 14px;text-align:center;color:#7a8089;font-size:13px}
.notification-error{margin-bottom:10px;padding:10px 12px;border-radius:11px;background:#fff0ef;color:#a83229;font-size:12px}
.notification-loading{padding:28px 10px;text-align:center;color:#838991;font-size:12px}

@media(max-width:600px){
  .notification-modal{padding:8px}.notification-card{width:calc(100vw - 16px);max-height:92vh;border-radius:20px}
  .notification-header{padding:16px 14px 12px}.notification-body{padding:11px 12px 16px}.notification-mark-all{display:none!important}
  .notification-item-actions button{flex:1 1 auto}.notification-trigger{width:40px;height:40px;min-width:40px;flex-basis:40px}
  .account-notification-cluster,.check-header-account-stack{gap:6px!important}
}