/* Fixed panels use viewport dimensions in the same coordinate system as body zoom. */
.app{min-height:var(--ui-vh,100dvh)}
.side{height:var(--ui-vh,100dvh);max-height:var(--ui-vh,100dvh);bottom:auto;min-height:0}
.side-nav{min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-bottom:24px}
.side-logo,.side-foot,.support-entry{flex-shrink:0}
.side-foot{overflow-wrap:anywhere;min-width:0}
.modal-overlay,.drawer-ov,.side-ov{bottom:auto;right:auto;width:var(--ui-vw,100vw);height:var(--ui-vh,100dvh)}
.modal-overlay{overflow-y:auto;overscroll-behavior:contain}
.modal{max-height:calc(var(--ui-vh,100dvh) - 32px);min-height:0;overscroll-behavior:contain;scroll-padding-bottom:24px}
.drawer{bottom:auto;height:var(--ui-vh,100dvh);max-width:var(--ui-vw,100vw);overscroll-behavior:contain}
.notif-wrap .pop{max-height:min(440px,calc(var(--ui-vh,100dvh) - 90px));min-width:0}
.notif-wrap .sd-i{color:var(--txt);text-decoration:none;cursor:pointer;border-radius:10px}
.notif-wrap .sd-i:hover,.notif-wrap .sd-i:focus-visible{background:rgba(var(--a1-rgb),.15);outline:2px solid var(--vio)}
.ui-scale-link{font-weight:700;flex-shrink:0;text-decoration:none;color:var(--txt)}
.inventory-store{display:flex;align-items:center;gap:8px;max-width:100%;min-width:0}
.inventory-store>span{font-size:12px;color:var(--txt3)}
.inventory-store select{min-width:0;max-width:260px}
.ap-grid,.ap-col,.grid-2>.card,.card-h{min-width:0}
.appearance .seg,.ap-actions,.row-btns,.modal-f{flex-wrap:wrap}
.appearance .seg button{white-space:normal}
.phone-link,.phone-link>*{max-width:100%;overflow-wrap:anywhere;min-width:0}
.kv>b{overflow-wrap:anywhere;min-width:0}
.mform .field{min-width:0}
html.ui-narrow .ap-grid,html.ui-narrow #view>.grid-2{grid-template-columns:minmax(0,1fr)}
html.ui-narrow #view>.grid-2>.span2{grid-column:auto}
html.ui-narrow .inventory-store{width:100%}
html.ui-narrow .inventory-store select{flex:1;max-width:none}
@media(max-width:900px){
 .side{width:min(300px,calc(var(--ui-vw,100vw) - 24px));height:calc(var(--ui-vh,100dvh) - 64px - env(safe-area-inset-bottom));max-height:calc(var(--ui-vh,100dvh) - 64px - env(safe-area-inset-bottom))}
 .modal-overlay{padding:12px;align-items:flex-start}
 .modal{margin-block:auto;border-radius:18px;max-height:calc(var(--ui-vh,100dvh) - 24px)}
 .notif-wrap .pop{width:auto;right:auto;left:8px;max-width:calc(var(--ui-vw,100vw) - 16px);top:64px}
 #view{padding-bottom:calc(40px + env(safe-area-inset-bottom))}
 .top{flex-wrap:wrap;min-width:0}
 .ui-scale-link{font-size:13px;width:36px;height:36px}
 .card-h{flex-wrap:wrap;gap:8px}
 .modal-f .btn{max-width:100%;white-space:normal}
}
@media(max-height:480px){.side{overflow-y:auto}.side-nav{flex:none;overflow:visible}.side-logo{padding-bottom:8px}.modal-overlay{align-items:flex-start}}