/* Riasztások oldal. Ugyanaz a világos, kék-szürke paletta, mint a DLB-áttekintőn. */
.alert-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}
.alert-toolbar #alert-count{font:700 12px Inter,system-ui,sans-serif;color:var(--ink-2)}
#alerts-page .section-title{margin:26px 0 10px;font-size:14px;color:var(--ink)}
#alerts-page .section-help{margin:-6px 0 12px;font-size:12px;color:var(--ink-3)}

.alert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.alert-card{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:1px solid var(--hairline);border-left:4px solid var(--hairline);border-radius:12px;background:var(--surface)}
.alert-card header{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}
.alert-card b{font-size:13px;color:var(--ink)}
.alert-card p{margin:0;font-size:12px;color:var(--ink-2);line-height:1.5}
.alert-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.alert-card footer small{font-size:11px;color:var(--ink-3)}
.alert-card button{padding:5px 12px;font-size:11px}
.alert-severity{padding:2px 9px;border-radius:999px;font:800 11px Inter,system-ui,sans-serif;background:var(--hairline-2);color:var(--ink-3)}
.alert-card.is-critical{border-left-color:var(--bad)}
.alert-card.is-critical .alert-severity{background:var(--bad-tint);color:var(--bad-ink)}
.alert-card.is-warning{border-left-color:var(--warn)}
.alert-card.is-warning .alert-severity{background:var(--warn-tint);color:var(--warn-ink)}
.alert-card.is-acknowledged{opacity:.8;border-left-style:dashed}
.alert-card.is-resolved{border-left-color:var(--ok);background:var(--surface-2)}
.alert-card.is-resolved .alert-severity{background:var(--ok-tint);color:var(--ok-ink)}

.alert-rule-table table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--hairline);border-radius:12px;overflow:hidden}
.alert-rule-table th{text-align:left;padding:10px 12px;font:700 11px Inter,system-ui,sans-serif;color:var(--ink-3);background:var(--ground);border-bottom:1px solid var(--hairline);text-transform:uppercase;letter-spacing:.4px}
.alert-rule-table td{padding:10px 12px;border-bottom:1px solid var(--hairline-2);font-size:12px;color:var(--ink-2);vertical-align:middle}
.alert-rule-table tr:last-child td{border-bottom:none}
.alert-rule-table td b{display:block;font-size:12.5px;color:var(--ink)}
.alert-rule-table td small{display:block;margin-top:2px;font-size:11px;color:var(--ink-3);line-height:1.4;max-width:52ch}
.alert-rule-table input[type=number]{width:74px;padding:5px 7px;border:1px solid var(--hairline);border-radius:7px;font:600 12px Inter,system-ui,sans-serif;color:var(--ink)}
.alert-rule-table td span{margin-left:5px;font-size:11px;color:var(--ink-3)}
.alert-rule-table select{padding:5px 7px;border:1px solid var(--hairline);border-radius:7px;font:600 12px Inter,system-ui,sans-serif;color:var(--ink);background:var(--surface)}
.alert-rule-table tr.is-saved{background:var(--surface-3)}
.alert-na{color:#c2c8d6}
.alert-open-count{display:inline-block;min-width:22px;padding:1px 7px;border-radius:999px;background:var(--bad-tint);color:var(--bad-ink);text-align:center}

/* A ki/be kapcsoló ugyanaz a kis csúszka, mint a DLB prioritásnál. */
.alert-toggle{display:inline-flex;cursor:pointer}
.alert-toggle input{position:absolute;opacity:0;width:0;height:0}
.alert-toggle span{display:block;width:34px;height:19px;border-radius:999px;background:var(--accent-tint);transition:background .15s}
.alert-toggle span::after{content:'';display:block;width:15px;height:15px;margin:2px;border-radius:50%;background:var(--surface);transition:transform .15s}
.alert-toggle input:checked+span{background:#1a3b4d}
.alert-toggle input:checked+span::after{transform:translateX(15px)}

.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.channel-card{display:flex;flex-direction:column;gap:7px;padding:14px 16px;border:1px solid var(--hairline);border-radius:12px;background:var(--surface)}
.channel-card.is-off{opacity:.55}
.channel-card header{display:flex;align-items:baseline;gap:8px}
.channel-card b{font-size:13px;color:var(--ink)}
.channel-card p{margin:0;font-size:12px;color:var(--ink-2);word-break:break-all}
.channel-card small{font-size:11px;color:var(--ink-3)}
.channel-card footer{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px}
.channel-card footer button{padding:5px 11px;font-size:11px}
.channel-kind{padding:2px 9px;border-radius:999px;font:800 11px Inter,system-ui,sans-serif;background:var(--accent-tint);color:var(--accent-ink)}

.alert-log-table table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--hairline);border-radius:12px;overflow:hidden}
.alert-log-table th{text-align:left;padding:9px 12px;font:700 11px Inter,system-ui,sans-serif;color:var(--ink-3);background:var(--ground);border-bottom:1px solid var(--hairline);text-transform:uppercase;letter-spacing:.4px}
.alert-log-table td{padding:9px 12px;border-bottom:1px solid var(--hairline-2);font-size:12px;color:var(--ink-2)}
.alert-log-table td small{display:block;font-size:10.5px;color:var(--ink-3)}
.log-status{padding:2px 8px;border-radius:999px;font:800 11px Inter,system-ui,sans-serif;background:var(--hairline-2);color:var(--ink-3)}
.log-status.is-sent{background:var(--ok-tint);color:var(--ok-ink)}
.log-status.is-failed{background:var(--bad-tint);color:var(--bad-ink)}
.log-status.is-pending{background:var(--warn-tint);color:var(--warn-ink)}

/* A csatorna-ablak a kozos .form-grid racsot hasznalja (ugyanaz, mint a tenant- es
   a telephely-ablak): sajat mezostilusa nincs. Ami itt marad, az a tipus szerinti
   rejtes es a kapcsolok sora. */
#channel-dialog .channel-fields [data-kind][hidden]{display:none}
#channel-dialog .channel-switches{display:flex;flex-wrap:wrap;gap:12px 22px;padding:4px 0}
#channel-dialog .channel-hint{margin:0;font-size:11.5px;color:var(--ink-3);line-height:1.5}
#channel-dialog .channel-hint code{font-size:11px}
#channel-error{margin:10px 0 0;font-size:12px;color:var(--bad-ink)}