.diagnostic-filters{display:flex;gap:16px;flex-wrap:wrap;align-items:end;margin:20px 0}.diagnostic-filters label{display:flex;flex-direction:column;gap:6px}.diagnostic-table{overflow:auto;max-height:65vh}.diagnostic-table table{width:100%;border-collapse:collapse}.diagnostic-table th,.diagnostic-table td{text-align:left;padding:12px;border-bottom:1px solid #d1dbe3;white-space:pre-wrap;overflow-wrap:anywhere;max-width:360px}.diagnostic-table th{position:sticky;top:0;background:#e9f0f5;color:#1a3042}.diagnostic-pages{display:flex;justify-content:space-between;align-items:center;margin-top:16px}#diagnostic-integrity{padding:14px;border:1px solid #7c8e9e;border-radius:8px;background:#eaf0f5;color:#243c50}#diagnostic-integrity[data-state=valid]{background:#e3f3ec;border-color:#4b9778;color:#185039}#diagnostic-integrity[data-state=invalid]{background:#f9e5e5;border-color:#b44848;color:#812929}
.diagnostic-body{max-width:none;margin:0;padding:0;min-height:100vh;background:#edf2f7;color:#183448}
.diagnostic-workspace{max-width:1600px;margin:auto;padding:18px 24px}
.diagnostic-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.diagnostic-title h1{font-size:1.5rem}
.diagnostic-workspace button{min-height:44px;border:1px solid #7290a5;border-radius:8px;background:#f8fbfd;color:#17374c;font-weight:600}
.diagnostic-range-row{display:flex;align-items:center;gap:14px;margin:22px 0}.diagnostic-range-row>span{min-width:104px;white-space:nowrap}
.diagnostic-range{position:relative;flex:1;min-width:180px;height:48px;margin:0 14px}
.diagnostic-track,#diagnostic-selection{position:absolute;top:21px;height:6px;border-radius:3px;left:0;right:0;background:#bacbd8}#diagnostic-selection{background:#377eae}
.diagnostic-range input[type=range]{appearance:none;-webkit-appearance:none;position:absolute;inset:0;width:100%;height:48px;margin:0;background:transparent;pointer-events:none;border:0;padding:0}
.diagnostic-range input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;pointer-events:auto;width:28px;height:36px;border-radius:9px;border:2px solid #34759f;background:#fff;cursor:ew-resize;box-shadow:0 2px 5px #19364b33}
.diagnostic-range input::-moz-range-thumb{pointer-events:auto;width:25px;height:32px;border-radius:9px;border:2px solid #34759f;background:#fff;cursor:ew-resize}
.diagnostic-range input:focus-visible::-webkit-slider-thumb{outline:3px solid #173f5d;outline-offset:3px}
#diagnostic-type{min-width:185px}.diagnostic-search-row{display:flex;gap:12px}.diagnostic-search-row input{flex:1;min-width:0;border:1px solid #8ea3b3;border-radius:8px;padding:10px 14px;background:white;color:#17374c;font-size:1rem}
.diagnostic-table{max-height:calc(100dvh - 400px);min-height:160px;background:#fff;border-radius:10px}.diagnostic-table tbody tr{cursor:pointer}.diagnostic-table tbody tr:hover,.diagnostic-table tbody tr:focus{background:#e7f0f7}
#diagnostic-detail{max-width:640px;width:calc(100vw - 70px);border:1px solid #7893a8;border-radius:14px;padding:24px;background:#edf2f7;color:#183448}#diagnostic-detail-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:60vh;overflow:auto;line-height:1.6}#diagnostic-detail::backdrop{background:#102b4266}
@media(max-width:700px){.diagnostic-workspace{padding:12px}.diagnostic-range-row{flex-wrap:wrap;gap:8px}.diagnostic-range-row>span{min-width:auto;font-size:.85rem}.diagnostic-range{min-width:100px;margin:0 4px}#diagnostic-type{width:100%}.diagnostic-table{max-height:55vh}.diagnostic-title h1{font-size:1.15rem}.brand strong,.brand-divider{display:none}}

.diagnostic-body .site-header{color:#f3f7fa}