/* =====================================================================
   JK Diagnostic - PURE LIGHT WORKSHOP THEME
   Design Revision 6 · CLEANOUT 2026-08-30
   Palette: White / Light Gray / JK Red
   Final visual layer. White / light gray / JK red. Loaded last on every page.
   ===================================================================== */
:root{
  --jkd-bg:#f3f4f6;
  --jkd-bg-2:#f7f7f8;
  --jkd-sidebar:#ffffff;
  --jkd-panel:#ffffff;
  --jkd-panel-2:#f5f6f7;
  --jkd-panel-3:#eef0f2;
  --jkd-line:#dfe2e6;
  --jkd-line-strong:#cfd4d9;
  --jkd-text:#202328;
  --jkd-text-soft:#454b52;
  --jkd-muted:#747b83;
  --jkd-blue:#d71920;
  --jkd-blue-strong:#b51219;
  --jkd-cyan:#e02028;
  --jkd-green:#249a58;
  --jkd-yellow:#b87808;
  --jkd-red:#d71920;
  --jkd-purple:#d71920;
  --jkd-shadow:0 10px 26px rgba(35,40,45,.07);
  --jkd-shadow-soft:0 5px 16px rgba(35,40,45,.055);
  --jkd-radius-xl:20px;
  --jkd-radius-lg:16px;
  --jkd-radius-md:12px;
  --bg:#f3f4f6;
  --panel:#ffffff;
  --panel-soft:#f5f6f7;
  --panel-strong:#ffffff;
  --line:#dfe2e6;
  --text:#202328;
  --muted:#747b83;
  --blue:#d71920;
  --blue2:#b51219;
  --danger:#d71920;
  --ok:#249a58;
  --warning:#b87808;
  --accent:#d71920;
  --accent-2:#b51219;
  color-scheme:light;
}

html{
  min-height:100%;
  background:#f3f4f6!important;
  color-scheme:light!important;
}
body,
body.jkd-clean-active{
  min-height:100vh;
  margin:0;
  color:#202328!important;
  background:#f3f4f6!important;
  background-image:none!important;
  -webkit-font-smoothing:antialiased;
}
body::before,body::after{display:none!important;background:none!important;}
body.jkd-clean-active .ambient{display:none!important;}

/* Remove every legacy dark/gradient surface from structural containers. */
body.jkd-clean-active :is(div,section,article,aside,header,footer,main,nav,form,fieldset,details,summary,table,thead,tbody,tfoot,tr,td,th,ul,ol,li){
  background-image:none!important;
}
body.jkd-clean-active :is(h1,h2,h3,h4,h5,h6,p,span,strong,small,label,td,th,li,legend){
  color:inherit;
  text-shadow:none!important;
}
body.jkd-clean-active *::before,
body.jkd-clean-active *::after{background-image:none!important;text-shadow:none!important;}

::selection{background:#f7c8cb!important;color:#8f0d13!important;}
*{scrollbar-width:thin;scrollbar-color:#c9cdd2 #f4f5f6;}
*::-webkit-scrollbar{width:9px;height:9px;}
*::-webkit-scrollbar-track{background:#f4f5f6!important;}
*::-webkit-scrollbar-thumb{background:#c9cdd2!important;border-radius:20px;border:2px solid #f4f5f6;}
*::-webkit-scrollbar-thumb:hover{background:#d71920!important;}

/* App shell */
body.jkd-clean-active .app-shell,
body.jkd-clean-active .jkd-shell{background:#f3f4f6!important;}
body.jkd-clean-active .main,
body.jkd-clean-active .jkd-main,
body.jkd-clean-active .studio-main,
body.jkd-clean-active .scan-main,
body.jkd-clean-active .test-main{
  color:#202328!important;
  background:#f3f4f6!important;
}

/* Sidebar is light too: no anthracite remains. */
body.jkd-clean-active .sidebar,
body.jkd-clean-active .jkd-sidebar,
body.jkd-clean-active .backup-sidebar{
  color:#25292e!important;
  background:#ffffff!important;
  border-right:1px solid #dfe2e6!important;
  box-shadow:5px 0 20px rgba(32,35,40,.035)!important;
  backdrop-filter:none!important;
}
body.jkd-clean-active .jkd-brand,
body.jkd-clean-active .brand,
body.jkd-clean-active .backup-brand{
  color:#202328!important;
  background:transparent!important;
}
body.jkd-clean-active .jkd-brand-mark,
body.jkd-clean-active .brand-mark{
  border:1px solid #ead7d9!important;
  background:#ffffff!important;
  box-shadow:0 5px 14px rgba(215,25,32,.08)!important;
}
body.jkd-clean-active .jkd-brand-text strong,
body.jkd-clean-active .brand-title,
body.jkd-clean-active .backup-brand strong{color:#202328!important;}
body.jkd-clean-active .jkd-brand-text small,
body.jkd-clean-active .brand-sub,
body.jkd-clean-active .backup-brand small{color:#7b8289!important;}
body.jkd-clean-active .jkd-brand-mark.fallback-mark::before{color:#d71920!important;}

/* Navigation */
body.jkd-clean-active .jkd-nav-label{color:#8a9097!important;}
body.jkd-clean-active .jkd-nav a,
body.jkd-clean-active .jkd-clean-main-nav a,
body.jkd-clean-active .nav a,
body.jkd-clean-active .nav-link{
  color:#40464d!important;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.jkd-clean-active .jkd-nav a::before,
body.jkd-clean-active .jkd-clean-main-nav a::before{
  background:#c4c8cd!important;
  box-shadow:0 0 0 4px rgba(160,166,172,.10)!important;
}
body.jkd-clean-active .jkd-nav a:hover,
body.jkd-clean-active .jkd-clean-main-nav a:hover,
body.jkd-clean-active .nav a:hover,
body.jkd-clean-active .nav-link:hover{
  color:#b51219!important;
  border-color:#f0d6d8!important;
  background:#fff3f4!important;
}
body.jkd-clean-active .jkd-nav a.active,
body.jkd-clean-active .jkd-clean-main-nav a.active,
body.jkd-clean-active .nav a.active,
body.jkd-clean-active .nav-link.active{
  color:#b51219!important;
  border-color:#efcfd2!important;
  background:#fdecee!important;
  box-shadow:inset 3px 0 0 #d71920!important;
}
body.jkd-clean-active .jkd-nav a.active::before,
body.jkd-clean-active .jkd-clean-main-nav a.active::before{
  background:#d71920!important;
  box-shadow:0 0 0 4px rgba(215,25,32,.10)!important;
}
body.jkd-clean-active .jkd-clean-system-card,
body.jkd-clean-active .jkd-sidebar-card{
  color:#353a40!important;
  border:1px solid #dfe2e6!important;
  background:#f7f8f9!important;
  box-shadow:none!important;
}
body.jkd-clean-active .jkd-clean-system-card strong,
body.jkd-clean-active .jkd-sidebar-card strong{color:#353a40!important;}
body.jkd-clean-active .jkd-clean-system-card small,
body.jkd-clean-active .jkd-sidebar-card small{color:#7e858c!important;}
body.jkd-clean-active .jkd-clean-dot,
body.jkd-clean-active .dot-demo{background:#249a58!important;box-shadow:0 0 0 4px rgba(36,154,88,.10)!important;}

/* Typography / accents */
body.jkd-clean-active h1,
body.jkd-clean-active h2,
body.jkd-clean-active h3,
body.jkd-clean-active h4{color:#1d2024!important;}
body.jkd-clean-active p{color:#51575e!important;}
body.jkd-clean-active .subtitle,
body.jkd-clean-active .hero-text,
body.jkd-clean-active .subline,
body.jkd-clean-active .panel-subline,
body.jkd-clean-active .small-note,
body.jkd-clean-active .note,
body.jkd-clean-active .muted,
body.jkd-clean-active .profile-note,
body.jkd-clean-active .live-small-note{color:#757c84!important;}
body.jkd-clean-active .eyebrow,
body.jkd-clean-active .hero-kicker,
body.jkd-clean-active .tiny-label,
body.jkd-clean-active .text-blue,
body.jkd-clean-active .blue,
body.jkd-clean-active .accent,
body.jkd-clean-active .link,
body.jkd-clean-active a:not(.jkd-brand):not(.nav-link){color:#c21821;}

/* Broad surface normalization. This is deliberately strong so legacy module
   styles cannot bring back black/navy boxes. */
body.jkd-clean-active [class*="card"],
body.jkd-clean-active [class*="panel"],
body.jkd-clean-active [class*="box"],
body.jkd-clean-active [class*="tile"],
body.jkd-clean-active [class*="slot"],
body.jkd-clean-active [class*="widget"],
body.jkd-clean-active [class*="module"],
body.jkd-clean-active [class*="metric"],
body.jkd-clean-active [class*="summary"],
body.jkd-clean-active [class*="history"],
body.jkd-clean-active [class*="result"],
body.jkd-clean-active [class*="coverage"],
body.jkd-clean-active [class*="diagnosis"],
body.jkd-clean-active [class*="value-row"],
body.jkd-clean-active [class*="group-card"]{
  color:#34393f!important;
  border-color:#dfe2e6!important;
  background:#ffffff!important;
  background-image:none!important;
  box-shadow:0 5px 16px rgba(35,40,45,.045)!important;
}

/* Header/hero surfaces */
body.jkd-clean-active .topbar,
body.jkd-clean-active .hero-card,
body.jkd-clean-active .jkd-hero,
body.jkd-clean-active .studio-hero,
body.jkd-clean-active .scan-hero,
body.jkd-clean-active .test-hero,
body.jkd-clean-active .hero,
body.jkd-clean-active .page-head,
body.jkd-clean-active .page-header,
body.jkd-clean-active .header-card{
  color:#202328!important;
  border:1px solid #dfe2e6!important;
  background:#ffffff!important;
  box-shadow:0 5px 16px rgba(35,40,45,.045)!important;
}
body.jkd-clean-active .topbar::after,
body.jkd-clean-active .hero-card::after,
body.jkd-clean-active .jkd-hero::after,
body.jkd-clean-active .studio-hero::after,
body.jkd-clean-active .scan-hero::after,
body.jkd-clean-active .test-hero::after,
body.jkd-clean-active .hero::after,
body.jkd-clean-active .page-head::after{display:none!important;}

/* Common cards and nested light-gray areas */
body.jkd-clean-active .card,
body.jkd-clean-active .panel,
body.jkd-clean-active .status-card,
body.jkd-clean-active .glow-card,
body.jkd-clean-active .quick-card,
body.jkd-clean-active .module-card,
body.jkd-clean-active .bundle-card,
body.jkd-clean-active .metric-card,
body.jkd-clean-active .control-card,
body.jkd-clean-active .connection-card,
body.jkd-clean-active .prepare-box,
body.jkd-clean-active .history-panel,
body.jkd-clean-active .fault-panel,
body.jkd-clean-active .raw-panel,
body.jkd-clean-active .values-panel,
body.jkd-clean-active .diagnosis-panel,
body.jkd-clean-active .lexicon-panel,
body.jkd-clean-active .report-panel,
body.jkd-clean-active .plan-panel,
body.jkd-clean-active .info-panel,
body.jkd-clean-active .result-panel,
body.jkd-clean-active .log-panel,
body.jkd-clean-active .db-panel,
body.jkd-clean-active .compact-card,
body.jkd-clean-active .license-card,
body.jkd-clean-active .side-card,
body.jkd-clean-active .edition-card,
body.jkd-clean-active .activation-panel,
body.jkd-clean-active .device-panel,
body.jkd-clean-active .profile-panel,
body.jkd-clean-active .gauge-card,
body.jkd-clean-active .center-stack,
body.jkd-clean-active .chart-panel,
body.jkd-clean-active .workshop-note,
body.jkd-clean-active .scan-status,
body.jkd-clean-active .addresses,
body.jkd-clean-active .scan-table-wrap,
body.jkd-clean-active .drop-zone,
body.jkd-clean-active .analysis-grid>div,
body.jkd-clean-active .target-numbers>div:not(.arrow),
body.jkd-clean-active .map-item,
body.jkd-clean-active .coverage-item,
body.jkd-clean-active .history-row,
body.jkd-clean-active .diagnosis-item,
body.jkd-clean-active .value-row,
body.jkd-clean-active .group-card,
body.jkd-clean-active .workshop-value{
  color:#34393f!important;
  border-color:#dfe2e6!important;
  background:#ffffff!important;
  box-shadow:0 5px 16px rgba(35,40,45,.045)!important;
}
body.jkd-clean-active .summary-grid>div,
body.jkd-clean-active .analysis-grid>div,
body.jkd-clean-active .target-numbers>div:not(.arrow),
body.jkd-clean-active .map-item,
body.jkd-clean-active .coverage-item,
body.jkd-clean-active .history-row,
body.jkd-clean-active .group-values>div,
body.jkd-clean-active .profile-readiness,
body.jkd-clean-active .state-line.muted,
body.jkd-clean-active .info-box,
body.jkd-clean-active .inner,
body.jkd-clean-active .inner-card,
body.jkd-clean-active .sub-card,
body.jkd-clean-active .subpanel,
body.jkd-clean-active .detail-row,
body.jkd-clean-active .data-row{
  color:#444a50!important;
  border-color:#e1e4e7!important;
  background:#f6f7f8!important;
  box-shadow:none!important;
}
body.jkd-clean-active .panel-head,
body.jkd-clean-active .section-head,
body.jkd-clean-active .card-head,
body.jkd-clean-active .head,
body.jkd-clean-active .panel-header,
body.jkd-clean-active .panel-title-row,
body.jkd-clean-active .hero-topline,
body.jkd-clean-active .quick-head{border-color:#e2e5e8!important;background:transparent!important;}
body.jkd-clean-active .card:hover,
body.jkd-clean-active .module-card:hover,
body.jkd-clean-active .quick-card:hover,
body.jkd-clean-active .metric-card:hover{border-color:#e8b9bd!important;box-shadow:0 7px 20px rgba(215,25,32,.055)!important;}

/* Forms */
body.jkd-clean-active label{color:#555c63!important;}
body.jkd-clean-active input,
body.jkd-clean-active select,
body.jkd-clean-active textarea,
body.jkd-clean-active .search-field,
body.jkd-clean-active .scan-controls input,
body.jkd-clean-active .scan-controls select{
  color:#272b30!important;
  border-color:#d6dade!important;
  background:#ffffff!important;
  box-shadow:none!important;
}
body.jkd-clean-active input::placeholder,
body.jkd-clean-active textarea::placeholder{color:#9aa0a6!important;}
body.jkd-clean-active input:focus,
body.jkd-clean-active select:focus,
body.jkd-clean-active textarea:focus,
body.jkd-clean-active .search-field:focus{
  border-color:#d71920!important;
  background:#ffffff!important;
  box-shadow:0 0 0 3px rgba(215,25,32,.08)!important;
  outline:none!important;
}
body.jkd-clean-active input:disabled,
body.jkd-clean-active select:disabled,
body.jkd-clean-active textarea:disabled{color:#858b91!important;background:#eef0f2!important;}
body.jkd-clean-active input[type=checkbox],
body.jkd-clean-active input[type=radio]{accent-color:#d71920!important;}

/* Buttons */
body.jkd-clean-active button,
body.jkd-clean-active .btn,
body.jkd-clean-active .primary-btn,
body.jkd-clean-active .ghost-btn,
body.jkd-clean-active .small-btn,
body.jkd-clean-active .mini-btn,
body.jkd-clean-active .action-btn{
  color:#353a40!important;
  border-color:#d7dbe0!important;
  background:#f2f3f5!important;
  background-image:none!important;
  box-shadow:none!important;
}
body.jkd-clean-active .btn.primary,
body.jkd-clean-active .btn-primary,
body.jkd-clean-active .primary-btn,
body.jkd-clean-active .action-btn.primary,
body.jkd-clean-active .btn.primary-btn,
body.jkd-clean-active .stage1-button,
body.jkd-clean-active .scan-controls .btn.primary,
body.jkd-clean-active button.primary,
body.jkd-clean-active button[data-primary="true"]{
  color:#ffffff!important;
  border-color:#b51219!important;
  background:#d71920!important;
  box-shadow:0 6px 16px rgba(215,25,32,.14)!important;
}
body.jkd-clean-active .btn.danger,
body.jkd-clean-active .danger,
body.jkd-clean-active .btn-danger{color:#ffffff!important;border-color:#a90f16!important;background:#d71920!important;}
body.jkd-clean-active button:hover:not(:disabled),
body.jkd-clean-active .btn:hover:not(:disabled){border-color:#e0a8ad!important;}
body.jkd-clean-active .btn.primary:hover:not(:disabled),
body.jkd-clean-active .btn-primary:hover:not(:disabled),
body.jkd-clean-active .primary-btn:hover:not(:disabled){background:#b51219!important;}

/* Tables */
body.jkd-clean-active table{color:#34393f!important;background:#ffffff!important;border-color:#dfe2e6!important;}
body.jkd-clean-active thead,
body.jkd-clean-active th{color:#5f666e!important;background:#f1f2f4!important;border-color:#dfe2e6!important;}
body.jkd-clean-active tbody,
body.jkd-clean-active tr,
body.jkd-clean-active td{color:#34393f!important;background:#ffffff!important;border-color:#e4e7ea!important;}
body.jkd-clean-active tr:nth-child(even) td{background:#fafafa!important;}
body.jkd-clean-active tr:hover td{background:#fff2f3!important;}

/* Badges and steps */
body.jkd-clean-active .badge,
body.jkd-clean-active .pill,
body.jkd-clean-active .step-pill,
body.jkd-clean-active .module-tag,
body.jkd-clean-active .mini-badge,
body.jkd-clean-active .status-pill,
body.jkd-clean-active .gear-badge,
body.jkd-clean-active .run-badge,
body.jkd-clean-active .live-badge,
body.jkd-clean-active .recording-badge,
body.jkd-clean-active .profile-badge,
body.jkd-clean-active .step{
  color:#b51219!important;
  border-color:#efcfd2!important;
  background:#fff0f1!important;
  box-shadow:none!important;
}
body.jkd-clean-active .step.active,
body.jkd-clean-active .step.current{color:#fff!important;background:#d71920!important;border-color:#d71920!important;}

/* Semantic states: only these retain green/yellow for workshop clarity. */
body.jkd-clean-active .ok,
body.jkd-clean-active .is-ok,
body.jkd-clean-active .status-ok,
body.jkd-clean-active .success{color:#177c48!important;}
body.jkd-clean-active .warn,
body.jkd-clean-active .warning,
body.jkd-clean-active .status-warn{color:#8a5b05!important;}
body.jkd-clean-active .error,
body.jkd-clean-active .bad,
body.jkd-clean-active .status-error{color:#b51219!important;}
body.jkd-clean-active .result-box.ok,
body.jkd-clean-active .status-card.ok,
body.jkd-clean-active .top-status.ok,
body.jkd-clean-active .metric-card.ok,
body.jkd-clean-active .diagnosis-ok,
body.jkd-clean-active .workshop-value.value-ok,
body.jkd-clean-active .state-line.ok,
body.jkd-clean-active .profile-badge.ready{
  color:#177c48!important;
  border-color:#cce8d9!important;
  background:#eef9f3!important;
}
body.jkd-clean-active .result-box.warn,
body.jkd-clean-active .status-card.warn,
body.jkd-clean-active .top-status.warn,
body.jkd-clean-active .metric-card.warn,
body.jkd-clean-active .diagnosis-warn,
body.jkd-clean-active .workshop-value.value-warn,
body.jkd-clean-active .state-line.warn,
body.jkd-clean-active .profile-badge.blocked,
body.jkd-clean-active .notice-box.warning{
  color:#825704!important;
  border-color:#ead9ac!important;
  background:#fff9ea!important;
}
body.jkd-clean-active .result-box.error,
body.jkd-clean-active .status-card.error,
body.jkd-clean-active .top-status.error,
body.jkd-clean-active .metric-card.bad,
body.jkd-clean-active .diagnosis-bad,
body.jkd-clean-active .workshop-value.value-bad,
body.jkd-clean-active .state-line.error,
body.jkd-clean-active .card-danger{
  color:#a90f16!important;
  border-color:#efc9cd!important;
  background:#fff0f1!important;
}

/* Live Studio / measurement views */
body.jkd-clean-active .signal-item,
body.jkd-clean-active .live-slot,
body.jkd-clean-active .slot-card,
body.jkd-clean-active .value-slot{
  color:#34393f!important;
  border-color:#dfe2e6!important;
  background:#f7f8f9!important;
  box-shadow:none!important;
}
body.jkd-clean-active .signal-item:hover{border-color:#e4aeb3!important;background:#fff2f3!important;}
body.jkd-clean-active .live-slot.filled,
body.jkd-clean-active .slot-card.filled,
body.jkd-clean-active .value-slot.filled{border-color:#efcfd2!important;background:#ffffff!important;}
body.jkd-clean-active .live-slot.focus,
body.jkd-clean-active .slot-card.focus,
body.jkd-clean-active .live-slot.active,
body.jkd-clean-active .slot-card.active,
body.jkd-clean-active .value-slot.focus{border-color:#d71920!important;box-shadow:0 0 0 3px rgba(215,25,32,.07)!important;}
body.jkd-clean-active .value-slot.dragover{border-color:#d71920!important;background:#fff0f1!important;}
body.jkd-clean-active .slot-value b{color:#202328!important;}
body.jkd-clean-active .slot-source,
body.jkd-clean-active .slot-status{color:#7c838a!important;}
body.jkd-clean-active canvas,
body.jkd-clean-active #mainChart,
body.jkd-clean-active .chart-canvas,
body.jkd-clean-active .gauge-canvas{
  border-color:#dfe2e6!important;
  background:#ffffff!important;
  box-shadow:none!important;
}

/* Auto Scan */
body.jkd-clean-active .scan-controls,
body.jkd-clean-active .scan-layout,
body.jkd-clean-active .scan-results{background:#ffffff!important;}
body.jkd-clean-active .summary-grid>div{background:#f6f7f8!important;border-color:#dfe2e6!important;}
body.jkd-clean-active .scan-status span{background:#aeb4ba!important;box-shadow:none!important;}
body.jkd-clean-active .scan-status.running span{background:#d71920!important;box-shadow:0 0 0 4px rgba(215,25,32,.09)!important;}

/* Stage 1 */
body.jkd-clean-active .drop-zone{color:#4a5057!important;border-color:#e6b4b8!important;background:#fff7f7!important;}
body.jkd-clean-active .drop-zone:hover,
body.jkd-clean-active .drop-zone.drag{border-color:#d71920!important;background:#fff0f1!important;}
body.jkd-clean-active .drop-zone span{color:#777e85!important;}
body.jkd-clean-active .target-numbers .arrow{color:#d71920!important;background:transparent!important;}
body.jkd-clean-active .byte-diff,
body.jkd-clean-active .diff-bar,
body.jkd-clean-active .hex-map{background:#f5f6f7!important;border-color:#dfe2e6!important;}

/* Performance / Dyno: all surrounding UI is light. Canvas drawing is also
   recolored in performance_test.js in this build. */
body.jkd-clean-active .performance-shell,
body.jkd-clean-active .dyno-shell,
body.jkd-clean-active .gauge-wrap,
body.jkd-clean-active .instrument-wrap,
body.jkd-clean-active .performance-chart,
body.jkd-clean-active .power-chart{background:#ffffff!important;color:#34393f!important;}

/* Empty/loading blocks */
body.jkd-clean-active .empty-state,
body.jkd-clean-active .small-empty,
body.jkd-clean-active .detail-empty,
body.jkd-clean-active .empty,
body.jkd-clean-active .loading{
  color:#7d848b!important;
  border-color:#dfe2e6!important;
  background:#f6f7f8!important;
}

/* JSON console and terminals are LIGHT in this revision too. */
body.jkd-clean-active pre,
body.jkd-clean-active code,
body.jkd-clean-active .terminal,
body.jkd-clean-active .json-box,
body.jkd-clean-active #studioJson,
body.jkd-clean-active .scan-layout pre{
  color:#30353a!important;
  border-color:#d8dce0!important;
  background:#f4f5f6!important;
  text-shadow:none!important;
}
body.jkd-clean-active .jkd-json-toggle{
  color:#ffffff!important;
  border-color:#b51219!important;
  background:#d71920!important;
  box-shadow:0 8px 20px rgba(215,25,32,.16)!important;
}
body.jkd-clean-active .jkd-json-toggle b{color:#b51219!important;background:#ffffff!important;}
body.jkd-clean-active .jkd-json-console{
  color:#30353a!important;
  border-color:#d6dade!important;
  background:#ffffff!important;
  box-shadow:0 18px 50px rgba(35,40,45,.15)!important;
}
body.jkd-clean-active .jkd-json-head{
  color:#202328!important;
  background:#f1f2f4!important;
  border-color:#dfe2e6!important;
}
body.jkd-clean-active .jkd-json-head button,
body.jkd-clean-active .jkd-json-entry button{color:#34393f!important;border-color:#d7dbe0!important;background:#ffffff!important;}
body.jkd-clean-active .jkd-json-entry{color:#30353a!important;background:#ffffff!important;border-color:#dfe2e6!important;}
body.jkd-clean-active .jkd-json-entry-head{background:#f7f8f9!important;border-color:#e2e5e8!important;}
body.jkd-clean-active .jkd-json-entry strong{color:#30353a!important;}
body.jkd-clean-active .jkd-json-entry pre{color:#30353a!important;background:#f4f5f6!important;border:0!important;}

/* Progress / active indicators */
body.jkd-clean-active .progress-fill,
body.jkd-clean-active .active-line,
body.jkd-clean-active .accent-line{background:#d71920!important;}

/* No legacy glow or dark shadows anywhere. */
body.jkd-clean-active .glow,
body.jkd-clean-active [class*="glow"]{filter:none!important;text-shadow:none!important;}

@media(max-width:900px){
  body.jkd-clean-active .sidebar,
  body.jkd-clean-active .jkd-sidebar,
  body.jkd-clean-active .backup-sidebar{
    border-right:0!important;
    border-bottom:1px solid #dfe2e6!important;
    box-shadow:0 4px 14px rgba(35,40,45,.035)!important;
  }
}



/* =====================================================================
   CLEANOUT PASS 6
   Ziel: keinerlei schwarze/navy Karten mehr + robuste Typografie bei
   Windows/Edge Skalierung (100-150%). Modul-CSS darf nur Layout liefern.
   ===================================================================== */
:root{
  --jkd-bg:#f4f5f6!important;
  --jkd-bg-2:#f8f9fa!important;
  --jkd-sidebar:#ffffff!important;
  --jkd-panel:#ffffff!important;
  --jkd-panel-2:#f5f6f7!important;
  --jkd-panel-3:#eef0f2!important;
  --jkd-line:#d9dde2!important;
  --jkd-line-strong:#c9ced4!important;
  --jkd-text:#24282d!important;
  --jkd-text-soft:#454b52!important;
  --jkd-muted:#6f767e!important;
  --jkd-blue:#d71920!important;
  --jkd-blue-strong:#b51219!important;
  --jkd-cyan:#d71920!important;
  --bg:#f4f5f6!important;
  --bg-soft:#eef0f2!important;
  --panel:#ffffff!important;
  --panel-2:#f5f6f7!important;
  --panel-soft:#f5f6f7!important;
  --panel-strong:#ffffff!important;
  --panel-light:#f5f6f7!important;
  --border:#d9dde2!important;
  --border-soft:#e2e5e8!important;
  --line:#d9dde2!important;
  --text:#24282d!important;
  --white:#24282d!important;
  --muted:#6f767e!important;
  --blue:#d71920!important;
  --blue2:#b51219!important;
  --blue-strong:#b51219!important;
  --blue-soft:#fff0f1!important;
  --cyan:#d71920!important;
  --green:#249a58!important;
  --success:#249a58!important;
  --yellow:#b87808!important;
  --warning:#b87808!important;
  --red:#d71920!important;
  --danger:#d71920!important;
  --shadow:0 5px 16px rgba(35,40,45,.045)!important;
  --blue-shadow:0 5px 16px rgba(215,25,32,.055)!important;
}

html,body,body.jkd-clean-active{
  background:#f4f5f6!important;
  background-image:none!important;
  color:#24282d!important;
  font-family:"Segoe UI Variable","Segoe UI",Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
  line-height:1.45!important;
}
body.jkd-clean-active *{box-sizing:border-box;}
body.jkd-clean-active :is(.main,.jkd-main,.studio-main,.scan-main,.test-main,.content,.coverage-main){
  background:#f4f5f6!important;
  color:#24282d!important;
}

/* Robust text flow: no overlapping / shifted labels on 1080p laptops. */
body.jkd-clean-active :is(.card,.panel,.metric-card,.module-card,.quick-card,.bundle-card,.control-card,.status-card,.side-card,.profile-card,.live-card,.recording-card,.test-item,.legend,.summary-grid>*,.source-grid>*,.profile-result-grid>*,.signal-grid>*,.recording-stats-grid>*,.plan-detail-grid>*,.lexicon-meta-grid>*){
  min-width:0!important;
  max-width:100%;
}
body.jkd-clean-active :is(h1,h2,h3,h4,h5,h6,strong,span,small,p,label,td,th,li,code){
  overflow-wrap:break-word;
  word-break:normal;
}
body.jkd-clean-active h1{line-height:1.08!important;letter-spacing:-.035em!important;}
body.jkd-clean-active h2{line-height:1.18!important;letter-spacing:-.02em!important;}
body.jkd-clean-active h3{line-height:1.24!important;letter-spacing:-.01em!important;}
body.jkd-clean-active small{line-height:1.35!important;}
body.jkd-clean-active button,
body.jkd-clean-active .btn,
body.jkd-clean-active input,
body.jkd-clean-active select,
body.jkd-clean-active textarea{line-height:1.25!important;}
body.jkd-clean-active button,
body.jkd-clean-active .btn{min-height:40px!important;white-space:normal!important;}

/* Dashboard: remove the last dark gauge/terminal pieces. */
body.jkd-clean-active .gauge-inner,
body.jkd-clean-active .mini-terminal,
body.jkd-clean-active .gauge-meta span,
body.jkd-clean-active .license-panel{
  color:#34393f!important;
  background:#f5f6f7!important;
  border-color:#d9dde2!important;
  box-shadow:none!important;
}
body.jkd-clean-active .gauge-ring{
  background:conic-gradient(from 220deg,#d71920,#ef9ba0,#e6e8eb,#d71920)!important;
  box-shadow:none!important;
}
body.jkd-clean-active .gauge-ring.gauge-warn{
  background:conic-gradient(from 220deg,#b87808,#e6cf9d,#e6e8eb,#b87808)!important;
}

/* Vehicle coverage: module stylesheet previously loaded dark cards. */
body.jkd-clean-active .coverage-hero>div:first-child,
body.jkd-clean-active .hero-protocol,
body.jkd-clean-active .summary-grid article,
body.jkd-clean-active .legend,
body.jkd-clean-active .filter-card,
body.jkd-clean-active .coverage-main .card{
  color:#34393f!important;
  border:1px solid #d9dde2!important;
  background:#ffffff!important;
  background-image:none!important;
  box-shadow:0 4px 14px rgba(35,40,45,.035)!important;
}
body.jkd-clean-active .summary-grid article:nth-child(even),
body.jkd-clean-active .legend{background:#f7f8f9!important;}
body.jkd-clean-active .coverage-hero p,
body.jkd-clean-active .hero-protocol span,
body.jkd-clean-active .hero-protocol small,
body.jkd-clean-active .legend span,
body.jkd-clean-active .filter-info,
body.jkd-clean-active .coverage-table td,
body.jkd-clean-active .feature-list{color:#5f666d!important;}
body.jkd-clean-active .hero-protocol strong,
body.jkd-clean-active .summary-grid strong,
body.jkd-clean-active .coverage-table td:first-child strong{color:#24282d!important;}
body.jkd-clean-active .hero-protocol b,
body.jkd-clean-active .coverage-main .eyebrow,
body.jkd-clean-active .coverage-main .badge{color:#c21821!important;}
body.jkd-clean-active .coverage-warning{background:#fff9ea!important;color:#6a5527!important;border-color:#ead9ac!important;}
body.jkd-clean-active .coverage-warning strong{color:#825704!important;}
body.jkd-clean-active .coverage-table th{background:#f1f2f4!important;color:#5f666e!important;}
body.jkd-clean-active .coverage-table td{background:#fff!important;border-color:#e4e7ea!important;}
body.jkd-clean-active .coverage-table tr:nth-child(even) td{background:#fafafa!important;}
body.jkd-clean-active .coverage-table tr:hover td{background:#fff2f3!important;}
body.jkd-clean-active .filter-grid input,
body.jkd-clean-active .filter-grid select{background:#fff!important;color:#272b30!important;border-color:#d6dade!important;}
body.jkd-clean-active .coverage-main .btn{background:#f2f3f5!important;color:#34393f!important;border-color:#d7dbe0!important;}
body.jkd-clean-active .coverage-main .btn:not(.ghost){color:#fff!important;background:#d71920!important;border-color:#b51219!important;}

/* System test: every result row and JSON panel stays light. */
body.jkd-clean-active .test-state,
body.jkd-clean-active .test-item,
body.jkd-clean-active .test-layout>.card,
body.jkd-clean-active .hints,
body.jkd-clean-active .json-card{
  color:#34393f!important;
  background:#ffffff!important;
  background-image:none!important;
  border-color:#d9dde2!important;
  box-shadow:none!important;
}
body.jkd-clean-active .test-item{grid-template-columns:32px minmax(0,1fr) minmax(0,1fr) auto!important;align-items:center!important;}
body.jkd-clean-active .test-icon{color:#60676e!important;background:#eef0f2!important;border:1px solid #d9dde2!important;}
body.jkd-clean-active .test-item.ok .test-icon{color:#177c48!important;background:#eef9f3!important;border-color:#cce8d9!important;}
body.jkd-clean-active .test-item.bad .test-icon{color:#a90f16!important;background:#fff0f1!important;border-color:#efc9cd!important;}
body.jkd-clean-active .test-item.running .test-icon{color:#b51219!important;background:#fff0f1!important;border-color:#efcfd2!important;}
body.jkd-clean-active .test-item small,
body.jkd-clean-active .test-state small,
body.jkd-clean-active .ms{color:#737a81!important;}
body.jkd-clean-active .stage{color:#5e656c!important;overflow-wrap:anywhere!important;word-break:break-word!important;}
body.jkd-clean-active .json-card pre{height:min(570px,58vh)!important;background:#f5f6f7!important;color:#30353a!important;border-color:#d8dce0!important;}

/* Performance / Dyno: old control strip and live cards were the darkest leftovers. */
body.jkd-clean-active .control-strip,
body.jkd-clean-active .profile-panel,
body.jkd-clean-active .gauge-card,
body.jkd-clean-active .center-stack,
body.jkd-clean-active .chart-panel,
body.jkd-clean-active .workshop-note,
body.jkd-clean-active .live-prep-panel,
body.jkd-clean-active .recording-panel,
body.jkd-clean-active .signal-finder-panel{
  color:#34393f!important;
  background:#ffffff!important;
  background-image:none!important;
  border-color:#d9dde2!important;
  box-shadow:0 4px 14px rgba(35,40,45,.035)!important;
}
body.jkd-clean-active .profile-card,
body.jkd-clean-active .profile-readiness,
body.jkd-clean-active .profile-result-grid div,
body.jkd-clean-active .power-card,
body.jkd-clean-active .mini-card,
body.jkd-clean-active .live-card,
body.jkd-clean-active .recording-card,
body.jkd-clean-active .signal-grid div,
body.jkd-clean-active .recording-stats-grid div,
body.jkd-clean-active .signal-finder-panel div{
  color:#34393f!important;
  background:#f7f8f9!important;
  background-image:none!important;
  border-color:#dfe2e6!important;
  box-shadow:none!important;
}
body.jkd-clean-active .signal-grid div.ok{background:#eef9f3!important;border-color:#cce8d9!important;}
body.jkd-clean-active .signal-grid div.warn{background:#fff9ea!important;border-color:#ead9ac!important;}
body.jkd-clean-active .signal-grid div.error{background:#fff0f1!important;border-color:#efc9cd!important;}
body.jkd-clean-active .recording-stats-grid div,
body.jkd-clean-active .signal-grid div{min-height:92px!important;}
body.jkd-clean-active .profile-card h3,
body.jkd-clean-active .live-card h3,
body.jkd-clean-active .recording-card h3,
body.jkd-clean-active .live-stage-row strong,
body.jkd-clean-active .signal-grid strong,
body.jkd-clean-active .recording-stats-grid strong,
body.jkd-clean-active .signal-finder-panel b{color:#24282d!important;}
body.jkd-clean-active .live-stage-row span,
body.jkd-clean-active .signal-finder-panel strong{color:#c21821!important;}
body.jkd-clean-active .control-strip select,
body.jkd-clean-active .control-strip input{background:#fff!important;color:#272b30!important;border-color:#d6dade!important;}
body.jkd-clean-active .btn-secondary,
body.jkd-clean-active .btn-ghost{background:#f2f3f5!important;color:#34393f!important;border-color:#d7dbe0!important;}
body.jkd-clean-active #performanceChart{background:#fff!important;border:1px solid #e0e3e6!important;}
body.jkd-clean-active .gauge-card::after{display:none!important;}
body.jkd-clean-active .note-list span{background:#fff2f3!important;border-color:#efcfd2!important;color:#8f141a!important;}

/* Live Studio: no blue/navy slots or chart meta chips. */
body.jkd-clean-active .studio-state,
body.jkd-clean-active .studio-toolbar,
body.jkd-clean-active .signal-panel,
body.jkd-clean-active .chart-card,
body.jkd-clean-active .json-local-card{
  color:#34393f!important;
  background:#ffffff!important;
  background-image:none!important;
  border-color:#d9dde2!important;
  box-shadow:none!important;
}
body.jkd-clean-active .signal-item,
body.jkd-clean-active .value-slot,
body.jkd-clean-active .chart-meta span{
  color:#34393f!important;
  background:#f7f8f9!important;
  background-image:none!important;
  border-color:#dfe2e6!important;
  box-shadow:none!important;
}
body.jkd-clean-active .value-slot.empty{color:#7b8289!important;}
body.jkd-clean-active .studio-toolbar input,
body.jkd-clean-active .studio-toolbar select,
body.jkd-clean-active .wide-label input,
body.jkd-clean-active .signal-panel input{background:#fff!important;color:#272b30!important;border-color:#d6dade!important;}
body.jkd-clean-active .chart-card canvas{background:#fff!important;border:1px solid #e0e3e6!important;}
body.jkd-clean-active .json-local-card pre{background:#f5f6f7!important;color:#30353a!important;border-color:#d8dce0!important;}

/* Diagnose assistant / classic live values / fault modules. */
body.jkd-clean-active .plan-detail-grid span,
body.jkd-clean-active .lexicon-meta-grid span,
body.jkd-clean-active .mini-checks,
body.jkd-clean-active .pdf-item,
body.jkd-clean-active .lexicon-loading,
body.jkd-clean-active .lexicon-alert,
body.jkd-clean-active .lexicon-toolbar,
body.jkd-clean-active .group-values div,
body.jkd-clean-active .fault-meta span,
body.jkd-clean-active .protocol-plan .plan-line,
body.jkd-clean-active .fault-status-note,
body.jkd-clean-active .fault-explain,
body.jkd-clean-active .fault-checks,
body.jkd-clean-active .history-item{
  color:#34393f!important;
  background:#f7f8f9!important;
  background-image:none!important;
  border-color:#dfe2e6!important;
  box-shadow:none!important;
}
body.jkd-clean-active .pdf-item.saved,
body.jkd-clean-active .diagnosis-ok,
body.jkd-clean-active .workshop-value.value-ok{background:#eef9f3!important;border-color:#cce8d9!important;}
body.jkd-clean-active .pdf-item.pending,
body.jkd-clean-active .diagnosis-warn,
body.jkd-clean-active .workshop-value.value-warn{background:#fff9ea!important;border-color:#ead9ac!important;}
body.jkd-clean-active .pdf-item.error,
body.jkd-clean-active .diagnosis-bad,
body.jkd-clean-active .workshop-value.value-bad{background:#fff0f1!important;border-color:#efc9cd!important;}

/* PDF reports: keep long report IDs/status text inside their columns. */
body.jkd-clean-active .source-item,
body.jkd-clean-active .source-grid>div,
body.jkd-clean-active .pdf-result,
body.jkd-clean-active .report-item,
body.jkd-clean-active .empty-state{
  color:#34393f!important;
  background:#ffffff!important;
  background-image:none!important;
  border-color:#d9dde2!important;
  box-shadow:none!important;
}
body.jkd-clean-active .source-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
body.jkd-clean-active .source-grid>div{min-width:0!important;}
body.jkd-clean-active .source-item strong,
body.jkd-clean-active .source-grid strong,
body.jkd-clean-active .pdf-result strong,
body.jkd-clean-active .report-item strong{color:#24282d!important;overflow-wrap:anywhere!important;}
body.jkd-clean-active .source-item span,
body.jkd-clean-active .source-grid small,
body.jkd-clean-active .pdf-result span,
body.jkd-clean-active .report-item small{color:#6f767e!important;}
body.jkd-clean-active code{background:#f0f1f3!important;color:#8f141a!important;}

/* Stage 1: module CSS comes late on some pages, so lock these cards too. */
body.jkd-clean-active .hero-target,
body.jkd-clean-active .coverage-item,
body.jkd-clean-active .stage-card,
body.jkd-clean-active .stage1-card{
  color:#34393f!important;
  background:#ffffff!important;
  background-image:none!important;
  border-color:#d9dde2!important;
  box-shadow:none!important;
}

/* License & ECU Ident legacy dark fragments. */
body.jkd-clean-active .side-card,
body.jkd-clean-active .device-box,
body.jkd-clean-active .activation-result,
body.jkd-clean-active .admin-hidden,
body.jkd-clean-active .history-item,
body.jkd-clean-active .terminal,
body.jkd-clean-active .decoded-block pre{
  color:#34393f!important;
  background:#f7f8f9!important;
  background-image:none!important;
  border-color:#dfe2e6!important;
  box-shadow:none!important;
}
body.jkd-clean-active .license-state-card.active{background:#eef9f3!important;border-color:#cce8d9!important;}

/* Status colors remain semantic, but never use a dark fill. */
body.jkd-clean-active :is(.status-pill.ok,.status-pill.running,.live-badge.ok,.recording-badge.ok,.test-state.ok){background:#eef9f3!important;color:#177c48!important;border-color:#cce8d9!important;}
body.jkd-clean-active :is(.status-pill.saved,.live-badge.warn,.recording-badge.warn,.recording-badge.running,.test-state.warn){background:#fff9ea!important;color:#825704!important;border-color:#ead9ac!important;}
body.jkd-clean-active :is(.status-pill.error,.live-badge.error,.test-state.error){background:#fff0f1!important;color:#a90f16!important;border-color:#efc9cd!important;}

/* No full dark surface is permitted in final cleanout. */
body.jkd-clean-active .toast{background:#ffffff!important;color:#34393f!important;border-color:#d9dde2!important;box-shadow:0 8px 24px rgba(35,40,45,.10)!important;}

@media(max-width:1100px){
  body.jkd-clean-active .source-grid{grid-template-columns:1fr!important;}
  body.jkd-clean-active .test-item{grid-template-columns:32px minmax(0,1fr)!important;}
  body.jkd-clean-active .test-item .stage,
  body.jkd-clean-active .test-item .ms{grid-column:2!important;}
}

/* Fault library cleanout */
body.jkd-clean-active .featured-code,
body.jkd-clean-active .fault-card,
body.jkd-clean-active .summary-card,
body.jkd-clean-active .check-item,
body.jkd-clean-active .report-box,
body.jkd-clean-active .next-action-box,
body.jkd-clean-active .empty-results{
  color:#34393f!important;
  background:#ffffff!important;
  background-image:none!important;
  border-color:#d9dde2!important;
  box-shadow:none!important;
}
body.jkd-clean-active .fault-card:hover,
body.jkd-clean-active .fault-card.active{background:#fff2f3!important;border-color:#e9bfc2!important;}
body.jkd-clean-active .fault-library-main .summary-card,
body.jkd-clean-active .check-item{background:#f7f8f9!important;}
body.jkd-clean-active select option{background:#ffffff!important;color:#24282d!important;}

/* Service functions cleanout */
body.jkd-clean-active .service-topbar,
body.jkd-clean-active .timer-panel,
body.jkd-clean-active .result-box{
  color:#34393f!important;
  background:#ffffff!important;
  background-image:none!important;
  border-color:#d9dde2!important;
  box-shadow:none!important;
}
body.jkd-clean-active .timer-panel{background:#f7f8f9!important;}
body.jkd-clean-active .settings-grid input,
body.jkd-clean-active .settings-grid select,
body.jkd-clean-active .reset-line input{background:#ffffff!important;color:#272b30!important;border-color:#d6dade!important;}

/* Flex/grid typography stability across the whole suite. */
body.jkd-clean-active :is(.summary-grid,.metric-grid,.module-grid,.profile-grid,.profile-result-grid,.signal-grid,.recording-stats-grid,.source-grid,.lower-grid,.content-grid,.workshop-grid,.test-layout,.studio-grid,.slot-grid,.live-prep-grid,.recording-grid)>*{min-width:0!important;}
body.jkd-clean-active :is(.panel-head,.panel-header,.section-head,.live-header,.recording-header,.topbar,.jkd-hero,.studio-hero,.test-hero){min-width:0!important;}
body.jkd-clean-active :is(.panel-head,.panel-header,.section-head,.live-header,.recording-header)>*{min-width:0!important;}
body.jkd-clean-active .button-row{align-items:center!important;}
body.jkd-clean-active .button-row>*{max-width:100%!important;}

/* 1080p workshop laptop: keep cards readable without text collisions. */
@media (max-width:1500px){
  body.jkd-clean-active{font-size:13.5px!important;}
  body.jkd-clean-active .main,
  body.jkd-clean-active .jkd-main,
  body.jkd-clean-active .studio-main,
  body.jkd-clean-active .test-main,
  body.jkd-clean-active .coverage-main{padding-left:22px!important;padding-right:22px!important;}
  body.jkd-clean-active .sidebar,
  body.jkd-clean-active .jkd-sidebar{width:250px!important;min-width:250px!important;}
  body.jkd-clean-active .jkd-main,
  body.jkd-clean-active .main,
  body.jkd-clean-active .studio-main,
  body.jkd-clean-active .test-main{width:calc(100% - 250px)!important;}
  body.jkd-clean-active .control-strip{gap:10px!important;}
  body.jkd-clean-active .control-group{min-width:190px!important;}
  body.jkd-clean-active .control-group.wide{min-width:230px!important;}
  body.jkd-clean-active .control-group.compact{min-width:160px!important;}
}