/* iPad / touch screens. Enabled by the viewer's coarse-pointer detection. */
.tablet-ui .sidebar{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.tablet-ui button,.tablet-ui .top-actions a,.tablet-ui #equipment-picker{min-height:44px}
.tablet-ui nav button{font-size:13px;min-height:58px}
.tablet-ui .toggle{min-height:44px;font-size:12px}
.tablet-ui .toggle input{width:44px;height:30px}
.tablet-ui .toggle i{width:38px;height:23px;flex-shrink:0}
.tablet-ui .toggle i:after{width:17px;height:17px}
.tablet-ui .toggle input:checked+i:after{transform:translateX(15px)}
.tablet-ui #equipment-picker{display:block;font-size:14px}
.tablet-ui .close{width:44px;height:44px;top:2px;right:4px}
.tablet-ui #details{padding-top:34px;max-height:calc(100% - 170px)}
.tablet-ui #detail-note,.tablet-ui dl div{font-size:12px}
.tablet-ui .viewtools button{min-width:44px;font-size:12px}
.tablet-ui .help{font-size:10px;line-height:1.6}
.tablet-ui .sidebar-footer button{min-height:44px}
.tablet-ui .top-actions button{display:block}
.tablet-ui #details,.tablet-ui dialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.tablet-ui #plan-image{touch-action:pan-x pan-y pinch-zoom}
@media(orientation:landscape){
 .tablet-ui .sidebar{width:250px;padding-left:max(17px,env(safe-area-inset-left));padding-bottom:max(12px,env(safe-area-inset-bottom))}
 .tablet-ui .sidebar h1{font-size:22px}.tablet-ui .intro{display:none}
 .tablet-ui .section-label{margin-top:22px}.tablet-ui .settings-label{margin-top:18px}
 .tablet-ui .sidebar-footer{padding-top:12px}
 .tablet-ui .topbar{top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right))}
 .tablet-ui .help{bottom:max(15px,env(safe-area-inset-bottom))}
}
@media(orientation:portrait){
 .tablet-ui body{display:block}
 .tablet-ui .sidebar{position:relative;display:block;width:100%;height:256px;padding:12px 16px;border-right:0;border-bottom:1px solid var(--line);overflow:visible}
 .tablet-ui .brand{min-height:48px;height:48px;flex-direction:row;justify-content:flex-start}
 .tablet-ui .brand-logo{width:112px;max-width:112px;height:50px;margin:0}
 .tablet-ui .sidebar h1,.tablet-ui .intro,.tablet-ui .sidebar>.section-label{display:none}
 .tablet-ui nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:12px}
 .tablet-ui nav button{justify-content:center;gap:6px;font-size:11px;padding:8px 5px;min-height:58px;line-height:1.25}
 .tablet-ui nav small,.tablet-ui nav b{display:none}.tablet-ui .num{font-size:16px;width:auto}
 .tablet-ui .toggle{position:static!important;display:inline-flex;float:left;width:25%;justify-content:center;gap:8px;font-size:11px;padding:3px 0;margin-top:7px;height:44px}
 .tablet-ui .toggle i{width:31px;height:20px}.tablet-ui .toggle i:after{width:14px;height:14px}.tablet-ui .toggle input:checked+i:after{transform:translateX(11px)}
 .tablet-ui .toggle input{position:static;width:0;height:0;margin:0}
 .tablet-ui #equipment-picker{clear:both;display:block;margin:8px 0 0;min-height:40px;padding:8px;font-size:13px;width:100%}
 .tablet-ui .sidebar-footer{position:absolute;right:16px;top:10px;margin:0;padding:0;display:block}
 .tablet-ui .sidebar-footer>span{display:none}.tablet-ui .sidebar-footer button{font-size:11px}
 .tablet-ui main{height:calc(100svh - 256px);height:calc(100dvh - 256px)}
 .tablet-ui .topbar{top:20px;left:20px;right:16px}.tablet-ui .topbar h2{font-size:21px}
 .tablet-ui .top-actions a,.tablet-ui .top-actions button{font-size:11px;padding:12px}
 .tablet-ui .viewtools{top:91px;right:16px}
 .tablet-ui .help{left:20px;right:16px;bottom:max(14px,env(safe-area-inset-bottom));font-size:9px}
 .tablet-ui #details{top:150px;right:16px;width:295px;max-height:calc(100% - 220px)}
 .tablet-ui .legend,.tablet-ui .scene-caption{left:20px}.tablet-ui .model-stat{right:20px}
}
@media(orientation:portrait) and (max-width:600px){
 .tablet-ui .toggle{font-size:9px;gap:3px}.tablet-ui .toggle i{width:27px}
 .tablet-ui nav button{font-size:10px}.tablet-ui .topbar h2{font-size:17px}
 .tablet-ui .top-actions button{display:none}.tablet-ui .top-actions a{font-size:10px}
 .tablet-ui .topbar{left:14px}.tablet-ui .help{font-size:8px}
}