/* Add after legacy-bridge.css. Own component classes only; no auth, hiding or state logic. */
.canlow-step-card{font-family:Arial,Helvetica,sans-serif;color:#eff5f0;background:#101919;border:1px solid #253230;border-radius:10px;overflow:hidden;min-width:0;max-width:100%;text-align:left}
.canlow-step-card,.canlow-step-card *{box-sizing:border-box}
.canlow-step-card :where(h3,h4,p,ol,ul,dl,figure){margin:0}
.canlow-step-card :where(button,input,select,textarea){font:inherit}
.canlow-step-card :where(button,a,input,select,textarea):focus-visible{outline:2px solid #b8f64f;outline-offset:3px}
.canlow-step-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:23px 24px 20px;border-bottom:1px solid #253230}
.canlow-step-card .canlow-step-kicker{font-size:10px;line-height:1.5;font-weight:700;letter-spacing:1.4px;color:#b8f64f;margin-bottom:10px}
.canlow-step-card-head h3{font-size:22px;line-height:1.3;letter-spacing:-.45px;font-weight:600;overflow-wrap:anywhere}
.canlow-step-status{display:inline-flex;align-items:center;gap:6px;flex:none;max-width:48%;border:1px solid #6c5939;background:#e0bf8008;border-radius:5px;padding:5px 8px;color:#e0bf80;font-size:10px;line-height:1.55;overflow-wrap:anywhere}
.canlow-step-status:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%;flex:none}
.canlow-step-status.is-reviewed{color:#b8f64f;border-color:#b8f64f40;background:#b8f64f08}
.canlow-step-flow{list-style:none;padding:0}
.canlow-step-action{display:grid;grid-template-columns:29px minmax(0,1fr);gap:13px;padding:20px 24px;border-bottom:1px solid #253230}
.canlow-step-action:last-child{border:0}
.canlow-step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#142020;border:1px solid #3d5143;border-radius:6px;font-size:10px;color:#b8f64f;font-weight:600;line-height:1}
.canlow-step-card h4{font-size:13px;line-height:1.6;font-weight:600;margin-bottom:11px}
.canlow-step-card .canlow-step-text-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}
.canlow-step-text-list li{font-size:13px;line-height:1.8;color:#c8d4cb;overflow-wrap:anywhere;white-space:pre-line}
.canlow-step-text-list li:before{content:'•';color:#85997a;margin-right:9px}
.canlow-step-card .canlow-step-power-state{padding:10px 12px;margin-bottom:12px;border:1px solid #4f4734;background:#e0bf8006;border-radius:6px;color:#d8c8a7;font-size:12px;line-height:1.75;overflow-wrap:anywhere;white-space:pre-line}
.canlow-step-card .canlow-step-power-state{margin-top:12px;margin-bottom:0}
.canlow-step-power-state strong{display:block;font-size:10px;font-weight:600;color:#a1aeaa;margin-bottom:4px}
.canlow-step-probes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px}
.canlow-step-probe{padding:13px 14px;border:1px solid #3c4d42;border-radius:6px;background:#142020;min-width:0}
.canlow-step-probe dt{color:#a1aeaa;font-size:11px;line-height:1.5;margin-bottom:8px;overflow-wrap:anywhere}
.canlow-step-probe dd{margin:0;color:#eff5f0;font-size:14px;font-weight:600;line-height:1.6;overflow-wrap:anywhere;white-space:pre-line}
.canlow-step-probe .canlow-step-probe-note{color:#a1aeaa;font-size:11px;font-weight:400;line-height:1.7;margin-top:7px}
.canlow-step-card .canlow-step-norm{font-size:28px;line-height:1.25;font-weight:600;letter-spacing:-.8px;overflow-wrap:anywhere;white-space:pre-line}
.canlow-step-card .canlow-step-secondary{color:#a1aeaa;font-size:11px;line-height:1.8;margin-top:10px;overflow-wrap:anywhere;white-space:pre-line}
.canlow-step-card .canlow-step-unavailable{font-size:12px;color:#a1aeaa;line-height:1.85;overflow-wrap:anywhere}
.canlow-step-result{min-width:0}
.canlow-step-result .choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:10px;margin-top:14px}
.canlow-step-result .choice-button{min-height:52px;padding:12px 15px;color:#eff5f0;background:#142020;border:1px solid #4c613e;border-radius:6px;font-size:13px;line-height:1.55;white-space:normal;cursor:pointer;touch-action:manipulation}
.canlow-step-result .choice-button:hover{background:#22321f;border-color:#b8f64f}
.canlow-step-result .step-question{font-size:13px;line-height:1.8;border:0;padding:0;margin:0;color:#eff5f0}
.canlow-step-result :where(input,select,textarea){max-width:100%}
.canlow-step-card-source{font-size:10px;color:#a1aeaa;line-height:1.8;padding:13px 24px;border-top:1px solid #253230;overflow-wrap:anywhere}
.canlow-step-replacement-body{padding:21px 24px 24px}
.canlow-step-card .canlow-step-component-name{font-size:15px;font-weight:600;line-height:1.75;overflow-wrap:anywhere;margin-bottom:17px}
.canlow-step-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:13px;align-items:start;margin-bottom:23px}
.canlow-step-figure{min-width:0}
.canlow-step-media,.canlow-step-map{display:flex;align-items:center;justify-content:center;min-height:164px;padding:12px;background:#080d0e;border:1px solid #253230;border-radius:7px;min-width:0;overflow:auto}
.canlow-step-media{aspect-ratio:4/3;max-height:280px}
.canlow-step-map{aspect-ratio:4/3;max-height:280px}
.canlow-step-media :where(img,svg){display:block;max-width:100%;max-height:100%;height:auto;object-fit:contain}
.canlow-step-map :where(img,svg){display:block;width:100%;max-width:100%;height:auto;max-height:100%;object-fit:contain}
.canlow-step-media>.canlow-step-unavailable,.canlow-step-map>.canlow-step-unavailable{max-width:250px;text-align:center}
.canlow-step-figure figcaption{font-size:10px;line-height:1.8;color:#a1aeaa;padding-top:8px;overflow-wrap:anywhere}
.canlow-step-location,.canlow-step-access,.canlow-step-after-replacement{padding-top:18px;border-top:1px solid #253230;margin-top:18px}
.canlow-step-location p{color:#c8d4cb;font-size:13px;line-height:1.85;white-space:pre-line;overflow-wrap:anywhere}
.canlow-step-replacement-result{border-top:1px solid #253230;padding-top:21px;margin-top:21px}
@media(max-width:760px){.canlow-step-card-head{padding:20px 18px;flex-wrap:wrap;gap:11px}.canlow-step-card-head>div{flex:1;min-width:150px}.canlow-step-card-head h3{font-size:21px}.canlow-step-status{max-width:100%}.canlow-step-action{padding:19px 18px;grid-template-columns:25px minmax(0,1fr);gap:10px}.canlow-step-number{width:25px;height:25px;font-size:9px}.canlow-step-card h4{font-size:12px;margin-bottom:10px}.canlow-step-text-list li{font-size:12px}.canlow-step-probe{padding:12px}.canlow-step-probe dd{font-size:14px}.canlow-step-card .canlow-step-norm{font-size:26px}.canlow-step-card-source{padding:12px 18px}.canlow-step-replacement-body{padding:19px 18px 21px}.canlow-step-media-grid{gap:14px}.canlow-step-media{max-height:240px}.canlow-step-result .choice-button{min-height:52px}.canlow-step-result :where(input,select,textarea){font-size:16px}}
@media(prefers-reduced-motion:reduce){.canlow-step-card *{transition:none!important}}
