.notifications-panel{display:flex;flex-direction:column;overflow:hidden;max-height:min(82dvh,760px);padding:0}.notifications-panel.d-none{display:none!important}.notifications-head{padding:17px 17px 8px}.notifications-head-actions{display:flex;gap:8px}.notifications-head-actions button{flex:0 0 38px}.notifications-summary{padding:0 17px 10px;color:#6b7280;font-size:10px;font-weight:800}.notification-center-filters{display:flex;gap:6px;overflow-x:auto;padding:0 17px 12px;scrollbar-width:none}.notification-center-filters::-webkit-scrollbar{display:none}.notification-center-filters button{flex:0 0 auto;min-height:34px;padding:0 12px;border:1px solid #e4e7eb;border-radius:999px;background:#fff;color:#555e69;font-size:10px;font-weight:900}.notification-center-filters button.is-active{border-color:#ff6500;color:#fff;background:#ff6500}.notifications-panel #notifications-list{display:grid;overflow-y:auto;padding:0 12px 14px}.notifications-panel #notifications-list>.notification-history-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;width:100%;padding:13px 5px;border:0;border-bottom:1px solid #edf0f2;background:#fff;text-align:left}.notifications-panel #notifications-list>.notification-history-item.unread{background:linear-gradient(90deg,#fff6ef,#fff)}.notification-history-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;font-size:17px}.notification-history-icon.is-promotional{color:#c44b00;background:#fff0e6}.notification-history-icon.is-operational{color:#087a46;background:#e9f9f1}.notification-history-copy{display:grid;min-width:0;gap:3px}.notification-history-copy>strong{overflow:hidden;color:#17191d;font-size:13px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.notification-history-copy>small{display:-webkit-box;overflow:hidden;color:#66707b;font-size:11px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notification-history-meta,.notification-history-sender{display:flex;align-items:center;gap:6px;min-width:0}.notification-history-meta{justify-content:space-between}.notification-history-meta b{color:#ff6500;font-size:8px;letter-spacing:.08em}.notification-history-meta em{color:#9299a3;font-size:8px;font-style:normal}.notification-history-sender{overflow:hidden;color:#7b838e;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.notification-center-empty{display:grid;justify-items:center;gap:5px;padding:34px 18px;color:#707984;text-align:center}.notification-center-empty>i{color:#ff6500;font-size:26px}.notification-center-empty strong{color:#252a31;font-size:13px}.notification-center-empty small{font-size:10px}.notification-center-empty.is-error>i{color:#dc2626}.notification-detail-open{overflow:hidden}.notification-detail-card{width:min(560px,calc(100vw - 22px));max-height:90dvh;overflow:auto;padding:0 0 22px}.notification-detail-card>.modal-close{z-index:2;top:12px;right:12px;background:#fff;box-shadow:0 4px 16px #1113}.notification-detail-content{display:grid}.notification-detail-content h2{margin:18px 20px 7px;color:#181b20;font-size:25px;font-weight:900;line-height:1.12}.notification-detail-content>p{margin:14px 20px 20px;color:#515a65;font-size:13px;line-height:1.65}.notification-detail-badge{display:inline-flex;align-items:center;justify-self:start;gap:7px;margin:20px 20px 0;padding:7px 10px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.06em}.notification-detail-badge.is-promotional{color:#a53f00;background:#fff0e5}.notification-detail-badge.is-operational{color:#087a46;background:#e8f8f0}.notification-detail-media{order:-1;width:100%;max-height:320px;border-radius:22px 22px 0 0;background:#101114;object-fit:cover}.notification-detail-by{display:flex;justify-content:space-between;gap:10px;margin:0 20px;color:#7b838c;font-size:10px}.notification-detail-by strong{color:#ff6500}.notification-detail-cta{display:flex;align-items:center;justify-content:center;gap:9px;min-height:54px;margin:0 20px;padding:0 18px;border:0;border-radius:16px;color:#fff;background:linear-gradient(135deg,#ff6500,#ff8a00);font-size:13px;font-weight:900;box-shadow:0 10px 24px #ff650033}.notification-settings-card{width:min(500px,calc(100vw - 24px))}.notification-settings-card h2{margin:10px 0 18px;font-size:24px;font-weight:900}.notification-settings-chip{display:inline-flex;align-items:center;gap:7px;color:#ff6500;font-size:9px;font-weight:900;letter-spacing:.08em}.notification-promotions-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px;border:1px solid #e4e7eb;border-radius:17px;background:#fafbfc}.notification-promotions-toggle>span{display:grid;gap:3px}.notification-promotions-toggle strong{font-size:13px}.notification-promotions-toggle small{color:#6b7280;font-size:10px}.notification-promotions-toggle input{width:48px;height:26px;accent-color:#ff6500}.notification-operational-note{display:flex;gap:11px;margin:12px 0 18px;padding:14px;border-radius:17px;color:#0c6942;background:#eaf8f1}.notification-operational-note>i{font-size:20px}.notification-operational-note>span{display:grid;gap:3px}.notification-operational-note strong{font-size:12px}.notification-operational-note small{font-size:10px;line-height:1.4}.notification-settings-card [role="status"]{min-height:18px;margin-top:9px;color:#53606d;font-size:10px;font-weight:800;text-align:center}@media(max-width:575px){.notifications-panel{top:max(62px,env(safe-area-inset-top));right:6px;width:calc(100vw - 12px);max-height:calc(100dvh - max(70px,env(safe-area-inset-top)) - 10px);border-radius:20px}.notifications-head{padding:14px 14px 7px}.notification-center-filters{padding-inline:14px}.notifications-panel #notifications-list{padding-inline:9px}.notification-detail-card{max-height:calc(100dvh - 18px)}.notification-detail-content h2{font-size:22px}}
