/* Match startup preparation and sample capture panels. */
#modulePanel{background:#f8fbff;color:#172033;font-size:13px;line-height:1.6;color-scheme:light}
#modulePanel h2{font-size:20px;margin:0 0 10px;color:#172033}
#modulePanel p{margin:10px 0;overflow-wrap:anywhere}
#modulePanel>div{background:#fff;border-color:#e2e8f0!important}
#modulePanel select{background:#fff;color:#172033;border:1px solid #cbd5e1;border-radius:8px;font:inherit;box-sizing:border-box}
#modulePanel button{display:inline-block;border:1px solid #2563eb;border-radius:8px;background:#2563eb;color:#fff;padding:9px 14px;cursor:pointer;font:inherit}
#modulePanel #refreshTargetModules{background:#fff;color:#172033;border-color:#cbd5e1}
#modulePanel button:disabled{opacity:.55;cursor:not-allowed}
#modulePanel [role="status"]{background:#eaf2ff;border-radius:8px;padding:10px;color:#1e40af}
#modulePanel select:focus-visible,#modulePanel button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.video-box[data-view="modules"] .live-camera-box{display:none!important}
.video-panel:has(.video-box[data-view="modules"]) #liveBadge{display:none!important}

#modulePanel .module-intro{color:#64748b}
#modulePanel .module-pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:transparent;border:0!important;margin:16px 0 22px}
#modulePanel .module-stage{border:1px solid #e2e8f0;border-radius:10px;padding:12px;background:#fff;min-width:0}
#modulePanel .module-stage strong{display:block;font-size:14px}
#modulePanel .module-stage span{display:block;font-size:11px;color:#64748b;margin-top:6px}
#modulePanel .module-stage p{font-size:12px;color:#64748b;margin-bottom:0}
#modulePanel .module-stage-active{border-color:#93c5fd;background:#eff6ff}
#modulePanel .module-stage-active span{color:#1d4ed8}
#modulePanel h3{font-size:16px;margin:18px 0 8px}
@media(max-width:1100px){#modulePanel .module-pipeline{grid-template-columns:1fr}}

#modulePanel button.module-stage{display:block;width:100%;text-align:left;color:#172033;border:1px solid #e2e8f0;background:#fff;padding:12px;cursor:pointer;transition:border-color .15s,background .15s}
#modulePanel button.module-stage:hover{border-color:#93c5fd;background:#f0f7ff}
#modulePanel button.module-stage-active{border-color:#60a5fa;background:#eff6ff;box-shadow:0 0 0 1px #bfdbfe}
#modulePanel .module-empty{padding:20px;border:1px dashed #cbd5e1!important;background:#fff;border-radius:10px;margin:14px 0}
#modulePanel .module-empty select{display:block;width:100%;padding:10px;margin:10px 0}

/* Native selects must leave room for inherited line height and vertical padding. */
#modulePanel #targetModuleChoice,#modulePanel .module-empty select{height:auto!important;min-height:44px!important;max-height:none!important;line-height:1.5!important;padding:9px 36px 9px 12px!important;font-size:14px!important;box-sizing:border-box;appearance:auto}
#modulePanel select option{font-size:14px;line-height:1.5;background:#fff;color:#172033}

#modulePanel .stationary-test{border:1px solid #e2e8f0;border-radius:10px;padding:16px;margin-top:20px;background:white}
#modulePanel #stationaryDescription{display:block;width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#172033;margin:8px 0 12px;font:inherit}
#modulePanel .test-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#modulePanel .test-images figure{margin:0;min-width:0}
#modulePanel .test-images img{width:100%;display:block;border-radius:6px;border:1px solid #e2e8f0}
#modulePanel .test-images figcaption{margin-bottom:6px;color:#64748b}
@media(max-width:1100px){#modulePanel .test-images{grid-template-columns:1fr}}