.notifications-grid{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:20px;align-items:start}
.notifications-workspace{display:flex;align-items:center;gap:8px;margin:0;font-size:.9rem}
.notifications-workspace select{width:auto;min-width:160px}
.notifications-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.notifications-devices,.notifications-deliveries{display:flex;flex-direction:column;gap:10px}
.notifications-device{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.notifications-device>div{flex:1 1 12rem;min-width:0;overflow-wrap:anywhere}
.notifications-device>button{max-width:100%;white-space:normal}
.notifications-device strong{display:inline-block;margin-right:8px}
.notifications-device p{margin:4px 0 0}
.notifications-kinds{margin-top:8px}
.notifications-kinds label{display:flex;align-items:center;gap:8px;margin:4px 0 0}
.notifications-kinds input{width:auto;margin:0}
.notifications-delivery{border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.notifications-delivery>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.notifications-delivery p{margin:6px 0 0}
.notifications-delivery .badge.failed,.notifications-delivery .badge.cancelled{background:#fdecec}
.notifications-delivery .badge.unknown{background:#fdf3e2}
.notifications-delivery .badge.accepted{background:#e8f6ee}
@media(max-width:820px){
 .notifications-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:420px){
 .notifications-device{flex-direction:column;align-items:flex-start}
 .notifications-actions button{width:100%}
}