.evaluation-panel{display:grid;gap:16px}.evaluation-hero{display:flex;gap:12px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--orange) 8%,var(--surface)),var(--surface))}.evaluation-hero h3{margin:2px 0 5px;font-size:18px}.evaluation-hero p{margin:0;font-size:11px;line-height:1.5}.evaluation-hero-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;color:#fff;background:linear-gradient(145deg,#ff6a2f,#e6421e);font-size:22px;font-weight:900}.evaluation-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.evaluation-stats>div{padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface-muted)}.evaluation-stats span,.evaluation-stats strong{display:block}.evaluation-stats span{color:var(--muted);font-size:10px}.evaluation-stats strong{margin-top:5px;color:var(--ink);font-size:16px}.status-succeeded{color:var(--success)!important}.status-failed{color:#cf4b45!important}.status-running,.status-queued{color:var(--orange)!important}.evaluation-section{display:grid;gap:12px;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.evaluation-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.evaluation-section-head h4{margin:0;font-size:14px}.evaluation-section-head small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.evaluation-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.evaluation-case-form{display:grid;gap:10px;padding:13px;border:1px solid transparent;border-radius:11px;background:var(--surface-muted);transition:border-color .2s,box-shadow .2s}.evaluation-case-form.is-editing{border-color:color-mix(in srgb,var(--orange) 48%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--orange) 8%,transparent)}.evaluation-form-title,.evaluation-form-actions,.evaluation-form-actions>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.evaluation-form-title strong,.evaluation-form-title small{display:block}.evaluation-form-title strong{font-size:12px;color:var(--ink)}.evaluation-form-title small{margin-top:3px;color:var(--muted);font-size:10px}.evaluation-form-title>span{padding:4px 8px;border-radius:999px;color:var(--orange);background:color-mix(in srgb,var(--orange) 10%,var(--surface));font-size:9px;font-weight:800}.evaluation-case-form label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:700}.evaluation-case-form input,.evaluation-case-form select,.evaluation-case-form textarea{box-sizing:border-box;width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:11px}.evaluation-case-form input:focus,.evaluation-case-form select:focus,.evaluation-case-form textarea:focus,.evaluation-run-footer select:focus{border-color:var(--orange);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--orange) 10%,transparent)}.evaluation-case-form textarea{resize:vertical;line-height:1.55}.evaluation-check{display:flex!important;align-items:center;gap:7px}.evaluation-check input{width:auto}.evaluation-case-form output{min-height:16px;color:#cf4b45;font-size:10px}.evaluation-save-button{min-width:96px}.evaluation-filter{display:flex;gap:8px}.evaluation-filter input,.evaluation-filter select{min-height:36px;box-sizing:border-box;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted);color:var(--ink);font:inherit;font-size:10px}.evaluation-filter input{flex:1}.evaluation-case-list,.evaluation-history,.evaluation-detail-runs{display:grid;gap:8px}.evaluation-case{display:flex;justify-content:space-between;gap:10px;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface-muted)}.evaluation-case.is-disabled{opacity:.62}.evaluation-case-main{min-width:0;flex:1}.evaluation-case-title{display:flex;align-items:center;gap:7px;min-width:0}.evaluation-case-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.case-index{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:7px;color:var(--orange);background:color-mix(in srgb,var(--orange) 13%,var(--surface));font-size:9px;font-weight:900}.case-category,.case-off{padding:3px 6px;border-radius:999px;color:var(--muted);background:var(--surface);font-size:9px;white-space:nowrap}.case-off{color:#b56b25}.evaluation-case-main p,.evaluation-case-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evaluation-case-main p{margin:7px 0 3px;color:var(--ink);font-size:11px}.evaluation-case-main small{color:var(--muted);font-size:10px}.evaluation-case-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.text-link{padding:3px 0;border:0;background:none;color:var(--orange);font:inherit;font-size:10px;cursor:pointer}.text-link.danger{color:#cf4b45}.evaluation-history-row{display:grid;grid-template-columns:48px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-muted);color:var(--ink);text-align:left;cursor:pointer}.evaluation-history-row:hover{border-color:color-mix(in srgb,var(--orange) 50%,var(--line))}.evaluation-history-row.is-outdated{border-style:dashed}.history-score{font-size:17px;font-weight:900;color:var(--orange)}.history-score small{font-size:9px}.evaluation-history-row strong,.evaluation-history-row small{display:block}.evaluation-history-row strong{font-size:11px}.evaluation-history-row small{margin-top:3px;color:var(--muted);font-size:10px}.evaluation-history-meta{display:block;margin-top:4px;color:var(--muted);font-size:9px}.history-arrow{color:var(--muted);font-size:20px}.evaluation-note{display:flex;gap:8px;padding:10px 12px;border-radius:10px;color:var(--muted);background:color-mix(in srgb,var(--orange) 7%,var(--surface));font-size:10px;line-height:1.5}.evaluation-note strong{flex:0 0 auto;color:var(--ink)}.evaluation-detail-dialog{width:min(860px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 32px));padding:0;border:0;border-radius:16px;background:var(--surface);color:var(--ink);box-shadow:0 24px 80px rgba(0,0,0,.25)}.evaluation-detail-dialog::backdrop{background:rgba(12,22,38,.46);backdrop-filter:blur(3px)}.evaluation-detail-card{display:grid;gap:15px;padding:20px}.evaluation-detail-head{display:flex;align-items:center;justify-content:space-between}.evaluation-detail-head h3{margin:2px 0 0}.evaluation-detail-summary{display:flex;align-items:baseline;justify-content:space-between;padding:14px;border-radius:11px;background:var(--surface-muted)}.evaluation-detail-summary strong{font-size:24px;color:var(--orange)}.evaluation-detail-summary span{color:var(--muted);font-size:11px}.evaluation-detail-meta{display:flex;flex-wrap:wrap;gap:6px}.evaluation-detail-meta span{padding:5px 8px;border-radius:999px;color:var(--muted);background:var(--surface-muted);font-size:9px}.evaluation-run-detail{border:1px solid var(--line);border-radius:10px;background:var(--surface-muted);overflow:hidden}.evaluation-run-detail summary{display:grid;grid-template-columns:46px 90px minmax(0,1fr);gap:8px;align-items:center;padding:10px;cursor:pointer;list-style:none}.evaluation-run-detail summary::-webkit-details-marker{display:none}.evaluation-run-detail summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px}.evaluation-run-detail .pass,.evaluation-run-detail .fail{font-size:10px;font-weight:800}.evaluation-run-detail .pass{color:var(--success)}.evaluation-run-detail .fail{color:#cf4b45}.run-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px;border-top:1px solid var(--line)}.run-compare b{display:block;margin-bottom:5px;color:var(--muted);font-size:10px}.run-compare pre{max-height:220px;margin:0;padding:9px;overflow:auto;white-space:pre-wrap;word-break:break-word;border-radius:8px;background:var(--surface);font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.evaluation-hero-copy{min-width:0;flex:1}.evaluation-help-button{flex:0 0 auto;white-space:nowrap}.evaluation-help-dialog{width:min(700px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 32px));padding:0;border:0;border-radius:16px;background:var(--surface);color:var(--ink);box-shadow:0 24px 80px rgba(0,0,0,.25)}.evaluation-help-dialog::backdrop{background:rgba(12,22,38,.46);backdrop-filter:blur(3px)}.evaluation-help-card{display:grid;gap:15px;padding:20px}.evaluation-guide{display:grid;gap:12px;max-height:560px;overflow:auto;padding-right:4px}.evaluation-guide section{padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:var(--surface-muted)}.evaluation-guide h4{margin:0 0 6px;font-size:12px}.evaluation-guide p,.evaluation-guide li{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.evaluation-guide b{color:var(--ink)}.evaluation-guide ul{display:grid;gap:4px;margin:0;padding-left:18px}
.evaluation-guide-example{display:grid;gap:5px;margin-top:10px;padding:10px;border-left:3px solid var(--orange);border-radius:8px;background:var(--surface)}.evaluation-guide-example b{font-size:11px}.evaluation-guide-example span{color:var(--muted);font-size:10px;line-height:1.55}.evaluation-guide-example em{color:var(--ink);font-style:normal;font-weight:800}

.evaluation-run-panel{display:grid;gap:13px;padding:16px;border:1px solid color-mix(in srgb,var(--orange) 30%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--orange) 4%,var(--surface))}
.evaluation-run-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.evaluation-run-heading h4{margin:2px 0 4px;font-size:15px}
.evaluation-run-heading p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}
.evaluation-run-button{flex:0 0 auto;min-width:106px}
.evaluation-run-button:disabled{opacity:.5;cursor:not-allowed;transform:none}
.evaluation-run-summary{display:grid;grid-template-columns:1.25fr 1.25fr .8fr .8fr;gap:8px}
.evaluation-run-summary>div,.evaluation-run-summary>label{display:grid;align-content:center;gap:5px;min-height:70px;margin:0;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.evaluation-run-summary span{color:var(--muted);font-size:9px;font-weight:700}
.evaluation-run-summary strong{overflow:hidden;color:var(--ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.evaluation-run-summary small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.evaluation-switch{display:flex!important;align-items:center;gap:7px;color:var(--ink)!important;cursor:pointer}
.evaluation-switch input{position:absolute;opacity:0;pointer-events:none}
.evaluation-switch i{position:relative;width:29px;height:17px;border-radius:999px;background:var(--line);transition:background .2s}
.evaluation-switch i::after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}
.evaluation-switch input:checked+i{background:var(--orange)}
.evaluation-switch input:checked+i::after{transform:translateX(12px)}
.evaluation-switch b{color:var(--ink);font-size:10px}
.evaluation-switch input:checked~b::before{content:""}
.evaluation-capability small{white-space:normal;line-height:1.4}
.evaluation-capability.is-unavailable{border-style:dashed;background:var(--surface-muted)}
.evaluation-capability.is-unavailable .evaluation-switch{cursor:default}
.evaluation-capability.is-unavailable .evaluation-switch i{opacity:.55}
.evaluation-capability.is-unavailable .evaluation-switch b{color:#b56b25}
.evaluation-capability-link{justify-self:start;padding:0;font-size:9px}
.evaluation-run-footer{display:flex;align-items:end;justify-content:space-between;gap:14px}
.evaluation-run-footer label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:700}
.evaluation-run-footer select{min-height:34px;padding:7px 30px 7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:10px}
.evaluation-run-footer p{margin:0;color:var(--muted);font-size:9px;line-height:1.5;text-align:right}
.evaluation-run-footer p strong{color:var(--ink)}
.evaluation-run-message{min-height:0;color:var(--muted);font-size:10px}
.evaluation-run-message:empty{display:none}
.evaluation-run-message[data-type="success"]{color:var(--success)}
.evaluation-active-run{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--orange) 28%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--orange) 6%,var(--surface))}
.evaluation-active-run strong,.evaluation-active-run small{display:block}
.evaluation-active-run strong{font-size:11px;color:var(--ink)}
.evaluation-active-run small{margin-top:3px;color:var(--muted);font-size:9px}
.evaluation-active-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px color-mix(in srgb,var(--orange) 12%,transparent);animation:evaluation-pulse 1.5s ease-in-out infinite}
@keyframes evaluation-pulse{50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--orange) 2%,transparent)}}
.evaluation-toast{position:fixed;z-index:1200;top:18px;left:50%;max-width:min(420px,calc(100vw - 32px));padding:10px 14px;border:1px solid color-mix(in srgb,var(--success) 35%,var(--line));border-radius:10px;color:var(--ink);background:var(--surface);box-shadow:0 14px 44px #0002;font-size:11px;font-weight:700;opacity:0;pointer-events:none;transform:translate(-50%,-12px);transition:opacity .2s,transform .2s}
.evaluation-toast.show{opacity:1;transform:translate(-50%,0)}
.evaluation-toast[data-type="error"]{border-color:color-mix(in srgb,#cf4b45 45%,var(--line));color:#b83e38}
.evaluation-confirm-dialog{width:min(560px,calc(100vw - 32px));padding:0;border:0;border-radius:16px;background:var(--surface);color:var(--ink);box-shadow:0 24px 80px rgba(0,0,0,.25)}
.evaluation-confirm-dialog::backdrop{background:rgba(12,22,38,.46);backdrop-filter:blur(3px)}
.evaluation-confirm-card{display:grid;gap:15px;padding:20px}
.evaluation-confirm-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.evaluation-confirm-summary>div{padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface-muted)}
.evaluation-confirm-summary span,.evaluation-confirm-summary strong{display:block}
.evaluation-confirm-summary span{color:var(--muted);font-size:9px}
.evaluation-confirm-summary strong{margin-top:4px;font-size:11px}
.evaluation-confirm-options{display:flex;flex-wrap:wrap;gap:6px}
.evaluation-confirm-options span{padding:5px 8px;border-radius:999px;color:var(--muted);background:var(--surface-muted);font-size:9px}
.evaluation-confirm-options b{color:var(--ink)}
.evaluation-confirm-warning{margin:0;padding:10px;border-left:3px solid var(--orange);border-radius:7px;color:var(--muted);background:color-mix(in srgb,var(--orange) 7%,var(--surface));font-size:10px;line-height:1.55}
.evaluation-confirm-card output{min-height:14px;color:#cf4b45;font-size:10px}
.evaluation-confirm-actions{display:flex;justify-content:flex-end;gap:8px}

/* The inspector can be narrow even on a wide desktop. Size this view from its
   own container so split-screen mode never inherits the desktop layout. */
.evaluation-panel{container-type:inline-size;width:100%;max-width:100%;min-width:0;overflow-x:hidden;box-sizing:border-box}
.evaluation-panel *{min-width:0;box-sizing:border-box}
.evaluation-load-error{display:grid;justify-items:start;gap:7px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}
.evaluation-load-error strong{font-size:13px;color:var(--ink)}
.evaluation-load-error span{font-size:11px;line-height:1.6;color:var(--muted)}
.evaluation-hero,.evaluation-section,.evaluation-stats,.evaluation-case-form,.evaluation-filter,.evaluation-run-panel,.evaluation-history-row{width:100%;max-width:100%}
.evaluation-hero-copy p,.evaluation-section-head small,.evaluation-note span{overflow-wrap:anywhere}
.evaluation-help-button,.evaluation-section-head>.button{max-width:100%}
.evaluation-filter input{width:0}
.evaluation-history-row>span:nth-child(2){min-width:0}
.evaluation-history-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.evaluation-history-status{display:block;margin-top:4px;color:var(--muted);font-size:9px;line-height:1.4;white-space:normal}
.evaluation-history-status.is-warning{color:#b56b25}
.evaluation-progress{display:inline-flex;align-items:center;gap:5px}
.evaluation-progress::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 12%,transparent)}
.evaluation-run-detail .pending{color:#b56b25;font-size:10px;font-weight:800}

@container (max-width:760px){
  .evaluation-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .evaluation-form-grid,.run-compare{grid-template-columns:minmax(0,1fr)}
  .evaluation-run-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .evaluation-run-heading,.evaluation-run-footer{align-items:stretch;display:grid}
  .evaluation-run-button{width:100%}
  .evaluation-run-footer p{text-align:left}
  .evaluation-section-head{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}
  .evaluation-section-head>.button{width:100%}
  .evaluation-filter{display:grid;grid-template-columns:minmax(0,1fr)}
  .evaluation-filter input{width:100%}
  .evaluation-case{display:grid}
  .evaluation-case-actions{justify-content:flex-start;flex-wrap:wrap}
  .evaluation-detail-summary{display:grid;gap:5px}
  .evaluation-run-detail summary{grid-template-columns:42px minmax(0,1fr)}
  .evaluation-run-detail summary small{grid-column:1/-1;white-space:normal}
}

@container (max-width:520px){
  .evaluation-hero{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start}
  .evaluation-help-button{grid-column:1/-1;width:100%;margin:0}
  .evaluation-run-summary{grid-template-columns:minmax(0,1fr)}
  .evaluation-active-run{grid-template-columns:10px minmax(0,1fr)}
  .evaluation-active-run .button{grid-column:1/-1;width:100%}
  .evaluation-form-actions{display:grid;align-items:stretch}
  .evaluation-form-actions>div{display:grid;grid-template-columns:1fr 1fr}
  .evaluation-form-actions .button{width:100%}
  .evaluation-note{display:grid}
  .evaluation-history-row{grid-template-columns:42px minmax(0,1fr)}
  .history-arrow{display:none}
}

@container (max-width:360px){
  .evaluation-stats{grid-template-columns:minmax(0,1fr)}
  .evaluation-confirm-summary{grid-template-columns:minmax(0,1fr)}
}