/* ── CSS custom properties (same palette as wanstatus.css, duplicated so
   this page doesn't depend on wanstatus.css having been loaded first) ── */
:root {
  --diag-bg:        #ffffff;
  --diag-border:    #e2e6ea;
  --diag-text:      #1a2332;
  --diag-muted:     #6b7a8d;
  --diag-ok:        #22c55e;
  --diag-warn:      #f59e0b;
  --diag-err:       #ef4444;
  --diag-ok-bg:     #f0fdf4;
  --diag-warn-bg:   #fffbeb;
  --diag-err-bg:    #fef2f2;
  --diag-ok-border: #bbf7d0;
  --diag-warn-border:#fde68a;
  --diag-err-border: #fecaca;
  --diag-radius:    10px;
}

.omrdiag-summary {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 10px 0 20px 0;
}

.omrdiag-issue {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 14px;
  border-radius: var(--diag-radius);
  border: 1px solid var(--diag-border);
  background: var(--diag-bg);
}
.omrdiag-issue.ok      { border-color: var(--diag-ok-border);   background: var(--diag-ok-bg); }
.omrdiag-issue.warning { border-color: var(--diag-warn-border); background: var(--diag-warn-bg); }
.omrdiag-issue.error   { border-color: var(--diag-err-border);  background: var(--diag-err-bg); }

.omrdiag-issue .omrdiag-dot {
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-top: 5px;
  background: var(--diag-muted);
}
.omrdiag-issue.ok      .omrdiag-dot { background: var(--diag-ok); }
.omrdiag-issue.warning .omrdiag-dot { background: var(--diag-warn); }
.omrdiag-issue.error   .omrdiag-dot { background: var(--diag-err); }

.omrdiag-issue .omrdiag-body { flex: 1; min-width: 0; }
.omrdiag-issue .omrdiag-message { font-weight: 700; color: var(--diag-text); }
.omrdiag-issue .omrdiag-detail  { font-size: 12px; color: var(--diag-muted); margin-top: 3px; line-height: 1.5; }

.omrdiag-wan-table,
.omrdiag-counters-table {
  border-collapse: collapse;
  width: 100%;
  margin: 8px 0 18px 0;
}
.omrdiag-wan-table th,
.omrdiag-wan-table td,
.omrdiag-counters-table th,
.omrdiag-counters-table td {
  border: 1px solid var(--diag-border);
  padding: 6px 10px;
  text-align: left;
  font-size: 12.5px;
}
.omrdiag-wan-table th,
.omrdiag-counters-table th {
  background: rgba(0,0,0,.03);
  font-weight: 700;
}
.omrdiag-badge {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
}
.omrdiag-badge.ok      { background: var(--diag-ok-bg);   color: #15803d; border: 1px solid var(--diag-ok-border); }
.omrdiag-badge.warning { background: var(--diag-warn-bg); color: #b45309; border: 1px solid var(--diag-warn-border); }
.omrdiag-badge.error   { background: var(--diag-err-bg);  color: #b91c1c; border: 1px solid var(--diag-err-border); }

.omrdiag-counters-table td.omrdiag-nonzero { font-weight: 700; color: #b45309; }

.omrdiag-updated {
  font-size: 11px;
  color: var(--diag-muted);
  margin-bottom: 6px;
}