.notification-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;margin:0 0 14px;font-size:13px;display:flex}.notification-links a{align-items:center;gap:7px;display:inline-flex}.notification-badge{background:var(--stop);color:#fff;text-align:center;border-radius:12px;min-width:22px;padding:1px 6px}.notification-page{max-width:960px}.notification-page>p,.notification-page .record-panel>p{margin:12px 0}.notification-page h2{align-items:center;gap:9px;display:flex}.notification-page ol{margin:16px 0;padding-left:24px;line-height:1.8}.notification-page small,.notification-device small,.notification-item small,.notification-routing small{color:var(--muted-foreground);font-size:13px;display:block}.notification-device{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.notification-item{border-bottom:1px solid var(--border);padding:16px 0}.notification-item p{margin:8px 0}.notification-routing{border:1px solid var(--border);border-radius:12px;margin:16px 0;padding:16px}.notification-routing legend{padding:0 7px;font-weight:700}.notification-routing label{align-items:flex-start;gap:9px;margin:9px 0;display:flex}.notification-routing input{margin-top:5px}.notification-receipts{border:1px solid var(--border);border-radius:10px;margin:14px 0;padding:12px}.notification-receipts summary{cursor:pointer;font-weight:600}.photo-camera{background:var(--background);width:min(90vw,800px);max-height:95dvh;color:var(--foreground);border:1px solid var(--border);border-radius:16px;padding:16px}.photo-camera video{object-fit:contain;background:#000;width:100%;max-height:65dvh;display:block}.photo-camera .fw-actions{background:var(--background);justify-content:center;padding:12px 0;position:sticky;bottom:0}.photo-camera h2{margin-bottom:12px}.outage-photo-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}@media (width<=600px){.notification-links{justify-content:space-between;gap:8px}.notification-device{flex-direction:column;align-items:flex-start}.notification-page .fw-actions{flex-wrap:wrap}}.notification-recipient-group{margin-top:12px}.notification-recipient-group h3{color:var(--muted-foreground);margin:10px 0 4px;font-size:13px;font-weight:600}.notification-recipient{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(130px,auto);gap:12px;padding:9px 0;font-size:14px;display:grid}.notification-recipient>div{overflow-wrap:anywhere;min-width:0}.notification-recipient>div:last-child{text-align:right}.notification-recipient small{color:var(--muted-foreground);font-size:12px;display:block}.notification-unread{color:#60a5fa}.notification-muted{color:var(--muted-foreground)}
