.diagnostic-workspace{display:grid;grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:18px;align-items:start}
.group-limit-toolbar{display:grid;grid-template-columns:minmax(210px,1fr) repeat(5,minmax(100px,.5fr)) auto;gap:10px;align-items:end;margin:0 0 16px;padding:13px;border:1px solid #bfdbfe;border-radius:11px;background:#eff6ff}
.group-limit-toolbar>div{display:grid;gap:3px;align-self:center}.group-limit-toolbar small{color:#475569;line-height:1.3}.group-limit-toolbar label{display:grid;gap:5px;color:#334155;font-size:.75rem;font-weight:800}.group-limit-toolbar input{min-width:0}.group-limit-toolbar .btn{white-space:nowrap}
.diagnostic-control-card{position:sticky;top:18px}
.diagnostic-result-card{min-width:0;padding:18px}
.diagnostic-result-card>h2{margin:.25rem 0 14px;font-size:clamp(1.35rem,2.2vw,2rem)}
.diagnostic-diagram{min-height:0}
.hioki-result-view{display:grid;gap:16px;color:#17202f}
.hioki-result-summary{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(110px,.65fr));gap:8px}
.hioki-result-summary>div{display:grid;gap:2px;padding:10px 12px;border:1px solid #d8e0ea;border-radius:10px;background:#f8fafc}
.hioki-result-summary span{color:var(--muted);font-size:.75rem;font-weight:750;text-transform:uppercase;letter-spacing:.035em}
.hioki-result-summary strong{overflow:hidden;text-overflow:ellipsis;color:#17202f;font-size:1rem}
html:not([data-theme="light"]) .hioki-result-summary>div{border-color:#344054;background:#182230;color:#f2f4f7}
html:not([data-theme="light"]) .hioki-result-summary strong{color:#f2f4f7}
.hioki-point-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.hioki-point-card{display:grid;gap:9px;min-height:112px;padding:12px;border:2px solid #cfd8e5;border-radius:12px;background:#fff}
.hioki-point-card.pass{border-color:#16a34a;background:#f0fdf4}.hioki-point-card.fail,.hioki-point-card.equipment_error{border-color:#dc2626;background:#fef2f2}.hioki-point-card.pass_with_observation{border-color:#d97706;background:#fffbeb}
.hioki-point-card header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:850}
.hioki-point-status{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#eef2f6;color:#475467;font-size:1.1rem}
.hioki-point-card.pass .hioki-point-status{background:#16a34a;color:#fff}.hioki-point-card.fail .hioki-point-status,.hioki-point-card.equipment_error .hioki-point-status{background:#dc2626;color:#fff}.hioki-point-card.pass_with_observation .hioki-point-status{background:#d97706;color:#fff}
.hioki-point-values{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hioki-point-values>div{display:grid;gap:1px}.hioki-point-values small{color:var(--muted);font-size:.7rem;font-weight:750;text-transform:uppercase}.hioki-point-values strong{font-size:clamp(.95rem,1.4vw,1.18rem);white-space:nowrap}
.hioki-point-reason{margin:0;color:#b42318;font-size:.77rem;font-weight:750;line-height:1.3}
.hioki-pack-card{border-color:#2563eb;background:#eff6ff}.hioki-pack-card header span{color:#1d4ed8}.hioki-pack-card .hioki-point-values strong{font-size:clamp(1.1rem,1.65vw,1.35rem);color:#1d4ed8}
.hioki-limit-strip{display:flex;flex-wrap:wrap;gap:6px 14px;padding:9px 10px;border-radius:9px;background:#f2f4f7;color:#475467;font-size:.76rem}
.hioki-readings-wrap{overflow-x:auto;border:1px solid #d8e0ea;border-radius:13px;background:#fff}
.hioki-readings-table{width:100%;min-width:880px;border-collapse:collapse;font-size:.86rem}
.hioki-readings-table caption{padding:12px 14px;text-align:left;font-size:1rem;font-weight:850}
.hioki-readings-table th,.hioki-readings-table td{padding:10px 12px;border-top:1px solid #e4e7ec;text-align:left;vertical-align:middle}
.hioki-readings-table thead th{background:#f8fafc;color:#475467;font-size:.7rem;text-transform:uppercase;letter-spacing:.03em}
.hioki-readings-table tbody th{font-size:.9rem}.hioki-readings-table tbody th small{display:block;margin-top:2px;color:var(--muted);font-weight:500}
.hioki-readings-table tr.fail{background:#fff7f7}.hioki-readings-table tr.equipment_error{background:#fffbeb}
.hioki-table-status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:var(--surface-soft);color:var(--ink);font-weight:850;white-space:nowrap}
.hioki-table-status.pass{background:#dcfce7;color:#166534}.hioki-table-status.fail,.hioki-table-status.equipment_error{background:#fee2e2;color:#991b1b}.hioki-table-status.pass_with_observation{background:#fef3c7;color:#92400e}
.hioki-table-reason{display:block;max-width:310px;margin-top:5px;color:#b42318;font-weight:700;line-height:1.3}
.hioki-overall-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border-radius:11px;background:#eef2f6;color:#344054}
.hioki-overall-banner strong{font-size:clamp(1.35rem,2.6vw,2rem);white-space:nowrap}.hioki-overall-banner span{font-weight:650;text-align:right}
.hioki-overall-banner.pass{background:#079455;color:#fff}.hioki-overall-banner.fail,.hioki-overall-banner.equipment_error{background:#d92d20;color:#fff}.hioki-overall-banner.pass_with_observation{background:#dc6803;color:#fff}
.diagnostic-record-note{margin-top:12px;padding:9px 12px;border-left:4px solid #667085;background:#f8fafc;color:#475467;font-size:.84rem}
@media(max-width:1180px){
  .diagnostic-workspace{grid-template-columns:1fr}.diagnostic-control-card{position:static}
  .diagnostic-control-card .field{max-width:620px}.diagnostic-actions{margin-top:8px}
}
@media(max-width:1050px){
  .group-limit-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.group-limit-toolbar>div,.group-limit-toolbar .btn{grid-column:1/-1}
}
@media(max-width:720px){
  .diagnostic-result-card{padding:13px}.hioki-result-summary{grid-template-columns:1fr 1fr}.hioki-result-summary>div:first-child{grid-column:1/-1}
  .hioki-point-grid{grid-template-columns:1fr}
  .hioki-point-values strong{font-size:1.05rem}.hioki-overall-banner{align-items:flex-start;flex-direction:column}.hioki-overall-banner span{text-align:left}
}
html:not([data-theme="light"]) :where(.hioki-result-summary span,.hioki-point-values small,.hioki-readings-table tbody th small){color:#aeb8c6}
