.evaluation-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:16px}
.evaluation-queue{display:grid;gap:24px;padding:14px 0}.evaluation-queue>div{display:grid;grid-template-columns:105px minmax(0,1fr) 32px;gap:14px;align-items:center;font-size:12px}.evaluation-queue-track{height:6px;border-radius:4px;background:var(--border);overflow:hidden}.evaluation-queue-track i{display:block;height:100%;background:#4b79c2;border-radius:4px}.evaluation-queue-track .waiting{background:#bd9246}.evaluation-queue-track .success{background:var(--success)}
.evaluation-recent>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--border)}.evaluation-recent>div:last-child{border-bottom:0}.evaluation-recent>div>span:first-child{display:grid;gap:7px;min-width:0}.evaluation-recent strong{font-size:13px;overflow-wrap:anywhere}.evaluation-recent small{font-size:11px;color:var(--muted)}
.evaluation-resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.evaluation-resource-summary{display:grid;grid-template-columns:26px minmax(0,1fr);gap:6px;font-size:12px}.evaluation-resource-summary svg{grid-row:span 2}.evaluation-resource-summary span{font-size:11px;color:var(--muted);overflow-wrap:anywhere}
.evaluation-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.evaluation-outcome{border:1px solid var(--border);border-radius:8px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.evaluation-outcome span{font-size:12px;color:var(--muted)}.evaluation-outcome strong{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.evaluation-outcome.success strong{color:var(--success)}.evaluation-outcome.failed strong,.evaluation-outcome.error strong{color:var(--error)}.evaluation-outcome.unknown strong{color:#ac7d25}
.evaluation-model-bindings{margin-bottom:16px}.evaluation-model-rows>div{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:center;border-top:1px solid var(--border);padding:12px 0}.evaluation-model-rows>div>span{display:grid;gap:5px;min-width:0}.evaluation-model-rows strong{font-size:12px;overflow-wrap:anywhere}.evaluation-model-rows small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.evaluation-model-capacity{text-align:right;font-variant-numeric:tabular-nums}
.evaluation-create .pipeline-create-card>h4{margin:0 0 12px;font-size:13px}.evaluation-binding-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) auto;gap:12px;align-items:end;margin:12px 0}.evaluation-binding-row button{margin-bottom:0}.evaluation-resource-option{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.evaluation-resource-option input{width:15px!important;height:15px!important;min-height:0!important}.evaluation-resource-option>span{display:grid;gap:5px;min-width:0}.evaluation-resource-option strong{font-size:12px}.evaluation-resource-option small{color:var(--muted);font-size:11px;overflow-wrap:anywhere}
@media(max-width:850px){.evaluation-dashboard-grid{grid-template-columns:1fr}.evaluation-outcomes{grid-template-columns:repeat(2,minmax(0,1fr))}.evaluation-binding-row{grid-template-columns:1fr}.evaluation-model-rows>div{grid-template-columns:24px minmax(0,1fr) auto}.evaluation-model-rows>div>span:nth-child(3){display:none}}
.evaluation-resource-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr)}.evaluation-resource-group{min-width:0}.evaluation-resource-group h4{margin:0 0 16px;color:var(--muted);font-size:12px;font-weight:500}.evaluation-resource-summary{padding:12px 0;border-top:1px solid var(--border)}.evaluation-resource-status{grid-column:2;font-size:11px;color:var(--muted)}
@media(max-width:1050px){.evaluation-resource-grid{grid-template-columns:minmax(0,1fr)}}

/* Configuration-derived model connections span the entire setup dialog. */
.studio-playground-models { grid-column: 1 / -1; min-width: 0; padding: 18px; border: 1px solid var(--border); border-radius: 11px; background: var(--panel); }
.studio-playground-models[hidden] { display: none; }
.studio-model-bindings-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 16px; }
.studio-model-bindings-heading h2 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; }
.studio-model-bindings-heading .studio-icon { width: 18px; height: 18px; color: #667cb7; }
.studio-model-bindings-heading p { margin: 0; color: var(--muted); font-size: 11px; }
.studio-model-binding-count { padding: 3px 7px; border-radius: 5px; background: var(--panel-raised); color: var(--muted); font-size: 11px; font-weight: 500; }
.studio-model-binding { display: grid; grid-template-columns: minmax(100px,.65fr) minmax(160px,1fr) minmax(0,1.65fr); align-items: start; gap: 12px 18px; padding: 16px 0; border-top: 1px solid var(--border); }
.studio-model-binding:last-child { padding-bottom: 0; }
.studio-model-binding-identity { min-width: 0; display: grid; gap: 13px; }
.studio-model-binding-caption, .studio-connection-body .studio-model-binding label > span { color: var(--muted); font-size: 11px; font-weight: 400; }
.studio-model-binding-identity strong { font-size: 13px; font-weight: 600; overflow-wrap: anywhere; }
.studio-connection-body .studio-model-binding label { display: grid; min-width: 0; gap: 7px; margin: 0; }
.studio-model-binding input, .studio-model-binding select { min-width: 0; width: 100%; height: 37px; font-size: 12px; border-radius: 7px; }
.studio-model-binding input[readonly] { background: var(--panel-raised); color: var(--muted); }
.studio-model-binding input[aria-invalid=true] { border-color: #d34b4b; }
.studio-model-binding-auth { grid-column: 2 / -1; color: var(--muted); font-size: 11px; }
.studio-model-binding-auth summary { cursor: pointer; width: fit-content; }
.studio-model-binding-auth > label { padding-top: 10px; max-width: 420px; }
.studio-playground-models > .studio-error { margin: 12px 0 0; font-size: 12px; }
@media (max-width: 720px) {
  .studio-playground-models { padding: 14px; }
  .studio-model-bindings-heading { align-items: start; flex-direction: column; gap: 7px; }
  .studio-model-binding { grid-template-columns: minmax(0,1fr); gap: 12px; }
  .studio-model-binding-identity { display: flex; align-items: baseline; gap: 12px; }
  .studio-model-binding-auth { grid-column: 1; }
}

.studio-connection-body > .studio-launch-action { grid-column: 1 / -1; display: flex; justify-content: flex-end; align-items: end; gap: 12px; margin: 0; padding: 12px 18px; border: 1px solid var(--border); border-radius: 11px; background: var(--panel); }
.studio-connection-body > .studio-launch-action > label { width: 180px; margin: 0; }
.studio-connection-body > .studio-launch-action > button { min-width: 180px; }
@media(max-width:720px) { .studio-connection-body > .studio-launch-action { padding: 14px; flex-wrap: wrap; }.studio-connection-body > .studio-launch-action > :is(label,button) { flex: 1 1 160px; min-width: 0; } }

.evaluation-results{display:grid;gap:18px}.evaluation-result-card{border:1px solid var(--border);border-radius:10px;padding:20px;min-width:0}.evaluation-result-card>header{display:flex;justify-content:space-between;align-items:start;gap:16px}.evaluation-result-card h3{font-size:15px;margin:0 0 8px}.evaluation-result-card small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.evaluation-result-outcome{font-size:13px;white-space:nowrap}.evaluation-result-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0}.evaluation-result-field{min-width:0}.evaluation-result-field dt{color:var(--muted);font-size:11px;margin-bottom:5px}.evaluation-result-field dd{margin:0;font-size:12px;overflow-wrap:anywhere}.evaluation-action{border-top:1px solid var(--border)}.evaluation-action>summary{display:grid;grid-template-columns:minmax(0,1fr) 90px 70px;gap:12px;padding:16px 0;cursor:pointer;font-size:12px;align-items:center}.evaluation-action>summary>span:first-child{display:grid;gap:6px}.evaluation-action>summary b{text-align:right;font-variant-numeric:tabular-nums}.evaluation-action-body{padding:0 0 16px}.evaluation-result-raw{margin-top:14px;font-size:12px}.evaluation-result-raw summary{color:var(--muted);cursor:pointer}.evaluation-result-raw pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto;padding:12px;background:var(--panel-raised)}.evaluation-metrics td{font-variant-numeric:tabular-nums}@media(max-width:600px){.evaluation-result-card{padding:14px}.evaluation-action>summary{grid-template-columns:minmax(0,1fr) 60px 50px}.evaluation-result-facts{grid-template-columns:1fr}}

.evaluation-result-failure{border:1px solid var(--error);border-radius:8px;padding:14px;margin:16px 0}.evaluation-result-failure h4{margin:0;color:var(--error);font-size:13px}.evaluation-result-failure p{font-size:12px;overflow-wrap:anywhere;white-space:pre-wrap}