/* Last stylesheet: mobile map stays visible above a collapsible bottom sheet. */
#toolbar{flex-wrap:nowrap;width:max-content;max-width:calc(100vw - 20px)}
#toolbar button{white-space:nowrap;min-height:44px}
#menu-dialog{width:min(450px,94vw);max-height:85dvh;overflow:auto;border:1px solid #d7deca;border-radius:20px;background:#fffef7;color:#29432f;padding:20px}
dialog::backdrop{background:#183a3555}
.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.menu-grid>*{min-height:44px}
#panel{display:flex;flex-direction:column;overflow:hidden;width:350px;padding:15px;max-height:calc(100dvh - var(--panel-top,146px) - 120px)}
#panel[hidden]{display:none}#panel .panel-head{flex:none;gap:6px}#panel h2{flex:1;margin:0;font-size:17px}#panel .panel-head button{margin:0;min-width:36px;min-height:36px}
#panel-body{overflow:auto;overscroll-behavior:contain;padding-top:10px;min-height:0}
#panel-expand{display:none}
.ship-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e3e7da;padding:9px 0}.ship-row span{flex:1}.ship-row small{display:block;letter-spacing:0;color:#697b65}
.ship-row input{width:78px;font:inherit;min-height:44px;border:1px solid #bac8ab;border-radius:8px;padding:6px;background:white}
#panel-body button{min-height:40px}#panel-body progress{width:100%;accent-color:#709b59}#panel-body>small{display:block;letter-spacing:0;color:#697b65;line-height:1.5}
@media(max-width:650px){
 header{height:69px;padding:8px 10px}header small{font-size:8px}#wallet{max-width:60%;font-size:11px;padding:7px;line-height:1.5}h1{font-size:19px}
 #toolbar{top:70px;left:8px;right:8px;width:auto;gap:4px}#toolbar button{padding:8px 5px;font-size:12px;flex:1;min-width:0}
 #panel{top:auto;bottom:calc(104px + env(safe-area-inset-bottom,0px));left:8px;right:8px;width:auto;max-height:min(270px,37dvh,calc(100dvh - 225px));border-radius:18px;padding:12px;box-shadow:0 8px 25px #193d3a30}
 #panel.expanded{max-height:calc(100dvh - 225px - env(safe-area-inset-bottom,0px))}#panel-expand{display:block}
 footer{padding:8px 10px}footer>small{display:none}#cats{flex-wrap:nowrap;gap:4px}#cats button{flex:1;white-space:nowrap;min-width:0;min-height:44px;padding:9px 3px;font-size:10px}#status{font-size:11px;height:30px;line-height:15px;overflow:hidden;margin:6px 0}
 #panel-body button{min-height:44px}.placing #toolbar{display:none}.placing #panel{display:none}
}