/* Merchant workspace: presentation only; existing handlers remain in place. */
:root{--vp-ink:#202a24;--vp-muted:#6f7972;--vp-line:#e5e8e2;--vp-green:#24392d;--vp-paper:#f5f6f2}
body{background:var(--vp-paper)!important;color:var(--vp-ink)!important;line-height:1.5}body *{box-sizing:border-box}
.vp-masthead{padding:16px clamp(18px,4vw,56px)!important;background:#fff;border-bottom:1px solid var(--vp-line)}.vp-brandmark{background:#f47722!important;border-radius:10px!important}.vp-masthead small{letter-spacing:.08em;font-size:10px}
#dashboardScreen{width:100%!important;max-width:1480px!important;padding:28px clamp(18px,3vw,48px) 64px!important;margin:auto!important}#dashboardScreen>div:first-child{padding:22px!important;border:1px solid var(--vp-line)!important;border-radius:20px!important;box-shadow:none!important;margin-bottom:22px!important;background:#fff!important}#portalTitle{font-size:clamp(18px,2vw,25px)!important;letter-spacing:-.6px;line-height:1.25}#dashboardLogoContainer{width:56px!important;height:56px!important;border-radius:14px!important}#adminBadge{font-size:11px!important;background:#f4f6f1!important;color:#6b776c!important;border:0!important}
.mt-shell{min-width:0}.mt-tabs{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;padding:8px!important;border:1px solid var(--vp-line)!important;background:white!important;border-radius:15px!important;margin:0 0 26px!important;overflow-x:auto!important;scrollbar-width:none}.mt-tabs::-webkit-scrollbar{display:none}.mt-tabs button{flex:0 0 auto;white-space:nowrap!important;padding:12px 16px!important;min-height:44px!important;border-radius:10px!important;background:transparent!important;color:#657368!important;font-size:13px!important;font-weight:650!important}.mt-tabs button[aria-selected=true]{background:#25372b!important;color:#fff!important;box-shadow:none!important}.mt-tabs #refreshMerchant{margin-left:auto!important;grid-column:auto!important;background:#f4f6f0!important;color:#435645!important}
.mt-intro{padding:6px 0 24px!important;max-width:800px}.mt-intro>small{font-size:10px!important;letter-spacing:.13em!important;color:#ad571e!important}.mt-intro h2{font-size:clamp(25px,3vw,34px)!important;line-height:1.2!important;letter-spacing:-1px!important;margin:10px 0!important}.mt-intro p{font-size:14px!important;line-height:1.65!important;max-width:760px;color:#748074!important}
.mt-columns{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)!important;gap:24px!important}.mt-box{background:#fff!important;border:1px solid var(--vp-line)!important;border-radius:18px!important;padding:24px!important;box-shadow:none!important;margin-bottom:22px}.mt-box h3,.mt-shell h3{font-size:18px!important;letter-spacing:-.4px!important;margin:0 0 18px!important}.mt-shell label{font-size:13px!important;line-height:1.5;margin-bottom:16px!important}.mt-shell input:not([type=checkbox]),.mt-shell select,.mt-shell textarea{width:100%;min-width:0;min-height:46px!important;font-size:16px!important;border:1px solid #dce2d9!important;border-radius:10px!important;padding:12px!important;background:#fff!important}.mt-shell input[type=checkbox]{width:18px!important;height:18px!important;min-height:0!important;padding:0!important;margin:0!important;flex-shrink:0}.mt-shell button:not([data-merchant-tab]):not(#refreshMerchant){min-height:44px}.mt-shell button:disabled{opacity:.55!important}
.sp-plans{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}.sp-plan{padding:26px!important;background:#fff!important;border:1px solid var(--vp-line)!important;border-radius:18px!important;min-width:0;box-shadow:none!important}.sp-plan.is-current{border-color:#799d7f!important;box-shadow:inset 0 0 0 1px #799d7f!important}.sp-plan h3{font-size:22px!important;margin:12px 0!important}.sp-price{font-size:32px!important;letter-spacing:-1.3px!important;line-height:1.25!important}.sp-price small{font-size:12px!important;letter-spacing:0!important;color:#7f897c}.sp-plan ul{margin:18px 0!important;padding:0!important;flex:1}.sp-plan li{font-size:13px!important;line-height:1.6!important;padding:10px 0!important;border-bottom:1px solid #eff1eb!important;color:#6e796b!important}.sp-plan>a{font-size:12px;color:#6b7b66;text-decoration:underline;text-underline-offset:3px;margin:0 0 15px!important}.sp-plan button{width:100%!important;background:#263c2b!important;border-radius:10px!important}.sp-plan .sp-ads-option{display:flex!important;align-items:center!important;padding:12px!important;border-radius:10px!important;background:#f8f9f4!important;gap:10px!important;margin:0 0 18px!important}.sp-ads-option span{font-size:13px!important;line-height:1.4!important}.sp-ads-option small{font-size:11px!important;display:block!important;margin-top:4px!important}#weeklyCurrent{display:inline-block;background:#eaf2e5;padding:7px 12px;border-radius:8px;color:#42613f!important;font-weight:650}
.mm-metrics,.mt-metrics{gap:14px!important}.mm-metrics article,.mt-metrics article{background:#fff!important;border:1px solid var(--vp-line)!important;border-radius:15px!important;padding:20px!important}.mm-table-wrap{border:1px solid var(--vp-line);border-radius:12px;overflow:auto}.mm-table-wrap table{width:100%;border-collapse:collapse;white-space:nowrap}.mm-table-wrap th{background:#f4f6ef;color:#66755f;font-size:12px!important;font-weight:650}.mm-table-wrap td{font-size:13px!important}.mm-table-wrap th,.mm-table-wrap td{padding:13px 16px!important;border-bottom:1px solid #edf0e8!important}.mv-access{padding:18px!important;border-radius:12px!important;margin-bottom:20px!important}.mt-row{gap:16px!important;padding:16px 0!important}.mt-row>div{min-width:0}.mt-row p{line-height:1.6!important}.mt-row img{border-radius:10px!important}.mm-admin-requests{box-shadow:none!important}
#inventoryContainer{min-width:0}#dashboardScreen input:focus-visible,#dashboardScreen textarea:focus-visible,#dashboardScreen select:focus-visible,#dashboardScreen button:focus-visible{outline:2px solid #e88643!important;outline-offset:3px!important}#storeStatusContainer{padding:8px 12px!important}#storeStatusContainer label{margin:0!important}.store-toggle-switch{width:42px!important;height:24px!important}.store-toggle-switch input{position:absolute!important;opacity:0!important;width:0!important;height:0!important}
@media(max-width:1000px){.sp-plans{grid-template-columns:1fr!important}.sp-plan{display:grid!important;grid-template-columns:1fr 1fr;column-gap:28px;align-items:start}.sp-plan h3,.sp-plan>.plan-current,.sp-plan>.sp-price{grid-column:1}.sp-plan ul{grid-column:2;grid-row:1 / span 4;margin-top:0!important}.sp-plan>button,.sp-plan>a,.sp-plan>.sp-ads-option{grid-column:1/-1}.mt-columns{grid-template-columns:1fr!important}}
@media(max-width:600px){#dashboardScreen{padding:18px 14px 48px!important}#dashboardScreen>div:first-child{padding:18px!important}.vp-masthead{padding:14px 18px!important}.vp-masthead small{display:none}.mt-tabs{margin-bottom:22px!important;padding:5px!important}.mt-tabs button{padding:11px 13px!important}.mt-box{padding:18px!important}.sp-plan{display:flex!important;padding:22px!important}.sp-price{font-size:30px!important}.mt-pair{grid-template-columns:1fr!important}.mm-metrics,.mt-metrics{grid-template-columns:1fr 1fr!important}.mt-actions{align-items:stretch!important}.mt-actions>*{min-width:0}.mt-row{flex-wrap:wrap}.mt-intro{padding-bottom:18px!important}.sp-plan ul{margin:18px 0!important}.sp-plans{gap:14px!important}.oo-edit-limits{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){button{transition:none!important}}
.mm-metrics article small,.mt-metrics article small{color:#64705f!important;opacity:1!important;font-size:12px!important;line-height:1.5!important}.mm-metrics article strong,.mt-metrics article strong{color:#263522!important}


/* Fluid merchant workspace across phone, tablet and desktop sizes. */
html{overflow-x:clip}body{min-width:0}
#dashboardScreen{max-width:1600px!important;padding:28px clamp(16px,3vw,48px) 56px!important}
#dashboardScreen>div:first-child{gap:16px!important;flex-wrap:wrap!important}
.mt-shell,[data-merchant-panel],.mt-columns>*{min-width:0!important}
.mt-tabs{flex-wrap:wrap!important;overflow:visible!important;gap:6px!important;position:relative!important}
.mt-tabs button{flex:0 1 auto!important;max-width:100%;white-space:normal!important;line-height:1.35}
.mt-tabs #refreshMerchant{margin-left:auto!important}
.mt-intro{max-width:100%!important}.mt-intro p{max-width:850px}
.mt-box{min-width:0!important}
.mm-metrics,.mt-metrics{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important}
.mm-metrics strong,.mt-metrics strong{font-size:clamp(23px,2vw,30px)!important;overflow-wrap:anywhere}
.sp-plans{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.sp-plan{display:flex!important;flex-direction:column!important;gap:0;min-width:0!important}
.sp-plan ul{flex:1}
.mt-actions{gap:12px!important;flex-wrap:wrap!important}.mt-actions>button{white-space:normal;min-height:44px}
.mm-table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}
.mo-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important}
#moForm{width:100%!important;max-width:1100px!important}
.oo-edit-row{flex-wrap:wrap}.oo-edit-row input:first-child{flex:1 1 170px!important;min-width:0}
.oo-edit-row input[type=number]{flex:0 1 120px!important}.oo-edit-row button{min-height:44px}
.merchant-device-settings p,.merchant-device-settings small{line-height:1.6}
@media(min-width:1100px){[data-merchant-panel="inventory"]{grid-template-columns:minmax(280px,.72fr) minmax(0,1.65fr)!important;gap:26px!important}#inventoryContainer td{font-size:14px!important}#inventoryContainer th{font-size:11px!important}}
@media(max-width:1000px){.sp-plans{grid-template-columns:1fr!important}.sp-plan{padding:24px!important}[data-merchant-panel="inventory"]{grid-template-columns:1fr!important}.mt-columns{grid-template-columns:1fr!important}}
@media(max-width:600px){
#dashboardScreen{padding:16px 12px calc(36px + env(safe-area-inset-bottom,0px))!important}
.vp-masthead{padding:14px 16px!important}
#portalTitle{font-size:20px!important;overflow-wrap:anywhere}
.mt-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:6px!important;gap:5px!important}
.mt-tabs button{width:100%!important;padding:11px 8px!important;font-size:12px!important;min-height:46px!important}
.mt-tabs #refreshMerchant{margin:0!important;grid-column:1/-1!important}
.mt-box,[data-merchant-panel="inventory"]>div{padding:18px!important;border-radius:16px!important}
.mt-intro h2{font-size:26px!important;letter-spacing:-.7px!important}.mt-intro p{font-size:14px!important}
.mt-pair{grid-template-columns:1fr!important}.mm-metrics,.mt-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.mm-metrics article,.mt-metrics article{padding:14px!important}.mm-metrics article strong,.mt-metrics article strong{font-size:22px!important}
.mt-row .mt-actions{margin-left:0!important;width:100%}.mt-row .mt-actions button{flex:1 1 110px}
#inventoryContainer{max-height:65dvh!important;padding-right:3px!important}
#moForm .oo-edit-row input:first-child{flex-basis:100%!important}
#moForm .oo-edit-row input[type=number]{flex:1 1 100px!important}
#moForm .po-form-actions>button,.merchant-device-settings .mt-actions>button{flex:1 1 100%!important;width:100%!important}
#loginScreen{padding:20px 12px!important;min-height:calc(100dvh - 60px)!important}
#loginScreen>div:not(.vp-welcome){width:100%!important;padding:20px 16px!important}
#loginScreen .custom-scrollbar{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#storeCoverPreview{min-height:160px!important;padding:18px!important}
}
@media(max-width:360px){.mm-metrics,.mt-metrics{grid-template-columns:1fr!important}#loginScreen .custom-scrollbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

@media(max-width:600px){body #dashboardScreen .mt-shell>.mt-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important}body #dashboardScreen .mt-tabs button{min-width:0!important;width:100%!important;white-space:normal!important}}

/* Phone-only swipeable merchant navigation. */
@media(max-width:600px){body #dashboardScreen .mt-shell>.mt-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;max-width:100%!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;gap:6px!important;padding:6px!important}body #dashboardScreen .mt-shell>.mt-tabs::-webkit-scrollbar{display:none!important}body #dashboardScreen .mt-shell>.mt-tabs button{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;white-space:nowrap!important;padding:12px 16px!important;min-height:46px!important}body #dashboardScreen .mt-shell>.mt-tabs #refreshMerchant{margin:0!important;grid-column:auto!important;border-top:0!important;}}

.merchant-device-settings summary{font-size:14px;font-weight:650;cursor:pointer;min-height:28px;list-style-position:inside}.merchant-device-settings:not([open]){padding:16px 20px!important;margin-bottom:18px!important}.mt-intro>small{display:none}.mt-intro{padding:18px 0 12px!important}.mt-intro h2{margin:0 0 6px!important;font-size:25px!important}.mt-intro p{margin:0!important}.mo-empty{padding:28px 18px!important}.mo-empty-icon{display:none!important}.mo-steps{display:none!important}.mo-card{padding:22px!important;border-radius:18px!important}.mo-head h3{font-size:20px!important}.mo-amount strong{font-size:25px!important}.mo-item{padding:12px 0!important}.mo-item small{font-size:12px!important}@media(max-width:600px){.mo-card{padding:18px!important}.mo-amount strong{font-size:23px!important}.mo-head{gap:12px!important}.mo-item>div{min-width:0}.mo-item>strong{white-space:nowrap}}