/* MIA Café: shared usability layer; no pricing or order behavior. */
:root{--mia-focus:#98502f}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--mia-focus)!important;outline-offset:3px}
:where(button,summary){touch-action:manipulation}
:where(.v3-btn,.btn){min-height:44px}
:where(button):disabled{cursor:not-allowed}
:where(input,select,textarea){max-width:100%;box-sizing:border-box}
:where(dialog){max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}
:where(dialog)::backdrop{backdrop-filter:blur(3px)}
.mia-offline-status{position:fixed;left:12px;right:12px;bottom:12px;z-index:200010;background:#fff0d2;color:#623915;border:1px solid #d5ac70;border-radius:12px;padding:12px 16px;text-align:center;font:600 14px/1.4 system-ui;box-shadow:0 4px 18px #0002}.mia-offline-status[hidden]{display:none!important}
.mia-admin-warm #crmClubSettings>summary{min-height:44px;cursor:pointer;font-weight:650;color:#634a35;line-height:1.5;padding:6px 0}.mia-admin-warm #crmClubSettings[open]>summary{margin-bottom:16px;border-bottom:1px solid #e5dfd5;padding-bottom:14px}
.mia-admin-warm .crm1-name,.mia-admin-warm .crm1-contact{min-width:0;overflow-wrap:anywhere}.mia-admin-warm .crm1-stat b,.mia-admin-warm .summary-card strong{font-variant-numeric:tabular-nums}
.mia-server-warm .mia-loyalty-selector{margin-top:12px;border-top:1px solid #e5ddd1;padding-top:6px;max-width:520px}.mia-server-warm .mia-loyalty-selector>summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;font-weight:650;color:#634a35}.mia-server-warm .mia-loyalty-selector label{font-size:13px!important;display:block!important;font-weight:500!important}.mia-server-warm .mia-loyalty-selector input{display:block;width:100%!important;max-width:520px;margin-top:6px}.mia-server-warm .mia-loyalty-selector .vcrm-result{min-height:48px;width:100%;text-align:left}.mia-server-warm .mia-loyalty-selector .vcrm-selected{margin-top:8px;background:#edf3e9;border:1px solid #cddbc4;border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.mia-server-warm .v340-tabs{overflow-x:auto;scrollbar-width:thin;scroll-padding:6px}.mia-server-warm .v340-tabs .v3-btn{flex:1 0 auto;white-space:nowrap}.mia-server-warm .v340-cats{scroll-snap-type:x proximity;scrollbar-width:thin}.mia-server-warm .v340-cats button{scroll-snap-align:start;min-height:44px}
.client-themed #categories.category-rail{scroll-snap-type:x proximity;scrollbar-width:thin}.client-themed #categories .cat-btn{scroll-snap-align:start;min-height:56px!important;padding:12px 18px!important;font-size:16px!important;min-width:140px!important}.client-themed .v3-sheet{max-height:calc(100dvh - 18px)!important;overscroll-behavior:contain}.client-themed #closeSheet{min-width:72px;min-height:44px!important}.client-themed .product-name,.client-themed .product-title{overflow-wrap:anywhere}
.mia-production-warm .prod-header{flex-wrap:wrap}.mia-production-warm .prod-header>div:first-child{min-width:0;flex:1}.mia-production-warm .prod-title{overflow-wrap:anywhere}.mia-production-warm .prod-header .v3-btn{min-height:44px}.mia-production-warm #list:focus-visible{outline-offset:4px}.mia-production-warm .ticket{overflow-wrap:anywhere}.mia-production-warm .ticket .ready{min-height:48px}.mia-production-warm .prod-shell{padding-bottom:max(18px,env(safe-area-inset-bottom))}
@media(max-width:900px){
 .admin-v3.mia-admin-warm .wrap{display:block!important;padding:14px!important}
 .admin-v3.mia-admin-warm .admin-nav{position:sticky!important;top:0!important;z-index:25;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:5px!important;padding:7px!important;margin:0 0 16px!important;scrollbar-width:thin;scroll-snap-type:x proximity;border-radius:12px!important}
 .admin-v3.mia-admin-warm .admin-nav::before{display:none!important}.admin-v3.mia-admin-warm .admin-nav .btn{width:auto!important;flex:0 0 auto!important;white-space:nowrap!important;min-height:44px!important;scroll-snap-align:start}
 .mia-admin-warm .top{position:relative!important;padding:12px 14px!important}.mia-admin-warm .top>.row{flex-wrap:wrap;gap:10px}.mia-admin-warm .top .toolbar{flex-wrap:wrap;min-width:0}.mia-admin-warm .top strong{font-size:22px!important}
}
@media(max-width:700px){
 input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=color]),select,textarea{font-size:16px!important}
 .admin-v3.mia-admin-warm .section:not(#wheel) .card{padding:14px!important}
 .mia-admin-warm .crm1-row{grid-template-columns:1fr 1fr auto;gap:10px}.mia-admin-warm .crm1-row .crm1-name{grid-column:1/-1}.mia-admin-warm .crm1-row .crm1-stat:not(.crm1-hide-mid){display:block}.mia-admin-warm .crm1-row>.btn{grid-column:3;grid-row:2}.mia-admin-warm .crm1-row .crm1-stat small{font-size:12px}.mia-admin-warm .crm1-kpi strong{font-size:21px}
 .mia-server-warm .v3-top-inner{padding:12px 14px!important;gap:8px!important}.mia-server-warm .v3-top-inner>div:first-child{flex:1 1 65%}.mia-server-warm .v3-top-inner>.mia-mode-switch{order:3;margin:0;flex:1}.mia-server-warm .v3-top-inner>.mia-mode-switch a{flex:1}.mia-server-warm .v3-top-inner>.mia-cash-drawer{order:4;min-height:44px;font-size:13px!important}.mia-server-warm .v3-shell{padding:14px!important}.mia-server-warm .mia-loyalty-selector{max-width:none}.mia-server-warm .v340-tabs .v3-btn{font-size:13px!important;padding:10px!important}
 .client-themed #categories .cat-btn{min-width:120px!important;min-height:52px!important;font-size:15px!important;padding:10px 14px!important}.client-themed #categories.category-rail{gap:8px!important;padding:8px!important}
 .mia-production-warm .prod-header{padding:10px 12px;gap:8px}.mia-production-warm .prod-title{font-size:22px}.mia-production-warm .prod-header>span{order:3;flex:1 1 100%}.mia-production-warm .prod-shell{padding:12px}.mia-production-warm #logoutBtn{font-size:12px;padding:8px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.mia-production-warm .mia-prep-note{padding:9px 10px;border-radius:9px;background:#fff0ce;border-left:3px solid #b57930;font-size:14px;line-height:1.45;color:#5b3f19}
@media(max-width:700px){.mia-admin-warm .crm1-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mia-admin-warm .crm1-kpi{padding:11px}.mia-admin-warm .crm1-kpi span{font-size:11px;min-height:26px}.mia-admin-warm .crm1-kpi strong{font-size:18px}.mia-admin-warm .crm1-filterbar{grid-template-columns:minmax(0,1fr) auto}.mia-admin-warm .crm1-filterbar>label:first-child{grid-column:1/-1}.mia-admin-warm .crm1-filterbar>label{min-width:0}.mia-admin-warm .crm1-hero>.muted{font-size:13px}}