/* qdotdb webui — 自定义样式（基于 Pico.css v2） */

:root {
    --qdot-accent: #4f46e5;
    --qdot-ok: #16a34a;
    --qdot-warn: #d97706;
    --qdot-err: #dc2626;
}

.topnav {
    border-bottom: 1px solid var(--pico-muted-border-color);
    margin-bottom: 1em;
    padding: 0.4em 1em;
}

.topnav small { color: var(--pico-muted-color); }

.kpi { font-size: 2em; margin: 0.2em 0; font-variant-numeric: tabular-nums; }

.badge {
    display: inline-block;
    padding: 0.1em 0.5em;
    border-radius: 0.3em;
    font-size: 0.8em;
    font-weight: 500;
    background: var(--pico-muted-border-color);
}
.badge.status-ok { background: #dcfce7; color: #166534; }
.badge.status-empty { background: var(--pico-muted-border-color); }
.badge.status-orphan { background: #fef3c7; color: #92400e; }
.badge.status-aborted { background: #fee2e2; color: #991b1b; }
.badge.err { background: #fee2e2; color: #991b1b; }

.score-pill {
    display: inline-block;
    padding: 0.1em 0.4em;
    margin: 0.05em;
    border-radius: 0.3em;
    background: #eef2ff;
    color: #3730a3;
    font-size: 0.85em;
}
.muted { color: var(--pico-muted-color); }

table th { font-variant-numeric: tabular-nums; }

code { background: var(--pico-code-background-color); padding: 0.05em 0.3em; border-radius: 0.2em; font-size: 0.9em; }

input[type="range"] { accent-color: var(--qdot-accent); }

details summary { cursor: pointer; padding: 0.4em 0; font-weight: 500; }