/* Equipment photography is shared by catalog cards, the room trolley and inspection. */
.device-photo{display:block;background-color:#e1ebed;background-image:var(--device-image);background-size:300% calc(var(--device-rows)*100%);background-position:var(--device-x) var(--device-y);background-repeat:no-repeat;aspect-ratio:1;flex-shrink:0;overflow:hidden}
.suite-console{grid-template-columns:215px minmax(0,1fr)}.case-panel{grid-column:1/-1}.case-panel ol{display:flex;flex-wrap:wrap;gap:8px 30px;margin:12px 0}.case-panel li{flex:1;min-width:130px}.equipment-panel{background:#132a29;padding:22px}.equipment-header{align-items:center}.equipment-header h2{margin-bottom:10px}.equipment-header .eyebrow{color:#8fb8b6}.equipment-inspector{display:grid;grid-template-columns:220px minmax(0,1fr);border:1px solid #4a6260;border-radius:12px;overflow:hidden;margin:14px 0 22px;background:#203936}.device-inspect-image{padding:0;min-width:0;display:block;background:#e1ebed}.device-inspect-image .device-photo{width:100%;height:100%;aspect-ratio:1;background-size:300% calc(var(--device-rows)*100%)}.device-inspect-copy{padding:25px;align-self:center}.device-inspect-copy .eyebrow{font-size:9px;letter-spacing:1.4px;line-height:1.7;color:#9ec7bf}.device-inspect-copy h3{font-size:24px;line-height:1.2;letter-spacing:-.5px;margin:12px 0}.device-inspect-copy p{font-size:12px;line-height:1.7;margin:0 0 16px;color:#afc5c0}.device-enlarge{padding:7px 0;color:#d0e9df;border-bottom:1px solid #6c9c8b;font-size:12px}.equipment-tabs{border-bottom:1px solid #36524a;padding-bottom:16px;margin-bottom:20px;gap:8px}.equipment-tabs button{padding:8px 14px;font-size:12px}.equipment-tabs button.active{background:#bbd9ca;color:#142f28;border-color:#bbd9ca}.equipment-tray{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:13px}.equipment-tray .device-card{display:flex;flex-direction:column;background:#233a37;padding:0;min-height:0;border:1px solid #42625a;border-radius:9px;overflow:hidden;text-align:left;transition:border-color .15s,box-shadow .15s}.equipment-tray .device-card .device-photo{width:100%;border-bottom:1px solid #9eb2b4}.device-copy{display:flex;flex-direction:column;padding:13px 13px 11px;flex:1}.equipment-tray .device-copy small{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;color:#a7c3bb;margin:0 0 7px}.equipment-tray .device-copy b{font-size:13px;font-weight:550;line-height:1.5;color:#e3f0e9}.device-selection{font-size:10px;color:#94b3a8;border-top:1px solid #446258;padding-top:10px;margin-top:12px}.equipment-tray .device-card.active{background:#325446;border-color:#b4dbc0;box-shadow:0 0 0 1px #b4dbc0}.equipment-tray .device-card.active .device-selection{color:#dcf4b9}.equipment-tray .device-card:hover{border-color:#b1c7c0;box-shadow:0 6px 14px #07171670}.device-card:focus-visible,.device-inspect-image:focus-visible{outline:3px solid #ead494;outline-offset:3px}.equipment-caption{font-size:10px!important;line-height:1.6!important;color:#8fa9a2!important;margin-bottom:0}.floating-tray{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:7px;max-height:150px;background:repeating-linear-gradient(0deg,#819ca0 0,#819ca0 1px,#8ba6aa 1px,#8ba6aa 4px);scrollbar-width:thin}.floating-tray .device-card{padding:0;min-width:0;display:block;border:1px solid #b7d2d0;overflow:hidden;background:#d5e6e4;border-radius:4px;position:relative}.floating-tray .device-photo{width:100%;height:auto;aspect-ratio:1}.floating-tray .device-copy{padding:4px}.floating-tray .device-copy b{font:8px/1.3 system-ui;color:#173a37}.floating-tray .device-copy small,.floating-tray .device-selection{display:none}.floating-tray .device-card.active{outline:2px solid #caeea9;outline-offset:-2px;background:#a9cab4}.floating-tray .device-card.active:after{content:'✓';position:absolute;right:4px;top:3px;color:#153b2d;background:#bfe5ac;border-radius:50%;width:13px;height:13px;font-size:10px}.room-equipment[data-equipment=tray]{border:4px solid #b2c4c4;border-radius:9px;background:#9aafb1;box-shadow:0 3px 0 #4c6063,0 10px 16px #09181965}.room-equipment[data-equipment=tray] .equipment-handle{background:linear-gradient(#d4dedf,#a8babb);color:#243e40;text-shadow:0 1px #edf4f4;font-size:8px;padding:6px}.room-equipment:not([data-equipment=tray]){border:5px solid #283c40;border-bottom-width:10px;border-radius:10px;box-shadow:0 2px 0 #66797b,0 8px 18px #0006}.room-equipment:not([data-equipment=tray]) .equipment-handle{background:linear-gradient(#354b4f,#263a3e);color:#d0e4e5}.room-equipment:not([data-equipment=tray]):after{content:'';position:absolute;bottom:2px;right:8px;width:4px;height:4px;background:#97e8b3;border-radius:50%;box-shadow:0 0 4px #90dba8}
#deviceDialog{width:min(620px,90vw);max-height:90vh;overflow:auto;padding:0;border:1px solid #748b88;border-radius:14px;background:#203936;color:#e6f3ed;box-shadow:0 24px 100px #0008}#deviceDialog::backdrop{background:#031411bf;backdrop-filter:blur(5px)}.device-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;font:10px monospace;letter-spacing:1.5px}.device-dialog-header button{font:12px system-ui;letter-spacing:0;padding:7px 10px;border:1px solid #587267;border-radius:5px}.device-dialog-copy{padding:24px}.device-dialog-copy h2{font-size:27px;margin:10px 0}.device-dialog-copy p{font-size:13px;line-height:1.8;color:#bcd2c8}.device-dialog-copy small{font-size:10px;color:#9bb4a8}#deviceDialog>.device-photo{width:min(100%,430px);margin:auto}.selected-tool strong{color:#e2ede5}.device-inspect-image:hover{filter:brightness(1.03)}
@media(min-width:1500px){.suite-console{grid-template-columns:250px minmax(0,1fr) 280px}.case-panel{grid-column:3}.case-panel ol{display:block}.equipment-inspector{grid-template-columns:250px 1fr}}
@media(max-width:850px){.suite-console{display:flex;flex-direction:column}.equipment-inspector{grid-template-columns:180px minmax(0,1fr)}.device-inspect-copy{padding:18px}.device-inspect-copy h3{font-size:21px}.equipment-tray{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.equipment-panel{padding:16px}.case-panel ol{display:block}}
@media(max-width:480px){.equipment-inspector{grid-template-columns:1fr}.device-inspect-image{max-height:none;width:100%}.device-inspect-image .device-photo{aspect-ratio:1;height:auto;width:100%}.device-inspect-copy{padding:20px}.equipment-tray{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.equipment-tray .device-copy{padding:10px}.equipment-tray .device-copy b{font-size:12px}.floating-tray{max-height:78px;padding:3px;gap:3px}.floating-tray .device-copy{display:none}.device-dialog-copy{padding:18px}}
@media(prefers-reduced-motion:reduce){.equipment-tray .device-card{transition:none}}
.device-inspect-actions{display:flex;gap:16px;flex-wrap:wrap}.device-motion-button{background:#c4decf;color:#17392d;border:1px solid #d1e8d7;border-radius:6px;padding:10px 14px;font-size:12px}.device-photo-button{font-size:12px;color:#c8dcd2;text-decoration:underline;text-underline-offset:5px;padding:8px 0}.device-view-tabs{display:flex;gap:8px;padding:0 20px 15px}.device-view-tabs button{font-size:12px;border:1px solid #668779;padding:8px 15px;border-radius:6px;color:#c9e0d4}.device-view-tabs button[aria-pressed=true]{background:#c4decf;color:#183829;border-color:#c4decf}#deviceDialog{width:min(850px,94vw)}#deviceDialog>.device-photo{width:min(100%,430px)}#deviceBenchHost{width:100%;min-width:0}.equipment-transfer{position:fixed;pointer-events:none;z-index:80;box-shadow:0 10px 25px #001c2390;border:2px solid #dce9e8;border-radius:9px;overflow:hidden}.equipment-focus [data-equipment=tray]{left:5%!important;top:5%!important;width:52%!important;z-index:13}.equipment-focus .floating-tray{max-height:360px;grid-template-columns:repeat(3,minmax(0,1fr))}.equipment-focus .floating-tray .device-copy{display:block}.equipment-focus .floating-tray .device-copy b{font-size:10px}.equipment-focus .room-equipment[data-equipment=tray] .equipment-handle{font-size:10px}
@media(max-width:480px){.equipment-focus [data-equipment=tray]{left:3%!important;top:3%!important;width:78%!important}.equipment-focus .floating-tray{max-height:200px}.equipment-focus .floating-tray .device-copy b{font-size:8px}.device-view-tabs{padding:0 15px 12px}}
.device-inspect-image{align-self:center}.device-inspect-image .device-photo{height:auto;aspect-ratio:1}.image-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:12px 16px;background:#19312e;border-bottom:1px solid #47635b}.image-controls label{font-size:10px;display:flex;align-items:center;gap:6px;color:#b8d3c7}.image-controls select{background:#2b4540;color:#d5eadd;border:1px solid #587169;padding:7px;border-radius:5px;font-size:11px}.image-controls button{border:1px solid #58786a;color:#cde1d4;padding:8px;border-radius:5px;font-size:11px}.image-controls button:disabled{opacity:.4}.image-controls input{flex:1;min-width:80px;max-width:170px;margin:0}.image-controls #dsaStatus{font:10px monospace;color:#a8c5bc;width:100%}.room-equipment #clinicalReference{width:100%;height:auto;display:block;background:#070b0e}.reference-focus [data-equipment=reference]{left:23%!important;top:2%!important;width:65%!important;z-index:12}.suite-mechanics{flex-wrap:wrap}.suite-mechanics label{min-width:170px}.suite-mechanics input{touch-action:pan-y}.suite-mechanics output{font:11px monospace;min-width:38px}.layered-room .clinical-room-photo{position:absolute;inset:0}.room-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;transition:transform .16s ease-out;will-change:transform}.table-layer{z-index:1}.gantry-layer{z-index:0;transform-origin:82% 33%}.layered-room .clinical-person{z-index:3}.layered-room .clinical-blood{z-index:2}.room-layer:disabled{opacity:1}@media(max-width:480px){.image-controls{padding:10px;gap:7px}.image-controls label{flex:1;min-width:135px}.image-controls select{min-width:0;max-width:145px}.suite-mechanics label{min-width:100%}}