/* Scoped, keyboard-visible interaction improvements without changing layout. */
body #app :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #087f78!important;outline-offset:3px!important}body[data-module="tienda"] #app :is(button,a,input,select,textarea,summary):focus-visible{outline-color:#6750b8!important}body #app :is(input,select,textarea):focus{border-color:#087f78!important;box-shadow:0 0 0 2px #087f7826!important}body[data-module="tienda"] #app :is(input,select,textarea):focus{border-color:#6750b8!important;box-shadow:0 0 0 2px #6750b826!important}.ux-sync{display:flex;gap:14px;align-items:center;justify-content:space-between;background:#edf7f4;border:1px solid #cbe3dd;padding:13px 16px;border-radius:12px;margin-bottom:18px;font-size:12px;line-height:1.6;color:#123f4c}.ux-sync [data-state="error"]{color:#993c2d;font-weight:600}.ux-empty-guide,.team-rights-summary{background:#edf7f4;border:1px solid #cbe3dd;padding:14px 16px;border-radius:12px;color:#123f4c;font-size:13px;line-height:1.7}.ux-sale-recovery{background:#fff3d9;border:2px solid #8b650a;color:#44320a;padding:18px;border-radius:12px;margin:14px 0}.ux-sale-recovery[hidden]{display:none!important}.ux-sale-recovery button{background:#123f4c;color:white;padding:12px 16px;border:0;border-radius:8px;font:600 13px Montserrat,Arial}.cash-recent{border:1px solid #cbe3dd;border-radius:12px;background:#f3f8f6;padding:14px;margin:0 0 18px}.cash-recent summary{font-weight:700;cursor:pointer}.cash-recent article{border-top:1px solid #d4e4df;padding:14px 0}.cash-recent p{font-size:12px;line-height:1.6}#opCashStatus{white-space:pre-line}#app button:disabled{cursor:not-allowed}#app .team-rights-summary{margin-top:14px}@media(pointer:coarse){body #app :is(button,select,summary){min-height:44px}body #app :is(input[type="checkbox"],input[type="radio"]){width:20px;height:20px}body #app .order-actions{gap:10px}}@media(max-width:600px){.ux-sync{align-items:stretch;flex-direction:column}.ux-sync button{width:100%}}@media(prefers-reduced-motion:reduce){body #app *,body #app *::before,body #app *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(pointer:coarse){body #app #tourCoach button,body #app #teamEditor button,body #app #opCashDialog button,body #app #payment button,body #app .order-actions button,body #app #sidebar nav .tab{min-height:44px!important;min-width:44px!important}body #app #tourCoach #tourDismiss{width:44px!important;height:44px!important;min-height:44px!important}body #app #tourCoach small{padding-right:44px!important}}
body[data-module="cafe"]{--ux-ring:#8b5f0c}body[data-module="tienda"]{--ux-ring:#6750b8}body[data-module] #app :is(#productEditor,#teamEditor,#opCashDialog,#payment) :is(input,select,textarea):focus-visible{outline:3px solid var(--ux-ring,#087f78)!important;outline-offset:3px!important;border-color:var(--ux-ring,#087f78)!important;box-shadow:none!important}body[data-module] #app :is(input[type="checkbox"],input[type="radio"]){accent-color:var(--ux-ring,#087f78)}
