.notification-button{position:relative}.notification-badge{position:absolute;right:2px;top:1px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 5px;border:2px solid var(--navy);border-radius:999px;background:var(--orange);color:#fff;font-size:10px;font-weight:900}.notifications-page{padding-bottom:110px}.notifications-list{display:grid;gap:10px;max-width:850px}.notification-card{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:start;gap:12px;padding:15px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--text);text-align:left;box-shadow:var(--shadow)}.notification-card.unread{border-color:#a9c7e6;background:#f7fbff}.notification-type-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#e9f1fa;color:var(--navy);font-size:21px;font-weight:900}.notification-type-icon.issue{background:#e8f6ec;color:#18863a}.notification-type-icon.return{background:#e9f1fa;color:var(--navy)}.notification-type-icon.repair_in,.notification-type-icon.repair_out{background:#fff0e4;color:#c55100}.notification-content{min-width:0}.notification-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.notification-heading strong{color:var(--navy);line-height:1.25}.notification-heading time{color:var(--muted);font-size:11px;white-space:nowrap}.notification-content p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.4}.unread-dot{width:9px;height:9px;margin-top:7px;border-radius:50%;background:var(--orange)}
@media(min-width:760px){.notifications-page{padding-bottom:120px}.notification-card{padding:18px}}
@media(min-width:1024px){.notifications-page{padding-bottom:40px}.notification-badge{border-color:#fff}}