.topbar .topbar-actions{display:flex;flex-direction:row;align-items:center;gap:6px;margin-left:auto;flex:none;min-width:0}
.topbar .topbar-actions .icon-btn{position:relative;inset:auto;margin:0;flex:none;width:36px;height:36px}
.admin-top .notification-bell{flex:none;margin-left:auto}
.notification-bell{position:relative;display:grid;place-items:center}
.notification-bell svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.notification-badge{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#f3cf78;color:#153f32;font-size:12px;font-weight:800;display:grid;place-items:center;line-height:1}
.notification-list{display:grid;gap:10px;margin-top:18px}
.notification-item{padding:15px;border:1px solid var(--line);border-radius:16px;background:#fff}
.notification-item.unread{background:#eef4f0;border-color:#c5d8cb}
.notification-item strong{font-size:16px;color:var(--green)}
.notification-item p,.notification-empty{font-size:14px;line-height:1.5;color:var(--muted);margin:7px 0}
.notification-item time{font-size:12px;color:var(--muted)}
@media(max-width:380px){.topbar{gap:7px;padding-left:10px;padding-right:10px}.topbar .brand-logo{width:32px;height:32px}.topbar>div:not(.topbar-actions){min-width:0}.topbar strong{font-size:14px}.topbar-actions .icon-btn{width:32px;height:32px}}