.console-notification-toolbar{display:flex;justify-content:flex-end;margin-bottom:1rem}
.notification-bell{display:inline-flex;align-items:center;gap:.55rem;min-height:44px}
.notification-bell svg{width:1.2rem;height:1.2rem;flex:none}
.notification-count{min-width:1.5rem;padding:.12rem .35rem;border-radius:1rem;background:#173e8d;color:#fff;font-size:.875rem;text-align:center}
.notification-filters,.notification-actions,.notification-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}
.notification-filters{margin:1.25rem 0}.notification-filters label{display:flex;align-items:center;gap:.5rem;font-size:.875rem}
.notification-filters select{min-height:44px;padding:.5rem;border:1px solid #9cabc0;border-radius:.45rem;font:inherit;background:#fff;color:#172c48}
.notification-list{display:grid;gap:.75rem;margin:1rem 0}.notification-row{display:flex;justify-content:space-between;gap:1.25rem;padding:1.2rem;border:1px solid #bdc9d8;border-left:4px solid #bdc9d8;border-radius:.65rem;background:#fff;overflow-wrap:anywhere}
.notification-row.is-unread{border-left-color:#265ddc;background:#f6f9ff}.notification-row h2{font-size:1rem;margin:.45rem 0;font-weight:650}.notification-row p{margin:.35rem 0}
.notification-kind{font-size:.875rem;color:#254a83}.notification-actions{flex-shrink:0;max-width:24rem;justify-content:flex-end}.notification-actions button{min-height:44px}
.notification-pagination{justify-content:flex-end}.notification-pagination span{margin-right:auto;font-size:.875rem}
@media(max-width:800px){.notification-row{flex-direction:column}.notification-actions{justify-content:flex-start;max-width:none}.notification-filters{align-items:stretch;flex-direction:column}}
.notification-toast{position:fixed;right:max(1.25rem,env(safe-area-inset-right));bottom:max(1.25rem,env(safe-area-inset-bottom));z-index:25;display:flex;gap:.8rem;width:min(26rem,calc(100vw - 2.5rem));max-height:calc(100dvh - 2.5rem);overflow:auto;padding:1.1rem;border:1px solid #a9bfdf;border-left:4px solid #265ddc;border-radius:.85rem;background:#fff;color:#172c48;box-shadow:0 12px 40px #12336626;animation:notification-arrive .2s ease-out}
.notification-toast[hidden]{display:none}.notification-toast-icon{display:grid;place-items:center;flex-shrink:0;width:2rem;height:2rem;background:#eaf1ff;color:#234ec4;border-radius:.55rem;font-size:1.3rem}.notification-toast strong{font-size:.95rem}.notification-toast p{margin:.45rem 0 .7rem;font-size:.875rem;line-height:1.5}.notification-toast-close{flex-shrink:0;align-self:flex-start;border:0;border-radius:.4rem;background:transparent;color:#385475;width:44px;height:44px;margin:-.5rem -.5rem 0 0;font-size:1.6rem;cursor:pointer}.notification-toast-close:hover{background:#edf2fa}.notification-toast button:focus-visible{outline:3px solid #265ddc;outline-offset:2px}.notification-toast .button{min-height:44px}
@keyframes notification-arrive{from{opacity:0;transform:translateX(1rem)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.notification-toast{animation:none}}