/* 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:#5a6478}
#alerts-page .section-title{margin:26px 0 10px;font-size:14px;color:#1d2440}
#alerts-page .section-help{margin:-6px 0 12px;font-size:12px;color:#748097}

.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 #e6e9f4;border-left:4px solid #c9cfdb;border-radius:12px;background:#fff}
.alert-card header{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}
.alert-card b{font-size:13px;color:#14243e}
.alert-card p{margin:0;font-size:12px;color:#5a6478;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:#8a93a6}
.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:#eef0f5;color:#67718a}
.alert-card.is-critical{border-left-color:#b3282d}
.alert-card.is-critical .alert-severity{background:#fdeaea;color:#b3282d}
.alert-card.is-warning{border-left-color:#d08a1a}
.alert-card.is-warning .alert-severity{background:#fdf1df;color:#9a5b12}
.alert-card.is-acknowledged{opacity:.8;border-left-style:dashed}
.alert-card.is-resolved{border-left-color:#0b9663;background:#fbfcfe}
.alert-card.is-resolved .alert-severity{background:#e3f7ea;color:#137a3d}

.alert-rule-table table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e6e9f4;border-radius:12px;overflow:hidden}
.alert-rule-table th{text-align:left;padding:10px 12px;font:700 11px Inter,system-ui,sans-serif;color:#8a93a6;background:#f7f8fc;border-bottom:1px solid #e6e9f4;text-transform:uppercase;letter-spacing:.4px}
.alert-rule-table td{padding:10px 12px;border-bottom:1px solid #f0f2f8;font-size:12px;color:#3a4560;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:#14243e}
.alert-rule-table td small{display:block;margin-top:2px;font-size:11px;color:#8a93a6;line-height:1.4;max-width:52ch}
.alert-rule-table input[type=number]{width:74px;padding:5px 7px;border:1px solid #d7ddee;border-radius:7px;font:600 12px Inter,system-ui,sans-serif;color:#14243e}
.alert-rule-table td span{margin-left:5px;font-size:11px;color:#8a93a6}
.alert-rule-table select{padding:5px 7px;border:1px solid #d7ddee;border-radius:7px;font:600 12px Inter,system-ui,sans-serif;color:#14243e;background:#fff}
.alert-rule-table tr.is-saved{background:#f2fbf6}
.alert-na{color:#c2c8d6}
.alert-open-count{display:inline-block;min-width:22px;padding:1px 7px;border-radius:999px;background:#fdeaea;color:#b3282d;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:#d7ddee;transition:background .15s}
.alert-toggle span::after{content:'';display:block;width:15px;height:15px;margin:2px;border-radius:50%;background:#fff;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 #e6e9f4;border-radius:12px;background:#fff}
.channel-card.is-off{opacity:.55}
.channel-card header{display:flex;align-items:baseline;gap:8px}
.channel-card b{font-size:13px;color:#14243e}
.channel-card p{margin:0;font-size:12px;color:#5a6478;word-break:break-all}
.channel-card small{font-size:11px;color:#8a93a6}
.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:#e8f0fb;color:#1f5aa8}

.alert-log-table table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e6e9f4;border-radius:12px;overflow:hidden}
.alert-log-table th{text-align:left;padding:9px 12px;font:700 11px Inter,system-ui,sans-serif;color:#8a93a6;background:#f7f8fc;border-bottom:1px solid #e6e9f4;text-transform:uppercase;letter-spacing:.4px}
.alert-log-table td{padding:9px 12px;border-bottom:1px solid #f0f2f8;font-size:12px;color:#3a4560}
.alert-log-table td small{display:block;font-size:10.5px;color:#8a93a6}
.log-status{padding:2px 8px;border-radius:999px;font:800 11px Inter,system-ui,sans-serif;background:#eef0f5;color:#67718a}
.log-status.is-sent{background:#e3f7ea;color:#137a3d}
.log-status.is-failed{background:#fdeaea;color:#b3282d}
.log-status.is-pending{background:#fdf1df;color:#9a5b12}

#channel-dialog .channel-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#channel-dialog .channel-fields label{display:flex;flex-direction:column;gap:4px;font:700 11px Inter,system-ui,sans-serif;color:#5a6478}
#channel-dialog .channel-fields label.wide{grid-column:1/-1}
#channel-dialog .channel-fields label[hidden]{display:none}
#channel-dialog .channel-fields input[type=text],#channel-dialog .channel-fields input[type=number],#channel-dialog .channel-fields input[type=password],#channel-dialog .channel-fields select{padding:7px 9px;border:1px solid #d7ddee;border-radius:8px;font:500 12px Inter,system-ui,sans-serif;color:#14243e;background:#fff}
#channel-dialog .channel-check{flex-direction:row!important;align-items:center;gap:8px}
#channel-dialog .channel-hint{grid-column:1/-1;margin:0;font-size:11px;color:#748097;line-height:1.5}
#channel-error{margin:10px 0 0;font-size:12px;color:#b3282d}