/* classify tab. Everything scoped under .t-classify. */
.t-classify .cl-pane[hidden]{display:none}
.t-classify .cl-split{gap:28px}
.t-classify .cl-presets{margin-bottom:14px}
.t-classify .cl-labels{display:flex;flex-direction:column;gap:8px;margin:6px 0 12px}
.t-classify .cl-label{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) 40px;gap:8px;align-items:center}
.t-classify .cl-x{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:transparent;font-size:18px;line-height:1;color:var(--muted);cursor:pointer}
.t-classify .cl-x:hover{border-color:var(--ink);color:var(--ink)}
.t-classify .cl-add{padding:8px 16px;font-size:13px;border-radius:999px;cursor:pointer}
.t-classify .run-row code,.t-classify .split__title code{font-size:12px}

/* prediction cards */
.t-classify .cl-pred{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.t-classify .cl-pred__in{margin:0;font-size:14px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
.t-classify .cl-pred__lab{margin:0;font:400 20px/1.3 var(--geist);letter-spacing:-.01em}
.t-classify .cl-pred__lab b{font-weight:400}
.t-classify .cl-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.t-classify .cl-bars li{display:grid;grid-template-columns:minmax(80px,140px) minmax(0,1fr) 52px 50px;gap:10px;align-items:center;font-size:13px}
.t-classify .cl-bars__l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.t-classify .cl-bars .is-top .cl-bars__l{color:var(--blue)}
.t-classify .cl-bars__c{text-align:right;color:var(--muted);font-size:12px}
.t-classify .cl-note{margin:10px 0 0;font-size:12.5px;line-height:1.55;color:var(--muted)}
.t-classify .cl-real{margin:18px 0 0}
.t-classify .cl-foot{margin-top:18px}

/* ticket list */
.t-classify .cl-tickets{display:flex;flex-direction:column;gap:6px;max-height:560px;overflow:auto;padding-right:4px}
.t-classify .cl-ticket{display:grid;grid-template-columns:38px minmax(0,1fr);gap:4px 12px;align-items:start;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper);text-align:left;cursor:pointer;font-size:13px;line-height:1.45;transition:border-color .3s ease,background .3s ease}
.t-classify .cl-ticket:hover{border-color:var(--ink)}
.t-classify .cl-ticket.is-sel{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 6%,var(--paper))}
.t-classify .cl-ticket__id{font:500 11px/1.8 var(--geist);color:var(--muted)}
.t-classify .cl-ticket__t{overflow-wrap:anywhere}
.t-classify .cl-ticket__r{grid-column:2;font-size:12.5px;color:var(--muted)}
.t-classify .cl-ticket.is-miss .cl-ticket__r{color:var(--ink)}
.t-classify .cl-mark{display:inline-block;min-width:1.1em;font-weight:500}
.t-classify .cl-ticket.is-miss .cl-mark{color:var(--red)}
.t-classify .cl-own-out{margin-top:6px}
.t-classify .cl-detail{margin-bottom:18px}

/* tables */
.t-classify .cl-table{width:100%;border-collapse:collapse;font-size:13px}
.t-classify .cl-table th{padding:8px 10px;text-align:left;font:500 10px/1.3 var(--geist);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
.t-classify .cl-table td{padding:8px 10px;border-bottom:1px solid var(--line)}
.t-classify .cl-table .num{font-variant-numeric:tabular-nums}
.t-classify .cl-shots{margin:18px 0}
.t-classify .cl-f-info{font-size:13px}
.t-classify .stat-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.t-classify .stat strong{font-size:26px}

@media (max-width:760px){
  .t-classify .cl-split{gap:24px}
  .t-classify .cl-bars li{grid-template-columns:minmax(70px,110px) minmax(0,1fr) 48px;}
  .t-classify .cl-bars__c{display:none}
  .t-classify .cl-label{grid-template-columns:minmax(0,1fr) 40px}
  .t-classify .cl-label__d{grid-column:1;grid-row:2}
  .t-classify .cl-x{grid-column:2;grid-row:1}
  .t-classify .cl-tickets{max-height:420px}
}

.t-classify .cl-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.t-classify .cl-out.is-stale { opacity: 0.55; }
.t-classify .cl-stale { color: var(--muted, inherit); font-size: 0.85em; }
.t-classify .cl-x:disabled { opacity: 0.35; cursor: not-allowed; }