#pamusan-channel-health { --ph-ink: #1e293b; --ph-muted: #64748b; --ph-line: #e2e8f0; --ph-surface: #f8fafc; --ph-action: #2563eb; color: var(--ph-ink); background: var(--ph-surface); border: 1px solid var(--ph-line); border-radius: 8px; padding: 16px; margin: 16px 0; font: inherit; }
.dark #pamusan-channel-health { --ph-ink: #e2e8f0; --ph-muted: #94a3b8; --ph-line: #334155; --ph-surface: #172033; --ph-action: #93c5fd; }
#pamusan-channel-health header { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
#pamusan-channel-health h2 { font-size:18px; font-weight:600; margin:0; }
#pamusan-channel-health p { font-size:13px; color:var(--ph-muted); margin:8px 0; line-height:1.5; }
#pamusan-channel-health button { min-height:40px; padding:8px 12px; border:1px solid var(--ph-line); border-radius:6px; color:var(--ph-action); font-weight:600; }
#pamusan-channel-health button:hover { background:color-mix(in srgb, var(--ph-action) 8%, transparent); }
#pamusan-channel-health button:focus-visible, #pamusan-channel-health summary:focus-visible { outline:2px solid var(--ph-action); outline-offset:3px; }
#pamusan-channel-health button:disabled { opacity:.5; cursor:wait; }
#pamusan-channel-health .ph-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-top:12px; }
#pamusan-channel-health .ph-link { display:inline-flex; align-items:center; min-height:40px; padding:8px 12px; border:1px solid var(--ph-line); border-radius:6px; color:var(--ph-action); font-size:13px; font-weight:600; }
#pamusan-channel-health .ph-link:focus-visible { outline:2px solid var(--ph-action); outline-offset:3px; }
#pamusan-channel-health details { border-top:1px solid var(--ph-line); padding:12px 0; }
#pamusan-channel-health summary { cursor:pointer; min-height:40px; display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:14px; font-weight:600; }
#pamusan-channel-health dl { display:grid; grid-template-columns:minmax(120px,1fr) 2fr; gap:8px 16px; margin:12px 0; font-size:13px; }
#pamusan-channel-health dt { color:var(--ph-muted); }
#pamusan-channel-health dd { margin:0; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
#pamusan-channel-health .ph-state { font-size:12px; font-weight:500; color:var(--ph-muted); text-align:right; }
#pamusan-channel-health .ph-ok { color:#16804a; }
#pamusan-channel-health .ph-warn { color:#a16207; }
#pamusan-channel-health .ph-error { color:#dc2626; }
@media(max-width:600px) { #pamusan-channel-health summary { flex-wrap:wrap; } #pamusan-channel-health dl { grid-template-columns:1fr; gap:4px; } #pamusan-channel-health dd { margin-bottom:8px; } }