.a-alert-bell{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #638aa43d;border-radius:10px;background:#e8f5ff70;color:#244c68;cursor:pointer;font:inherit;font-size:13px;white-space:nowrap}
.a-alert-bell svg,.a-alert-empty svg{width:19px;height:19px}.a-alert-bell b{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:20px;background:#a13752;color:white;font-size:11px}.a-alert-bell b[hidden]{display:none}
.a-alert-banner{display:flex;align-items:center;gap:16px;margin:0 0 20px;padding:17px 20px;border:1px solid #6397b870;border-radius:14px;background:linear-gradient(120deg,#e7f6ff9c,#b8d5e680);box-shadow:inset 0 0 0 3px #effaff29,0 5px 18px #355a7110;color:#203f54}
.a-alert-banner[hidden]{display:none}.a-alert-banner>div{flex:1}.a-alert-banner strong{font-size:15px}.a-alert-banner p{margin:4px 0 0;font-size:12px;color:#34546c}.a-alert-emblem{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #5384aa45;border-radius:11px;background:#76abd32b;color:#265f87;font-weight:750;font-size:19px;box-shadow:inset 0 0 0 3px #e5f7ff2b}
dialog.a-alert-dialog{padding:0;width:min(640px,calc(100vw - 28px));max-height:min(84vh,850px);border-radius:18px;border:1px solid #e9f7ffb3;background:linear-gradient(120deg,#dcecf5f7,#c4dbeaf7);color:#203f54;box-shadow:inset 0 0 0 4px #f0f8ff30,0 25px 80px #122c4d55;backdrop-filter:blur(22px)}
.a-alert-dialog::backdrop{background:#142d4b66;backdrop-filter:blur(7px)}
.a-alert-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 26px 19px;border-bottom:1px solid #54789529}.a-alert-heading span{font-size:10px;letter-spacing:2px;color:#486b84}.a-alert-heading h2{margin:5px 0 0;font-size:22px;color:#203f54}.a-alert-heading button{color:#34546c}
.a-alert-body{padding:20px 26px}.a-alert-filter{display:flex;gap:8px;align-items:center;margin-bottom:18px}.a-alert-filter .selected{background:#2f6e96!important;color:#fff!important;border-color:#2f6e96!important}.a-alert-filter .text-button{margin-left:auto;color:#285c80}
.a-alert-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.a-alert-item{border:1px solid #6891ae40;border-radius:12px;background:#f1f8fc57;padding:16px;box-shadow:inset 0 0 0 3px #effaff24}.a-alert-item.is-unread{border-left:3px solid #39799b}.a-alert-item-heading{display:flex;align-items:center;gap:12px}.a-alert-item-heading>div{min-width:0;flex:1}.a-alert-item h3{font-size:15px;margin:0;overflow-wrap:anywhere;color:#203f54}.a-alert-item h3 small{font-weight:400;font-size:12px;color:#46657a}.a-alert-item-heading p{font-size:12px;margin:3px 0 0;color:#34546c;overflow-wrap:anywhere}.a-alert-read-state{font-size:11px;color:#526e83;white-space:nowrap}.is-unread .a-alert-read-state{color:#9b3451}.a-alert-timestamp{font-size:11px;color:#49677c;margin:12px 0}.a-alert-actions{display:flex;align-items:center;gap:15px}.a-alert-actions .primary{display:inline-block;text-decoration:none;font-size:12px;padding:9px 12px;background:linear-gradient(110deg,#2f6e96,#39799b);color:white;border-radius:8px}.a-alert-actions .text-button{color:#345c7a}.a-alert-more{display:block;margin:18px auto 0}.a-alert-help{font-size:11px;line-height:1.7;color:#46657a;margin:18px 0 0}.a-alert-empty{text-align:center;padding:32px 12px}.a-alert-empty h3{font-size:16px}.a-alert-empty p{font-size:12px;color:#46657a}.a-alert-error{font-size:13px;color:#a13752}.a-alert-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:650px){.a-alert-banner{flex-wrap:wrap;padding:14px;gap:10px}.a-alert-banner>div{min-width:180px}.a-alert-banner .button{margin-left:48px}.a-alert-heading{padding:20px}.a-alert-body{padding:16px}.a-alert-bell{padding:7px;gap:5px}.a-alert-bell>span{display:none}.a-alert-item{padding:12px}}