.alert-row{gap:var(--s-space-3,12px);border-radius:var(--s-radius-lg,8px);transition:background-color var(--transition-base);grid-template-columns:28px minmax(0,1fr) auto;align-items:start;padding:10px 10px 10px 16px;display:grid;position:relative}.alert-row:hover,.alert-row:focus-within{background:color-mix(in srgb, var(--text-primary) 5%, transparent)}.alert-row-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:18px;left:6px}.alert-row-icon{border:1px solid var(--border-base);border-radius:var(--s-radius-lg,8px);width:28px;height:28px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.alert-row-icon.critical{background:var(--danger-subtle);color:var(--danger-text,var(--danger));border-color:#0000}.alert-row-icon.high{background:var(--warning-subtle);color:var(--warning-text,var(--warning));border-color:#0000}.alert-row-open{min-width:0;font:inherit;text-align:left;border-radius:var(--s-radius-sm,4px);cursor:pointer;background:0 0;border:none;flex-direction:column;gap:2px;padding:0;display:flex}.alert-row-open:focus-visible{outline:none}.alert-row:has(.alert-row-open:focus-visible){box-shadow:0 0 0 2px var(--accent)}.alert-row-title{font-size:var(--s-text-sm,13px);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-weight:500;line-height:1.4;overflow:hidden}.alert-row.is-unread .alert-row-title{color:var(--text-primary);font-weight:600}.alert-row-desc{font-size:var(--s-text-xs,12px);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;line-height:1.4;overflow:hidden}.alert-row-side{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.alert-row-time{font-size:var(--s-text-2xs,11px);white-space:nowrap;color:var(--text-muted);font-variant-numeric:tabular-nums;line-height:1.6}.alert-row-x{border-radius:var(--s-radius-md,6px);width:22px;height:22px;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity var(--transition-base), background-color var(--transition-base), color var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.alert-row:hover .alert-row-x,.alert-row:focus-within .alert-row-x{opacity:1}.alert-row-x:hover,.alert-row-x:focus-visible{background:var(--bg-muted);color:var(--text-primary)}@media (hover:none){.alert-row-x{opacity:.7}}