/* V345 — Trung tâm cảnh báo chuyên nghiệp */
.v345-alert-page{max-width:1540px;margin:0 auto}
.v345-alert-hero{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:16px;align-items:stretch;margin:18px 0 14px;padding:20px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-green) 7%,var(--background)),var(--background));box-shadow:0 6px 24px rgba(15,23,42,.05)}
.v345-alert-eyebrow{display:block;margin-bottom:6px;font-size:9.5px;font-weight:900;letter-spacing:.12em;color:var(--brand-green)}
.v345-alert-hero-copy h2{font-size:clamp(22px,2vw,30px);font-weight:850;line-height:1.15;letter-spacing:-.02em}
.v345-alert-hero-copy p{max-width:760px;margin-top:7px;font-size:12.5px;line-height:1.6;color:var(--muted-foreground)}
.v345-alert-updated{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:10.5px;color:var(--muted-foreground)}
.v345-alert-updated>span{width:7px;height:7px;border-radius:999px;background:var(--success)}
.v345-alert-updated>span.loading{animation:v345pulse 1s infinite}
@keyframes v345pulse{50%{opacity:.3}}
.v345-alert-total{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--brand-green) 24%,var(--border));border-radius:10px;background:var(--background);text-align:center}
.v345-alert-total span{font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-foreground)}
.v345-alert-total strong{margin:3px 0;font-size:40px;line-height:1;font-weight:900;color:var(--brand-green)}
.v345-alert-total small{font-size:10.5px;color:var(--muted-foreground)}

.v345-alert-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.v345-alert-kpi{display:grid;text-align:left;min-height:112px;padding:13px 14px;border:1px solid var(--border);border-radius:10px;background:var(--card);transition:.15s ease;box-shadow:0 2px 10px rgba(15,23,42,.025)}
.v345-alert-kpi:hover,.v345-alert-kpi.active{transform:translateY(-1px);box-shadow:0 6px 18px rgba(15,23,42,.06)}
.v345-alert-kpi span{font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.v345-alert-kpi strong{align-self:end;font-size:28px;line-height:1;font-weight:900}
.v345-alert-kpi small{margin-top:4px;font-size:10px;color:var(--muted-foreground)}
.v345-alert-kpi.critical{border-top:3px solid #c2413b}.v345-alert-kpi.critical span,.v345-alert-kpi.critical strong{color:#a9342f}
.v345-alert-kpi.warning{border-top:3px solid #d68b24}.v345-alert-kpi.warning span,.v345-alert-kpi.warning strong{color:#a96308}
.v345-alert-kpi.info{border-top:3px solid #4b7f9e}.v345-alert-kpi.info span,.v345-alert-kpi.info strong{color:#386b89}
.v345-alert-kpi.normal{border-top:3px solid var(--brand-green)}.v345-alert-kpi.normal span,.v345-alert-kpi.normal strong{color:var(--brand-green)}

.v345-alert-panel{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:0 5px 20px rgba(15,23,42,.04)}
.v345-alert-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border-bottom:1px solid var(--border)}
.v345-alert-toolbar h3{font-size:15px;font-weight:850}.v345-alert-toolbar p{margin-top:3px;font-size:10.5px;color:var(--muted-foreground)}
.v345-alert-tools{display:flex;align-items:center;gap:8px;min-width:min(100%,460px)}
.v345-alert-search{min-width:0;flex:1}
.v345-alert-refresh{height:36px;white-space:nowrap;border:1px solid var(--border);border-radius:6px;background:var(--background);padding:0 11px;font-size:11px;font-weight:750}
.v345-alert-refresh:hover:not(:disabled){background:var(--muted)}
.v345-alert-refresh:disabled{opacity:.5}
.v345-alert-filterbar{display:flex;gap:6px;overflow-x:auto;padding:10px 14px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--muted) 40%,var(--background))}
.v345-alert-filterbar button{height:30px;white-space:nowrap;border:1px solid var(--border);border-radius:999px;background:var(--background);padding:0 10px;font-size:10.5px;font-weight:700;color:var(--muted-foreground)}
.v345-alert-filterbar button.active{border-color:var(--brand-green);background:color-mix(in srgb,var(--brand-green) 8%,var(--background));color:var(--brand-green)}

.v345-alert-list{display:grid;gap:9px;padding:12px}
.v345-alert-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:94px;padding:13px 14px;border:1px solid var(--border);border-left-width:4px;border-radius:9px;background:var(--background)}
.v345-alert-card.critical{border-left-color:#c2413b}.v345-alert-card.warning{border-left-color:#d68b24}.v345-alert-card.info{border-left-color:#4b7f9e}.v345-alert-card.normal{border-left-color:var(--brand-green)}
.v345-alert-card-marker{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;font-size:17px;font-weight:900;background:var(--muted)}
.v345-alert-card.critical .v345-alert-card-marker{background:#fff1f0;color:#b73631}.v345-alert-card.warning .v345-alert-card-marker{background:#fff7e8;color:#a96308}.v345-alert-card.info .v345-alert-card-marker{background:#eef6fa;color:#386b89}.v345-alert-card.normal .v345-alert-card-marker{background:color-mix(in srgb,var(--brand-green) 8%,var(--background));color:var(--brand-green)}
.v345-alert-card-main{min-width:0}
.v345-alert-card-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:5px}
.v345-alert-badge{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.v345-alert-badge.critical{background:#fff0ef;color:#a9342f}.v345-alert-badge.warning{background:#fff5df;color:#a96308}.v345-alert-badge.info{background:#edf6fb;color:#386b89}.v345-alert-badge.normal{background:color-mix(in srgb,var(--brand-green) 8%,var(--background));color:var(--brand-green)}
.v345-alert-level{font-size:9.5px;font-weight:700;color:var(--muted-foreground)}.v345-alert-card time{margin-left:auto;font-size:9.5px;color:var(--muted-foreground)}
.v345-alert-card h4{font-size:12.5px;font-weight:800;line-height:1.4}.v345-alert-card p{margin-top:3px;font-size:11px;line-height:1.5;color:var(--muted-foreground)}
.v345-alert-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.v345-alert-meta span{display:inline-flex;gap:5px;padding:3px 6px;border:1px solid var(--border);border-radius:5px;font-size:9.5px;color:var(--muted-foreground)}.v345-alert-meta b{color:var(--foreground)}
.v345-alert-card-action{align-self:center}.v345-alert-open{display:inline-flex;height:34px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;padding:0 10px;font-size:10.5px;font-weight:750;color:var(--brand-green);white-space:nowrap}.v345-alert-open:hover{background:color-mix(in srgb,var(--brand-green) 5%,var(--background))}
.v345-alert-empty{display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:30px;text-align:center;color:var(--muted-foreground)}.v345-alert-empty strong{font-size:14px;color:var(--foreground)}.v345-alert-empty span{font-size:11px}.v345-alert-ok{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,var(--success) 10%,var(--background));font-size:20px;color:var(--success)}.v345-alert-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--brand-green);border-radius:999px;animation:v345spin .8s linear infinite}@keyframes v345spin{to{transform:rotate(360deg)}}

@media(max-width:1000px){.v345-alert-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v345-alert-card{grid-template-columns:38px minmax(0,1fr)}.v345-alert-card-action{grid-column:2}.v345-alert-open{width:max-content}}
@media(max-width:700px){
  .v345-alert-hero{grid-template-columns:1fr;padding:15px}.v345-alert-total{min-height:96px;display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:12px 14px;text-align:left}.v345-alert-total strong{font-size:30px}.v345-alert-total small{align-self:center}
  .v345-alert-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v345-alert-kpi{min-height:98px;padding:11px}.v345-alert-kpi strong{font-size:24px}
  .v345-alert-toolbar{display:grid}.v345-alert-tools{width:100%;min-width:0}.v345-alert-card{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:11px}.v345-alert-card-marker{width:32px;height:32px}.v345-alert-card-action{grid-column:1/-1}.v345-alert-open{width:100%}.v345-alert-card time{margin-left:0}
}
@media(max-width:420px){.v345-alert-kpis{grid-template-columns:1fr 1fr}.v345-alert-tools{display:grid;grid-template-columns:1fr}.v345-alert-refresh{width:100%}}