@import url('reference.css');
:root{--vs-bg:#0b0c0e;--vs-panel:#17191c;--vs-panel2:#1e2125;--vs-line:#363a40;--vs-blue:#57d9ff;--vs-blue2:#00baf5;--vs-text:#f4f6f8;--vs-muted:#9aa1a8;--vs-good:#4fe09a;--vs-warn:#ffcf5a;--vs-bad:#ff6b7d}
*{box-sizing:border-box} body{background:radial-gradient(circle at 80% 0%,rgba(255,255,255,.035),transparent 32%),var(--vs-bg);color:var(--vs-text)}
a{color:inherit}.series-wordmark span{color:var(--vs-blue)}
.vs-brand small{letter-spacing:.13em}.topbar-kicker{color:var(--vs-blue)}
.vs-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.span-3{grid-column:span 3}
.vs-card{background:linear-gradient(145deg,rgba(30,32,35,.99),rgba(20,22,24,.99));border:1px solid var(--vs-line);border-radius:14px;padding:18px;position:relative;overflow:hidden}.vs-card:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(var(--vs-blue),transparent)}
.vs-card h2,.vs-card h3{margin-top:0}.metric{font-size:30px;font-weight:900;line-height:1}.metric-label{color:var(--vs-muted);text-transform:uppercase;font-size:11px;letter-spacing:.13em;margin-top:8px}.eyebrow{color:var(--vs-blue);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.muted{color:var(--vs-muted)}
.vs-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--vs-line);background:#25282c;color:#fff;border-radius:9px;padding:10px 13px;text-decoration:none;font-weight:800;cursor:pointer}.btn:hover{border-color:var(--vs-blue)}.btn.primary{background:linear-gradient(135deg,#009ed4,#00c2ff);color:#00131c;border-color:#57d9ff}.btn.danger{border-color:#7d2f3d;color:#ff98a7}.btn.small{padding:7px 9px;font-size:12px}
.vs-form{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.field{grid-column:span 6}.field.full{grid-column:span 12}.field.third{grid-column:span 4}.field.quarter{grid-column:span 3}.field label{display:block;color:#b7cbd7;font-size:12px;font-weight:800;margin-bottom:6px;text-transform:uppercase;letter-spacing:.07em}.field input,.field select,.field textarea{width:100%;background:#111315;color:#fff;border:1px solid #3a3e44;border-radius:9px;padding:11px 12px}.field textarea{min-height:88px}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--vs-blue)}
.table-wrap{overflow:auto;border:1px solid var(--vs-line);border-radius:12px}table.vs-table{width:100%;border-collapse:collapse;min-width:720px}table.vs-table th,table.vs-table td{padding:11px 12px;border-bottom:1px solid #30343a;text-align:left}table.vs-table th{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#aeb4ba;background:#141619}table.vs-table tr:last-child td{border-bottom:0}
.badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#25292d;border:1px solid #3b4147;color:#d9e1e6;font-size:11px;font-weight:800}.badge.good{color:#9df4c9;border-color:#2f7455}.badge.warn{color:#ffe4a0;border-color:#76602e}.badge.bad{color:#ffb2bd;border-color:#6f3540}
.event-tabs{display:flex;gap:6px;overflow:auto;padding-bottom:4px;margin:0 0 16px}.event-tabs a{white-space:nowrap;text-decoration:none;padding:8px 11px;border:1px solid #3a3e44;border-radius:8px;color:#9eb5c2;font-weight:800;font-size:12px}.event-tabs a.active,.event-tabs a:hover{color:#fff;border-color:#49cfff;background:#24272b}
.builder-list{display:grid;gap:10px}.builder-item{border:1px solid #353a40;background:#151719;border-radius:11px;padding:13px}.builder-item strong{display:block;margin-bottom:4px}.inline-form{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.inline-form label{font-size:11px;text-transform:uppercase;color:#a4abb2}.inline-form input,.inline-form select{background:#111315;color:white;border:1px solid #3a3e44;border-radius:8px;padding:9px}
.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#6c7e89;margin-right:5px}.status-dot.good{background:var(--vs-good)}.status-dot.warn{background:var(--vs-warn)}
.empty{border:1px dashed #454a50;border-radius:12px;padding:28px;text-align:center;color:#8ea6b4}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#151719;border:1px solid #353a40;padding:2px 5px;border-radius:5px}
@media(max-width:900px){.span-8,.span-6,.span-4,.span-3{grid-column:span 12}.field,.field.third,.field.quarter{grid-column:span 12}}
/* v0.1.2 classification builder + compact actions */
.row-actions{display:flex;gap:5px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.mini-action{display:inline-flex;margin:0}.builder-head,.class-row,.class-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.classification-tree{display:grid;gap:12px}.class-parent{border:1px solid var(--vs-line);background:#151719;border-radius:12px;overflow:hidden}.class-row{padding:13px 14px}.class-child{padding:10px 14px 10px 28px;border-top:1px solid #2f3338;background:#111315}.tree-line{color:var(--vs-blue);font-weight:900;margin-right:5px}.is-disabled,.row-disabled{opacity:.58}.check-grid{display:flex;gap:8px 18px;flex-wrap:wrap;padding:10px 12px;border:1px solid #3a3e44;background:#111315;border-radius:9px}.check-grid label{margin:0!important;text-transform:none!important;letter-spacing:0!important;color:#d7dce0!important}.check-grid input{width:auto!important;margin-right:5px}.field.two-thirds{grid-column:span 8}.field small{display:block;margin-top:5px;font-size:11px;line-height:1.35}.age-rule{display:none}
@media(max-width:900px){.builder-head,.class-row,.class-child{align-items:flex-start;flex-direction:column}.row-actions{justify-content:flex-start}.field.two-thirds{grid-column:span 12}}