.responsive-grid{--grid-gap:1rem;--grid-min-width:200px;display:grid;gap:var(--grid-gap);width:100%}.adaptive-component{position:relative;width:100%}.adaptive-component[data-breakpoint=mobile]{--touch-target-min:44px;--spacing-base:1rem;--font-size-base:1rem}.adaptive-component[data-breakpoint=tablet]{--touch-target-min:48px;--spacing-base:1.25rem;--font-size-base:1.125rem}.adaptive-component[data-breakpoint=desktop]{--touch-target-min:32px;--spacing-base:1.5rem;--font-size-base:1rem}.has-touch{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.has-touch .touch-friendly-card{min-height:var(--touch-target-min);cursor:pointer}.has-touch .touch-friendly-card:active{transform:scale(.98);transition:transform .1s ease-out}.no-touch .touch-friendly-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transition:box-shadow .2s ease-out}.mobile-seating-interface{display:flex;flex-direction:column;height:100vh;overflow:hidden}.mobile-seating-header{position:sticky;top:0;z-index:10;background:hsla(0,0%,100%,.95);backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,0,0,.1);padding:1rem}.mobile-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.mobile-stat-card{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:rgba(0,0,0,.02);border-radius:.5rem}.mobile-tab-content{flex:1;overflow:auto;padding:1rem 1rem 5rem}.touch-guest-card,.touch-table-card{margin-bottom:.75rem;border-radius:.75rem;overflow:hidden;min-height:var(--touch-target-min);display:flex;align-items:center}.touch-guest-card:last-child,.touch-table-card:last-child{margin-bottom:0}.seating-fab{position:fixed;bottom:1.5rem;right:1.5rem;z-index:20;width:3.5rem;height:3.5rem;border-radius:50%;box-shadow:0 8px 24px rgba(0,0,0,.15);transition:transform .2s ease-out}.seating-fab:active{transform:scale(.95)}.responsive-modal-mobile{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;background:#fff}.responsive-modal-mobile .modal-header{position:sticky;top:0;background:hsla(0,0%,100%,.95);backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,0,0,.1);padding:1rem;min-height:3.5rem}.responsive-modal-mobile .modal-content{flex:1;overflow:auto;padding:1rem}.responsive-modal-mobile .modal-footer{position:sticky;bottom:0;background:hsla(0,0%,100%,.95);backdrop-filter:blur(8px);border-top:1px solid rgba(0,0,0,.1);padding:1rem}.responsive-modal-sheet{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;border-top-left-radius:1rem;border-top-right-radius:1rem;max-height:90vh;transform:translateY(100%);transition:transform .3s ease-out}.responsive-modal-sheet.open{transform:translateY(0)}.responsive-modal-sheet .sheet-handle{width:2.5rem;height:.25rem;background:rgba(0,0,0,.2);border-radius:.125rem;margin:.75rem auto 1rem}.pull-to-refresh-indicator{position:absolute;top:-3rem;left:50%;transform:translateX(-50%);transition:top .2s ease-out;color:rgba(0,0,0,.5)}.pull-to-refresh-indicator.active{top:1rem}.swipe-action-indicator{position:absolute;top:0;bottom:0;width:4rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease-out}.swipe-action-indicator.left{left:0;background:linear-gradient(90deg,rgba(239,68,68,.2),transparent)}.swipe-action-indicator.right{right:0;background:linear-gradient(270deg,rgba(34,197,94,.2),transparent)}.swipe-action-indicator.active{opacity:1}.responsive-table-grid{display:grid;gap:1rem;width:100%}@media (max-width:767px){.responsive-table-grid{grid-template-columns:1fr}.mobile-only{display:block}.desktop-only,.tablet-up{display:none}}@media (min-width:768px) and (max-width:1023px){.responsive-table-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.mobile-only{display:none}.tablet-only,.tablet-up{display:block}.desktop-only{display:none}}@media (min-width:1024px){.responsive-table-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.mobile-only,.tablet-only{display:none}.desktop-only,.tablet-up{display:block}}@media (prefers-contrast:high){.touch-friendly-card,.touch-guest-card,.touch-table-card{border:2px solid}.mobile-stat-card{border:1px solid}}@media (prefers-reduced-motion:reduce){.pull-to-refresh-indicator,.responsive-modal-sheet,.seating-fab,.swipe-action-indicator,.touch-friendly-card{transition:none}.has-touch .touch-friendly-card:active{transform:none}}.seating-fab:focus-visible,.touch-friendly-card:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.table-shape-indicator{display:inline-block;width:1rem;height:1rem;border-radius:.25rem;border:1px solid rgba(0,0,0,.2)}.table-shape-indicator.round{border-radius:50%}.table-shape-indicator.rectangular{border-radius:.125rem}.table-capacity-indicator{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:rgba(0,0,0,.6)}.adaptive-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:25rem;gap:1rem;color:rgba(0,0,0,.6)}.adaptive-loading-icon{position:relative;width:3rem;height:3rem}.adaptive-loading-spinner{position:absolute;inset:0;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.touch-target{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.no-scroll{overflow:hidden}.scroll-smooth{scroll-behavior:smooth}.safe-area-inset{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.debug-breakpoint{position:fixed;bottom:1rem;left:1rem;z-index:100;padding:.5rem;background:rgba(0,0,0,.8);color:#fff;font-family:monospace;font-size:.75rem;border-radius:.25rem;opacity:.75;pointer-events:none}.debug-touch-areas{outline:1px dashed rgba(255,0,0,.5)!important}.debug-touch-areas.insufficient-size{outline-color:red!important;background:rgba(255,0,0,.1)!important}body:not(.debug-mode) .debug-breakpoint,body:not(.debug-mode) .debug-touch-areas{display:none!important}