﻿.shop-location-card{padding:18px;margin:16px 0;border:1px solid #dbe3e8;border-radius:14px;background:#fff;min-width:0;overflow-wrap:anywhere}.shop-location-card section+section{border-top:1px solid #dbe3e8;margin-top:18px;padding-top:18px}.shop-location-map{height:280px;width:100%;border-radius:12px;overflow:hidden;margin:12px 0;isolation:isolate}.shop-camera-preview{display:block;width:100%;max-height:420px;background:#111;border-radius:12px;object-fit:contain}.shop-camera-preview[hidden]{display:none}.shop-capture-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0}.shop-capture-controls button{min-height:44px}.shop-location-dialog{border:0;border-radius:16px;width:min(760px,94vw);padding:18px;max-height:90dvh;overflow:auto;color:#172033}.shop-location-dialog::backdrop{background:#0009}.shop-location-dialog video{width:100%;max-height:65dvh;border-radius:12px;background:#111}.shop-location-dialog .shop-location-map{height:clamp(250px,50dvh,440px)}.shop-location-dialog button{min-height:44px;padding:8px 12px;border-radius:9px;border:1px solid #cbd5e1;background:#fff;color:#172033}.shop-location-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.shop-location-public{margin:18px 0;padding:18px;border:1px solid #dbe3e8;border-radius:14px;background:white;color:#172033}.shop-location-public-actions{display:flex;gap:10px;flex-wrap:wrap}.shop-location-public p{margin:8px 0}@media(max-width:420px){.shop-location-card,.shop-location-public{padding:12px}}

#shopLocationForm [hidden]{display:none!important}#shopNextStep{display:block;width:100%;margin-top:16px;min-height:48px}#shopRecordingStep{scroll-margin-top:20px}#shopLocationStep{scroll-margin-top:20px}

.shop-boundary-status{padding:14px;border:2px solid #18774b;border-radius:10px;background:#e9f8ef;color:#124c32;font-weight:600}.shop-boundary-status[data-state=near],.shop-boundary-status[data-state=uncertain]{border-color:#a36400;background:#fff2ce;color:#704300}.shop-boundary-status[data-state=outside],.shop-boundary-status[data-state=lost]{border-color:#ac001c;background:#ffebef;color:#8b0018}

@layer mv-shop-location-layout {
 dialog.shop-location-dialog{position:fixed!important;inset:0!important;box-sizing:border-box!important;margin:auto!important;width:min(760px,calc(100vw - 24px))!important;min-width:0!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;height:auto!important;padding:16px!important;border:0!important;border-radius:16px!important;transform:none!important;overflow:auto!important;background:#fff!important;color:#172033!important;overscroll-behavior:contain}
 dialog.shop-location-dialog:not([open]){display:none!important}
 dialog.shop-location-dialog .shop-location-dialog-head{position:sticky;top:-16px;z-index:1100;background:#fff;padding:12px 0;flex-wrap:wrap}
 dialog.shop-location-dialog .shop-location-dialog-head h2{min-width:0;overflow-wrap:anywhere;flex:1}
 dialog.shop-location-dialog .shop-location-dialog-head button{flex:none;min-height:44px}
 dialog.shop-location-dialog .shop-location-map{height:clamp(160px,45dvh,440px)!important;min-width:0;width:100%;box-sizing:border-box}
 html:has(dialog.shop-location-dialog[open]),body:has(dialog.shop-location-dialog[open]){overflow:hidden!important}
}
