/* A dedicated touch workstation, without duplicating simulation state. */
.phone-workstation{display:none}
@media(max-width:780px),(max-width:950px) and (max-height:500px){
 html{scroll-padding-top:360px}body{padding-bottom:env(safe-area-inset-bottom)}
 header{padding:14px 12px;gap:12px}.brand{font-size:17px}.brand-mark{width:38px;height:38px}header nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:3px}header nav button{padding:10px 3px;font-size:12px;min-height:44px}
 button,a,input,select{touch-action:manipulation}select,input[type=search],input[type=text]{font-size:16px!important}button{min-height:44px}input[type=range]{min-height:36px;touch-action:pan-y}input[type=checkbox]{width:20px;height:20px}
 #suite{padding:12px 10px 24px}.suite-command{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.suite-command>div{grid-column:1/-1}.suite-command label{min-width:0}.suite-command select{min-width:0;width:100%;max-width:100%;padding:12px 8px}.suite-command h1{font-size:24px}#pinMonitors{display:none}
 .exposure-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}.exposure-bar>div{grid-column:1/-1}.exposure-bar button{min-width:0;font-size:12px;padding:10px 7px}.exposure-bar small{font-size:12px;line-height:1.5}
 .suite-workstation,.suite-workstation.manual-case{display:flex;flex-direction:column;gap:12px;position:relative}.suite-workstation>*{width:100%;min-width:0}.suite-workstation .monitor-column{display:none!important}
 .phone-workstation{display:block;position:sticky;top:0;z-index:25;background:#102321;border:1px solid #57756b;border-radius:10px;overflow:hidden;box-shadow:0 5px 20px #0006;align-self:start;isolation:isolate}
 .phone-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:5px;background:#233d36}.phone-tabs button{font-size:12px;border-radius:6px;padding:8px 1px;color:#c5dcd1}.phone-tabs button[aria-pressed=true]{background:#bddfca;color:#16382b;font-weight:700}
 .phone-screen{position:relative;background:#050a0b}.phone-screen canvas{display:block;width:100%;height:min(31svh,290px);object-fit:contain;touch-action:none}.phone-status{font:10px/1.5 monospace;color:#d0e7dc;padding:7px 10px;background:#152b25;overflow-wrap:anywhere;min-height:29px}.phone-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;padding:6px}.phone-actions button{font-size:12px;border:1px solid #628373;border-radius:6px;padding:8px 2px}.phone-actions button[aria-pressed=true]{background:#e0c773;color:#2b2817}.phone-zoom{position:absolute;right:6px;bottom:6px;display:flex;gap:4px}.phone-zoom button{min-width:44px;border-radius:6px;background:#17332cdd;border:1px solid #6b8978;color:#e2f3e8;font-size:13px}
 .phone-imaging-active #clinicalRoom,.phone-imaging-active .room-topline,.phone-imaging-active .room-bottomline{display:none}.phone-imaging-active .image-controls{padding:10px}.phone-room-active .phone-screen,.phone-room-active .phone-status,.phone-room-active .phone-actions{display:none}
 .room-topline{padding:10px}.camera-presets{display:flex;flex-wrap:wrap}.camera-presets button{font-size:12px;min-height:44px}.equipment-handle{min-height:30px}.room-equipment .equipment-handle{font-size:7px;padding:3px}.room-equipment .equipment-handle span{font-size:10px}.floating-tray button{min-height:36px;min-width:0}.room-equipment[data-equipment=tray]{border-width:2px}.room-equipment:not([data-equipment=tray]){border-width:2px}.arranging .equipment-handle{min-height:44px}#handCaption{white-space:normal;text-align:center;min-width:150px;font-size:8px;bottom:2px}
 .suite-mechanics{gap:6px;padding:10px}.suite-mechanics label{min-width:100%;font-size:12px}.suite-mechanics output{min-width:35px}.room-playback{padding:10px;gap:8px}.room-playback label{font-size:12px}.room-playback button{flex:1;font-size:12px}.image-controls select{max-width:100%;font-size:16px!important}.image-controls label{min-width:0;flex:1 1 45%;display:flex;flex-direction:column;align-items:start;gap:5px}.image-controls #dsaScrub{max-width:none;flex:1 1 100%}.image-controls #referenceZoom{display:none}
 .manual-case .navigation-panel{padding:14px}.navigation-title h2,.manual-case .navigation-title h2{font-size:22px}.navigation-legend{max-width:none;font-size:12px}.manual-case .navigation-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.manual-case .navigation-controls label,.manual-case #navExposureStatus{grid-column:1/-1}.manual-case .navigation-controls button{min-width:0;min-height:48px;font-size:13px;padding:10px 6px}.navigation-controls label{font-size:13px}#navInstrument{min-height:48px}.manual-case #branchChoices button{min-height:54px;font-size:13px}#branchChoices button small{font-size:11px}.navigation-options{font-size:12px}.navigation-options label{min-height:40px}#vesselProgress{width:100%}
 .equipment-inspector{grid-template-columns:100px minmax(0,1fr)}.device-inspect-copy{padding:12px}.device-inspect-copy h3{font-size:18px;margin:8px 0}.device-inspect-copy p{font-size:12px}.device-inspect-actions{gap:6px}.device-inspect-actions button{font-size:12px;padding:8px}.device-inspect-image{align-self:start}.equipment-tray{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.equipment-tabs{gap:6px}.equipment-tabs button{min-height:44px;padding:8px 12px}.equipment-header{flex-wrap:wrap}.equipment-header button{max-width:none;width:100%}.equipment-panel,.access-panel,.case-panel{padding:14px}.suite-console h2{font-size:21px}.suite-console p{font-size:14px}.case-panel{content-visibility:auto;contain-intrinsic-size:auto 400px}
 #deviceDialog{width:calc(100vw - 16px);max-width:none;max-height:calc(100dvh - 16px);margin:auto}.device-dialog-header{position:sticky;top:0;z-index:5;background:#203936;padding:10px 12px}.device-dialog-header button{min-width:54px}.bench-canvas{height:min(43svh,340px)}.bench-button-row{gap:6px}.device-bench button{min-height:44px}.bench-controls{padding:14px}.device-view-tabs{padding:0 12px 10px}.device-view-tabs button{flex:1}
 #welcome{padding:16px 12px 35px}.welcome-copy{padding:26px 22px}.welcome-copy h1{font-size:44px;letter-spacing:-2px}.welcome-copy p{font-size:18px}.welcome-photo{min-height:220px}.room-choice-body{padding:18px}.room-choice select{min-height:48px}.welcome-heading{margin-top:26px}.reference-grid article{padding:20px}.imaging-toolbar button,.imaging-toolbar select{min-height:44px}.transport{flex-wrap:wrap}.steps button{font-size:11px}.viewport-bottom span{overflow-wrap:anywhere}footer{padding:18px 14px}
}
@media(max-height:500px) and (max-width:950px){.phone-workstation{position:relative}.phone-screen canvas{height:55svh}.exposure-bar{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

#wireForward,#wireBack,#fluoroPedal{touch-action:none;user-select:none;-webkit-user-select:none}
@media(max-width:780px),(max-width:950px) and (max-height:500px){
 .manual-case #navExposure,.manual-case #navContrast{grid-row:2}.manual-case #navExposureStatus{grid-row:3}.manual-case #wireBack,.manual-case #wireForward{grid-row:4}.manual-case #wireBack{grid-column:1}.manual-case #wireForward{grid-column:2}.manual-case .navigation-controls label:last-of-type{grid-row:5}.manual-case #seatCatheter,.manual-case #embolizeStart{grid-row:6}.manual-case #embolizeStop{grid-row:7;grid-column:1/-1}
}
