:root{--navy:#07111f;--navy2:#0d1b2b;--ink:#101828;--muted:#667085;--line:#d8e3ef;--soft:#f5f8fb;--white:#fff;--gold:#c99642;--gold2:#f0c068;--sea:#0788a6;--sea2:#22b8d5;--ok:#16a34a;--warn:#d97706;--bad:#dc2626;--shadow:0 18px 50px rgba(12,27,47,.14);--r:24px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:#eef4f8}button,input,select{font:inherit}button{cursor:pointer}.app{min-height:100vh}.hero{position:relative;min-height:500px;padding:24px;color:#fff;background:linear-gradient(90deg,rgba(5,13,24,.86),rgba(5,22,34,.48)),url('img/hero/hero-day.jpg') center/cover}.hero:after{content:"";position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(180deg,transparent,#eef4f8)}.hero-inner{position:relative;z-index:1;width:min(1320px,100%);margin:auto;display:grid;gap:36px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,#4dd5e7,#e0b365);box-shadow:0 14px 30px rgba(0,0,0,.25)}.brand small{display:block;text-transform:uppercase;letter-spacing:.15em;font-weight:950;color:#dff7ff;font-size:.72rem}.brand strong{display:block;font-size:1.05rem}.hero-copy{max-width:840px;padding:56px 0 72px}.hero-copy h1{font-size:clamp(2.65rem,5.8vw,5.7rem);line-height:.94;letter-spacing:-.07em;margin:0 0 18px;max-width:980px}.hero-copy p{font-size:1.14rem;line-height:1.6;color:#e7f4fb;max-width:660px;margin:0}.hero-actions,.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.hero-actions{margin-top:26px}.shell{position:relative;z-index:2;width:min(1320px,100%);margin:-62px auto 0;padding:0 20px 40px;display:grid;gap:18px}.btn{border:1px solid var(--line);border-radius:999px;min-height:44px;padding:10px 16px;background:#fff;color:#172033;font-weight:900;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 18px rgba(16,32,51,.06)}.btn.primary{background:linear-gradient(135deg,var(--sea),var(--sea2));border-color:transparent;color:#fff}.btn.dark{background:#101827;color:#fff;border-color:#101827}.btn.gold{background:linear-gradient(135deg,#b7791f,#f0bd62);color:#111827;border:0}.btn.ghost{background:rgba(255,255,255,.13);color:#fff;border-color:rgba(255,255,255,.24);box-shadow:none}.btn.warn{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.btn.bad{background:#fff1f2;color:#b91c1c;border-color:#fecdd3}.btn:disabled{opacity:.45;cursor:not-allowed}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi,.card,.account-panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.kpi{padding:17px 19px}.kpi small{display:block;color:var(--muted);font-weight:900}.kpi b{display:block;margin-top:5px;font-size:1.55rem}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 15px;font-weight:950;color:#344054}.tab.active{background:#101827;border-color:#101827;color:#fff}.card{padding:22px}.card h2,.card h3{margin:.2rem 0;letter-spacing:-.025em}.muted{color:var(--muted);line-height:1.5}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}.home-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px}.account-panel{padding:18px;display:grid;gap:12px}.badge{display:inline-flex;border-radius:999px;border:1px solid #d8e2ed;background:#f8fafc;color:#475467;padding:6px 10px;font-weight:900;font-size:.76rem}.badge.ok{background:#ecfdf3;color:#027a48;border-color:#bbf7d0}.badge.warn{background:#fffbeb;color:#b45309;border-color:#fde68a}.badge.bad{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.empty{border:1px dashed #cbd5e1;background:#f8fafc;color:#667085;border-radius:18px;padding:24px;text-align:center}.field{display:grid;gap:7px;margin-bottom:12px}.field label{font-size:.82rem;color:#667085;font-weight:900}.field input,.field select{border:1px solid #cdd8e5;border-radius:15px;background:#fff;color:#101828;padding:12px 13px;width:100%;outline:none}.field input:focus,.field select:focus{border-color:#22b8d5;box-shadow:0 0 0 4px rgba(34,184,213,.12)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.filter-grid{display:grid;grid-template-columns:1.1fr .8fr .8fr .8fr .8fr;gap:10px;margin-bottom:14px}.list{display:grid;gap:10px}.row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px}.row.active{border-color:#22b8d5;box-shadow:0 0 0 4px rgba(34,184,213,.1)}.row small{color:var(--muted)}.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.pos-layout>section{min-width:0}.category-bar{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 16px}.category-bar .tab{padding:10px 16px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;align-items:stretch}.product{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 14px 34px rgba(16,32,51,.08);display:flex;flex-direction:column}.product-pic{height:176px;background:#dbeafe center/cover}.product-body{padding:14px;display:grid;gap:9px;flex:1}.product h3{font-size:1.02rem;margin:0}.price{font-weight:950;font-size:1.15rem}.qty{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center}.qty button{height:42px;border:1px solid #d4dfeb;background:#f8fafc;border-radius:14px;font-weight:950;font-size:1.1rem}.qty b{height:42px;display:flex;align-items:center;justify-content:center;background:#0f8ead;color:#fff;border-radius:14px}.cart{position:sticky;top:16px}.cart-line{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid #edf2f7}.cart-line:last-child{border-bottom:0}.cart-total{display:flex;justify-content:space-between;font-size:1.45rem;font-weight:950;margin:16px 0}.timeline{display:grid;gap:10px}.timeline .row{grid-template-columns:12px minmax(0,1fr) auto}.dot{width:10px;height:10px;border-radius:50%;background:#22b8d5;box-shadow:0 0 0 4px rgba(34,184,213,.13)}.modal{display:none;position:fixed;inset:0;background:rgba(8,22,40,.58);backdrop-filter:blur(12px);z-index:99;padding:18px;align-items:center;justify-content:center}.modal.open{display:flex}.dialog{width:min(760px,100%);max-height:92vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 40px 120px rgba(8,22,40,.3)}.dialog.small{width:min(500px,100%)}.close{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;font-weight:950}.notice{min-height:28px}.customer{min-height:100vh;background:linear-gradient(180deg,#07111f,#eef4f8 410px)}.customer-head{color:#fff;padding:18px}.customer-head-inner{width:min(1120px,100%);margin:auto}.customer-head h1{font-size:clamp(2.4rem,7vw,5.2rem);letter-spacing:-.07em;line-height:.9;margin:34px 0 10px}.customer-main{width:min(1120px,100%);margin:auto;padding:0 18px 34px}.customer-card{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:22px}.locked{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#07111f,#123245);padding:22px;color:#fff}.locked .card{max-width:560px;color:#101828}.mobile-actions{display:none}.code{font-family:ui-monospace,Menlo,Consolas,monospace;background:#0b1020;color:#d1fae5;border-radius:16px;padding:14px;overflow:auto;font-size:.8rem}@media(max-width:1280px){.pos-layout{grid-template-columns:1fr}.cart{position:static}}@media(max-width:1100px){.home-grid,.filter-grid,.form-grid,.kpi-grid{grid-template-columns:1fr}.cart{position:static}.product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.hero-copy h1{font-size:4rem}.shell{padding:0 14px 32px}.topbar{align-items:flex-start}.mobile-actions{display:flex}}@media(max-width:680px){.hero{min-height:460px;padding:16px}.topbar{display:grid}.toolbar{width:100%}.toolbar .btn{flex:1}.hero-copy{padding:34px 0 58px}.hero-copy h1{font-size:2.72rem}.hero-copy p{font-size:1rem}.kpi-grid{grid-template-columns:1fr 1fr}.card,.account-panel,.dialog,.customer-card{padding:16px;border-radius:22px}.product-grid{grid-template-columns:1fr}.product-pic{height:174px}.row{grid-template-columns:1fr}.section-head{display:grid}.tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.tab{white-space:nowrap}.btn{min-height:42px}.hero-actions .btn{width:100%}}


body[data-hero="sunrise"] .hero{background-image:linear-gradient(90deg,rgba(5,13,24,.88),rgba(87,48,18,.34)),url('img/hero/hero-sunrise.jpg')}
body[data-hero="day"] .hero{background-image:linear-gradient(90deg,rgba(5,13,24,.84),rgba(5,22,34,.34)),url('img/hero/hero-day.jpg')}
body[data-hero="sunset"] .hero{background-image:linear-gradient(90deg,rgba(5,13,24,.88),rgba(112,54,14,.36)),url('img/hero/hero-sunset.jpg')}
body[data-hero="night"] .hero{background-image:linear-gradient(90deg,rgba(5,13,24,.93),rgba(9,17,31,.62)),url('img/hero/hero-night.jpg')}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--sun-x,72%) var(--sun-y,18%),rgba(255,219,124,.34),transparent 16%),linear-gradient(180deg,rgba(255,255,255,.05),transparent 45%);mix-blend-mode:screen;opacity:.8;animation:heroGlow 10s ease-in-out infinite alternate}
body[data-hero="sunrise"]{--sun-x:23%;--sun-y:23%}body[data-hero="day"]{--sun-x:78%;--sun-y:14%}body[data-hero="sunset"]{--sun-x:72%;--sun-y:31%}body[data-hero="night"]{--sun-x:78%;--sun-y:17%}
@keyframes heroGlow{from{filter:brightness(.96)}to{filter:brightness(1.08)}}
.pos-layout{max-width:1240px;margin:0 auto;}
.product-pic{height:190px;background-color:#dbeafe;background-position:center;background-size:cover}
@media(min-width:1281px){.pos-layout{grid-template-columns:minmax(0,1fr) 360px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}

/* v9 final polish: TPV central, real-photo remote assets, clearer account controls */
.hero{min-height:560px;background-color:#07111f;background-position:center;background-size:cover;overflow:hidden}
.hero:before{animation:heroGlow 9s ease-in-out infinite alternate, heroLightMove 24s ease-in-out infinite alternate}
.hero:after{height:150px;background:linear-gradient(180deg,transparent 0%,rgba(238,244,248,.86) 68%,#eef4f8 100%)}
body[data-hero="sunrise"] .hero{background-image:linear-gradient(135deg,#06101e,#0a3348 55%,#d98d37 140%)}
body[data-hero="day"] .hero{background-image:linear-gradient(135deg,#06101e,#0f6b84 70%,#a8ecff 160%)}
body[data-hero="sunset"] .hero{background-image:linear-gradient(135deg,#06101e,#793a18 75%,#ffca70 150%)}
body[data-hero="night"] .hero{background-image:linear-gradient(135deg,#020617,#0f172a 65%,#2563eb 150%)}
@keyframes heroLightMove{from{background-position:0 0}to{background-position:30px 18px}}
.hero-copy{padding:74px 0 98px}.hero-copy h1{text-shadow:0 14px 38px rgba(0,0,0,.42)}
.shell{width:min(1360px,100%)}
.pos-layout{display:grid;grid-template-columns:1fr;max-width:1120px;margin:0 auto;gap:18px}.pos-layout>section{width:100%}.cart{position:static;display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:18px;align-items:start}.product-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));justify-content:center}.product-pic{height:210px;background-position:center;background-size:cover;background-color:#e5edf4}.product{box-shadow:0 18px 44px rgba(16,32,51,.10)}
.account-actions .btn{flex:1}.access-list{display:grid;gap:8px}.access-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid #e2e8f0;border-radius:16px;padding:10px;background:#f8fafc}.toolbar.mini{gap:6px}.toolbar.mini .btn{min-height:34px;padding:7px 11px;font-size:.82rem}.tiny{font-size:.88rem}.empty.compact{padding:14px;text-align:left}.inline-feedback{border:1px solid #dbeafe;background:#eff6ff;color:#1e3a8a;border-radius:16px;padding:12px 14px;margin-bottom:14px;font-weight:800}.btn.loading{opacity:.75;pointer-events:none}
@media(max-width:880px){.cart{grid-template-columns:1fr}.hero-copy{padding:44px 0 78px}.hero{min-height:520px}.product-grid{grid-template-columns:1fr}.product-pic{height:210px}}


/* v10 operational and visual correction */
:root{--gold:#d59a2d;--gold2:#ffca70;--sea:#0094b8;--sea2:#28c6df}
.hero{min-height:620px;background-color:#081420;background-position:center;background-size:cover;isolation:isolate}
.hero:after{height:190px;background:linear-gradient(180deg,transparent 0%,rgba(238,244,248,.72) 58%,#eef4f8 100%)}
body[data-hero="sunrise"] .hero{background-image:linear-gradient(135deg,#06101e,#0a3348 55%,#d98d37 140%)}
body[data-hero="day"] .hero{background-image:linear-gradient(135deg,#06101e,#0f6b84 70%,#a8ecff 160%)}
body[data-hero="sunset"] .hero{background-image:linear-gradient(135deg,#06101e,#793a18 75%,#ffca70 150%)}
body[data-hero="night"] .hero{background-image:linear-gradient(135deg,#020617,#0f172a 65%,#2563eb 150%)}
.hero-copy{padding:86px 0 118px}.hero-copy h1{max-width:900px;text-shadow:0 18px 42px rgba(0,0,0,.46)}.hero-copy p{font-size:1.22rem;max-width:760px}.hero:before{opacity:.68}
.product-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}.product-pic{height:230px;background-color:#e8eef5;background-position:center;background-size:cover}.product{border-color:#dfe8f2}.product-body{padding:16px}.price{font-size:1.22rem}.qty{grid-template-columns:46px 1fr 46px}.qty button,.qty b{height:46px}.cart{grid-template-columns:1fr}.account-panel{align-self:start}.subttl{margin:8px 0 4px}.access-row{background:#fff}.account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.account-actions .btn{width:100%}.inline-feedback{border:1px solid #d8e3ef;background:#f8fafc;border-radius:16px;padding:10px 12px;color:#53657a;font-weight:800;margin-bottom:12px}.btn.loading:after{content:"";width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1200px){.pos-layout{max-width:1180px}.product-grid{grid-template-columns:repeat(3,minmax(245px,1fr))}}
@media(max-width:900px){.hero{min-height:560px}.product-pic{height:220px}.account-actions{grid-template-columns:1fr}.toolbar{gap:8px}.row .toolbar{justify-content:flex-start}}

/* v11 · producto operativo: sin imágenes remotas aleatorias, TPV centrado y acciones claras */
body[data-hero="sunrise"] .hero,
body[data-hero="day"] .hero,
body[data-hero="sunset"] .hero,
body[data-hero="night"] .hero{
  background-image:
    radial-gradient(circle at 82% 18%, rgba(255,213,126,.32), transparent 18%),
    radial-gradient(circle at 20% 82%, rgba(40,198,223,.30), transparent 24%),
    linear-gradient(135deg,#06101e 0%,#0a3348 48%,#c9822d 140%);
}
.hero-copy h1{max-width:980px}.hero-copy p{max-width:720px}
.brand-mark{background:linear-gradient(135deg,var(--gold2),var(--sea2));box-shadow:0 16px 40px rgba(0,148,184,.22)}
.product-pic{position:relative;display:grid;place-items:center;overflow:hidden}
.product-pic:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(0,0,0,.10));}
.product-icon{position:relative;font-size:4.6rem;filter:drop-shadow(0 18px 26px rgba(0,0,0,.24));transform:translateY(3px)}
.pos-layout{max-width:1280px;grid-template-columns:minmax(0,1fr);}
.cart{width:100%;grid-template-columns:minmax(300px,.95fr) minmax(300px,1.05fr);background:#ffffff;border-radius:28px;border:1px solid var(--line);}
.cart.card{box-shadow:var(--shadow)}
.account-panel{box-shadow:none;border:1px solid #e7edf5;background:linear-gradient(180deg,#ffffff,#f8fafc)}
.account-actions{grid-template-columns:repeat(3,minmax(0,1fr));}
.list .row.active{border-color:rgba(0,148,184,.35);background:linear-gradient(90deg,#effaff,#fff)}
.badge.warn{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.badge.bad{background:#fef2f2;color:#991b1b;border-color:#fecaca}.badge.ok{background:#ecfdf5;color:#047857;border-color:#a7f3d0}
.inline-feedback{background:#f8fafc;color:#344054}.empty{border:1px dashed #d7e1ec;background:#f8fafc}
@media(min-width:1200px){.product-grid{grid-template-columns:repeat(4,minmax(220px,1fr));}.product-pic{height:210px}}
@media(max-width:980px){.cart{grid-template-columns:1fr}.account-actions{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(2.7rem,10vw,4.8rem)}}

/* v12 · flujo TPV separado de gestión de cuenta y control anti doble pulsación */
body.working .btn.primary:not([disabled]){filter:saturate(.95)}
.btn[disabled], .product.disabled{opacity:.55;cursor:not-allowed}
.product.disabled .product-pic{filter:grayscale(.2)}
.section-head.mini{margin-bottom:8px}.section-head.mini h3{margin:0}.section-head.mini p{margin:2px 0 0}
.pos-account{border:1px solid #e0e8f2;background:linear-gradient(180deg,#ffffff,#f7fafc);border-radius:22px;padding:16px;margin-bottom:14px;display:grid;gap:8px}
.pos-account.empty{text-align:left}.pos-account h3{margin:8px 0 4px;font-size:1.15rem}.pos-account .muted{margin:0}
.locked-bar,.locked-note{border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;border-radius:18px;padding:12px 14px;font-weight:850;margin:10px 0 16px}
.locked-note{font-size:.9rem;margin:4px 0 0}
.order-summary{display:grid;gap:10px}.checkout-lines{display:grid;gap:8px;margin:8px 0 14px}.modal-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:10px 0 12px;font-size:1.2rem}.modal-total strong{font-size:1.45rem}
.inline-feedback.ok{border-color:#a7f3d0;background:#ecfdf5;color:#047857}.inline-feedback.warn{border-color:#fed7aa;background:#fff7ed;color:#9a3412}.inline-feedback.bad{border-color:#fecaca;background:#fef2f2;color:#991b1b}
.pos-layout .cart.card{padding:18px}.pos-layout .product-grid{align-content:start}
@media(max-width:980px){.pos-layout .toolbar{width:100%}.pos-layout .toolbar .btn{flex:1}.modal-total strong{font-size:1.25rem}}

/* v13 · home operativa, TPV con selección de cuenta y eliminación segura */
.hero-copy{max-width:940px}.hero-kicker{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);border-radius:999px;padding:7px 12px;margin-bottom:16px;text-transform:uppercase;letter-spacing:.16em;font-weight:950;font-size:.72rem;color:#e8fbff}.topbar .toolbar{justify-content:flex-end}.home-wow{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.4fr);gap:24px;align-items:stretch;background:linear-gradient(135deg,#fff,#f8fbfd);overflow:hidden;position:relative}.home-wow:before{content:"";position:absolute;inset:auto -80px -120px auto;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(34,184,213,.20),transparent 68%)}.home-copy{position:relative;z-index:1;display:grid;align-content:center;gap:12px}.home-copy h2{font-size:clamp(2rem,4vw,3.7rem);line-height:.96;letter-spacing:-.06em;margin:0}.op-action-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.op-action{border:1px solid #dbe5ef;background:#fff;border-radius:28px;padding:22px;min-height:210px;text-align:left;box-shadow:0 18px 46px rgba(16,32,51,.10);display:grid;align-content:space-between;gap:16px;color:#172033}.op-action span{width:44px;height:44px;border-radius:16px;background:#eef7fb;color:#0f7992;display:grid;place-items:center;font-weight:950}.op-action strong{font-size:1.35rem;letter-spacing:-.035em}.op-action small{color:var(--muted);line-height:1.45;font-weight:750}.op-action.primary{background:linear-gradient(145deg,#07111f,#0b5267 75%,#20bfd9);color:#fff;border-color:transparent}.op-action.primary span{background:rgba(255,255,255,.16);color:#fff}.op-action.primary small{color:#dff7ff}.selector-tools{display:grid;grid-template-columns:1fr 240px;gap:12px;margin-bottom:6px}.dense-list{max-height:56vh;overflow:auto;padding-right:4px}.dense-list .row{padding:12px 14px}.row.is-cancelled{background:#fff7f7;border-color:#fecaca;opacity:.86}.row.is-cancelled .toolbar{justify-content:flex-end}.tpv-account-strip{margin-bottom:12px}.account-chip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid #dbe5ef;background:linear-gradient(90deg,#f8fafc,#ffffff);border-radius:18px;padding:12px 14px}.account-chip strong{font-size:1.05rem}.account-chip span:last-child{color:var(--muted);font-weight:760}.empty-chip{justify-content:space-between}.tpv-search{max-width:520px;margin:0 0 12px}.card .filter-grid{align-items:end}.list .toolbar b{white-space:nowrap}.modal .inline-feedback.warn strong{color:#7c2d12}.notice .badge{box-shadow:0 10px 24px rgba(0,0,0,.12)}
@media(max-width:1050px){.home-wow{grid-template-columns:1fr}.op-action-grid{grid-template-columns:1fr}.op-action{min-height:150px}.selector-tools{grid-template-columns:1fr}.dense-list{max-height:62vh}.account-chip{display:grid}.home-copy h2{font-size:2.4rem}}
@media(max-width:680px){.topbar .toolbar .btn{width:100%}.home-wow{padding:18px}.op-action{padding:18px;border-radius:22px}.selector-tools{gap:4px}.dense-list .row{grid-template-columns:1fr}.tpv-search{max-width:100%}.hero-copy{padding-bottom:76px}}


/* v14 · Staff-first POS flow + public beach club home */
.lang-select{border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:10px 12px;background:rgba(255,255,255,.16);color:#fff;font-weight:950;outline:none}.lang-select option{color:#101828}.btn.big-cta{font-size:1rem;min-height:52px;padding-inline:24px}.public-app .shell.public-shell{margin:-64px auto 0}.public-home{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);display:grid;grid-template-columns:.9fr 1.35fr;gap:24px;border-radius:32px;padding:28px;box-shadow:0 28px 90px rgba(7,17,31,.18)}.public-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.public-feature-grid article{min-height:170px;border:1px solid #dbe6f1;background:linear-gradient(180deg,#fff,#f7fbff);border-radius:26px;padding:20px;display:grid;align-content:space-between;box-shadow:0 14px 36px rgba(16,32,51,.08)}.public-feature-grid span{font-weight:950;color:#0f8ead}.public-feature-grid strong{font-size:1.12rem}.public-feature-grid small{color:#667085;line-height:1.5}.staff-app{background:#eef4f8}.staff-app .hero{min-height:0;padding:12px 20px;background:#eef4f8;color:#101828}.staff-app .hero:after,.staff-app .hero:before{display:none}.staff-app .hero-inner{gap:0}.staff-app .brand small{color:#667085}.staff-app .btn.ghost,.staff-app .lang-select{background:#fff;color:#101828;border-color:#d8e3ef;box-shadow:0 8px 18px rgba(16,32,51,.06)}.staff-app .shell.staff-shell{margin:0 auto;padding-top:8px}.staff-notice{min-height:0}.pos-workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.pos-card{min-width:0}.pos-command{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:14px}.pos-actions{justify-content:flex-end}.account-chip{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:1px solid #dbe6f1;border-radius:22px;padding:13px 15px;background:linear-gradient(180deg,#fff,#f8fbff)}.account-chip strong{font-size:1.02rem}.empty-chip{border-style:dashed}.tpv-search{max-width:620px}.product.disabled{opacity:.58}.product-icon{display:grid;place-items:center;height:100%;font-size:3.2rem;filter:drop-shadow(0 16px 20px rgba(0,0,0,.18))}.inline-feedback.soft{background:#f8fafc;border-color:#dbe6f1;color:#475467}.auth-dialog .inline-feedback.bad{font-weight:900}.app-toast{position:fixed;left:50%;top:22px;transform:translateX(-50%);z-index:130;border-radius:999px;padding:12px 18px;font-weight:950;box-shadow:0 18px 50px rgba(12,27,47,.22);background:#fff;border:1px solid #dbe6f1}.app-toast.bad{background:#fff1f2;color:#b91c1c;border-color:#fecdd3}.app-toast.warn{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.app-toast.ok{background:#ecfdf3;color:#027a48;border-color:#bbf7d0}.working button{pointer-events:none}.working .modal button{pointer-events:auto}
@media(max-width:1180px){.pos-workspace{grid-template-columns:1fr}.pos-command{grid-template-columns:1fr}.pos-actions{justify-content:flex-start}.cart{position:static}.public-home{grid-template-columns:1fr}.public-feature-grid{grid-template-columns:1fr}}
@media(max-width:680px){.staff-app .topbar,.public-app .topbar{display:grid}.staff-app .toolbar,.public-app .toolbar{width:100%}.staff-app .toolbar .btn,.public-app .toolbar .btn{flex:1}.lang-select{flex:0 0 auto}.pos-actions .btn{flex:1;min-width:46%}.public-feature-grid article{min-height:130px}.public-home{padding:18px;border-radius:24px}}

/* v15 · Club Beach premium public home + value-led cards */
.public-app .public-hero{
  min-height:640px;
  background-image:
    linear-gradient(90deg,rgba(5,10,18,.78) 0%,rgba(5,14,24,.58) 42%,rgba(5,14,24,.16) 100%),
    url('img/hero/club-beach-1.jpg');
  background-position:center;
  background-size:cover;
  animation:clubBeachHero 24s infinite steps(1,end),clubBeachDrift 16s ease-in-out infinite alternate;
}
@keyframes clubBeachHero{
  0%,32%{background-image:linear-gradient(90deg,rgba(5,10,18,.78) 0%,rgba(5,14,24,.58) 42%,rgba(5,14,24,.16) 100%),url('img/hero/club-beach-1.jpg')}
  33%,65%{background-image:linear-gradient(90deg,rgba(5,10,18,.80) 0%,rgba(39,28,18,.50) 48%,rgba(5,14,24,.12) 100%),url('img/hero/club-beach-2.jpg')}
  66%,100%{background-image:linear-gradient(90deg,rgba(5,10,18,.84) 0%,rgba(5,14,24,.55) 48%,rgba(5,14,24,.18) 100%),url('img/hero/club-beach-3.jpg')}
}
@keyframes clubBeachDrift{from{background-position:center center}to{background-position:center 42%}}
.public-app .hero-copy{padding:86px 0 112px;max-width:850px}.public-app .hero-copy h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.065em;line-height:.94;max-width:760px}.public-app .hero-copy p{font-size:1.18rem;max-width:720px;color:rgba(255,255,255,.88)}
.public-app .hero-kicker{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.36);color:#fff;letter-spacing:.20em}.public-app .brand-mark{border-radius:999px;background:radial-gradient(circle at 32% 30%,#f3d98f,#71dbc8 54%,#1e7896);box-shadow:0 18px 48px rgba(0,0,0,.28)}.public-app .brand small{color:#fff;letter-spacing:.26em}.public-app .brand strong{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#fff;opacity:.94}.public-app .topbar .toolbar{margin-left:auto;justify-content:flex-end;flex-wrap:nowrap}.public-app .staff-login{min-width:150px}.public-app .lang-select{min-width:82px;text-align:center}.public-home{margin-top:-6px;background:rgba(255,255,255,.96);border:1px solid rgba(211,223,235,.84);grid-template-columns:.78fr 1.55fr;align-items:stretch}.home-copy h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#0c1524;letter-spacing:-.05em}.home-copy .badge{width:max-content;text-transform:uppercase;letter-spacing:.12em;background:#fffaf0;color:#9a6517;border-color:#eed7ad}.home-copy .muted{font-size:1.02rem}.value-grid{grid-template-columns:repeat(5,minmax(0,1fr));}.value-grid article{min-height:214px;background:linear-gradient(180deg,#ffffff,#fbfaf7);border-color:#e9dfcf;box-shadow:0 20px 52px rgba(71,47,24,.08)}.value-grid article span{color:#b68235;letter-spacing:.08em}.value-grid article strong{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.32rem;color:#121826;line-height:1.12}.value-grid article small{font-size:.92rem;color:#616977}.public-app .hero-actions{display:none!important}
@media(max-width:1320px){.value-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.public-home{grid-template-columns:1fr}}
@media(max-width:820px){.public-app .public-hero{min-height:620px;background-position:center top}.public-app .topbar{display:grid;grid-template-columns:1fr auto;align-items:start}.public-app .topbar .toolbar{grid-column:1 / -1;justify-content:flex-end;width:100%;gap:8px}.public-app .topbar .toolbar .btn{flex:0 1 auto}.public-app .hero-copy{padding:56px 0 96px}.public-app .hero-copy h1{font-size:clamp(3rem,14vw,5.1rem);max-width:560px}.public-app .hero-copy p{font-size:1rem;line-height:1.55}.value-grid{grid-template-columns:1fr}.value-grid article{min-height:150px}.public-home{padding:20px;border-radius:26px}.home-copy h2{font-size:2.35rem}}
@media(max-width:480px){.public-app .brand-mark{width:42px;height:42px}.public-app .brand small{font-size:.66rem}.public-app .brand strong{font-size:.95rem}.public-app .staff-login{min-width:0;padding-inline:14px}.public-app .lang-select{min-width:72px;padding-inline:10px}.public-app .hero-copy h1{font-size:2.86rem}.public-app .public-hero{min-height:590px}.shell.public-shell{padding-left:12px;padding-right:12px}.public-home{margin-top:-46px}}


/* v16 · cleaner premium home + aligned staff POS */
.public-app .public-hero{
  min-height:680px;
  background-image:linear-gradient(90deg,rgba(6,11,19,.82) 0%,rgba(6,11,19,.58) 42%,rgba(6,11,19,.18) 100%),url('img/hero/club-beach-1.jpg');
  background-position:center center;
  background-size:cover;
  animation:clubBeachDrift 18s ease-in-out infinite alternate;
  overflow:hidden;
}
.public-app .public-hero:before{display:none}
.public-app .public-hero:after{height:140px;background:linear-gradient(180deg,rgba(238,244,248,0),rgba(238,244,248,.98) 70%,#eef4f8)}
.public-app .hero-copy-clean{max-width:760px;padding:96px 0 140px;overflow:hidden}
.public-app .hero-copy-clean h1{max-width:720px;text-wrap:balance;text-shadow:0 16px 44px rgba(0,0,0,.34)}
.public-app .hero-copy-clean p{max-width:680px}
.public-app .shell.public-shell{margin:-34px auto 0;padding-bottom:52px}
.public-home-clean{grid-template-columns:1fr;gap:28px;padding:34px;border-radius:36px;overflow:hidden}
.public-home-clean .home-copy{max-width:780px}
.public-home-clean .home-copy h2{font-size:clamp(2.5rem,4.8vw,4.35rem);line-height:.98;margin:10px 0 18px}
.public-home-clean .home-copy-note{max-width:760px;margin-top:6px}
.value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.value-grid article{min-height:198px;padding:24px;border-radius:28px;gap:14px}
.value-grid article.wide{grid-column:1 / -1;min-height:166px}
.value-grid article strong{font-size:1.4rem;line-height:1.08}
.value-grid article small{font-size:.96rem;line-height:1.6}
.public-app .topbar{align-items:center}
.public-app .topbar .toolbar{gap:12px}
.public-app .staff-login{order:1}
.public-app .lang-select{order:2}
.staff-app{background:linear-gradient(180deg,#f2f7fb 0%,#edf4f9 100%)}
.staff-app .hero{padding:18px 20px;background:transparent;color:#101828}
.staff-app .hero-inner{width:min(1340px,100%);background:rgba(255,255,255,.78);border:1px solid rgba(216,227,239,.9);border-radius:28px;padding:14px 18px;backdrop-filter:blur(12px);box-shadow:0 18px 46px rgba(12,27,47,.09)}
.staff-app .brand strong{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.2rem;color:#0d1726}
.staff-app .shell.staff-shell{width:min(1340px,100%);padding:12px 20px 40px}
.staff-app .card,.staff-app .account-panel,.staff-app .customer-card,.staff-app .dialog{border-radius:30px;box-shadow:0 22px 58px rgba(12,27,47,.10)}
.pos-workspace{grid-template-columns:minmax(0,1fr) 380px;gap:22px}
.pos-premium{padding:24px}
.pos-head h2{margin:.35rem 0 0;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:2.25rem;letter-spacing:-.04em}
.pos-head .muted{max-width:700px}
.pos-actions{gap:10px;align-items:flex-start}
.tpv-account-strip{margin:2px 0 18px}
.account-chip{border-radius:24px;padding:16px 18px}
.account-chip.empty-chip{justify-content:space-between;gap:16px}
.live-account{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;border:0;background:linear-gradient(135deg,#07111f 0%,#0d394b 68%,#1fb7d1 100%);color:#fff;box-shadow:0 24px 60px rgba(9,24,38,.22)}
.live-account .badge{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.22);color:#fff}
.live-account .live-account-main,.live-account .live-account-side{display:grid;gap:6px;align-content:center}
.live-account .live-account-main span:last-child{color:rgba(255,255,255,.82);font-weight:700}
.live-account .live-account-side{justify-items:end;text-align:right}
.live-account .live-account-side small{color:rgba(255,255,255,.78)}
.live-account .live-account-side b{font-size:1.55rem}
.tpv-search{max-width:700px;margin:0 0 14px}
.category-bar{margin:8px 0 18px}
.product-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:18px}
.product{border-radius:28px;overflow:hidden;box-shadow:0 18px 42px rgba(16,32,51,.10)}
.product-pic{height:190px}
.product-body{padding:16px;gap:10px}
.product h3{font-size:1.07rem;line-height:1.25}
.qty button,.qty b{height:44px;border-radius:16px}
.cart-premium{top:20px;padding:22px;border-top:4px solid rgba(201,150,66,.75);background:linear-gradient(180deg,#ffffff,#fbfdff)}
.pos-account h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.65rem;margin:.35rem 0 .1rem}
.cart-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:-4px 0 14px;color:#667085;font-size:.92rem;font-weight:800}
.locked-bar{margin:0 0 16px;border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;border-radius:18px;padding:14px 16px;font-weight:900}
.quick-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.quick-filters .btn{min-height:38px;padding:8px 14px;background:#f8fafc}
.filters-wrap{display:grid;gap:6px}
.auth-dialog #login-feedback{font-weight:800}
@media(max-width:1220px){
  .value-grid{grid-template-columns:1fr 1fr}
  .pos-workspace{grid-template-columns:1fr}
}
@media(max-width:820px){
  .public-home-clean{padding:22px;border-radius:28px}
  .value-grid{grid-template-columns:1fr}
  .value-grid article.wide{grid-column:auto}
  .public-app .hero-copy-clean{padding:62px 0 112px}
  .staff-app .hero-inner{padding:14px}
  .staff-app .shell.staff-shell{padding:10px 14px 32px}
}
@media(max-width:680px){
  .public-app .topbar{grid-template-columns:1fr}
  .public-app .topbar .toolbar{grid-column:auto;justify-content:space-between}
  .public-app .hero-copy-clean h1{font-size:2.95rem}
  .public-app .public-hero{min-height:600px;background-position:62% center}
  .public-app .shell.public-shell{margin:-22px auto 0}
  .pos-head h2{font-size:1.95rem}
  .account-chip.empty-chip,.live-account{grid-template-columns:1fr}
  .live-account .live-account-side{justify-items:start;text-align:left}
  .pos-actions .btn{flex:1 1 calc(50% - 8px)}
  .cart-premium{padding:18px}
}


/* v17 · restore WOW home, clean hero image, four value cards */
.public-app .public-hero{
  min-height:660px !important;
  background-image:linear-gradient(90deg,rgba(5,11,20,.78) 0%,rgba(5,16,28,.52) 46%,rgba(5,16,28,.10) 100%),url('img/hero/club-beach-1.jpg') !important;
  background-position:center center !important;
  background-size:cover !important;
  animation:clubBeachSlowDrift 18s ease-in-out infinite alternate !important;
  overflow:hidden;
}
.public-app .public-hero:before{display:none!important}
.public-app .public-hero:after{height:150px!important;background:linear-gradient(180deg,rgba(238,244,248,0),rgba(238,244,248,.93) 66%,#eef4f8 100%)!important}
@keyframes clubBeachSlowDrift{from{background-position:center center}to{background-position:center 46%}}
.public-app .hero-copy-clean{max-width:850px!important;padding:92px 0 126px!important;overflow:visible!important}
.public-app .hero-copy-clean h1{max-width:780px!important;text-shadow:0 18px 48px rgba(0,0,0,.42)!important}
.public-app .hero-copy-clean p{max-width:720px!important;color:rgba(255,255,255,.91)!important}
.public-app .shell.public-shell{margin:-86px auto 0!important;padding-bottom:54px!important}
.public-home-v17{
  display:grid!important;
  grid-template-columns:.78fr 1.42fr!important;
  gap:24px!important;
  align-items:stretch!important;
  border-radius:32px!important;
  padding:28px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(220,229,238,.92)!important;
  box-shadow:0 30px 90px rgba(7,17,31,.16)!important;
  overflow:hidden!important;
}
.public-home-v17 .home-copy{display:grid;align-content:center;gap:14px;min-width:0}
.public-home-v17 .home-copy h2{font-size:clamp(2.6rem,4.2vw,4.45rem)!important;line-height:.96!important;margin:4px 0 12px!important;max-width:520px}
.public-home-v17 .home-copy .muted{max-width:560px;font-size:1rem!important;line-height:1.7!important}
.value-grid-v17{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}
.value-grid-v17 article{
  min-height:236px!important;
  border-radius:24px!important;
  padding:20px!important;
  background:linear-gradient(180deg,#fff,#fbfaf6)!important;
  border:1px solid #e6dac8!important;
  box-shadow:0 18px 46px rgba(71,47,24,.075)!important;
  display:grid!important;
  align-content:space-between!important;
  gap:14px!important;
}
.value-grid-v17 article span{font-size:.88rem!important;color:#b68235!important;font-weight:950!important;letter-spacing:.1em!important}
.value-grid-v17 article strong{font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important;font-size:1.22rem!important;line-height:1.12!important;color:#111827!important}
.value-grid-v17 article small{font-size:.9rem!important;line-height:1.48!important;color:#667085!important}
.staff-app .hero-inner{max-width:1320px}
.staff-app .brand-mark{background:radial-gradient(circle at 32% 30%,#f3d98f,#71dbc8 54%,#1e7896)}
.pos-premium,.cart-premium{border-color:#e4d8c7!important;background:rgba(255,255,255,.98)!important}
.pos-head h2,.pos-account h3{font-family:Georgia,"Times New Roman",serif!important}
.quick-filters .btn:hover,.category-bar .tab:hover,.btn:hover{transform:translateY(-1px)}
.product:hover{transform:translateY(-2px);box-shadow:0 22px 52px rgba(16,32,51,.13)}
.product,.btn{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
@media(max-width:1260px){
  .public-home-v17{grid-template-columns:1fr!important}
  .value-grid-v17{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .value-grid-v17 article{min-height:190px!important}
}
@media(max-width:820px){
  .public-app .public-hero{min-height:610px!important;background-position:61% center!important}
  .public-app .shell.public-shell{margin:-44px auto 0!important}
  .public-home-v17{padding:20px!important;border-radius:26px!important}
  .public-home-v17 .home-copy h2{font-size:2.45rem!important}
  .value-grid-v17{grid-template-columns:1fr!important}
  .value-grid-v17 article{min-height:150px!important;padding:18px!important}
}
@media(max-width:520px){
  .public-app .topbar .toolbar{justify-content:space-between!important}
  .public-app .hero-copy-clean{padding:58px 0 104px!important}
  .public-app .hero-copy-clean h1{font-size:2.85rem!important}
  .public-app .hero-copy-clean p{font-size:1rem!important}
  .public-app .shell.public-shell{padding-left:12px!important;padding-right:12px!important}
}

/* v18 · home value block top + clean 2x2 cards + POS workflow polish */
.public-home-v18{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:30px!important;
  border-radius:34px!important;
  padding:34px!important;
  background:rgba(255,255,255,.965)!important;
  border:1px solid rgba(220,229,238,.92)!important;
  box-shadow:0 32px 92px rgba(7,17,31,.16)!important;
  overflow:hidden!important;
}
.public-home-v18 .home-copy-v18{
  max-width:980px!important;
  display:grid!important;
  gap:14px!important;
  align-content:start!important;
}
.public-home-v18 .home-copy-v18 h2{
  max-width:940px!important;
  font-size:clamp(2.65rem,5vw,5.4rem)!important;
  line-height:.94!important;
  letter-spacing:-.055em!important;
  margin:8px 0 8px!important;
}
.public-home-v18 .home-copy-v18 .muted{
  max-width:880px!important;
  font-size:1.06rem!important;
  line-height:1.75!important;
}
.value-grid-v18{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.value-grid-v18 article{
  min-height:210px!important;
  border-radius:28px!important;
  padding:26px!important;
  background:linear-gradient(180deg,#fff,#fbfaf6)!important;
  border:1px solid #e5d6c0!important;
  box-shadow:0 18px 46px rgba(71,47,24,.065)!important;
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  gap:26px!important;
}
.value-grid-v18 article > div{display:grid;gap:18px!important;align-content:start}
.value-grid-v18 article span{
  font-size:.88rem!important;
  color:#b68235!important;
  font-weight:950!important;
  letter-spacing:.11em!important;
}
.value-grid-v18 article strong{
  display:block!important;
  max-width:500px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:400!important;
  font-size:clamp(1.65rem,2.25vw,2.2rem)!important;
  line-height:1.04!important;
  color:#101828!important;
}
.value-grid-v18 article small{
  align-self:end!important;
  max-width:620px!important;
  font-size:1rem!important;
  line-height:1.68!important;
  color:#667085!important;
}
.public-app .shell.public-shell{margin:-86px auto 0!important;}
.staff-tabs{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 16px;
  padding:8px;
  border:1px solid rgba(217,226,236,.9);
  background:rgba(255,255,255,.78);
  border-radius:999px;
  box-shadow:0 14px 42px rgba(12,27,47,.08);
  width:max-content;
  max-width:100%;
}
.staff-tab{
  border:0;
  background:transparent;
  color:#344054;
  font-weight:950;
  padding:12px 18px;
  min-height:44px;
  border-radius:999px;
  cursor:pointer;
  letter-spacing:-.01em;
}
.staff-tab.active{
  background:#0d1726;
  color:#fff;
  box-shadow:0 12px 30px rgba(13,23,38,.18);
}
.staff-tab:hover{background:#eef5f8;color:#101828}
.staff-tab.active:hover{background:#0d1726;color:#fff}
.pos-workspace-v18{align-items:start}
.pos-actions .btn{min-width:146px}
.live-account-v18{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:24px!important;
  padding:18px 20px!important;
}
.live-account-v18 .live-account-main strong{font-size:1.25rem!important;line-height:1.15}
.live-account-stats{
  display:grid;
  grid-template-columns:repeat(3,auto);
  gap:18px;
  align-items:center;
  justify-content:end;
}
.live-account-stats div{display:grid;gap:4px;text-align:right;min-width:86px}
.live-account-stats small{color:rgba(255,255,255,.74);font-weight:800;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em}
.live-account-stats b{color:#fff;font-size:1.25rem;white-space:nowrap}
.cart-premium .order-summary .btn.primary{font-size:1rem;min-height:52px;box-shadow:0 18px 38px rgba(23,170,196,.22)}
.dialog .inline-feedback.soft{background:#f8fafc;border-color:#dbe6ef;color:#344054}
@media(max-width:1100px){
  .value-grid-v18{grid-template-columns:1fr!important}
  .value-grid-v18 article{min-height:180px!important}
  .live-account-v18{grid-template-columns:1fr!important}
  .live-account-stats{justify-content:start;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .live-account-stats div{text-align:left}
}
@media(max-width:720px){
  .public-home-v18{padding:24px!important;border-radius:28px!important;gap:22px!important}
  .public-home-v18 .home-copy-v18 h2{font-size:clamp(2.25rem,12vw,3.35rem)!important;line-height:.98!important}
  .value-grid-v18 article{padding:22px!important;border-radius:24px!important;min-height:unset!important;gap:18px!important}
  .value-grid-v18 article strong{font-size:1.55rem!important}
  .value-grid-v18 article small{font-size:.95rem!important;line-height:1.6!important}
  .staff-tabs{width:100%;border-radius:24px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px}
  .staff-tab{padding:11px 10px;font-size:.92rem}
  .pos-actions .btn{min-width:0;flex:1 1 100%}
  .live-account-stats{grid-template-columns:1fr;gap:10px}
  .live-account-stats div{grid-template-columns:1fr auto;align-items:center;text-align:left;min-width:0}
}


/* v19 · Staff entry without forced account selector */
.auth-dialog-v19 .section-head{align-items:flex-start}
.auth-dialog-v19 .inline-feedback{margin:8px 0 16px}
.auth-dialog-v19 .field{margin-top:8px}
.auth-dialog-v19 .btn.primary{width:100%;justify-content:center;margin-top:10px}
.empty-chip-v19{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;background:linear-gradient(135deg,#ffffff,#f4fbff);border:1px solid #dbe7f2}
.empty-chip-v19 strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;font-weight:400;color:#111827;margin:.35rem 0}
.empty-chip-v19 .toolbar{justify-content:flex-end;gap:10px;flex-wrap:wrap}
.pos-empty-v19{gap:12px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #d9e6f0;border-radius:24px;padding:18px}
.pos-empty-v19 strong{font-size:1.2rem;color:#111827}
.pos-empty-v19 p{color:#667085;line-height:1.55;margin:0}
.toolbar.stack{display:grid;grid-template-columns:1fr;gap:10px}
.empty-selector-v19{padding:24px;text-align:center}
.empty-selector-v19 .toolbar.center{justify-content:center;margin-top:14px}
.staff-app .staff-notice{min-height:0}
@media(max-width:820px){
  .empty-chip-v19{grid-template-columns:1fr}
  .empty-chip-v19 .toolbar{justify-content:stretch}
  .empty-chip-v19 .toolbar .btn{flex:1 1 100%}
}


/* v21 · TPV premium: rediseño real de puesto de trabajo */
.staff-app-v21{background:#0b1118;color:#111827;min-height:100vh;}
.staff-hero-v21{background:linear-gradient(90deg,#06131d 0%,#0c2633 56%,#6a6041 100%);padding:12px 18px 0;min-height:auto;color:#fff;}
.staff-hero-v21 .hero-inner{width:min(1500px,100%);padding:10px 14px;border-radius:28px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 60px rgba(0,0,0,.26);backdrop-filter:blur(18px)}
.staff-hero-v21 .brand strong,.staff-hero-v21 .brand small{color:#fff}.staff-hero-v21 .brand small{opacity:.75;letter-spacing:.18em}.staff-hero-v21 .brand-mark{box-shadow:0 14px 32px rgba(0,0,0,.25)}
.staff-hero-v21 .toolbar .btn,.staff-hero-v21 .lang-select{background:rgba(255,255,255,.13);color:#fff;border-color:rgba(255,255,255,.18);box-shadow:none}.staff-hero-v21 .toolbar .btn:hover{background:rgba(255,255,255,.20)}
.staff-hero-v21 .exit-btn{background:#ffe8e8!important;color:#9f1239!important;border-color:#fecdd3!important}
.staff-shell-v21{width:min(1500px,100%);padding:12px 18px 32px;margin:0 auto;background:linear-gradient(180deg,#0b1118 0,#eef5f8 108px,#eef5f8 100%)}
.staff-tabs-v21{width:max-content;display:flex;gap:8px;align-items:center;padding:7px;margin:0 0 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 42px rgba(0,0,0,.18)}
.staff-tabs-v21 .staff-tab{border:0;background:transparent;color:#d4dee9;border-radius:999px;padding:11px 20px;font-weight:950;letter-spacing:.01em}.staff-tabs-v21 .staff-tab.active{background:#fff;color:#06131d;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.btn.success,.btn.confirm{background:linear-gradient(135deg,#00a7b9,#19c79a)!important;color:#fff!important;border:0!important;box-shadow:0 18px 34px rgba(8,169,178,.22)}
.btn.dark{background:#08121d!important;color:#fff!important;border-color:#08121d!important}.btn.gold{background:#fff3d6!important;color:#8a4b09!important;border-color:#f8d38a!important}.btn.subtle{background:#f4f8fb!important;color:#405266!important}.btn.full{width:100%;justify-content:center}.btn.exit-btn{background:#fff1f2;color:#9f1239;border-color:#fecdd3}
.pos-v21{display:grid;gap:14px}.pos-command-v21{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#fff;border:1px solid #dbe8f1;border-radius:32px;padding:18px 20px;box-shadow:0 22px 58px rgba(9,26,43,.14)}
.pos-title-v21 span,.modal-top-v21 span{display:inline-flex;align-items:center;width:max-content;border-radius:999px;background:#eafff6;color:#08785f;border:1px solid #bff3df;padding:5px 10px;font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;font-weight:950}.pos-title-v21 h1{margin:7px 0 3px;font-size:2.35rem;letter-spacing:-.05em;line-height:.98;font-family:Georgia,"Times New Roman",serif;font-weight:400}.pos-title-v21 p{margin:0;color:#667085;font-weight:800}.pos-actions-v21{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.pos-actions-v21 .btn{min-height:48px;padding:12px 19px;border-radius:999px;font-weight:950}
.pos-v21-board{display:grid;grid-template-columns:270px minmax(0,1fr) 370px;gap:14px;align-items:start}.pos-side-v21,.ticket-v21{position:sticky;top:10px;display:grid;gap:12px}.account-chip-v21,.search-box-v21,.category-bar-v21,.catalog-v21,.ticket-v21{border:1px solid #dbe8f1;background:#fff;border-radius:30px;box-shadow:0 22px 58px rgba(9,26,43,.11)}
.account-chip-v21{padding:18px;display:grid;gap:14px}.account-chip-v21 small{text-transform:uppercase;letter-spacing:.09em;color:#697586;font-weight:950}.account-chip-v21 h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.8rem;line-height:1.02;margin:3px 0}.account-chip-v21 p{margin:0;color:#667085;font-weight:750}.state-dot{display:inline-block;width:10px;height:10px;background:#f59e0b;border-radius:50%;margin-right:7px}.side-actions-v21{display:grid;grid-template-columns:1fr 1fr;gap:8px}.side-actions-v21 .btn{min-height:42px;border-radius:16px;padding:8px 10px}
.active-account-v21{background:radial-gradient(circle at 110% -20%,rgba(48,213,200,.42),transparent 38%),linear-gradient(145deg,#08121d,#0c3a4b 72%,#139eb5);color:#fff;border:0}.active-account-v21 p,.active-account-v21 small{color:rgba(255,255,255,.78)}.active-account-v21 .badge{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.24);color:#fff}.account-metrics-v21{display:grid;grid-template-columns:1fr;gap:8px}.account-metrics-v21 div{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:10px}.account-metrics-v21 b{font-size:1rem}
.search-box-v21{padding:14px}.search-box-v21 label{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:#697586;font-weight:950}.search-box-v21 input{width:100%;margin-top:8px;border:1px solid #ccdae6;border-radius:18px;padding:14px 15px;font-size:1rem;background:#f9fcfe}
.category-bar-v21{padding:10px;display:grid;gap:8px}.cat-v21{border:1px solid transparent;background:#f6fafc;border-radius:18px;min-height:48px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;text-align:left;font-weight:950;color:#36475b}.cat-v21 b{background:#fff;border:1px solid #e3ecf3;border-radius:999px;min-width:28px;text-align:center;padding:3px 7px;color:#697586}.cat-v21.active{background:#06131d;color:#fff}.cat-v21.active b{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.25);color:#fff}
.catalog-v21{padding:16px}.catalog-head-v21{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.catalog-head-v21 strong{font-size:1.25rem}.catalog-head-v21 span{display:block;color:#697586;font-weight:800}.order-mini-v21{display:flex;gap:8px;align-items:center;border:1px solid #c9eef4;background:#effcff;color:#077b90;border-radius:999px;padding:8px 12px}.order-mini-v21 b{font-size:1.1rem}.order-mini-v21 strong{font-size:1rem}.product-grid-v21{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.product-v21{position:relative;display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto;gap:10px;align-items:center;border:1px solid #dbe8f1;border-radius:24px;padding:12px;background:#fff;box-shadow:0 14px 30px rgba(10,30,48,.08);min-height:130px;transition:.16s ease}.product-v21:hover{transform:translateY(-2px);box-shadow:0 20px 45px rgba(10,30,48,.14)}.product-v21.selected{border-color:#2bc3ca;box-shadow:0 0 0 3px rgba(43,195,202,.12),0 18px 40px rgba(10,30,48,.12)}.product-v21.disabled{opacity:.45;filter:grayscale(.25)}.product-add-v21{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:12px;border:0;background:#07111f;color:#fff;font-size:1.25rem;font-weight:950;box-shadow:0 12px 24px rgba(7,17,31,.18)}.product-art-v21{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:#fff}.product-art-v21 span{font-size:1.85rem}.product-body-v21{padding-right:28px}.product-body-v21 small{display:block;color:#697586;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;font-weight:950}.product-body-v21 h3{font-size:1rem;line-height:1.16;margin:4px 0 8px}.product-body-v21 strong{font-size:1.08rem}.qty-v21{grid-column:1/-1;display:grid;grid-template-columns:42px 1fr 42px;gap:8px}.qty-v21 button,.qty-v21 b{height:40px;border-radius:15px;display:grid;place-items:center}.qty-v21 button{border:1px solid #d2e0eb;background:#f7fafc;font-size:1.15rem;font-weight:950}.qty-v21 b{background:#ecfbfd;color:#06798e;border:1px solid #c5edf4}.ticket-v21{padding:16px}.ticket-account-v21{display:grid;gap:8px;border-radius:24px;padding:15px;background:#f8fbfd;border:1px solid #dce8f1;margin-bottom:12px}.ticket-account-v21 h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.5rem;margin:2px 0}.ticket-account-v21 p{margin:0;color:#667085;font-weight:800}.ticket-account-total-v21{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e0eaf2;border-radius:16px;padding:10px}.ticket-account-total-v21 small{color:#667085;font-weight:850}.ticket-account-total-v21 strong{font-size:1.05rem}.order-summary-v21{display:grid;gap:12px}.ticket-head-v21{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.ticket-head-v21 h3{margin:0;font-size:1.35rem}.ticket-head-v21 p{margin:3px 0 0;color:#667085;font-weight:800}.cart-lines-v21{display:grid;gap:8px;max-height:330px;overflow:auto;padding-right:2px}.cart-line-v21{display:grid;grid-template-columns:1fr auto 32px;gap:8px;align-items:center;background:#f8fbfd;border:1px solid #e0eaf2;border-radius:18px;padding:10px}.cart-line-v21 small{display:block;color:#667085;font-weight:800;margin-top:3px}.remove-v21{width:32px;height:32px;border-radius:12px;border:0;background:#fff1f2;color:#be123c;font-weight:950}.empty-ticket-v21{min-height:120px;display:grid;place-items:center;border:1px dashed #d2e1ec;border-radius:18px;background:#fbfdff;color:#667085}.cart-total-v21{border-top:1px solid #e1ebf2;padding-top:12px;display:flex;justify-content:space-between;align-items:flex-end}.cart-total-v21 span{color:#667085;font-weight:900}.cart-total-v21 strong{font-size:2rem;letter-spacing:-.04em}.ticket-actions-v21{display:grid;gap:8px}.ticket-actions-v21 .btn{min-height:54px;border-radius:18px;font-size:1.04rem;font-weight:950}.clean-msg-v21{border-radius:18px;padding:12px 14px}.clean-lock-v21{border-radius:18px;margin-bottom:12px}
.dialog-v21{border-radius:32px!important;border:1px solid rgba(222,232,240,.95);box-shadow:0 36px 90px rgba(3,13,24,.32)!important}.modal-top-v21{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.modal-top-v21 h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:2.1rem;letter-spacing:-.04em;margin:8px 0 4px}.modal-top-v21 p{margin:0;color:#667085;font-weight:800}.modal-actions-v21{display:flex;gap:10px;margin-top:14px}.modal-actions-v21 .btn{flex:1;min-height:50px;border-radius:17px}.checkout-lines-v21{display:grid;gap:8px;max-height:300px;overflow:auto}.modal-total-v21{display:flex;justify-content:space-between;align-items:center;background:#06131d;color:#fff;border-radius:22px;padding:16px 18px;margin:14px 0}.modal-total-v21 strong{font-size:1.8rem}.selector-tools-v21{display:grid;grid-template-columns:1fr 220px;gap:12px}.select-list-v21{display:grid;gap:8px;max-height:470px;overflow:auto;margin-top:10px}.select-row-v21{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;border:1px solid #dce8f1;background:#fff;border-radius:20px;padding:12px}.select-row-v21 small{display:block;color:#667085;margin-top:4px;font-weight:800}.select-row-v21 b{font-size:1.05rem}.select-row-v21>div:last-child{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.empty-selector-v21{display:grid;gap:10px;place-items:center;min-height:180px}.setting-list-v21{display:grid;gap:10px}.product-empty-v21{grid-column:1/-1;display:grid;gap:4px;min-height:160px;place-items:center;text-align:center}.product-empty-v21 span{color:#667085}.app-toast{position:fixed;right:20px;bottom:20px;z-index:10000;background:#06131d;color:#fff;border-radius:18px;padding:14px 18px;box-shadow:0 24px 60px rgba(0,0,0,.25);font-weight:900}.app-toast.ok{background:#075f55}.app-toast.warn{background:#92400e}.app-toast.bad{background:#991b1b}
@media(max-width:1280px){.pos-v21-board{grid-template-columns:240px minmax(0,1fr) 340px}.product-grid-v21{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.pos-actions-v21 .btn{padding:10px 15px}}
@media(max-width:1050px){.pos-command-v21{display:grid}.pos-actions-v21{justify-content:flex-start}.pos-v21-board{grid-template-columns:1fr}.pos-side-v21,.ticket-v21{position:relative;top:auto}.category-bar-v21{grid-template-columns:repeat(3,1fr)}.ticket-v21{order:2}.catalog-v21{order:3}.pos-side-v21{order:1}.product-grid-v21{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}}
@media(max-width:760px){.staff-hero-v21{padding:8px}.staff-hero-v21 .topbar{display:grid;grid-template-columns:1fr;gap:10px}.staff-hero-v21 .toolbar{justify-content:space-between}.staff-shell-v21{padding:10px;background:#eef5f8}.staff-tabs-v21{width:100%;overflow:auto;border-radius:22px}.staff-tabs-v21 .staff-tab{white-space:nowrap;padding:10px 15px}.pos-command-v21{padding:16px;border-radius:24px}.pos-title-v21 h1{font-size:2rem}.pos-actions-v21{display:grid;grid-template-columns:1fr 1fr;width:100%}.pos-actions-v21 .btn{min-height:46px;padding:10px 12px}.category-bar-v21{grid-template-columns:1fr 1fr}.product-grid-v21{grid-template-columns:1fr}.product-v21{min-height:124px}.cart-lines-v21{max-height:none}.selector-tools-v21{grid-template-columns:1fr}.select-row-v21{grid-template-columns:1fr}.select-row-v21>div:last-child{justify-content:flex-start}.modal-actions-v21{display:grid}.catalog-head-v21{display:grid}.order-mini-v21{width:max-content}.cart-total-v21 strong{font-size:1.7rem}}


/* v22 · POS producción + NFC por cuenta */
.staff-app-v21 .staff-hero-v21{padding:14px 20px;background:linear-gradient(90deg,#071926,#2e3421);}
.staff-app-v21 .staff-hero-v21 .hero-inner{width:min(1440px,100%);background:rgba(255,255,255,.9);border-radius:28px;border:1px solid rgba(219,228,238,.86);box-shadow:0 16px 42px rgba(8,22,35,.13);}
.staff-shell-v21{width:min(1440px,100%);}
.staff-tabs-v21{margin:12px 0 22px;background:#fff;border:1px solid #d9e4ef;border-radius:999px;padding:6px;width:max-content;box-shadow:0 14px 34px rgba(13,28,45,.08)}
.staff-tabs-v21 .staff-tab{border:0;background:transparent;border-radius:999px;padding:12px 22px;font-weight:950;color:#405065;cursor:pointer}
.staff-tabs-v21 .staff-tab.active{background:#081321;color:#fff;box-shadow:0 10px 22px rgba(8,19,33,.18)}
.pos-v22{display:grid;gap:18px}.pos-top-v22{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#fff,#f7fbff);border:1px solid #dbe7f2;border-radius:34px;padding:26px 28px;box-shadow:0 24px 60px rgba(12,27,47,.11)}
.eyebrow-v22{display:inline-flex;border:1px solid #bfead9;background:#f0fff8;color:#08784d;border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.pos-top-v22 h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.1rem,4vw,3.5rem);font-weight:400;line-height:.95;margin:12px 0 8px;color:#09111f}.pos-top-v22 p{margin:0;color:#667085;font-weight:650}.pos-top-actions-v22{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.pos-top-actions-v22 .btn{min-height:48px;padding:12px 18px}.btn.success{background:#09a8c7;color:#fff;border-color:#09a8c7}.btn.dark{background:#081321;color:#fff;border-color:#081321}.btn.gold{background:#d39a38;color:#111827;border-color:#d39a38}.btn.confirm{background:#20b8d0;color:#fff;border-color:#20b8d0}.btn.exit-btn{background:#fff;color:#172033}.btn.nfc-btn-v22{background:#f5f8fb;border-color:#d6e3ef;color:#172033}
.pos-grid-v22{display:grid;grid-template-columns:310px minmax(0,1fr) 360px;gap:18px;align-items:start}.pos-left-v22,.catalog-v22,.ticket-v22{background:#fff;border:1px solid #dbe7f2;border-radius:32px;box-shadow:0 22px 56px rgba(12,27,47,.10)}.pos-left-v22{padding:18px;position:sticky;top:18px}.catalog-v22{padding:18px}.ticket-v22{padding:18px;position:sticky;top:18px}.account-strip-v22{border:1px solid #dbe7f2;border-radius:26px;padding:18px;background:linear-gradient(180deg,#f8fcff,#fff);display:grid;gap:14px}.account-strip-v22.empty{background:linear-gradient(180deg,#fffaf1,#fff)}.status-light-v22{display:inline-block;width:12px;height:12px;border-radius:50%;background:#f59e0b;margin-right:8px}.account-strip-v22 small{display:inline-block;color:#667085;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.account-strip-v22 h2{font-family:Georgia,"Times New Roman",serif;font-size:1.65rem;font-weight:400;line-height:1;margin:.3rem 0 .2rem;color:#0c1524}.account-strip-v22 p{margin:0;color:#667085}.account-strip-actions-v22{display:grid;grid-template-columns:1fr 1fr;gap:8px}.account-strip-metrics-v22{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.account-strip-metrics-v22 div{background:#f5f8fb;border:1px solid #e2ebf3;border-radius:18px;padding:12px}.account-strip-metrics-v22 b{font-size:1.1rem}.search-card-v22{display:grid;gap:8px;margin:14px 0}.search-card-v22 label{font-weight:950;color:#667085}.search-card-v22 input{height:48px;border-radius:18px;border:1px solid #d7e2ed;padding:0 14px;font-size:1rem}.category-bar-v22{display:grid;gap:8px}.cat-v22{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid #dbe6f0;background:#fff;border-radius:18px;padding:12px 14px;font-weight:950;color:#324155;cursor:pointer}.cat-v22.active{background:#081321;color:#fff;border-color:#081321}.cat-v22 b{font-size:.8rem;opacity:.75}.catalog-toolbar-v22{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.catalog-toolbar-v22 strong{font-size:1.3rem}.catalog-toolbar-v22 span{display:block;color:#667085;font-weight:750}.order-pill-v22{display:flex;align-items:center;gap:10px;background:#f3f8fc;border:1px solid #dbe7f2;border-radius:999px;padding:8px 12px}.order-pill-v22 b{background:#081321;color:#fff;border-radius:999px;min-width:30px;height:30px;display:grid;place-items:center}.order-pill-v22 strong{font-size:1rem}.product-grid-v22{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.product-v22{position:relative;border:1px solid #e0e8f0;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 14px 34px rgba(14,31,50,.08);display:grid;grid-template-rows:94px auto auto}.product-v22.selected{border-color:#16aac7;box-shadow:0 16px 38px rgba(18,169,199,.20)}.product-v22.disabled{opacity:.5}.product-art-v22{display:grid;place-items:center}.product-art-v22 span{font-size:2.1rem;filter:drop-shadow(0 8px 14px rgba(0,0,0,.22))}.product-body-v22{padding:12px 12px 8px;display:grid;gap:5px}.product-body-v22 small{font-size:.72rem;font-weight:900;color:#6b7280;border:1px solid #e4ebf3;border-radius:999px;padding:4px 8px;width:max-content}.product-body-v22 h3{font-size:.98rem;line-height:1.16;margin:0;color:#172033}.product-body-v22 strong{font-size:1.02rem;color:#101828}.product-quick-add-v22{position:absolute;right:10px;top:10px;width:38px;height:38px;border-radius:50%;border:0;background:#fff;color:#081321;font-size:1.4rem;font-weight:950;box-shadow:0 10px 22px rgba(0,0,0,.18);cursor:pointer}.qty-v22{display:grid;grid-template-columns:42px 1fr 42px;gap:6px;padding:0 12px 12px}.qty-v22 button,.qty-v22 b{height:38px;border-radius:14px;border:1px solid #dbe6f0;background:#f8fafc;display:grid;place-items:center;font-weight:950}.qty-v22 button{cursor:pointer}.qty-v22 b{background:#e8f8fb;border-color:#caedf4;color:#08788e}.ticket-account-v22{background:linear-gradient(135deg,#071321,#123e52);color:#fff;border-radius:24px;padding:18px;margin-bottom:14px}.ticket-account-v22.empty{background:linear-gradient(135deg,#fff8ed,#fff);color:#172033;border:1px solid #efd9b7}.ticket-account-v22 h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.55rem;margin:.35rem 0}.ticket-account-v22 p{opacity:.78}.ticket-account-total-v22{display:flex;justify-content:space-between;align-items:end;border-top:1px solid rgba(255,255,255,.2);padding-top:12px}.ticket-account-total-v22 strong{font-size:1.45rem}.order-summary-v22{display:grid;gap:14px}.ticket-head-v22{display:flex;justify-content:space-between;gap:12px;align-items:start}.ticket-head-v22 h3{margin:0;font-size:1.25rem}.ticket-head-v22 p{margin:4px 0 0;color:#667085}.cart-lines-v22{display:grid;gap:8px;max-height:310px;overflow:auto;padding-right:3px}.cart-line-v22{display:grid;grid-template-columns:minmax(0,1fr) auto 34px;gap:10px;align-items:center;background:#f8fafc;border:1px solid #e3ecf5;border-radius:16px;padding:10px}.cart-line-v22 small{display:block;color:#667085;margin-top:3px}.remove-v22{border:0;background:#fff0f0;color:#b91c1c;border-radius:12px;height:34px;font-weight:950;cursor:pointer}.cart-total-v22{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #e4edf5;padding-top:14px}.cart-total-v22 span{font-weight:950;color:#667085}.cart-total-v22 strong{font-size:2rem;color:#081321}.ticket-actions-v22{display:grid;gap:8px}.ticket-actions-v22 .btn{width:100%;min-height:50px}.clean-msg-v22{margin:0}.dialog-v22{border-radius:34px;box-shadow:0 34px 90px rgba(8,19,33,.28)}.modal-actions-v22{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:16px}.modal-actions-v22 .btn{min-height:46px}.nfc-grid-v22{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.nfc-help-v22{display:grid;gap:6px;background:#f6fbfe;border:1px solid #d7edf4;border-radius:20px;padding:14px;margin:10px 0}.nfc-help-v22 span{color:#667085;line-height:1.45}.nfc-url-box-v22{border:1px dashed #bdd4e6;background:#fbfdff;border-radius:18px;padding:12px;margin:12px 0;display:grid;gap:6px}.nfc-url-box-v22 code{white-space:normal;word-break:break-all;color:#0f5e72}.nfc-current-v22{background:#fbfdff;border:1px solid #e0eaf3;border-radius:24px;padding:16px}.nfc-current-v22 h3{margin-top:0}.nfc-empty-v22{display:grid;gap:5px;border:1px dashed #d7e4ef;border-radius:18px;padding:14px;color:#667085}.nfc-list-v22{display:grid;gap:8px}.nfc-row-v22{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #e0eaf3;background:#fff;border-radius:18px;padding:12px}.nfc-row-v22 small{display:block;color:#667085;margin-top:4px}.account-panel-v22{background:#fff;border:1px solid #dbe7f2}.account-panel-head-v22{display:flex;justify-content:space-between;gap:16px;align-items:start}.account-panel-head-v22 h3{font-family:Georgia,"Times New Roman",serif;font-size:2rem;font-weight:400;margin:.5rem 0 .2rem}.panel-balance-v22{text-align:right;background:#081321;color:#fff;border-radius:20px;padding:14px 18px}.panel-balance-v22 b{font-size:1.4rem}.panel-kpis-v22{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.panel-kpis-v22 div{background:#f7fafc;border:1px solid #e1eaf3;border-radius:18px;padding:12px}.nfc-box-v22{border:1px solid #dce8f1;border-radius:24px;padding:16px;background:#fbfdff}.nfc-box-v22 h4{margin:0;font-size:1.1rem}.nfc-box-v22 p{margin:4px 0 0;color:#667085}.account-actions-v22{margin-top:14px}.product-empty-v22,.empty-ticket-v22{border:1px dashed #d7e3ee;border-radius:20px;padding:22px;text-align:center;color:#667085;background:#fbfdff}
@media(max-width:1180px){.pos-grid-v22{grid-template-columns:1fr}.pos-left-v22,.ticket-v22{position:static}.pos-left-v22{display:grid;grid-template-columns:1fr 1fr;gap:14px}.category-bar-v22{grid-column:1 / -1;grid-template-columns:repeat(3,1fr)}.nfc-grid-v22{grid-template-columns:1fr}}
@media(max-width:760px){.pos-top-v22{display:grid;padding:20px;border-radius:26px}.pos-top-actions-v22{justify-content:stretch}.pos-top-actions-v22 .btn{flex:1 1 calc(50% - 8px)}.pos-left-v22{grid-template-columns:1fr;padding:14px}.category-bar-v22{grid-template-columns:1fr 1fr}.catalog-v22,.ticket-v22{padding:14px;border-radius:24px}.product-grid-v22{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-v22{grid-template-rows:82px auto auto;border-radius:20px}.cart-total-v22 strong{font-size:1.65rem}.account-strip-metrics-v22,.panel-kpis-v22{grid-template-columns:1fr}.account-panel-head-v22{display:grid}.panel-balance-v22{text-align:left}.nfc-row-v22{grid-template-columns:1fr}.modal-actions-v22 .btn{flex:1 1 auto}.staff-tabs-v21{width:100%;overflow:auto}.staff-tabs-v21 .staff-tab{white-space:nowrap}}
@media(max-width:460px){.product-grid-v22{grid-template-columns:1fr}.category-bar-v22{grid-template-columns:1fr}.pos-top-actions-v22 .btn{flex-basis:100%}.modal-actions-v22{display:grid}.nfc-grid-v22{gap:12px}.dialog-v22{border-radius:24px}}


/* v23 · NFC dentro de apertura/gestión de cuenta + pulido operativo */
.switch-row-v23{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  align-items:flex-start;
  margin:16px 0 4px;
  padding:15px;
  border:1px solid #dbe7f2;
  border-radius:20px;
  background:linear-gradient(180deg,#fbfdff,#f5fafc);
  cursor:pointer;
}
.switch-row-v23 input{width:20px;height:20px;accent-color:#09a8c7;margin-top:2px}
.switch-row-v23 strong{display:block;color:#101828;margin-bottom:4px;font-size:1rem}
.switch-row-v23 small{display:block;color:#667085;line-height:1.45;font-weight:700}
.dialog-v23 .modal-actions-v22{border-top:1px solid #edf2f7;padding-top:16px;margin-top:18px}
.dialog-v23 .modal-actions-v22 .btn.dark{min-width:170px}
.nfc-box-v22 .section-head.mini{align-items:flex-start;gap:12px}
.nfc-box-v22 .section-head.mini .btn{white-space:nowrap}
.nfc-help-v22 strong{font-size:1.05rem;color:#101828}
.nfc-help-v22 span{font-weight:700}
.nfc-current-v22 h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.45rem;color:#101828}
.account-actions-v22 .btn{min-height:44px}
@media(max-width:760px){
  .nfc-box-v22 .section-head.mini{display:grid}
  .nfc-box-v22 .section-head.mini .btn{width:100%;justify-content:center}
  .switch-row-v23{padding:14px;border-radius:18px}
}


/* v24 · TPV compacto y operativo */
.staff-shell-v21{width:min(1480px,100%);}
.pos-v24{gap:14px;}
.pos-top-v24{padding:18px 22px;border-radius:30px;align-items:center;background:rgba(255,255,255,.92);}
.pos-top-v24 h1{font-size:clamp(2.1rem,3vw,3.2rem);line-height:1.02;margin:.2rem 0 .25rem;}
.pos-top-v24 p{max-width:560px;margin:0;color:#5f6f83;font-weight:800;}
.pos-top-actions-v24 .btn{min-height:48px;border-radius:999px;padding:11px 20px;}
.pos-account-row-v24{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:14px;align-items:stretch;}
.pos-account-row-v24 .account-strip-v22,.pos-account-row-v24 .search-card-v22{margin:0;}
.account-strip-v24{display:grid;grid-template-columns:minmax(0,1.2fr) auto auto;align-items:center;gap:14px;padding:16px 18px;border-radius:28px;box-shadow:0 18px 42px rgba(12,27,47,.08);}
.account-strip-v24.empty{grid-template-columns:minmax(0,1fr) auto;background:linear-gradient(135deg,#fffdfa,#f7fbff);}
.account-strip-v24 h2{font-size:1.45rem;margin:.15rem 0;}
.account-strip-v24 p{font-weight:800;}
.account-strip-v24 .account-strip-metrics-v22{display:flex;gap:8px;min-width:330px;}
.account-strip-v24 .account-strip-metrics-v22 div{min-width:96px;padding:10px 12px;}
.account-strip-v24 .btn{white-space:nowrap;}
.search-card-v24{padding:16px 18px;border:1px solid #dbe7f2;background:#fff;border-radius:28px;box-shadow:0 18px 42px rgba(12,27,47,.08);align-content:center;}
.search-card-v24 input{height:52px;border-radius:18px;background:#fbfdff;}
.category-wrap-v24{background:#fff;border:1px solid #dbe7f2;border-radius:28px;padding:10px;box-shadow:0 14px 34px rgba(12,27,47,.07);}
.category-wrap-v24 .category-bar-v22{display:flex;gap:8px;overflow:auto;}
.category-wrap-v24 .cat-v22{min-width:126px;border-radius:18px;padding:11px 14px;}
.pos-grid-v24{grid-template-columns:minmax(0,1fr) 390px;gap:16px;}
.catalog-v24,.ticket-v24{border-radius:30px;}
.catalog-v24{padding:16px;}
.ticket-v24{padding:16px;position:sticky;top:12px;}
.catalog-toolbar-v24{margin-bottom:12px;}
.product-grid-v24{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px;}
.product-v22{grid-template-rows:78px auto auto;border-radius:20px;box-shadow:0 10px 26px rgba(14,31,50,.07);}
.product-art-v22 span{font-size:1.85rem;}
.product-body-v22{padding:10px 10px 6px;}
.product-body-v22 h3{font-size:.92rem;}
.product-body-v22 small{font-size:.66rem;padding:3px 7px;}
.qty-v22{grid-template-columns:38px 1fr 38px;padding:0 10px 10px;}
.qty-v22 button,.qty-v22 b{height:36px;border-radius:13px;}
.product-quick-add-v22{width:34px;height:34px;font-size:1.2rem;}
.ticket-account-v22{padding:16px;border-radius:22px;margin-bottom:12px;}
.ticket-account-v22 h3{font-size:1.35rem;}
.cart-lines-v22{max-height:360px;}
.cart-total-v22 strong{font-size:1.8rem;}
.dialog-v23{max-width:880px;}
.dialog-v23 .form-grid{grid-template-columns:1fr 1fr;gap:14px;}
.dialog-v23 .inline-feedback.bad{font-size:1rem;line-height:1.35;}
@media(max-width:1180px){
  .pos-account-row-v24{grid-template-columns:1fr;}
  .account-strip-v24,.account-strip-v24.empty{grid-template-columns:1fr;}
  .account-strip-v24 .account-strip-metrics-v22{min-width:0;display:grid;grid-template-columns:repeat(3,1fr);}
  .pos-grid-v24{grid-template-columns:1fr;}
  .ticket-v24{position:static;order:1;}
  .catalog-v24{order:2;}
}
@media(max-width:760px){
  .staff-shell-v21{padding:8px 10px 28px;}
  .pos-top-v24{padding:16px;border-radius:24px;}
  .pos-top-actions-v24{display:grid;grid-template-columns:1fr 1fr;width:100%;}
  .pos-top-actions-v24 .btn{padding:10px 12px;min-height:46px;}
  .account-strip-v24,.search-card-v24,.category-wrap-v24,.catalog-v24,.ticket-v24{border-radius:22px;}
  .account-strip-v24 .account-strip-metrics-v22{grid-template-columns:1fr;}
  .category-wrap-v24 .cat-v22{min-width:118px;}
  .product-grid-v24{grid-template-columns:repeat(2,minmax(0,1fr));}
  .dialog-v23 .form-grid{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .pos-top-actions-v24{grid-template-columns:1fr;}
  .product-grid-v24{grid-template-columns:1fr;}
  .category-wrap-v24 .category-bar-v22{display:grid;grid-template-columns:1fr 1fr;overflow:visible;}
}

/* v25 · más aire, menos botones y cobro desde la cuenta */
.staff-shell-v21{width:min(1520px,100%)}
.pos-v25{gap:20px;display:grid}
.pos-top-v25{padding:24px 28px;border-radius:34px;box-shadow:0 22px 56px rgba(12,27,47,.10)}
.pos-top-v25 h1{font-size:clamp(2.3rem,3.4vw,4rem);line-height:.96;margin:.25rem 0 .4rem}
.pos-top-v25 p{max-width:720px;font-size:1.02rem;line-height:1.5}
.pos-top-actions-v25{gap:12px}
.pos-top-actions-v25 .btn{min-height:52px;padding:12px 24px}
.pos-account-row-v25{display:block}
.account-strip-v25{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.7fr) auto;gap:22px;align-items:center;padding:24px 28px;border-radius:34px;background:linear-gradient(135deg,#ffffff 0%,#f8fbfd 100%);border:1px solid #dbe7f2;box-shadow:0 20px 54px rgba(12,27,47,.09)}
.account-strip-v25.empty{grid-template-columns:minmax(0,1fr) auto;background:linear-gradient(135deg,#fffdfa,#f7fbff)}
.account-main-v25 h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(1.7rem,2.5vw,2.65rem);line-height:1;margin:.45rem 0 .35rem;letter-spacing:-.045em}
.account-main-v25 p{font-size:1rem;color:#617188;margin:0;font-weight:850}
.account-strip-metrics-v25{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0!important}
.account-strip-metrics-v25 div{min-width:0!important;padding:14px 16px!important;border-radius:20px;background:#fff;border:1px solid #e2ecf5;box-shadow:0 10px 24px rgba(12,27,47,.05)}
.account-strip-metrics-v25 small{display:block;text-transform:uppercase;letter-spacing:.07em;color:#667085;font-size:.68rem;font-weight:950}
.account-strip-metrics-v25 b{display:block;margin-top:4px;font-size:1.05rem;white-space:normal;line-height:1.2}
.account-strip-actions-v25{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.account-strip-actions-v25 .btn{min-height:48px;padding:10px 18px}
.btn.ghost.light{background:#fff;color:#172033;border-color:#dbe7f2;box-shadow:0 8px 18px rgba(16,32,51,.05)}
.pos-catalog-tools-v25{display:grid;grid-template-columns:330px minmax(0,1fr);gap:14px;align-items:stretch}
.search-card-v25{padding:18px 20px;border-radius:30px}
.search-card-v25 input{height:56px;font-size:1rem}
.category-wrap-v25{padding:12px;border-radius:30px;display:flex;align-items:center}
.category-wrap-v25 .category-bar-v22{width:100%}
.category-wrap-v25 .cat-v22{min-width:132px;min-height:52px}
.pos-grid-v25{grid-template-columns:minmax(0,1fr) 410px;gap:20px;align-items:start}
.catalog-v25,.ticket-v25{border-radius:34px;padding:20px}
.catalog-toolbar-v25{margin-bottom:18px}
.product-grid-v25{grid-template-columns:repeat(auto-fill,minmax(174px,1fr));gap:14px}
.product-v22{border-radius:24px;box-shadow:0 14px 34px rgba(14,31,50,.08)}
.product-art-v22{height:92px}
.ticket-v25{position:sticky;top:16px;box-shadow:0 24px 62px rgba(12,27,47,.11)}
.ticket-account-v25{padding:20px;border-radius:26px;margin-bottom:16px}
.ticket-account-v25 h3{font-size:1.65rem;line-height:1.05}
.ticket-account-v25.empty{background:linear-gradient(135deg,#fff8ed,#fff);color:#172033;border:1px solid #efd9b7}
.cart-lines-v22{max-height:380px}.cart-total-v22 strong{font-size:2.05rem}.ticket-actions-v22 .btn{min-height:52px}
.dialog-account-v25{width:min(980px,100%);padding:28px;border-radius:36px}
.modal-top-v25{margin-bottom:18px}
.account-panel-v25{box-shadow:none;border:0;background:transparent;padding:0;gap:18px}
.account-hero-v25{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:start;border:1px solid #dbe7f2;border-radius:28px;background:#fff;padding:24px}
.account-hero-v25 h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,3vw,3.1rem);line-height:.98;font-weight:400;margin:.55rem 0 .35rem;letter-spacing:-.055em}
.account-hero-v25 p{font-size:1.05rem;margin:0;color:#5d6c80}
.account-balance-v25{background:#081321;color:#fff;border-radius:24px;padding:18px 24px;min-width:180px;text-align:right}
.account-balance-v25 small{display:block;color:rgba(255,255,255,.76);font-weight:900}.account-balance-v25 b{display:block;font-size:2rem;margin-top:4px}
.panel-kpis-v25{grid-template-columns:repeat(3,1fr);gap:14px;margin:0}.panel-kpis-v25 div{padding:16px;border-radius:20px;background:#f8fbfd}.panel-kpis-v25 b{font-size:1.25rem}
.account-section-v25{border:1px solid #dfeaf4;border-radius:28px;background:#fff;padding:20px;display:grid;gap:14px}
.account-section-v25 h4{font-size:1.25rem;margin:0}.account-section-v25 p{margin:4px 0 0;color:#667085;line-height:1.45}
.account-items-v25{display:grid;gap:8px}.account-items-v25>div{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #edf2f7;border-radius:16px;background:#fbfdff;padding:12px 14px}.account-items-v25 small{display:block;color:#667085;margin-top:3px}.account-items-empty-v25{text-align:left;padding:16px}
.account-pay-v25{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:center;background:linear-gradient(135deg,#fffdf8,#ffffff)}
.pay-actions-v25{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pay-actions-v25 .btn{min-height:48px}.pay-actions-v25 .btn:first-child{grid-column:1 / -1}.subtle-danger{opacity:.88}
.nfc-box-v25{background:#fbfdff}.nfc-row-v22{padding:14px;border-radius:18px}.nfc-row-v22 .toolbar.mini{gap:6px}.nfc-row-v22 .toolbar.mini .btn{min-height:38px;padding:8px 11px}
.pay-dialog-v25 .field input,.pay-dialog-v25 .field select{height:52px}.pay-dialog-v25 .modal-actions-v22{justify-content:stretch}.pay-dialog-v25 .modal-actions-v22 .btn{flex:1}
@media(max-width:1240px){
  .account-strip-v25{grid-template-columns:1fr}.account-strip-actions-v25{justify-content:flex-start}.pos-catalog-tools-v25{grid-template-columns:1fr}.pos-grid-v25{grid-template-columns:1fr}.ticket-v25{position:static;order:1}.catalog-v25{order:2}.product-grid-v25{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
}
@media(max-width:760px){
  .staff-shell-v21{padding:8px 10px 28px}.pos-top-v25,.account-strip-v25,.catalog-v25,.ticket-v25,.category-wrap-v25,.search-card-v25{border-radius:24px}.pos-top-v25{padding:18px}.pos-top-actions-v25{display:grid;grid-template-columns:1fr;width:100%}.pos-top-actions-v25 .btn{width:100%}.account-strip-v25{padding:18px;gap:16px}.account-strip-metrics-v25{grid-template-columns:1fr!important}.account-strip-actions-v25{display:grid;grid-template-columns:1fr;width:100%}.product-grid-v25{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-v25,.ticket-v25{padding:14px}.account-hero-v25{grid-template-columns:1fr;padding:18px}.account-balance-v25{text-align:left;min-width:0}.panel-kpis-v25{grid-template-columns:1fr}.account-pay-v25{grid-template-columns:1fr}.pay-actions-v25{grid-template-columns:1fr}.pay-actions-v25 .btn:first-child{grid-column:auto}.dialog-account-v25{padding:18px;border-radius:26px}
}
@media(max-width:480px){.product-grid-v25{grid-template-columns:1fr}.category-wrap-v25 .category-bar-v22{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.account-main-v25 h2{font-size:2rem}.account-hero-v25 h3{font-size:2.2rem}}


/* v26 · limpieza final de cuenta, NFC y seguimiento */
.pos-v26{gap:22px}.pos-top-v26{padding:24px 30px}.pos-top-v26 p{max-width:760px}.pos-top-actions-v26 .btn{min-width:158px}.account-strip-v26{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.75fr) auto;gap:28px;align-items:center;background:#fff;border:1px solid #dbe7f2;border-radius:34px;padding:28px 32px;box-shadow:0 22px 58px rgba(12,27,47,.08)}.account-strip-v26.empty{grid-template-columns:minmax(0,1fr) auto;background:linear-gradient(135deg,#fffdfa,#f8fbff)}.account-main-v26 h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(2rem,3vw,3.35rem);line-height:.94;margin:.5rem 0 .35rem;letter-spacing:-.06em}.account-main-v26 p{color:#617188;font-weight:850;margin:0;font-size:1.04rem}.account-strip-metrics-v26{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.account-strip-metrics-v26 div{background:#f9fcff;border:1px solid #e1ebf4;border-radius:22px;padding:16px 18px;min-width:0}.account-strip-metrics-v26 small{display:block;text-transform:uppercase;letter-spacing:.07em;color:#667085;font-size:.68rem;font-weight:950}.account-strip-metrics-v26 b{display:block;margin-top:7px;font-size:1.16rem;line-height:1.15}.account-strip-actions-v26{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.account-strip-actions-v26 .btn{min-height:50px;padding:11px 20px}.pos-catalog-tools-v26{grid-template-columns:330px minmax(0,1fr);gap:16px}.category-wrap-v26{min-height:84px}.catalog-v26,.ticket-v26{border-radius:34px}.product-grid-v26{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:16px}.ticket-v26{padding:22px}.dialog-account-v26{width:min(1040px,100%);padding:32px}.account-panel-v26{gap:20px}.account-hero-v26{padding:28px;gap:28px}.account-hero-v26 h3{font-size:clamp(2.3rem,3.4vw,3.35rem)}.account-balance-v26{padding:22px 28px;min-width:210px}.panel-kpis-v26{grid-template-columns:repeat(3,1fr);gap:16px}.panel-kpis-v26 div{padding:18px 20px}.account-section-v26{padding:24px;border-radius:30px}.account-pay-v26{grid-template-columns:minmax(0,1fr) minmax(340px,.7fr)}.pay-actions-v26{gap:12px}.nfc-box-v26 .section-head{align-items:center}.nfc-empty-v26{border:1px dashed #d6e3ef;background:#f8fbfd;border-radius:20px;padding:18px;display:grid;gap:4px;color:#667085}.nfc-empty-v26 strong{color:#172033}.nfc-list-v26{display:grid;gap:10px}.nfc-row-v26{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #e0eaf3;background:#fff;border-radius:20px;padding:16px}.nfc-row-v26 small{display:block;color:#667085;margin-top:5px}.account-list-v26{display:grid;gap:12px}.account-row-v26{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;gap:18px;align-items:center;background:#fff;border:1px solid #dbe7f2;border-radius:24px;padding:18px 20px;box-shadow:0 12px 30px rgba(12,27,47,.06)}.account-row-v26.active{border-color:#22b8d5;box-shadow:0 0 0 4px rgba(34,184,213,.1),0 12px 30px rgba(12,27,47,.06)}.account-row-main-v26{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}.account-row-main-v26 strong{display:block;font-size:1.05rem}.account-row-main-v26 small{display:block;color:#667085;margin-top:4px}.account-row-money-v26 small{display:block;color:#667085;font-weight:900}.account-row-money-v26 b{display:block;margin-top:4px}.account-row-actions-v26{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.tracking-v26{display:grid;gap:16px}.tracking-kpis-v26{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tracking-kpis-v26 div{border:1px solid #e0eaf3;background:#fbfdff;border-radius:22px;padding:16px}.tracking-kpis-v26 small{display:block;color:#667085;font-weight:900}.tracking-kpis-v26 b{font-size:1.35rem;display:block;margin-top:5px}.tracking-list-v26{display:grid;gap:12px}.tracking-row-v26{display:grid;grid-template-columns:minmax(0,1fr) 130px 150px auto;gap:16px;align-items:center;border:1px solid #dfeaf4;background:#fff;border-radius:24px;padding:18px}.tracking-row-v26 strong{display:block;margin:.45rem 0 .25rem}.tracking-row-v26 small{display:block;color:#667085}.tracking-row-v26 b{display:block;margin-top:4px}
@media(max-width:1120px){.account-strip-v26,.account-strip-v26.empty{grid-template-columns:1fr}.account-strip-actions-v26{justify-content:flex-start}.pos-catalog-tools-v26{grid-template-columns:1fr}.account-row-v26,.tracking-row-v26{grid-template-columns:1fr}.account-row-actions-v26{justify-content:flex-start}.account-pay-v26{grid-template-columns:1fr}.tracking-kpis-v26{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.pos-top-v26,.account-strip-v26,.catalog-v26,.ticket-v26,.dialog-account-v26{border-radius:24px}.pos-top-v26{padding:18px}.pos-top-actions-v26{display:grid;grid-template-columns:1fr;width:100%}.pos-top-actions-v26 .btn{width:100%;min-width:0}.account-strip-v26{padding:20px;gap:18px}.account-strip-metrics-v26,.panel-kpis-v26,.tracking-kpis-v26{grid-template-columns:1fr}.account-strip-actions-v26{display:grid;grid-template-columns:1fr;width:100%}.product-grid-v26{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dialog-account-v26{padding:20px}.account-hero-v26{grid-template-columns:1fr;padding:20px}.account-balance-v26{text-align:left;min-width:0}.account-row-main-v26{grid-template-columns:1fr}.nfc-row-v26{grid-template-columns:1fr}.nfc-row-v26 .toolbar.mini{justify-content:flex-start}.tracking-row-v26 .toolbar.mini{justify-content:flex-start}}
@media(max-width:480px){.product-grid-v26{grid-template-columns:1fr}.account-main-v26 h2,.account-hero-v26 h3{font-size:2.15rem}.category-wrap-v26 .category-bar-v22{grid-template-columns:1fr 1fr}}


/* v27 · seguimiento estable, cobros completos y visor móvil desde cuenta */
.pay-dialog-v27 .payment-method-grid-v27{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 18px}
.pay-method-v27{border:1px solid #d8e4ee;background:#fff;border-radius:18px;padding:14px 12px;font-weight:900;color:#172033;cursor:pointer;text-align:center;box-shadow:0 10px 22px rgba(15,30,48,.05)}
.pay-method-v27.active{background:#07111f;color:#fff;border-color:#07111f;box-shadow:0 18px 36px rgba(7,17,31,.18)}
.mobile-viewer-v27{margin-top:14px;padding-top:14px;border-top:1px solid #e5edf5}
.nfc-row-v26 .toolbar.mini{gap:8px;flex-wrap:wrap;justify-content:flex-end}
.tracking-v26 .tracking-list-v26{display:grid;gap:12px}
.tracking-row-v26{align-items:center}
.account-strip-v26{gap:18px}
.account-strip-metrics-v26{gap:10px}
.account-strip-metrics-v26>div{min-width:128px}
.account-panel-v26 .panel-kpis-v26{gap:12px}
.account-panel-v26 .account-section-v26{padding:20px}
@media(max-width:760px){
  .pay-dialog-v27 .payment-method-grid-v27{grid-template-columns:1fr}
  .nfc-row-v26{grid-template-columns:1fr;gap:12px}
  .nfc-row-v26 .toolbar.mini{justify-content:stretch}
  .nfc-row-v26 .toolbar.mini .btn{flex:1 1 auto}
  .account-strip-v26{grid-template-columns:1fr}
  .account-strip-actions-v26{justify-content:stretch}
  .account-strip-actions-v26 .btn{flex:1 1 auto}
}

/* v28 · contraste visual, aire, foco contextual y coherencia */
.staff-hero-v21{background:linear-gradient(120deg,#0a4962 0%,#20364d 58%,#9a8355 100%);min-height:auto;padding:16px 0 26px}
.staff-hero-v21:after{height:76px;background:linear-gradient(180deg,transparent,#eef4f8)}
.staff-hero-v21 .hero-inner{gap:14px}
.staff-hero-v21 .topbar{background:rgba(255,255,255,.94);border:1px solid #dce7f1;border-radius:34px;padding:14px 18px;box-shadow:0 18px 44px rgba(7,17,31,.12)}
.staff-hero-v21 .brand small,.staff-hero-v21 .brand strong{color:#142133}
.staff-hero-v21 .toolbar .btn{background:#fff;color:#172033;border-color:#d8e3ef;box-shadow:none}
.staff-hero-v21 .toolbar .btn.ghost{background:#f8fbff;color:#667085}
.staff-hero-v21 .toolbar .btn.exit-btn{background:#fff1f2;color:#be123c;border-color:#fecdd3}
.staff-hero-v21 .toolbar .btn:disabled{background:#f8fafc;color:#98a2b3;opacity:1}
.lang-select{border:1px solid #d8e3ef;background:#fff;color:#172033;border-radius:14px;height:42px;padding:0 12px;font-weight:900}
.staff-shell-v21{gap:18px}
.staff-tabs-v21{background:#fff;border:1px solid #dbe7f2;border-radius:999px;padding:8px 10px;box-shadow:0 16px 34px rgba(12,27,47,.08);display:inline-flex;width:max-content;max-width:100%}
.staff-tabs-v21 .staff-tab{border:0;background:transparent;color:#344054;border-radius:999px;padding:11px 18px;font-weight:950}
.staff-tabs-v21 .staff-tab.active{background:#081321;color:#fff}
.pos-top-v26{background:linear-gradient(135deg,#fffdfa,#f6fbff);border:1px solid #dce7f2;box-shadow:0 18px 40px rgba(12,27,47,.07)}
.account-strip-v26{background:linear-gradient(135deg,#ffffff,#f4f9fd)}
.search-card-v26{background:#edf6fb;border:1px solid #d7e8f1;padding:18px;border-radius:28px}
.search-card-v26 label{display:block;margin-bottom:8px;font-weight:950;color:#5f6f84}
.category-wrap-v26{background:#fff7e8;border:1px solid #f1dfb4;padding:16px;border-radius:28px}
.catalog-v26{background:#f9fcff;border:1px solid #dce8f2}
.ticket-v26{background:#fffaf0;border:1px solid #f2dfb0}
.order-pill-v22{background:#edf6fb}
.account-row-v26,.tracking-row-v26{box-shadow:0 12px 26px rgba(12,27,47,.05)}
.dialog-v21,.dialog-account-v26,.pay-dialog-v27,.select-v21{background:linear-gradient(180deg,#fff,#fbfdff)}
.modal-top-v21,.modal-top-v25{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid #e7eef5}
.modal-top-v21 h2,.modal-top-v25 h2{margin:.25rem 0 .35rem}
.dialog-account-v26{box-shadow:0 44px 110px rgba(8,19,33,.28)}
.account-panel-v28{gap:18px;background:transparent;border:0;box-shadow:none;padding:0}
.account-hero-v28{background:linear-gradient(135deg,#ffffff,#f7fbff);border:1px solid #dde9f3;border-radius:30px}
.account-balance-v28{background:#081321;color:#fff;box-shadow:0 18px 36px rgba(8,19,33,.16)}
.panel-kpis-v28 div:nth-child(1){background:#edf7ff}
.panel-kpis-v28 div:nth-child(2){background:#fff9ec}
.panel-kpis-v28 div:nth-child(3){background:#f1fbf8}
.account-section-v28{border:1px solid #dde7f2;box-shadow:0 10px 24px rgba(12,27,47,.04)}
.tinted-gold-v28{background:#fff8e6}
.tinted-blue-v28{background:#f4fbff}
.tinted-soft-v28{background:#fbfdff}
.nfc-row-v26{background:#fff;box-shadow:0 8px 18px rgba(12,27,47,.04)}
.pay-actions-v26 .btn,.account-strip-actions-v26 .btn,.tracking-focus-actions-v28 .btn{min-height:50px}
.pay-method-v27{border:1px solid #dbe7f2;background:#fff;border-radius:18px;padding:14px 12px;font-weight:900;color:#344054;box-shadow:0 8px 18px rgba(12,27,47,.04)}
.pay-method-v27.active{border-color:#22b8d5;background:#eefbff;color:#0f5e72;box-shadow:0 0 0 4px rgba(34,184,213,.12)}
.pay-method-v27:hover{transform:translateY(-1px)}
.tracking-focused-v28{background:linear-gradient(180deg,#fff,#fbfdff)}
.tracking-focus-hero-v28{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr) auto;gap:18px;align-items:center;background:linear-gradient(135deg,#ffffff,#f5fbff);border:1px solid #dbe7f2;border-radius:30px;padding:24px}
.tracking-focus-main-v28 h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,3.2vw,3.1rem);font-weight:400;line-height:.95;letter-spacing:-.05em;margin:.45rem 0 .35rem}
.tracking-focus-main-v28 p{margin:0;color:#617188;font-weight:850}
.tracking-focus-kpis-v28{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tracking-focus-kpis-v28 div,.tracking-summary-grid-v28 div{border-radius:22px;padding:16px 18px;border:1px solid #e0eaf3;background:#fff}
.tracking-focus-kpis-v28 div:nth-child(1),.tracking-summary-grid-v28 div:nth-child(1){background:#fff7e8}
.tracking-focus-kpis-v28 div:nth-child(2),.tracking-summary-grid-v28 div:nth-child(2){background:#f5fbff}
.tracking-focus-kpis-v28 div:nth-child(3),.tracking-summary-grid-v28 div:nth-child(3){background:#f1fbf8}
.tracking-focus-kpis-v28 small,.tracking-summary-grid-v28 small{display:block;text-transform:uppercase;letter-spacing:.07em;color:#667085;font-size:.68rem;font-weight:950}
.tracking-focus-kpis-v28 b,.tracking-summary-grid-v28 b{display:block;margin-top:6px;font-size:1.1rem}
.tracking-focus-actions-v28{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.tracking-kpis-context-v28 div:nth-child(1){background:#fff}
.tracking-kpis-context-v28 div:nth-child(2){background:#f5fbff}
.tracking-kpis-context-v28 div:nth-child(3){background:#fff8eb}
.tracking-columns-v28{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:16px}
.tracking-panel-v28{border:1px solid #dde7f2;border-radius:28px;padding:22px;box-shadow:0 12px 26px rgba(12,27,47,.05)}
.tracking-panel-v28.tinted-blue{background:#f4fbff}
.tracking-panel-v28.tinted-cream{background:#fff8eb}
.tracking-summary-grid-v28{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tracking-events-v28{display:grid;gap:10px}
.tracking-event-v28{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #dfebf4;border-radius:18px;background:#fff;padding:14px 16px}
.tracking-event-v28 strong{display:block}.tracking-event-v28 small{display:block;color:#667085;margin-top:4px}
.account-items-v26 div{background:#fff;box-shadow:0 8px 18px rgba(12,27,47,.04)}
@media(max-width:1120px){.tracking-focus-hero-v28,.tracking-columns-v28{grid-template-columns:1fr}.tracking-focus-actions-v28{justify-content:flex-start}}
@media(max-width:760px){.staff-hero-v21{padding:12px 0 18px}.staff-hero-v21 .topbar{padding:12px 14px;border-radius:26px}.staff-tabs-v21{width:100%;overflow:auto}.staff-tabs-v21 .staff-tab{white-space:nowrap}.search-card-v26,.category-wrap-v26,.catalog-v26,.ticket-v26{border-radius:24px}.tracking-focus-kpis-v28,.tracking-summary-grid-v28{grid-template-columns:1fr}.tracking-focus-actions-v28{display:grid;grid-template-columns:1fr}.tracking-focus-actions-v28 .btn,.tracking-panel-v28 .btn{width:100%}}


/* v28 · foco final: TPV legible, zonas con color, cabecera visible y modales más cuidados */
.staff-app-v28{
  background:
    radial-gradient(circle at 10% 4%,rgba(29,183,205,.16),transparent 32%),
    linear-gradient(180deg,#eaf2f7 0%,#f5f8fb 48%,#eef4f8 100%) !important;
  min-height:100vh;
}
.staff-hero-v28{padding:16px 18px 10px!important;background:linear-gradient(90deg,#062334 0%,#0e4858 50%,#7a6b42 100%)!important;color:#101828!important;position:sticky;top:0;z-index:15;box-shadow:0 18px 42px rgba(5,18,30,.18)}
.staff-hero-v28 .hero-inner{max-width:1320px!important;background:rgba(255,255,255,.92)!important;border:1px solid rgba(255,255,255,.6)!important;box-shadow:0 18px 48px rgba(0,0,0,.12)!important;border-radius:30px!important;padding:12px 18px!important;backdrop-filter:blur(16px)!important}
.topbar-v28{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
.brand-v28 small{color:#516170!important;letter-spacing:.13em!important;font-weight:1000!important}.brand-v28 strong{color:#101828!important;font-family:Georgia,"Times New Roman",serif!important;font-size:1.18rem!important;line-height:1.05!important}.brand-v28 .brand-mark{box-shadow:0 18px 34px rgba(22,167,190,.28)!important}.toolbar-v28 .btn{box-shadow:none!important}.toolbar-v28 .config-ghost{background:#fff!important;color:#263548!important;border-color:#dae5ef!important}.toolbar-v28 .exit-btn{background:#fff1f2!important;color:#b42318!important;border-color:#fecdd3!important}.toolbar-v28 .lang-select{background:#fff!important;color:#263548!important;border-color:#dae5ef!important}
.staff-shell-v28{max-width:1320px!important;margin:0 auto!important;padding:18px 18px 46px!important}.staff-tabs-v28{margin:8px 0 24px!important;background:#fff!important;border:1px solid #dbe7f0!important;box-shadow:0 18px 44px rgba(16,32,51,.08)!important}.staff-tabs-v28 .staff-tab{padding:16px 26px!important}.staff-tabs-v28 .staff-tab.active{background:#06111f!important;color:#fff!important;box-shadow:0 14px 28px rgba(6,17,31,.18)!important}
.pos-final-v28{display:grid;gap:22px}.pos-command-v28{background:linear-gradient(135deg,#ffffff 0%,#fffaf0 56%,#e7f9fb 100%);border:1px solid #dfe8ef;border-radius:34px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 22px 54px rgba(16,32,51,.10)}.pos-command-v28 h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.6rem,5vw,4.15rem);letter-spacing:-.055em;margin:.18rem 0 .35rem;color:#07111f}.pos-command-v28 p{font-weight:900;color:#5b6b7e;margin:0}.pos-actions-v28{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.pos-actions-v28 .btn{min-height:56px;padding:14px 24px;border-radius:999px;font-size:1rem}.account-strip-final-v28{border-radius:30px;padding:22px 24px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.9fr) auto;gap:20px;align-items:center;border:1px solid #dfe8ef;box-shadow:0 18px 44px rgba(16,32,51,.09)}.account-strip-final-v28.empty{grid-template-columns:1fr auto;background:linear-gradient(135deg,#ffffff,#f3fbfd)}.account-strip-final-v28.active{background:linear-gradient(135deg,#07111f 0%,#123b52 56%,#167d92 100%);color:#fff;border:0;box-shadow:0 26px 70px rgba(8,30,44,.25)}.account-strip-final-v28 h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4vw,3.3rem);line-height:.95;margin:.28rem 0;color:inherit}.account-strip-final-v28 p{color:inherit;opacity:.82;margin:0;font-weight:800}.account-strip-final-v28.active .badge{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);color:#fff}.account-metrics-final-v28{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.account-metrics-final-v28 div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:14px 16px}.account-strip-final-v28.empty .account-metrics-final-v28 div{background:#fff}.account-metrics-final-v28 small{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:1000;opacity:.76}.account-metrics-final-v28 b{font-size:1.22rem}.account-strip-actions-v28{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.account-strip-actions-v28 .btn{min-width:118px}.work-zone-v28{background:linear-gradient(180deg,#fff 0%,#f8fbfd 100%);border:1px solid #dfe8ef;border-radius:34px;padding:22px;display:grid;gap:18px;box-shadow:0 24px 58px rgba(16,32,51,.08)}.catalog-head-v28{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:stretch}.search-card-v28{background:#f4f8fb;border:1px solid #dce8f1;border-radius:24px;padding:18px 20px;display:grid;gap:10px}.search-card-v28 label{font-size:.86rem;text-transform:uppercase;letter-spacing:.08em;font-weight:1000;color:#667085}.search-card-v28 input{border-radius:18px;border:1px solid #cfddea;background:#fff;min-height:56px;padding:0 16px;font-size:1rem}.category-wrap-v28{background:#f9f4ea;border:1px solid #eadcc6;border-radius:24px;padding:16px;display:flex;align-items:center;overflow:auto}.category-wrap-v28 .category-bar{margin:0!important}.pos-body-v28{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px}.catalog-panel-v28{background:#f3f8fb;border:1px solid #dfeaf2;border-radius:28px;padding:18px}.ticket-panel-v28{background:linear-gradient(180deg,#fffaf0,#ffffff);border:1px solid #eadcc6;border-radius:28px;padding:18px;align-self:start;position:sticky;top:134px;box-shadow:0 20px 44px rgba(75,49,18,.09)}.catalog-toolbar-v28{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.catalog-toolbar-v28 strong{font-size:1.25rem}.catalog-toolbar-v28 span{display:block;color:#667085;font-weight:800}.order-pill-v28{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dfe8ef;border-radius:999px;padding:8px 14px}.order-pill-v28 b{background:#07111f;color:#fff;border-radius:999px;width:34px;height:34px;display:grid;place-items:center}.order-pill-v28 strong{font-size:1rem}.product-grid-v28{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:16px}.product-grid-v28 .product{border-radius:22px!important;box-shadow:0 14px 34px rgba(16,32,51,.10)!important}.product-grid-v28 .product-pic{height:130px!important}.product-grid-v28 .product-body{padding:13px!important}.product-grid-v28 .product h3{font-size:.98rem!important}.product-grid-v28 .qty button,.product-grid-v28 .qty b{height:38px!important;border-radius:14px!important}.ticket-account-final-v28{background:linear-gradient(135deg,#07111f,#123b52);color:#fff;border-radius:24px;padding:20px;margin-bottom:16px}.ticket-account-final-v28.empty{background:linear-gradient(135deg,#fff,#f3fbfd);color:#101828;border:1px solid #dfe8ef}.ticket-account-final-v28 .badge{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22);color:inherit}.ticket-account-final-v28 h3{font-family:Georgia,"Times New Roman",serif;font-size:1.8rem;margin:.45rem 0 .3rem;color:inherit}.ticket-account-final-v28 p{opacity:.82;font-weight:800}.ticket-account-total-v28{margin-top:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:12px 14px}.ticket-account-total-v28 small{display:block;opacity:.75;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.ticket-account-total-v28 strong{font-size:1.65rem}.ticket-panel-v28 .order-summary{background:transparent!important}.ticket-panel-v28 .cart-line{background:#fff!important;border:1px solid #efe3cf!important;border-radius:18px!important}.ticket-panel-v28 .cart-total{background:#07111f;color:#fff;border-radius:20px;padding:18px!important;margin:16px 0!important}.ticket-panel-v28 .cart-total span:last-child{font-size:1.8rem!important}.dialog-account-final-v28{width:min(1100px,calc(100vw - 30px));max-height:calc(100vh - 36px);overflow:auto;background:linear-gradient(180deg,#ffffff,#f4f8fb)!important;border-radius:34px!important;padding:24px!important}.modal-top-v28{display:flex;justify-content:space-between;align-items:start;gap:18px;background:linear-gradient(135deg,#07111f,#174b5b);color:#fff;border-radius:26px;padding:22px;margin-bottom:20px}.modal-top-v28 span{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:1000;color:#a7f3d0}.modal-top-v28 h2{font-family:Georgia,"Times New Roman",serif;font-size:2.4rem;line-height:1;margin:.3rem 0;color:#fff}.modal-top-v28 p{color:rgba(255,255,255,.82);font-weight:800;margin:0}.modal-top-v28 .close{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.22)}.account-panel-final-v28{display:grid;gap:18px}.account-hero-final-v28{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;background:#fff;border:1px solid #dfe8ef;border-radius:26px;padding:22px}.account-hero-final-v28 h3{font-family:Georgia,"Times New Roman",serif;font-size:2.55rem;line-height:1;margin:.35rem 0;color:#101828}.account-hero-final-v28 p{color:#536477;font-weight:850}.account-balance-final-v28{background:#07111f;color:#fff;border-radius:22px;padding:18px 22px;min-width:190px;text-align:right}.account-balance-final-v28 small{display:block;text-transform:uppercase;letter-spacing:.08em;opacity:.75}.account-balance-final-v28 b{font-size:2rem}.account-kpis-final-v28{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.account-kpis-final-v28 div,.account-section-final-v28,.account-action-zone-final-v28{background:#fff;border:1px solid #dfe8ef;border-radius:24px;padding:18px}.account-kpis-final-v28 small{display:block;text-transform:uppercase;letter-spacing:.08em;color:#667085;font-weight:1000}.account-kpis-final-v28 b{font-size:1.4rem}.account-action-zone-final-v28{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:center;gap:18px;background:#fff8e8;border-color:#eadcc6}.account-action-zone-final-v28 h4,.account-section-final-v28 h4{font-size:1.25rem;margin:0 0 6px}.account-action-zone-final-v28 p,.account-section-final-v28 p{margin:0;color:#667085;font-weight:750}.pay-actions-v28{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pay-actions-v28 .btn{min-height:48px}.account-detail-grid-final-v28{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.8fr);gap:18px}.nfc-box-final-v28{background:#effdf8!important;border-color:#bbf7d0!important}.nfc-list-v26{display:grid;gap:10px}.nfc-row-v26{background:#fff;border:1px solid #d8efe3;border-radius:18px;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.tracking-final-v28{display:grid;gap:20px}.tracking-focus-v28{background:linear-gradient(135deg,#07111f 0%,#123b52 58%,#167d92 100%);color:#fff;border-radius:34px;padding:26px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr) auto;gap:22px;align-items:center;box-shadow:0 26px 70px rgba(8,30,44,.23)}.tracking-focus-v28 .badge{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22);color:#fff}.tracking-focus-v28 h2{font-family:Georgia,"Times New Roman",serif;font-size:3rem;line-height:.95;margin:.35rem 0;color:#fff}.tracking-focus-v28 p{color:rgba(255,255,255,.78);font-weight:800}.tracking-focus-kpis-v28{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tracking-focus-kpis-v28 div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:12px}.tracking-focus-kpis-v28 small{display:block;opacity:.7;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:1000}.tracking-focus-kpis-v28 b{font-size:1.3rem}.tracking-actions-v28{display:grid;gap:10px;min-width:155px}.tracking-two-v28{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}.tracking-kpis-final-v28{background:#f3f8fb;border-radius:26px;padding:12px}.tracking-list-final-v28{display:grid;gap:12px}.tracking-row-final-v28{background:linear-gradient(135deg,#fff,#f8fbfd);border:1px solid #dfe8ef!important;border-radius:24px!important;box-shadow:0 14px 34px rgba(16,32,51,.06)}
@media(max-width:1100px){.account-strip-final-v28,.tracking-focus-v28{grid-template-columns:1fr}.account-metrics-final-v28,.tracking-focus-kpis-v28{grid-template-columns:repeat(3,1fr)}.pos-body-v28,.account-detail-grid-final-v28,.tracking-two-v28{grid-template-columns:1fr}.ticket-panel-v28{position:static}.catalog-head-v28{grid-template-columns:1fr}.account-action-zone-final-v28{grid-template-columns:1fr}}
@media(max-width:760px){.staff-hero-v28{padding:10px}.staff-hero-v28 .hero-inner{border-radius:22px;padding:10px}.topbar-v28{align-items:flex-start;gap:10px}.toolbar-v28{gap:6px;flex-wrap:wrap;justify-content:flex-end}.toolbar-v28 .btn,.toolbar-v28 .lang-select{min-height:38px;padding:8px 12px;font-size:.82rem}.brand-v28 .brand-mark{width:42px;height:42px}.brand-v28 small{font-size:.62rem}.brand-v28 strong{font-size:.9rem}.staff-shell-v28{padding:12px 10px 34px!important}.staff-tabs-v28{overflow:auto;border-radius:22px}.staff-tabs-v28 .staff-tab{padding:12px 16px;white-space:nowrap}.pos-command-v28{padding:20px;border-radius:26px;display:grid}.pos-command-v28 h1{font-size:2.7rem}.pos-actions-v28{display:grid;grid-template-columns:1fr;justify-content:stretch}.pos-actions-v28 .btn{width:100%;min-height:50px}.account-strip-final-v28{padding:18px;border-radius:24px}.account-metrics-final-v28,.account-kpis-final-v28{grid-template-columns:1fr}.account-strip-actions-v28{display:grid;grid-template-columns:1fr;width:100%}.work-zone-v28{padding:14px;border-radius:26px}.product-grid-v28{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-grid-v28 .product-pic{height:104px!important}.ticket-panel-v28{padding:14px}.dialog-account-final-v28{width:calc(100vw - 18px);padding:12px;border-radius:24px}.modal-top-v28{border-radius:20px;padding:18px}.modal-top-v28 h2{font-size:2rem}.account-hero-final-v28{grid-template-columns:1fr;padding:18px}.account-hero-final-v28 h3{font-size:2rem}.account-balance-final-v28{text-align:left;min-width:0}.pay-actions-v28{grid-template-columns:1fr}.nfc-row-v26{grid-template-columns:1fr}.tracking-focus-v28{padding:20px;border-radius:26px}.tracking-focus-v28 h2{font-size:2.3rem}.tracking-focus-kpis-v28{grid-template-columns:1fr}.tracking-row-final-v28{grid-template-columns:1fr!important}.tracking-row-final-v28 .toolbar{justify-content:stretch}.tracking-row-final-v28 .btn{width:100%}}
@media(max-width:460px){.product-grid-v28{grid-template-columns:1fr}.category-wrap-v28{padding:12px}.category-wrap-v28 .tab{padding:10px 14px}.search-card-v28 input{min-height:50px}.catalog-panel-v28{padding:12px}.catalog-toolbar-v28{display:grid}.order-pill-v28{justify-content:space-between}.pos-command-v28 h1{font-size:2.35rem}}

/* v29 · responsive final polish, compact home, clearer contrast and Zaidor mark */
html,body{width:100%;max-width:100%;overflow-x:hidden;}
*,*::before,*::after{min-width:0;}
:root{--z-purple:#6f29ff;--z-blue:#2a7cff;--sand:#fff7e7;--sand-line:#efd9ad;--aqua:#e8fbff;--aqua-line:#bfe8ef;--panel:#f6f9fc;}
body{background:linear-gradient(180deg,#eaf5f8 0%,#f4f8fb 45%,#eef4f8 100%);}
.app{overflow-x:hidden;}
.brand-v29{display:flex;align-items:center;gap:13px;min-width:0;}
.brand-logo-mark-v29{width:54px;height:54px;display:block;flex:0 0 auto;filter:drop-shadow(0 14px 24px rgba(80,54,166,.22));}
.brand-v29 small{display:block;text-transform:uppercase;letter-spacing:.18em;font-weight:1000;font-size:.75rem;line-height:1;color:inherit!important;}
.brand-v29 strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.1rem;line-height:1.05;color:inherit!important;font-weight:400;}
.brand-v29 em{display:block;font-style:normal;font-size:.68rem;line-height:1.3;opacity:.72;font-weight:850;color:inherit!important;}
.public-app-v29 .brand-public-v29{color:#fff;text-shadow:0 8px 22px rgba(0,0,0,.35);}
.staff-app-v29 .brand-staff-v29{color:#101828;}
.topbar-v29{gap:16px;align-items:center;}
.toolbar-v29{margin-left:auto;align-items:center;justify-content:flex-end;gap:10px;}
.public-app-v29 .toolbar-v29 .btn,.public-app-v29 .toolbar-v29 .lang-select{background:rgba(255,255,255,.18)!important;color:#fff!important;border-color:rgba(255,255,255,.34)!important;box-shadow:none!important;backdrop-filter:blur(10px);}
.public-app-v29 .toolbar-v29 .btn:hover{background:rgba(255,255,255,.26)!important;}
.public-app-v29 .hero-copy-v29{padding-top:70px;padding-bottom:124px;}
.public-app-v29 .hero-copy-v29 h1{max-width:790px;}
.public-shell-v29{margin-top:-58px!important;}
.public-home-v29{grid-template-columns:1fr!important;gap:22px!important;padding:26px!important;border-radius:34px!important;background:linear-gradient(135deg,#fff 0%,#fffaf2 58%,#e9fbff 100%)!important;border:1px solid rgba(230,219,197,.86)!important;box-shadow:0 30px 80px rgba(7,17,31,.14)!important;}
.home-copy-v29{max-width:900px!important;}
.home-copy-v29 h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em;line-height:.98;margin:.35rem 0 .8rem;font-size:clamp(2.15rem,4.2vw,4.15rem);color:#07111f;}
.home-copy-v29 .muted{max-width:850px;line-height:1.65;color:#5b6b7e;font-weight:650;}
.value-grid-v29{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;}
.value-grid-v29 article{min-height:156px!important;padding:22px!important;border-radius:26px!important;display:grid!important;align-content:start!important;gap:16px!important;background:linear-gradient(180deg,#ffffff 0%,#fbf7ef 100%)!important;border:1px solid #eadcc8!important;box-shadow:0 18px 40px rgba(66,43,21,.07)!important;}
.value-grid-v29 article:nth-child(2),.value-grid-v29 article:nth-child(4){background:linear-gradient(180deg,#ffffff 0%,#eefcff 100%)!important;border-color:#ccebf1!important;}
.value-grid-v29 strong{font-family:Georgia,"Times New Roman",serif!important;font-size:1.3rem!important;line-height:1.1!important;font-weight:400!important;color:#111827!important;}
.value-grid-v29 small{font-size:.92rem!important;line-height:1.55!important;color:#64748b!important;}
.staff-hero-v29{background:linear-gradient(90deg,#073243 0%,#0c3f4c 50%,#796f42 100%)!important;padding:14px 20px!important;}
.staff-hero-v29 .hero-inner{background:rgba(255,255,255,.92)!important;border:1px solid rgba(255,255,255,.44)!important;border-radius:30px!important;padding:13px 18px!important;box-shadow:0 22px 46px rgba(4,20,34,.16)!important;}
.staff-hero-v29 .config-ghost{background:#fff!important;color:#253248!important;border-color:#dbe6f1!important;}
.staff-hero-v29 .exit-btn{background:#fff1f2!important;color:#b42318!important;border-color:#fecdd3!important;}
.staff-hero-v29 .lang-select{background:#fff!important;color:#253248!important;border-color:#dbe6f1!important;}
.staff-shell-v29{width:min(1380px,100%);padding:18px 20px 46px!important;margin:0 auto!important;}
.staff-tabs-v28{background:#fff!important;border:1px solid #dce6ef!important;box-shadow:0 16px 34px rgba(16,32,51,.08)!important;margin-bottom:18px;}
.staff-tabs-v28 .staff-tab{min-height:46px;}
.pos-v29{display:grid;gap:18px;}
.pos-command-v29{background:linear-gradient(135deg,#ffffff 0%,#fff7e7 52%,#e6fbff 100%);border:1px solid #dfe8ef;border-radius:32px;padding:28px 30px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;box-shadow:0 22px 54px rgba(16,32,51,.10);}
.eyebrow-v29{display:inline-flex;align-items:center;width:max-content;border-radius:999px;background:#eafff6;color:#08785f;border:1px solid #bff3df;padding:6px 12px;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:1000;}
.pos-command-v29 h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.25rem,4.5vw,3.85rem);letter-spacing:-.055em;margin:.22rem 0 .32rem;color:#07111f;line-height:1;}
.pos-command-v29 p{font-weight:850;color:#5c6b7c;margin:0;line-height:1.45;}
.pos-actions-v29{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;}
.pos-actions-v29 .btn{min-height:52px;padding:12px 22px;border-radius:999px;font-size:1rem;white-space:nowrap;}
.account-strip-v29{border-radius:30px;padding:22px 24px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.88fr) auto;gap:18px;align-items:center;border:1px solid #dfe8ef;box-shadow:0 18px 42px rgba(16,32,51,.08);}
.account-strip-v29.empty{grid-template-columns:minmax(0,1fr) auto;background:linear-gradient(135deg,#ffffff 0%,#f6fbfd 100%);}
.account-strip-v29.active{background:linear-gradient(135deg,#081321 0%,#0e3a4d 58%,#0b91ab 100%);color:#fff;border:0;box-shadow:0 28px 72px rgba(8,30,44,.24);}
.account-strip-v29 h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.75rem,3.4vw,3rem);line-height:.98;margin:.28rem 0 .2rem;color:inherit;}
.account-strip-v29 p{color:inherit;opacity:.8;font-weight:800;margin:0;line-height:1.4;}
.account-strip-v29.active .badge{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);color:#fff;}
.account-metrics-v29{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.account-metrics-v29 div{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:13px 14px;}
.account-metrics-v29 small{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:1000;opacity:.72;}
.account-metrics-v29 b{font-size:1.15rem;}
.account-strip-actions-v29{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;}
.account-strip-actions-v29 .btn{min-width:116px;}
.work-zone-v29{background:linear-gradient(180deg,#ffffff 0%,#f6fbfd 100%);border:1px solid #dfe8ef;border-radius:34px;padding:20px;display:grid;gap:18px;box-shadow:0 24px 58px rgba(16,32,51,.08);}
.catalog-head-v29{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px;align-items:stretch;}
.search-card-v29{background:#f3f8fb;border:1px solid #dce8f1;border-radius:22px;padding:16px;display:grid;gap:9px;}
.search-card-v29 label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:1000;color:#667085;}
.search-card-v29 input{border-radius:17px;border:1px solid #cfddea;background:#fff;min-height:50px;padding:0 15px;font-size:1rem;}
.category-wrap-v29{background:linear-gradient(135deg,#fff8e8,#eefcff);border:1px solid #eadcc6;border-radius:22px;padding:12px;display:flex;align-items:center;overflow:auto;}
.category-bar-v29{display:flex;gap:8px;align-items:center;overflow:auto;width:100%;padding:1px;scrollbar-width:thin;}
.cat-v29{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #d8e3ef;background:#fff;border-radius:999px;padding:11px 15px;min-width:112px;font-weight:950;color:#344154;cursor:pointer;white-space:nowrap;}
.cat-v29.active{background:#07111f;color:#fff;border-color:#07111f;}
.cat-v29 b{font-size:.78rem;opacity:.72;}
.pos-body-v29{display:grid;grid-template-columns:minmax(0,1fr) 354px;gap:18px;}
.catalog-panel-v29{background:linear-gradient(180deg,#f4f9fc,#ffffff);border:1px solid #dfeaf2;border-radius:28px;padding:16px;}
.ticket-panel-v29{background:linear-gradient(180deg,#fff7e7,#ffffff);border:1px solid #eadcc6;border-radius:28px;padding:16px;align-self:start;position:sticky;top:118px;box-shadow:0 20px 44px rgba(75,49,18,.09);}
.catalog-toolbar-v29{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;}
.catalog-toolbar-v29 strong{font-size:1.18rem;}
.catalog-toolbar-v29 span{display:block;color:#667085;font-weight:800;}
.order-pill-v29{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #dfe8ef;border-radius:999px;padding:7px 12px;white-space:nowrap;}
.order-pill-v29 b{background:#07111f;color:#fff;border-radius:999px;width:32px;height:32px;display:grid;place-items:center;}
.order-pill-v29 strong{font-size:.96rem;}
.product-grid-v29{display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:13px;}
.product-v29{position:relative;background:#fff;border:1px solid #dfe8ef;border-radius:22px;overflow:hidden;box-shadow:0 12px 28px rgba(16,32,51,.08);display:grid;grid-template-rows:96px auto auto;}
.product-v29.selected{border-color:#14abc1;box-shadow:0 18px 38px rgba(20,171,193,.18);}
.product-v29.disabled{opacity:.55;}
.product-art-v29{display:grid;place-items:center;}
.product-art-v29 span{font-size:2rem;filter:drop-shadow(0 8px 14px rgba(0,0,0,.18));}
.product-quick-v29{position:absolute;right:9px;top:9px;width:38px;height:38px;border-radius:50%;border:0;background:#fff;color:#07111f;font-size:1.35rem;font-weight:1000;box-shadow:0 10px 22px rgba(0,0,0,.16);cursor:pointer;}
.product-info-v29{padding:12px 12px 8px;display:grid;gap:5px;}
.product-info-v29 small{font-size:.68rem;font-weight:950;color:#667085;border:1px solid #e4ebf3;border-radius:999px;padding:4px 8px;width:max-content;max-width:100%;}
.product-info-v29 h3{font-size:.95rem;line-height:1.18;margin:0;color:#172033;}
.product-info-v29 strong{font-size:1rem;color:#101828;}
.qty-v29{display:grid;grid-template-columns:38px 1fr 38px;gap:6px;padding:0 12px 12px;}
.qty-v29 button,.qty-v29 b{height:36px;border-radius:13px;border:1px solid #dbe6f0;background:#f8fafc;display:grid;place-items:center;font-weight:1000;}
.qty-v29 b{background:#e8f8fb;border-color:#caedf4;color:#08788e;}
.ticket-account-v29{background:linear-gradient(135deg,#071321,#123e52);color:#fff;border-radius:22px;padding:16px;margin-bottom:13px;}
.ticket-account-v29.empty{background:linear-gradient(135deg,#fff,#f3fbfd);color:#172033;border:1px solid #dfe8ef;}
.ticket-account-v29 h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.45rem;margin:.25rem 0 .1rem;color:inherit;}
.ticket-account-v29 p{opacity:.78;margin:.25rem 0 0;font-weight:800;}
.ticket-account-total-v29{display:flex;justify-content:space-between;align-items:end;border-top:1px solid rgba(255,255,255,.2);padding-top:12px;margin-top:10px;}
.ticket-account-total-v29 small{text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:1000;opacity:.72;}
.ticket-account-total-v29 strong{font-size:1.45rem;}
.order-summary-v29{display:grid;gap:12px;}
.ticket-head-v29{display:flex;justify-content:space-between;align-items:start;gap:12px;}
.ticket-head-v29 h3{margin:0;font-size:1.22rem;}
.ticket-head-v29 p{margin:3px 0 0;color:#667085;font-weight:750;}
.cart-lines-v29{display:grid;gap:8px;max-height:290px;overflow:auto;padding-right:3px;}
.cart-line-v29{display:grid;grid-template-columns:minmax(0,1fr) auto 34px;gap:9px;align-items:center;background:#fff;border:1px solid #efe3cf;border-radius:16px;padding:10px;}
.cart-line-v29 small{display:block;color:#667085;margin-top:3px;}
.remove-v29{border:0;background:#fff0f0;color:#b91c1c;border-radius:12px;height:34px;font-weight:1000;cursor:pointer;}
.cart-total-v29{display:flex;justify-content:space-between;align-items:end;background:#07111f;color:#fff;border-radius:18px;padding:15px;margin-top:2px;}
.cart-total-v29 span{font-weight:1000;opacity:.78;}
.cart-total-v29 strong{font-size:1.75rem;}
.ticket-actions-v29{display:grid;gap:8px;}
.ticket-actions-v29 .btn{width:100%;min-height:48px;}
.product-empty-v29,.empty-ticket-v29{border:1px dashed #d7e3ee;border-radius:20px;padding:22px;text-align:center;color:#667085;background:#fbfdff;}
.dialog-v29,.dialog-account-v29{width:min(980px,calc(100vw - 28px));max-height:calc(100dvh - 26px);overflow:auto;background:linear-gradient(180deg,#ffffff,#f6f9fc)!important;border-radius:30px!important;padding:22px!important;box-shadow:0 34px 90px rgba(8,19,33,.28)!important;}
.dialog-account-v29{width:min(1120px,calc(100vw - 28px));}
.modal-top-v29{display:flex;justify-content:space-between;align-items:start;gap:16px;background:linear-gradient(135deg,#07111f,#174b5b);color:#fff;border-radius:24px;padding:20px;margin-bottom:18px;}
.modal-top-v29.light{background:linear-gradient(135deg,#fff,#eefcff);color:#101828;border:1px solid #dce8f1;}
.modal-top-v29 span{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:1000;color:#a7f3d0;}
.modal-top-v29.light span{color:#08785f;}
.modal-top-v29 h2{font-family:Georgia,"Times New Roman",serif;font-size:2.25rem;line-height:1;margin:.25rem 0;color:inherit;}
.modal-top-v29 p{color:inherit;opacity:.78;font-weight:800;margin:0;}
.modal-top-v29 .close{background:rgba(255,255,255,.14);color:inherit;border-color:rgba(255,255,255,.22);}
.modal-top-v29.light .close{background:#fff;color:#101828;border-color:#dbe6f1;}
.account-panel-v29{display:grid;gap:16px;}
.account-hero-v29{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;background:#fff;border:1px solid #dfe8ef;border-radius:24px;padding:20px;}
.account-hero-v29 h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4vw,2.75rem);line-height:1;margin:.3rem 0;color:#101828;}
.account-hero-v29 p{color:#536477;font-weight:850;margin:0;}
.account-balance-v29{background:#07111f;color:#fff;border-radius:20px;padding:17px 20px;min-width:176px;text-align:right;}
.account-balance-v29 small{display:block;text-transform:uppercase;letter-spacing:.08em;opacity:.72;font-size:.68rem;font-weight:1000;}
.account-balance-v29 b{font-size:1.9rem;}
.account-kpis-v29{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.account-kpis-v29 div,.account-section-v29,.account-action-v29{background:#fff;border:1px solid #dfe8ef;border-radius:22px;padding:16px;}
.account-kpis-v29 small{display:block;text-transform:uppercase;letter-spacing:.08em;color:#667085;font-size:.68rem;font-weight:1000;}
.account-kpis-v29 b{font-size:1.3rem;}
.account-action-v29{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.85fr);gap:16px;align-items:center;background:#fff8e8;border-color:#eadcc6;}
.account-action-v29 h4,.account-section-v29 h4{font-size:1.2rem;margin:0 0 5px;}
.account-action-v29 p,.account-section-v29 p{margin:0;color:#667085;font-weight:750;}
.pay-actions-v29{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.pay-actions-v29 .btn{min-height:46px;}
.account-detail-v29{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:16px;}
.nfc-box-v29{background:#effdf8!important;border-color:#bbf7d0!important;}
.form-grid-v29{gap:12px!important;}
.switch-row-v29{background:#f6fbfd;border-color:#dce8f1;}
.modal-actions-v29{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:16px;}
.modal-actions-v29 .btn{min-height:46px;}
/* polish old modals too */
.dialog .section-head h2,.dialog-v21 .modal-top-v21 h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em;}
.dialog-v21,.dialog{border-radius:28px!important;box-shadow:0 34px 90px rgba(8,19,33,.26)!important;}
.modal-top-v21{border-radius:22px!important;background:linear-gradient(135deg,#07111f,#174b5b)!important;color:#fff!important;padding:20px!important;margin-bottom:16px!important;}
.modal-top-v21 h2,.modal-top-v21 p{color:inherit!important;}
.modal-top-v21 span{color:#a7f3d0!important;}
.modal-top-v21 .close{background:rgba(255,255,255,.14)!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important;}
.select-v21 .selector-tools-v21,.form-grid{gap:12px;}
.select-row-v21{border-radius:18px!important;background:#fff!important;}
@media(max-width:1180px){
  .value-grid-v29{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .pos-command-v29,.account-strip-v29{grid-template-columns:1fr;}
  .account-metrics-v29{max-width:none;}
  .catalog-head-v29{grid-template-columns:1fr;}
  .pos-body-v29,.account-detail-v29{grid-template-columns:1fr;}
  .ticket-panel-v29{position:static;}
  .account-action-v29{grid-template-columns:1fr;}
}
@media(max-width:760px){
  .hero{padding-left:12px!important;padding-right:12px!important;}
  .public-app-v29 .public-hero{min-height:560px!important;background-position:62% center!important;}
  .topbar-v29{display:grid;grid-template-columns:1fr;gap:10px;align-items:start;}
  .toolbar-v29{width:100%;justify-content:space-between;gap:8px;flex-wrap:wrap;}
  .toolbar-v29 .btn,.toolbar-v29 .lang-select{min-height:42px;padding:9px 12px;font-size:.86rem;}
  .brand-logo-mark-v29{width:46px;height:46px;}
  .brand-v29 small{font-size:.64rem;letter-spacing:.14em;}
  .brand-v29 strong{font-size:.98rem;}
  .public-app-v29 .hero-copy-v29{padding-top:38px;padding-bottom:96px;}
  .public-app-v29 .hero-copy-v29 h1{font-size:clamp(2.45rem,13vw,3.2rem);letter-spacing:-.06em;}
  .public-app-v29 .hero-copy-v29 p{font-size:1rem;line-height:1.55;}
  .public-shell-v29{padding:0 12px 34px!important;margin-top:-44px!important;}
  .public-home-v29{padding:20px!important;border-radius:26px!important;}
  .home-copy-v29 h2{font-size:2.15rem;}
  .value-grid-v29{grid-template-columns:1fr!important;gap:12px!important;}
  .value-grid-v29 article{min-height:0!important;padding:18px!important;}
  .staff-hero-v29{padding:9px!important;}
  .staff-hero-v29 .hero-inner{border-radius:22px!important;padding:10px!important;}
  .staff-shell-v29{padding:12px 10px 34px!important;}
  .staff-tabs-v28{overflow:auto;border-radius:22px;margin-bottom:12px;}
  .staff-tabs-v28 .staff-tab{padding:11px 15px;white-space:nowrap;}
  .pos-command-v29{padding:18px;border-radius:24px;}
  .pos-command-v29 h1{font-size:2.35rem;}
  .pos-actions-v29{display:grid;grid-template-columns:1fr;width:100%;}
  .pos-actions-v29 .btn{width:100%;min-height:50px;}
  .account-strip-v29{padding:16px;border-radius:24px;}
  .account-metrics-v29,.account-kpis-v29{grid-template-columns:1fr;}
  .account-strip-actions-v29{display:grid;grid-template-columns:1fr;width:100%;}
  .work-zone-v29{padding:13px;border-radius:24px;}
  .search-card-v29{padding:14px;}
  .category-wrap-v29{padding:10px;border-radius:20px;}
  .cat-v29{min-width:auto;padding:10px 13px;}
  .catalog-panel-v29,.ticket-panel-v29{padding:13px;border-radius:24px;}
  .catalog-toolbar-v29{display:grid;}
  .order-pill-v29{justify-content:space-between;}
  .product-grid-v29{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .product-v29{grid-template-rows:82px auto auto;border-radius:19px;}
  .product-info-v29{padding:10px;}
  .product-info-v29 h3{font-size:.9rem;}
  .qty-v29{grid-template-columns:34px 1fr 34px;padding:0 10px 10px;}
  .qty-v29 button,.qty-v29 b{height:34px;}
  .ticket-account-v29{padding:14px;border-radius:20px;}
  .cart-total-v29 strong{font-size:1.55rem;}
  .dialog-v29,.dialog-account-v29,.dialog{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;padding:12px!important;border-radius:24px!important;}
  .modal-top-v29,.modal-top-v21{border-radius:20px!important;padding:16px!important;}
  .modal-top-v29 h2,.modal-top-v21 h2{font-size:1.85rem!important;}
  .account-hero-v29{grid-template-columns:1fr;padding:16px;}
  .account-balance-v29{text-align:left;min-width:0;}
  .pay-actions-v29,.modal-actions-v29{grid-template-columns:1fr;display:grid;}
  .nfc-row-v26,.select-row-v21{grid-template-columns:1fr!important;}
  .nfc-row-v26 .toolbar,.select-row-v21>div:last-child{justify-content:stretch!important;display:grid!important;grid-template-columns:1fr!important;}
  .nfc-row-v26 .btn,.select-row-v21 .btn{width:100%;}
}
@media(max-width:430px){
  .staff-shell-v29{padding-left:8px!important;padding-right:8px!important;}
  .product-grid-v29{grid-template-columns:1fr;}
  .pos-command-v29 h1,.account-strip-v29 h2{font-size:2.05rem;}
  .home-copy-v29 h2{font-size:1.95rem;}
  .brand-logo-mark-v29{width:42px;height:42px;}
  .toolbar-v29 .btn,.toolbar-v29 .lang-select{font-size:.8rem;padding-inline:10px;}
}
/* v29 hero image cache-safe override */
body[data-hero] .public-hero-v29,
.public-app-v29 .public-hero-v29{background-image:linear-gradient(90deg,rgba(5,10,18,.80) 0%,rgba(5,14,24,.55) 44%,rgba(5,14,24,.14) 100%),url('img/hero/club-beach-1.jpg')!important;background-size:cover!important;background-position:center center!important;animation:clubBeachHero 24s ease-in-out infinite!important;}
@keyframes clubBeachHero{0%,32%{background-image:linear-gradient(90deg,rgba(5,10,18,.80) 0%,rgba(5,14,24,.55) 44%,rgba(5,14,24,.14) 100%),url('img/hero/club-beach-1.jpg')}33%,65%{background-image:linear-gradient(90deg,rgba(5,10,18,.80) 0%,rgba(39,28,18,.50) 48%,rgba(5,14,24,.12) 100%),url('img/hero/club-beach-2.jpg')}66%,100%{background-image:linear-gradient(90deg,rgba(5,10,18,.84) 0%,rgba(5,14,24,.55) 48%,rgba(5,14,24,.18) 100%),url('img/hero/club-beach-3.jpg')}}


/* v30 · coherencia visual y flujo TPV sin cuenta */
.public-home-v30{grid-template-columns:1fr!important;gap:18px!important;padding:22px!important;border-radius:32px!important;background:linear-gradient(135deg,#fff 0%,#fff8ea 56%,#eafbff 100%)!important;border:1px solid rgba(230,219,197,.86)!important;box-shadow:0 26px 70px rgba(7,17,31,.12)!important;}
.home-copy-v30{max-width:900px!important;}
.home-copy-v30 h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em;line-height:.98;margin:.3rem 0 .65rem;font-size:clamp(2.05rem,4vw,3.85rem);color:#07111f;}
.home-copy-v30 .muted{max-width:820px;line-height:1.55;color:#5b6b7e;font-weight:650;}
.value-grid-v30{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;}
.value-grid-v30 article{min-height:126px!important;padding:18px!important;border-radius:24px!important;display:grid!important;align-content:start!important;gap:12px!important;background:linear-gradient(180deg,#ffffff 0%,#fbf7ef 100%)!important;border:1px solid #eadcc8!important;box-shadow:0 14px 34px rgba(66,43,21,.06)!important;}
.value-grid-v30 article:nth-child(2),.value-grid-v30 article:nth-child(4){background:linear-gradient(180deg,#ffffff 0%,#eefcff 100%)!important;border-color:#ccebf1!important;}
.value-grid-v30 strong{font-family:Georgia,"Times New Roman",serif!important;font-size:1.18rem!important;line-height:1.12!important;font-weight:400!important;color:#111827!important;}
.value-grid-v30 small{font-size:.88rem!important;line-height:1.45!important;color:#64748b!important;}
.brand-logo-mark-v29{background:#fff;border-radius:18px;padding:2px;}
.public-app-v29 .brand-public-v29{background:rgba(3,12,20,.34);border:1px solid rgba(255,255,255,.24);padding:8px 12px;border-radius:999px;color:#fff!important;text-shadow:0 10px 26px rgba(0,0,0,.45);backdrop-filter:blur(10px);}
.staff-app-v29 .brand-staff-v29{background:rgba(255,255,255,.68);border:1px solid #dfe8ef;padding:8px 12px;border-radius:999px;}
.staff-hero-v29 .hero-inner{background:rgba(255,255,255,.96)!important;}
.pos-v30{display:grid;gap:18px;}
.pos-command-v30,.start-panel-v30,.account-strip-v30{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;border-radius:32px;border:1px solid #dfe8ef;box-shadow:0 22px 54px rgba(16,32,51,.10);}
.pos-command-v30{background:linear-gradient(135deg,#ffffff 0%,#fff7e7 52%,#e6fbff 100%);padding:28px 30px;}
.pos-command-v30 h1,.start-panel-v30 h2,.account-strip-v30 h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.055em;color:#07111f;line-height:1;margin:.24rem 0 .34rem;font-weight:400;}
.pos-command-v30 h1{font-size:clamp(2.25rem,4.4vw,3.75rem);}
.pos-command-v30 p,.start-panel-v30 p,.account-strip-v30 p{font-weight:850;color:#5c6b7c;margin:0;line-height:1.45;}
.pos-actions-v30,.start-actions-v30,.account-strip-actions-v30{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;}
.pos-actions-v30 .btn,.start-actions-v30 .btn,.account-strip-actions-v30 .btn{min-height:52px;padding:12px 22px;border-radius:999px;font-size:1rem;white-space:nowrap;}
.start-panel-v30{background:linear-gradient(135deg,#ffffff 0%,#f6fbfd 100%);padding:30px;}
.no-account-v30 .work-zone-v30,.no-account-v30 .ticket-panel-v30{display:none!important;}
.account-strip-v30.active{grid-template-columns:minmax(0,1fr) minmax(330px,.72fr) auto;background:linear-gradient(135deg,#081321 0%,#0e3a4d 58%,#0b91ab 100%);color:#fff;border:0;padding:24px 26px;box-shadow:0 28px 72px rgba(8,30,44,.24);}
.account-strip-v30.active h2{font-size:clamp(2rem,3.8vw,3.35rem);color:#fff;}
.account-strip-v30.active p{color:rgba(255,255,255,.82);}
.account-status-v30{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.28)!important;color:#fff!important;}
.account-metrics-v30{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.account-metrics-v30 div{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:13px 14px;}
.account-metrics-v30 small{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:1000;opacity:.72;}
.account-metrics-v30 b{font-size:1.15rem;color:#fff;}
.work-zone-v30{background:linear-gradient(180deg,#ffffff 0%,#f6fbfd 100%);border:1px solid #dfe8ef;border-radius:34px;padding:20px;display:grid;gap:18px;box-shadow:0 24px 58px rgba(16,32,51,.08);}
.catalog-head-v30{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px;align-items:stretch;}
.search-card-v30{background:#f3f8fb;border:1px solid #dce8f1;border-radius:22px;padding:16px;display:grid;gap:9px;}
.search-card-v30 label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:1000;color:#667085;}
.search-card-v30 input{border-radius:17px;border:1px solid #cfddea;background:#fff;min-height:50px;padding:0 15px;font-size:1rem;}
.category-wrap-v30{background:linear-gradient(135deg,#fff8e8,#eefcff);border:1px solid #eadcc6;border-radius:22px;padding:12px;display:flex;align-items:center;overflow:auto;}
.pos-body-v30{display:grid;grid-template-columns:minmax(0,1fr) 354px;gap:18px;}
.catalog-panel-v30{background:linear-gradient(180deg,#f4f9fc,#ffffff);border:1px solid #dfeaf2;border-radius:28px;padding:16px;}
.ticket-panel-v30{background:linear-gradient(180deg,#fff7e7,#ffffff);border:1px solid #eadcc6;border-radius:28px;padding:16px;align-self:start;position:sticky;top:118px;box-shadow:0 20px 44px rgba(75,49,18,.09);}
.catalog-toolbar-v30{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;}
.catalog-toolbar-v30 strong{font-size:1.18rem;}
.catalog-toolbar-v30 span{display:block;color:#667085;font-weight:800;}
.order-pill-v30{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #dfe8ef;border-radius:999px;padding:7px 12px;white-space:nowrap;}
.order-pill-v30 b{background:#07111f;color:#fff;border-radius:999px;width:32px;height:32px;display:grid;place-items:center;}
.order-pill-v30 strong{font-size:.96rem;}
.product-grid-v30{display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:13px;}
.ticket-account-v30{background:linear-gradient(135deg,#07111f,#123b52);color:#fff;border-radius:22px;padding:17px;margin-bottom:14px;}
.ticket-account-v30 .badge{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22);color:#fff;}
.ticket-account-v30 h3{font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;line-height:1;margin:.45rem 0 .25rem;color:#fff;font-weight:400;}
.ticket-account-v30 p{opacity:.78;font-weight:800;margin:0;}
.ticket-account-total-v30{margin-top:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:12px;}
.ticket-account-total-v30 small{display:block;opacity:.7;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;}
.ticket-account-total-v30 strong{font-size:1.55rem;}
.order-summary-v30{display:grid;gap:12px;}
.ticket-head-v30{display:flex;align-items:start;justify-content:space-between;gap:10px;}
.ticket-head-v30 h3{margin:0;font-size:1.18rem;}
.ticket-head-v30 p{margin:.25rem 0 0;color:#667085;font-weight:800;}
.cart-lines-v30{display:grid;gap:9px;}
.cart-line-v30{display:grid;grid-template-columns:minmax(0,1fr) auto 34px;gap:9px;align-items:center;background:#fff;border:1px solid #efe3cf;border-radius:16px;padding:10px;}
.cart-line-v30 small{display:block;color:#667085;margin-top:3px;}
.cart-total-v30{display:flex;justify-content:space-between;align-items:end;background:#07111f;color:#fff;border-radius:18px;padding:15px;margin-top:2px;}
.cart-total-v30 span{font-weight:1000;opacity:.78;}
.cart-total-v30 strong{font-size:1.75rem;}
.ticket-actions-v30{display:grid;gap:8px;}
.ticket-actions-v30 .btn{width:100%;min-height:48px;}
.empty-ticket-v30{border:1px dashed #d7e3ee;border-radius:20px;padding:22px;text-align:center;color:#667085;background:#fbfdff;}
@media(max-width:1180px){.value-grid-v30{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pos-command-v30,.start-panel-v30,.account-strip-v30.active{grid-template-columns:1fr}.account-metrics-v30{max-width:none}.catalog-head-v30{grid-template-columns:1fr}.pos-body-v30{grid-template-columns:1fr}.ticket-panel-v30{position:static}}
@media(max-width:760px){.public-home-v30{padding:18px!important;border-radius:26px!important}.home-copy-v30 h2{font-size:2.05rem}.value-grid-v30{grid-template-columns:1fr!important;gap:10px!important}.value-grid-v30 article{min-height:0!important;padding:16px!important}.pos-command-v30,.start-panel-v30{padding:18px;border-radius:24px}.pos-command-v30 h1,.start-panel-v30 h2{font-size:2.25rem}.pos-actions-v30,.start-actions-v30{display:grid;grid-template-columns:1fr;width:100%}.pos-actions-v30 .btn,.start-actions-v30 .btn{width:100%;min-height:50px}.account-strip-v30.active{padding:16px;border-radius:24px}.account-metrics-v30{grid-template-columns:1fr}.account-strip-actions-v30{display:grid;grid-template-columns:1fr;width:100%}.work-zone-v30{padding:13px;border-radius:24px}.search-card-v30{padding:14px}.category-wrap-v30{padding:10px;border-radius:20px}.catalog-panel-v30,.ticket-panel-v30{padding:13px;border-radius:24px}.catalog-toolbar-v30{display:grid}.order-pill-v30{justify-content:space-between}.product-grid-v30{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ticket-account-v30{padding:14px;border-radius:20px}.cart-total-v30 strong{font-size:1.55rem}}
@media(max-width:430px){.product-grid-v30{grid-template-columns:1fr}.pos-command-v30 h1,.start-panel-v30 h2,.account-strip-v30 h2{font-size:2.02rem}.home-copy-v30 h2{font-size:1.9rem}.brand-v29 em{display:none}.public-app-v29 .brand-public-v29,.staff-app-v29 .brand-staff-v29{padding:6px 10px}.pos-actions-v30 .btn,.start-actions-v30 .btn,.account-strip-actions-v30 .btn{font-size:.9rem}}


/* v31 · coherencia: una sola banda cuando no hay cuenta y módulos mejor alineados */
.no-account-v31{
  display:grid;
  gap:0;
}
.no-account-v31 .pos-command-v30{
  margin-bottom:0;
}
.pos-command-empty-v31{
  background:linear-gradient(135deg,#ffffff 0%,#fff9ec 58%,#e9fbff 100%);
}
.pos-command-empty-v31 h1{
  font-size:clamp(2.05rem,4vw,3.55rem);
}
.pos-command-empty-v31 p{
  max-width:760px;
}
.account-strip-v30.active{
  margin-top:0;
}
.account-copy-v30{
  display:grid;
  align-content:center;
  justify-items:start;
  text-align:left;
}
.account-strip-actions-v30{
  align-items:center;
}
.work-zone-v30{
  margin-top:0;
}
.pos-v30 .btn{
  line-height:1.1;
}
@media(max-width:760px){
  .pos-command-empty-v31 h1{font-size:2rem;}
  .pos-command-empty-v31 p{font-size:.95rem;}
}


/* v32 · último pulido visual: botones legibles, feedback táctil y contraste global */
:root{
  --zaidor-dark:#06111f;
  --zaidor-sea:#00b3bd;
  --zaidor-mint:#25d0a3;
  --zaidor-gold:#ffe7a8;
  --zaidor-gold-text:#743d05;
}

/* Botones: todos deben parecer botones, no simples etiquetas */
.btn,
button.btn,
a.btn{
  min-height:48px;
  border-radius:999px;
  padding:12px 20px;
  font-weight:1000;
  letter-spacing:.005em;
  border:1px solid #cfdae6;
  background:#ffffff;
  color:#0b1726;
  box-shadow:0 12px 28px rgba(8,19,33,.10);
  text-shadow:none!important;
  transition:transform .12s ease, box-shadow .12s ease, filter .12s ease, background .12s ease, border-color .12s ease;
}
.btn:hover:not(:disabled){
  transform:translateY(-1px);
  box-shadow:0 18px 36px rgba(8,19,33,.14);
  filter:saturate(1.03);
}
.btn:active:not(:disabled){
  transform:translateY(1px) scale(.99);
  box-shadow:0 8px 18px rgba(8,19,33,.10);
}
.btn:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible{
  outline:3px solid rgba(17,190,210,.34)!important;
  outline-offset:3px;
}
.btn.success,
.btn.primary,
.btn.confirm{
  background:linear-gradient(135deg,var(--zaidor-sea),var(--zaidor-mint))!important;
  color:#ffffff!important;
  border-color:transparent!important;
  box-shadow:0 18px 36px rgba(0,179,189,.24)!important;
}
.btn.dark{
  background:var(--zaidor-dark)!important;
  color:#ffffff!important;
  border-color:var(--zaidor-dark)!important;
  box-shadow:0 18px 34px rgba(6,17,31,.22)!important;
}
.btn.gold{
  background:var(--zaidor-gold)!important;
  color:var(--zaidor-gold-text)!important;
  border-color:#ffd782!important;
  box-shadow:0 16px 30px rgba(142,92,9,.14)!important;
}
.btn.light,
.btn.ghost.light,
.btn.ghost,
.btn.subtle{
  background:#ffffff!important;
  color:#0b1726!important;
  border-color:#d7e2ec!important;
  box-shadow:0 12px 26px rgba(8,19,33,.09)!important;
}
.btn.bad{
  background:#fff1f2!important;
  color:#b42318!important;
  border-color:#fecdd3!important;
}
.btn.warn{
  background:#fff7ed!important;
  color:#9a3412!important;
  border-color:#fed7aa!important;
}
.btn:disabled,
.btn[disabled],
button:disabled{
  opacity:1!important;
  background:#eef3f7!important;
  color:#7b8796!important;
  border-color:#d9e3ec!important;
  box-shadow:none!important;
  cursor:not-allowed!important;
  transform:none!important;
}

/* Cabecera staff: texto siempre legible */
.staff-hero-v29 .brand-v29 small,
.staff-hero-v28 .brand-v28 small,
.staff-app-v29 .brand-staff-v29 small{
  color:#253245!important;
  opacity:1!important;
}
.staff-hero-v29 .brand-v29 strong,
.staff-hero-v28 .brand-v28 strong,
.staff-app-v29 .brand-staff-v29 strong{
  color:#06111f!important;
  opacity:1!important;
}
.staff-hero-v29 .toolbar-v29 .btn,
.staff-hero-v28 .toolbar-v28 .btn,
.staff-hero-v29 .toolbar-v29 .lang-select,
.staff-hero-v28 .toolbar-v28 .lang-select{
  color:#0b1726!important;
  background:#ffffff!important;
  border-color:#d7e2ec!important;
}
.staff-hero-v29 .toolbar-v29 .exit-btn,
.staff-hero-v28 .toolbar-v28 .exit-btn{
  color:#b42318!important;
  background:#fff1f2!important;
  border-color:#fecdd3!important;
}

/* Banda de cuenta activa: KPIs con contraste real */
.account-strip-v30.active{
  align-items:center;
  background:linear-gradient(135deg,#071321 0%,#0b3d53 55%,#087f9b 100%)!important;
  box-shadow:0 28px 72px rgba(8,30,44,.28)!important;
}
.account-status-v30,
.account-strip-v30.active .eyebrow-v29{
  background:#ecfdf3!important;
  color:#05603a!important;
  border-color:#a7f3d0!important;
  text-shadow:none!important;
}
.account-strip-v30.active h2,
.account-strip-v30.active p{
  text-shadow:0 12px 30px rgba(0,0,0,.22);
}
.account-metrics-v30{
  align-items:stretch;
}
.account-metrics-v30 div{
  background:#ffffff!important;
  border:1px solid rgba(255,255,255,.72)!important;
  color:#101828!important;
  box-shadow:0 14px 30px rgba(0,0,0,.12)!important;
}
.account-metrics-v30 div:nth-child(1){background:#fff5dc!important;border-color:#ffe0a3!important;}
.account-metrics-v30 div:nth-child(2){background:#f3f8ff!important;border-color:#dceafe!important;}
.account-metrics-v30 div:nth-child(3){background:#ecfdf3!important;border-color:#bbf7d0!important;}
.account-metrics-v30 small{
  color:#637083!important;
  opacity:1!important;
}
.account-metrics-v30 b{
  color:#07111f!important;
  opacity:1!important;
}
.account-strip-actions-v30 .btn{
  min-width:142px;
}
.account-strip-actions-v30 .btn.gold{
  background:#ffe7a8!important;
  color:#743d05!important;
}
.account-strip-actions-v30 .btn.light{
  background:#ffffff!important;
  color:#07111f!important;
}

/* Pestañas y categorías: más contraste y targets claros */
.staff-tabs-v28 .staff-tab,
.staff-tabs-v21 .staff-tab,
.tab,
.cat-v29{
  min-height:46px;
  border-radius:999px;
  font-weight:1000;
}
.staff-tabs-v28 .staff-tab.active,
.staff-tabs-v21 .staff-tab.active,
.tab.active,
.category-bar .tab.active{
  background:#06111f!important;
  color:#ffffff!important;
  border-color:#06111f!important;
  box-shadow:0 12px 24px rgba(6,17,31,.18)!important;
}
.category-bar .tab:not(.active),
.cat-v29:not(.active){
  background:#ffffff!important;
  color:#213044!important;
  border-color:#d9e4ee!important;
  box-shadow:0 8px 18px rgba(8,19,33,.06)!important;
}

/* Tarjeta, catálogo y ticket: contraste suave por zonas */
.work-zone-v30{
  background:linear-gradient(180deg,#ffffff 0%,#f0f7fb 100%)!important;
}
.search-card-v30{
  background:linear-gradient(180deg,#f7fbff,#ffffff)!important;
}
.category-wrap-v30{
  background:linear-gradient(135deg,#fff4d8 0%,#eaffff 100%)!important;
}
.catalog-panel-v30{
  background:linear-gradient(180deg,#f8fbfd 0%,#ffffff 100%)!important;
}
.ticket-panel-v30{
  background:linear-gradient(180deg,#fff4d8 0%,#ffffff 100%)!important;
}
.ticket-account-v30{
  background:linear-gradient(135deg,#07111f,#0b475e)!important;
}
.ticket-actions-v30 .btn.confirm,
.ticket-actions-v30 .btn.success,
.ticket-actions-v30 .btn.primary{
  width:100%;
  min-height:52px;
}

/* Inputs y campos: lectura y tacto móvil */
.field input,
.field select,
.search-card-v30 input,
input,
select{
  min-height:48px;
  color:#101828!important;
  background:#ffffff!important;
  border-color:#cfddea!important;
}
input::placeholder{
  color:#7b8796!important;
  opacity:1!important;
}
.field label,
.search-card-v30 label{
  color:#46576b!important;
}

/* Modales: botones y cierre legibles en cualquier modal antigua o nueva */
.dialog .btn,
.dialog-v29 .btn,
.dialog-account-v29 .btn,
.select-v21 .btn{
  min-height:48px;
}
.close,
.dialog .close,
.modal-top-v29 .close,
.modal-top-v21 .close{
  background:#ffffff!important;
  color:#07111f!important;
  border-color:#d7e2ec!important;
  box-shadow:0 10px 22px rgba(8,19,33,.12)!important;
}
.inline-feedback.ok,
.inline-feedback.bad,
.inline-feedback.warn,
.inline-feedback.soft{
  font-weight:900;
  color:#1f2937;
}
.inline-feedback.bad{background:#fff1f2!important;color:#b42318!important;border-color:#fecdd3!important;}
.inline-feedback.warn{background:#fff7ed!important;color:#9a3412!important;border-color:#fed7aa!important;}
.inline-feedback.ok{background:#ecfdf3!important;color:#05603a!important;border-color:#bbf7d0!important;}

/* Responsive: botones cómodos y sin solapes */
@media(max-width:1180px){
  .account-strip-v30.active{grid-template-columns:1fr!important;}
  .account-strip-actions-v30{justify-content:flex-start!important;}
}
@media(max-width:760px){
  .btn,button.btn,a.btn{min-height:52px;padding:13px 16px;}
  .account-metrics-v30{grid-template-columns:1fr!important;}
  .account-strip-actions-v30,.pos-actions-v30,.ticket-actions-v30{display:grid!important;grid-template-columns:1fr!important;width:100%!important;}
  .account-strip-actions-v30 .btn,.pos-actions-v30 .btn,.ticket-actions-v30 .btn{width:100%;min-width:0;}
  .catalog-head-v30{gap:10px!important;}
  .category-wrap-v30{overflow-x:auto;scrollbar-width:thin;}
  .category-bar{flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:4px;}
  .category-bar .tab{white-space:nowrap;}
}
@media(max-width:430px){
  .account-strip-v30.active h2{font-size:1.85rem!important;}
  .account-strip-v30.active p{font-size:.92rem!important;}
  .account-metrics-v30 div{padding:12px!important;}
}


/* v33 · pago SDK, parcial, fiscal y responsive final */
.dialog-v33,.payment-dialog-v33,.dialog-account-final-v33{background:linear-gradient(180deg,#ffffff,#f8fbfd);border:1px solid rgba(16,40,63,.12);box-shadow:0 32px 90px rgba(8,18,34,.28);border-radius:30px;color:#0b1320;}
.payment-dialog-v33{width:min(980px,calc(100vw - 24px));max-height:min(86vh,860px);overflow:auto;padding:26px;}
.modal-top-v33{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#061421,#0e5261);color:#fff;border-radius:24px;padding:22px;margin:-4px -4px 20px;}
.modal-top-v33 span{display:inline-flex;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 11px;text-transform:uppercase;font-weight:900;letter-spacing:.08em;font-size:.72rem;color:#d9fff4;background:rgba(255,255,255,.1)}
.modal-top-v33 h2{margin:10px 0 4px;font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(1.9rem,4vw,3.1rem);letter-spacing:-.045em;color:#fff;}
.modal-top-v33 p{margin:0;color:rgba(255,255,255,.86);font-weight:800}.modal-top-v33 .close{background:#fff;color:#071421;border:0;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.pay-layout-v33{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-top:18px}.pay-left-v33,.pay-right-v33{background:#f4f8fb;border:1px solid #d9e5ef;border-radius:24px;padding:18px}.pay-left-v33 h3,.pay-right-v33 h3{margin:0 0 12px;font-size:1.05rem;color:#182338}.pay-mode-v33{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.pay-mode-v33 label{display:flex;align-items:center;gap:8px;min-height:48px;padding:12px;border:1px solid #d8e4ef;border-radius:16px;background:#fff;font-weight:900;cursor:pointer}.pay-mode-v33 input{width:18px;height:18px}.method-grid-v33{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.method-card-v33{border:1px solid #d6e5ef;border-radius:18px;background:#fff;min-height:76px;padding:13px;text-align:left;cursor:pointer;box-shadow:0 10px 22px rgba(20,44,64,.06);transition:.18s ease}.method-card-v33 strong{display:block;font-size:1rem;color:#122033}.method-card-v33 small{display:block;margin-top:4px;color:#65758a;font-weight:700;line-height:1.35}.method-card-v33.active{border-color:#12b9c5;background:#eafcff;box-shadow:0 0 0 3px rgba(18,185,197,.12)}.method-card-v33:disabled{opacity:.58;cursor:not-allowed;background:#f4f6f8}.pay-preview-v33{margin-top:14px;background:#071421;color:#fff;border-radius:18px;padding:16px;display:flex;justify-content:space-between;gap:14px;align-items:center}.pay-preview-v33 strong{font-size:1.7rem}.pay-preview-v33 span{color:rgba(255,255,255,.78);font-weight:800}.pay-items-box-v33{margin-top:14px}.pay-items-v33{display:grid;gap:10px;max-height:260px;overflow:auto}.pay-item-v33{display:grid;grid-template-columns:auto 1fr 86px;align-items:center;gap:12px;background:#fff;border:1px solid #dce8f1;border-radius:16px;padding:11px}.pay-item-v33 strong{display:block}.pay-item-v33 small{display:block;color:#667085}.pay-item-qty{height:42px;border-radius:12px;border:1px solid #cad8e4;padding:0 10px;font-weight:900}.invoice-fields-v33{display:grid;gap:10px}.invoice-fields-v33 input{height:46px;border:1px solid #d3e0ea;border-radius:14px;padding:0 13px}.check-line-v33{display:flex;gap:8px;align-items:center;font-weight:800;color:#344054}.modal-actions-v33{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e4edf4;margin-top:18px;padding-top:18px}.modal-actions-v33 .btn{min-height:52px;min-width:150px}.account-panel-final-v33{display:grid;gap:18px}.account-hero-final-v33{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(135deg,#081726,#115b68);color:#fff;border-radius:24px;padding:22px}.account-hero-final-v33 h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,5vw,3.6rem);margin:8px 0 4px;color:#fff}.account-hero-final-v33 p{margin:0;color:rgba(255,255,255,.82);font-weight:800}.account-balance-final-v33{background:#fff;color:#0b1320;border-radius:18px;padding:14px 22px;text-align:right;min-width:170px}.account-balance-final-v33 small{display:block;color:#667085;font-weight:900;text-transform:uppercase}.account-balance-final-v33 b{font-size:2rem}.account-kpis-final-v33{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.account-kpis-final-v33 div,.account-section-final-v33,.account-action-zone-final-v33{background:#fff;border:1px solid #dce8f1;border-radius:22px;padding:18px}.account-kpis-final-v33 small{display:block;text-transform:uppercase;color:#667085;font-weight:900;font-size:.75rem}.account-kpis-final-v33 b{font-size:1.35rem}.account-action-zone-final-v33{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;background:#fffaf0;border-color:#f1d49c}.account-action-zone-final-v33 h4{margin:0 0 4px}.account-action-zone-final-v33 p{margin:0;color:#667085;font-weight:700}.pay-actions-v33{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.account-detail-grid-final-v33{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.customer-summary-v33{display:grid;grid-template-columns:repeat(3,1fr) auto auto;gap:12px;align-items:center;background:#f4f9fb;border:1px solid #d8e8ef;border-radius:22px;padding:16px;margin-bottom:20px}.customer-summary-v33 small{display:block;text-transform:uppercase;color:#667085;font-weight:900}.customer-summary-v33 b{font-size:1.3rem}.customer-layout-v33{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.customer-v33 .cart.card{position:sticky;top:14px}.btn,.staff-tab,.method-card-v33,.category-bar button,.cat-v28{touch-action:manipulation}.btn:active,.method-card-v33:active{transform:translateY(1px) scale(.99)}
@media(max-width:900px){.payment-dialog-v33{padding:18px;max-height:92vh}.pay-layout-v33,.account-detail-grid-final-v33,.account-action-zone-final-v33,.customer-layout-v33{grid-template-columns:1fr}.pay-mode-v33,.method-grid-v33,.account-kpis-final-v33{grid-template-columns:1fr}.customer-summary-v33{grid-template-columns:1fr 1fr}.modal-actions-v33{flex-direction:column}.modal-actions-v33 .btn{width:100%}.account-hero-final-v33{align-items:flex-start;flex-direction:column}.account-balance-final-v33{text-align:left;width:100%}.pay-actions-v33{justify-content:stretch}.pay-actions-v33 .btn{flex:1 1 100%}}
@media(max-width:480px){.payment-dialog-v33{width:calc(100vw - 14px);border-radius:24px;padding:14px}.modal-top-v33{border-radius:20px;padding:18px}.pay-left-v33,.pay-right-v33{padding:14px;border-radius:18px}.pay-item-v33{grid-template-columns:auto 1fr}.pay-item-qty{grid-column:2;width:100%}.customer-summary-v33{grid-template-columns:1fr}.method-card-v33{min-height:68px}.pay-preview-v33{flex-direction:column;align-items:flex-start}.account-hero-final-v33 h3{font-size:2rem}}

/* v34 · limpieza visual de cuenta, cobro y documento QR */
.account-panel-final-v34{display:grid;gap:18px}
.account-hero-final-v34{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#081726 0%,#0f5665 68%,#0aa3b5 100%);color:#fff;border-radius:24px;padding:22px 24px;box-shadow:0 22px 56px rgba(10,35,50,.20)}
.account-hero-final-v34 h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,5vw,3.45rem);line-height:1;margin:8px 0 4px;color:#fff;letter-spacing:-.04em}
.account-hero-final-v34 p{margin:0;color:rgba(255,255,255,.84);font-weight:850}.account-balance-final-v34{min-width:180px;background:#fff;color:#0b1320;border-radius:20px;padding:15px 20px;text-align:right}.account-balance-final-v34 small{display:block;text-transform:uppercase;letter-spacing:.08em;color:#667085;font-size:.72rem;font-weight:1000}.account-balance-final-v34 b{font-size:2rem}
.account-kpis-final-v34{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.account-kpis-final-v34>div{background:linear-gradient(180deg,#ffffff,#f7fbfd);border:1px solid #dce8f1;border-radius:20px;padding:16px;min-height:92px;display:grid;align-content:center;gap:4px}.account-kpis-final-v34 small{display:block;text-transform:uppercase;letter-spacing:.08em;color:#667085;font-weight:1000;font-size:.72rem}.account-kpis-final-v34 b{font-size:1.35rem}.nfc-kpi-v34{grid-template-columns:minmax(0,1fr) auto;align-items:center}.nfc-kpi-v34 small,.nfc-kpi-v34 b{grid-column:1}.nfc-kpi-v34 .btn{grid-column:2;grid-row:1 / span 2;align-self:center;min-height:40px;padding:8px 14px;border-radius:999px}
.account-action-zone-final-v34{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;background:linear-gradient(135deg,#fff8e5,#ffffff);border:1px solid #f0dcae;border-radius:24px;padding:20px}.account-action-zone-final-v34 h4{margin:0 0 6px;font-size:1.2rem}.account-action-zone-final-v34 p{margin:0;color:#667085;font-weight:800;max-width:760px}.pay-actions-v34{display:flex;flex-wrap:wrap;gap:12px}.pay-actions-v34 .btn{min-height:48px;border-radius:999px;padding:12px 22px;box-shadow:0 12px 26px rgba(20,44,64,.08)}
.account-detail-grid-final-v34{display:grid;grid-template-columns:1fr}.account-section-final-v34{background:#fff;border:1px solid #dce8f1;border-radius:24px;padding:20px}.active-nfc-compact-v34{margin-top:16px;border:1px dashed #b7e7dc;background:#f1fffb;border-radius:18px;padding:14px;display:grid;gap:10px}.active-nfc-compact-v34>strong{font-size:1.05rem}.nfc-row-compact-v34{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;background:#fff;border:1px solid #dcefe9;border-radius:14px;padding:10px 12px}.nfc-row-compact-v34 span{font-weight:900}.nfc-row-compact-v34 small{color:#667085;font-weight:750}.btn.micro{min-height:34px;padding:7px 12px;font-size:.84rem;border-radius:999px}
.payment-dialog-v34{width:min(1060px,calc(100vw - 24px));max-height:min(90vh,900px);overflow:auto;padding:24px;background:linear-gradient(180deg,#ffffff,#f6fbfd);border-radius:32px}.modal-top-v34{margin:-2px -2px 18px}.pay-hint-v34{font-size:1rem;border-radius:18px;padding:14px 16px}.pay-layout-v34{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.86fr);gap:18px}.pay-left-v34,.pay-right-v34,.doc-card-v34{background:#fff;border:1px solid #d9e6ef;border-radius:24px;padding:18px;box-shadow:0 12px 34px rgba(16,34,50,.05)}.pay-right-v34{display:grid;align-content:start;gap:16px;background:linear-gradient(180deg,#fff,#f3fbfd)}.pay-block-head-v34{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.pay-block-head-v34>span{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:999px;background:#061421;color:#fff;font-weight:1000;flex:0 0 32px}.pay-block-head-v34 h3{margin:0;font-size:1.1rem}.pay-block-head-v34 p{margin:3px 0 0;color:#667085;font-weight:750;line-height:1.4}.pay-mode-v34{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.pay-mode-v34 label{position:relative;display:grid;place-items:center;text-align:center;min-height:76px;border:1px solid #d8e4ef;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbfd);font-weight:1000;cursor:pointer;box-shadow:0 10px 24px rgba(20,44,64,.05)}.pay-mode-v34 input{position:absolute;left:12px;top:12px;width:18px;height:18px}.pay-mode-v34 label:has(input:checked){border-color:#0bb8c3;background:#e9fcff;box-shadow:0 0 0 3px rgba(11,184,195,.14)}.amount-field-v34 input{height:54px;font-weight:900;font-size:1.08rem}.method-grid-v34{display:grid;grid-template-columns:1fr 1fr;gap:12px}.method-card-v34{border:1px solid #d6e5ef;border-radius:20px;background:#fff;min-height:82px;padding:15px;text-align:left;cursor:pointer;box-shadow:0 12px 28px rgba(20,44,64,.06);transition:.18s ease}.method-card-v34 span{display:block;font-size:1.06rem;font-weight:1000;color:#101828}.method-card-v34 small{display:block;margin-top:5px;color:#667085;font-weight:760;line-height:1.35}.method-card-v34.active{border-color:#08b8c6;background:linear-gradient(180deg,#eafcff,#ffffff);box-shadow:0 0 0 3px rgba(8,184,198,.14),0 14px 28px rgba(20,44,64,.09)}.method-card-v34:disabled{opacity:.62;cursor:not-allowed;background:#f4f7f9}.method-card-v34:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(20,44,64,.10)}.pay-preview-v34{margin-top:14px;background:#061421;color:#fff;border-radius:20px;padding:16px 18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.pay-preview-v34 small{display:block;color:rgba(255,255,255,.65);font-weight:900;text-transform:uppercase;font-size:.72rem}.pay-preview-v34 strong{display:block;font-size:2rem;line-height:1.05}.pay-preview-v34 span{display:block;font-size:1.15rem;font-weight:1000;color:#fff}.invoice-fields-v34{display:grid;gap:10px}.invoice-fields-v34 input{height:48px;border:1px solid #d3e0ea;border-radius:14px;padding:0 13px;font-weight:800}.modal-actions-v34{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e4edf4;margin-top:18px;padding-top:18px}.modal-actions-v34 .btn{min-height:54px;min-width:170px;border-radius:999px}.qr-result-v34{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center;background:#f4fbfd;border:1px solid #d9e8ef;border-radius:20px;padding:16px;margin-bottom:14px}.fake-qr-v34{width:96px;height:96px;border-radius:16px;background:repeating-linear-gradient(45deg,#0b1320 0 8px,#fff 8px 16px);display:grid;place-items:center;color:#fff;font-weight:1000;border:8px solid #fff;box-shadow:0 10px 28px rgba(16,34,50,.12)}.qr-result-v34 strong{font-size:1.05rem}.qr-result-v34 p{margin:6px 0 0;color:#667085;font-weight:760;line-height:1.45}
@media(max-width:980px){.pay-layout-v34{grid-template-columns:1fr}.payment-dialog-v34{max-height:92vh}.pay-mode-v34,.method-grid-v34{grid-template-columns:1fr 1fr}.account-hero-final-v34{align-items:flex-start}.account-kpis-final-v34{grid-template-columns:1fr 1fr}.nfc-kpi-v34{grid-column:1 / -1}.modal-actions-v34{flex-direction:column}.modal-actions-v34 .btn{width:100%}}
@media(max-width:640px){.payment-dialog-v34{width:calc(100vw - 12px);padding:14px;border-radius:24px}.pay-left-v34,.pay-right-v34,.doc-card-v34,.account-section-final-v34{padding:14px;border-radius:20px}.pay-mode-v34,.method-grid-v34,.account-kpis-final-v34{grid-template-columns:1fr}.pay-preview-v34{grid-template-columns:1fr}.account-hero-final-v34{flex-direction:column;padding:18px}.account-balance-final-v34{text-align:left;width:100%}.pay-actions-v34 .btn{width:100%}.nfc-row-compact-v34{grid-template-columns:1fr}.qr-result-v34{grid-template-columns:1fr}.fake-qr-v34{width:86px;height:86px}.modal-top-v34{padding:18px;border-radius:20px}.pay-block-head-v34>span{width:28px;height:28px;flex-basis:28px}.account-hero-final-v34 h3{font-size:2rem}}


/* v35 · pago más limpio, botones legibles y responsive real */
.payment-dialog-v34{
  width:min(1120px,calc(100vw - 22px));
  background:linear-gradient(180deg,#f8fcff 0%,#ffffff 100%);
}
.payment-dialog-v34 .modal-top-v34{
  background:linear-gradient(135deg,#071421 0%,#0d3f4f 72%,#0aa6b5 100%);
  border-radius:28px;
  padding:22px 24px;
  margin:0 0 16px;
}
.payment-dialog-v34 .modal-top-v34 h2{font-size:clamp(2rem,4vw,3.1rem)}
.payment-dialog-v34 .modal-top-v34 p{font-size:1rem;line-height:1.35}
.pay-hint-v34{
  background:#f0fcf9!important;
  border-color:#b8f1e3!important;
  color:#075e52!important;
  font-weight:900;
}
.pay-layout-v34{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:20px;align-items:start}
.pay-left-v34,.pay-right-v34,.doc-card-v34{
  border-color:#d7e6ef;
  box-shadow:0 18px 48px rgba(16,34,50,.07);
}
.pay-left-v34{background:linear-gradient(180deg,#ffffff,#f7fbff)}
.pay-right-v34{background:linear-gradient(180deg,#ffffff,#f1fbfc)}
.pay-block-head-v34{align-items:center;margin-bottom:16px}
.pay-block-head-v34>span{width:36px;height:36px;flex-basis:36px;background:#071421;color:#fff;box-shadow:0 10px 24px rgba(7,20,33,.18)}
.pay-block-head-v34 h3{font-size:1.22rem;letter-spacing:-.01em}
.pay-block-head-v34 p{font-size:.94rem;max-width:520px}
.pay-mode-v34{display:none!important}
.pay-mode-v35{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:0 0 16px;
}
.pay-mode-v35 label{
  position:relative;
  min-height:104px;
  border:1px solid #d8e5ef;
  border-radius:22px;
  background:linear-gradient(180deg,#ffffff,#f7fbfd);
  padding:18px 16px 16px;
  cursor:pointer;
  display:grid;
  align-content:center;
  gap:6px;
  box-shadow:0 14px 30px rgba(20,44,64,.06);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
.pay-mode-v35 input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.pay-mode-v35 strong{
  display:block;
  color:#101828;
  font-size:1.02rem;
  line-height:1.15;
  font-weight:1000;
}
.pay-mode-v35 small{
  color:#667085;
  font-weight:800;
  line-height:1.35;
}
.pay-mode-v35 label:has(input:checked){
  border-color:#08b8c6;
  background:linear-gradient(180deg,#e8fdff,#ffffff);
  box-shadow:0 0 0 4px rgba(8,184,198,.13),0 18px 36px rgba(20,44,64,.09);
}
.pay-mode-v35 label:has(input:checked)::after{
  content:'✓';
  position:absolute;
  top:12px;
  right:12px;
  width:28px;
  height:28px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#08b8c6;
  color:#fff;
  font-weight:1000;
}
.pay-mode-v35 label:hover{transform:translateY(-1px);box-shadow:0 20px 42px rgba(20,44,64,.10)}
.amount-field-v34 label,.doc-card-v34 label{font-weight:1000;color:#475467;letter-spacing:.02em}
.amount-field-v34 input,.doc-card-v34 select,.invoice-fields-v34 input{
  min-height:56px;
  border-radius:18px;
  background:#fff;
  font-size:1rem;
}
.method-grid-v34{gap:14px}
.method-card-v34{
  min-height:96px;
  padding:18px;
  border-radius:22px;
  background:linear-gradient(180deg,#ffffff,#f8fbfd);
  border-color:#d7e5ef;
  display:grid;
  align-content:center;
}
.method-card-v34 span{font-size:1.13rem;color:#101828;margin-bottom:3px}
.method-card-v34 small{font-size:.9rem;color:#667085;line-height:1.35}
.method-card-v34.active{
  border-color:#08b8c6;
  background:linear-gradient(135deg,#e6fcff 0%,#ffffff 72%);
}
.method-card-v34:disabled{background:#eef4f7;color:#667085;border-color:#dce7ee}
.method-card-v34:disabled span,.method-card-v34:disabled small{color:#667085}
.doc-card-v34{background:linear-gradient(180deg,#ffffff,#f7fbfd)}
.pay-preview-v34{
  border-radius:24px;
  padding:18px 20px;
  background:linear-gradient(135deg,#061421,#102f3e);
}
.pay-preview-v34 strong{font-size:clamp(1.75rem,4vw,2.35rem)}
.modal-actions-v34{
  position:sticky;
  bottom:0;
  background:linear-gradient(180deg,rgba(248,252,255,.1),#f8fcff 34%,#f8fcff 100%);
  margin:18px -4px -4px;
  padding:18px 4px 4px;
  z-index:4;
}
.modal-actions-v34 .btn{font-size:1rem;font-weight:1000;box-shadow:0 14px 34px rgba(16,34,50,.08)}
.modal-actions-v34 .btn.confirm{background:linear-gradient(135deg,#08b8c6,#14cba8);color:#fff;border:0;box-shadow:0 20px 44px rgba(20,203,168,.25)}
@media(max-width:980px){
  .pay-layout-v34{grid-template-columns:1fr}
  .pay-mode-v35{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:760px){
  .payment-dialog-v34{width:calc(100vw - 12px);max-height:94vh;border-radius:24px;padding:12px}
  .payment-dialog-v34 .modal-top-v34{padding:18px;border-radius:20px}
  .pay-left-v34,.pay-right-v34,.doc-card-v34{padding:14px;border-radius:20px}
  .pay-mode-v35{grid-template-columns:1fr;gap:10px}
  .pay-mode-v35 label{min-height:78px;padding:14px 48px 14px 16px}
  .method-grid-v34{grid-template-columns:1fr}
  .method-card-v34{min-height:76px;padding:15px}
  .pay-block-head-v34>span{width:30px;height:30px;flex-basis:30px}
  .modal-actions-v34{gap:10px}
  .modal-actions-v34 .btn{width:100%;min-width:0}
}


/* v37 · marca Zaidor refinada y revisión visual rápida */
.brand-logo-mark-v29{
  width:44px!important;
  height:44px!important;
  padding:0!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:0 14px 28px rgba(0,0,0,.18)!important;
  filter:none!important;
  object-fit:contain;
}
.public-app-v29 .brand-public-v29{
  min-height:58px;
  padding:8px 14px 8px 9px!important;
  gap:10px!important;
  background:rgba(6,15,26,.42)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.18)!important;
}
.staff-app-v29 .brand-staff-v29{
  min-height:56px;
  padding:7px 13px 7px 9px!important;
  gap:10px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 12px 34px rgba(16,32,51,.08)!important;
}
.brand-v29 small{font-size:.68rem!important;letter-spacing:.20em!important;line-height:1.05!important;}
.brand-v29 strong{font-size:1.02rem!important;line-height:1.05!important;}
.brand-v29 em{font-size:.62rem!important;line-height:1.1!important;opacity:.78!important;}
.public-app-v29 .brand-public-v29 small,.public-app-v29 .brand-public-v29 strong,.public-app-v29 .brand-public-v29 em{color:#fff!important;}
.staff-app-v29 .brand-staff-v29 small,.staff-app-v29 .brand-staff-v29 strong,.staff-app-v29 .brand-staff-v29 em{color:#101828!important;}
.value-grid-v29 article{background:linear-gradient(180deg,#fff,#fbf8ef)!important;}
.method-card-v34,.pay-mode-v35 label{transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;}
.method-card-v34:hover:not(:disabled),.pay-mode-v35 label:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(12,27,47,.10)!important;}
.method-card-v34:focus-visible,.pay-mode-v35 label:focus-within,.btn:focus-visible{outline:3px solid rgba(34,184,213,.30);outline-offset:2px;}
.payment-dialog-v34 .modal-actions-v34{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.72),#fff 45%);padding-top:14px;z-index:3;}
@media(max-width:680px){
  .brand-logo-mark-v29{width:38px!important;height:38px!important;}
  .public-app-v29 .brand-public-v29,.staff-app-v29 .brand-staff-v29{min-height:50px;padding:6px 10px 6px 7px!important;}
  .brand-v29 small{font-size:.58rem!important;letter-spacing:.14em!important;}
  .brand-v29 strong{font-size:.88rem!important;}
  .brand-v29 em{display:none!important;}
  .topbar-v29 .toolbar-v29{justify-content:flex-end;width:100%;}
}


/* v38 · Zaidor original mark + visual/functional polish */
.brand-logo-mark-v38{width:42px;height:42px;display:block;object-fit:contain;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important;}
.zaidor-mark-shell-v38{width:50px;height:50px;border-radius:17px;display:grid;place-items:center;flex:0 0 50px;background:rgba(255,255,255,.94);box-shadow:0 16px 36px rgba(0,0,0,.22);overflow:hidden;border:1px solid rgba(255,255,255,.52)}
.brand-v38{display:flex;align-items:center;gap:12px;border-radius:999px;padding:7px 17px 7px 8px;min-height:64px;backdrop-filter:blur(12px);}
.brand-public-v38{background:rgba(6,14,25,.55);border:1px solid rgba(255,255,255,.32);box-shadow:0 18px 44px rgba(0,0,0,.18)}
.brand-staff-v38{background:rgba(255,255,255,.92);border:1px solid rgba(215,226,238,.92);box-shadow:0 14px 34px rgba(16,32,51,.08)}
.brand-v38 small{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:.70rem;line-height:1.05;font-weight:1000;margin-bottom:2px}
.brand-v38 strong{display:block;font-size:1.04rem;line-height:1.05;font-weight:1000;letter-spacing:.01em}.brand-v38 em{display:block;font-style:normal;font-size:.62rem;font-weight:950;line-height:1.15;opacity:.8}.brand-public-v38 small,.brand-public-v38 strong,.brand-public-v38 em{color:#fff}.brand-staff-v38 small,.brand-staff-v38 strong,.brand-staff-v38 em{color:#111827}
.public-hero-v38{min-height:590px;background-position:center top}.topbar-v38{align-items:center}.toolbar-v38 .btn{box-shadow:0 12px 28px rgba(0,0,0,.10)}
.public-home-v38{grid-template-columns:1fr;gap:24px;padding:28px;border-radius:34px;background:linear-gradient(135deg,#fff 0%,#fffaf1 58%,#ecfbfc 100%)}
.home-copy-v38{max-width:980px}.home-copy-v38 h2{font-size:clamp(2.45rem,4.7vw,4.2rem);line-height:.98;margin:12px 0}.home-copy-v38 p{max-width:760px;font-size:1.02rem}
.value-grid-v38{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.value-grid-v38 article{min-height:164px;border:1px solid #ecdab9;border-radius:26px;padding:21px 20px;background:linear-gradient(180deg,#fff,#fff9ee);box-shadow:0 16px 36px rgba(20,44,64,.06)}.value-grid-v38 article:nth-child(even){background:linear-gradient(180deg,#ffffff,#eefcfc)}.value-grid-v38 strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;line-height:1.08;color:#0b1320;margin-bottom:22px}.value-grid-v38 small{display:block;color:#667085;font-weight:720;line-height:1.52;font-size:.96rem}
.payment-dialog-v38{width:min(1120px,calc(100vw - 20px));padding:22px;background:linear-gradient(180deg,#f8fcff,#ffffff);border-radius:30px}.modal-top-v38{background:linear-gradient(135deg,#061421,#0e3b4b 72%,#0ba9b7);border-radius:26px;padding:22px 24px;margin-bottom:16px}.modal-top-v38 h2{font-size:clamp(2rem,4vw,3.15rem);line-height:1}.modal-top-v38 p{line-height:1.35}.pay-hint-v38{background:#effdf8!important;border-color:#b6f0df!important;color:#075e52!important;font-weight:900}.pay-layout-v38{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);gap:20px;align-items:start}.pay-left-v38,.pay-right-v38,.doc-card-v38{border:1px solid #d7e6ef;border-radius:26px;padding:18px;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 18px 48px rgba(16,34,50,.06)}.pay-right-v38{background:linear-gradient(180deg,#fff,#f2fbfc)}.doc-card-v38{margin-top:16px}.pay-block-head-v38{display:flex;gap:12px;align-items:center;margin-bottom:14px}.pay-block-head-v38>span{width:34px;height:34px;border-radius:999px;background:#071421;color:#fff;display:grid;place-items:center;font-weight:1000;flex:0 0 34px}.pay-block-head-v38 h3{margin:0;font-size:1.18rem}.pay-block-head-v38 p{margin:2px 0 0;color:#667085;font-weight:850;line-height:1.35}.pay-mode-v38{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.pay-mode-v38 label{position:relative;min-height:92px;border:1px solid #d8e5ef;border-radius:22px;background:linear-gradient(180deg,#fff,#f8fbfd);padding:16px 44px 14px 16px;cursor:pointer;display:grid;align-content:center;gap:5px;box-shadow:0 14px 28px rgba(20,44,64,.06);transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease}.pay-mode-v38 input{position:absolute;opacity:0;pointer-events:none}.pay-mode-v38 strong{font-size:1rem;line-height:1.12;color:#101828;font-weight:1000}.pay-mode-v38 small{color:#667085;font-weight:800;line-height:1.32}.pay-mode-v38 label:has(input:checked){border-color:#08b8c6;background:linear-gradient(180deg,#e9fdff,#fff);box-shadow:0 0 0 4px rgba(8,184,198,.13),0 18px 36px rgba(20,44,64,.09)}.pay-mode-v38 label:has(input:checked)::after{content:'✓';position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:999px;background:#08b8c6;color:#fff;display:grid;place-items:center;font-weight:1000}.method-grid-v38{display:grid;grid-template-columns:1fr 1fr;gap:12px}.method-card-v38{min-height:86px;border:1px solid #d8e5ef;border-radius:22px;background:linear-gradient(180deg,#fff,#f8fbfd);padding:14px;display:flex;align-items:center;gap:12px;text-align:left;box-shadow:0 14px 28px rgba(20,44,64,.05);transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease}.method-card-v38:not(:disabled):hover,.pay-mode-v38 label:hover{transform:translateY(-1px);box-shadow:0 18px 38px rgba(20,44,64,.10)}.method-card-v38.active{border-color:#08b8c6;background:linear-gradient(135deg,#e8fdff,#fff)}.method-card-v38:disabled{opacity:.66;background:#eef4f7;cursor:not-allowed}.method-icon-v38{width:42px;height:42px;border-radius:16px;background:#071421;color:#fff;display:grid;place-items:center;font-weight:1000;flex:0 0 42px}.method-text-v38{display:grid;gap:3px}.method-text-v38 strong{font-size:1.04rem;color:#101828}.method-text-v38 small{color:#667085;font-weight:800;line-height:1.28}.pay-preview-v38{margin-top:14px;background:linear-gradient(135deg,#061421,#102f3e);color:#fff;border-radius:22px;padding:17px 18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.pay-preview-v38 small{display:block;color:rgba(255,255,255,.68);font-weight:900;text-transform:uppercase;font-size:.70rem}.pay-preview-v38 strong{display:block;font-size:2rem}.pay-preview-v38 span{display:block;font-size:1.25rem;font-weight:1000;color:#fff}.modal-actions-v38{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(248,252,255,.25),#f8fcff 42%);display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e4edf4;margin:18px -4px -4px;padding:18px 4px 4px;z-index:4}.modal-actions-v38 .btn{min-height:54px;min-width:170px;border-radius:999px;font-size:1rem;font-weight:1000}.modal-actions-v38 .btn.confirm{background:linear-gradient(135deg,#08b8c6,#14cba8);color:#fff;border:0;box-shadow:0 20px 44px rgba(20,203,168,.25)}
.customer-head-inner-v38 .brand-staff-v38{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.26)!important}.customer-head-inner-v38 .brand-staff-v38 small,.customer-head-inner-v38 .brand-staff-v38 strong,.customer-head-inner-v38 .brand-staff-v38 em{color:#fff!important}
@media(max-width:1100px){.value-grid-v38{grid-template-columns:repeat(2,minmax(0,1fr))}.pay-layout-v38{grid-template-columns:1fr}}
@media(max-width:760px){.public-hero-v38{min-height:560px}.brand-v38{min-height:54px;padding:6px 12px 6px 7px}.zaidor-mark-shell-v38{width:42px;height:42px;border-radius:14px}.brand-logo-mark-v38{width:36px;height:36px}.brand-v38 small{font-size:.58rem}.brand-v38 strong{font-size:.88rem}.brand-v38 em{display:none}.topbar-v38{display:grid;gap:10px}.toolbar-v38{justify-content:flex-end}.home-copy-v38 h2{font-size:2.7rem}.value-grid-v38{grid-template-columns:1fr}.value-grid-v38 article{min-height:auto}.payment-dialog-v38{width:calc(100vw - 10px);max-height:94vh;border-radius:24px;padding:12px}.modal-top-v38{padding:18px;border-radius:20px}.pay-left-v38,.pay-right-v38,.doc-card-v38{padding:14px;border-radius:20px}.pay-mode-v38,.method-grid-v38{grid-template-columns:1fr}.pay-mode-v38 label{min-height:74px}.method-card-v38{min-height:72px}.pay-preview-v38{grid-template-columns:1fr}.modal-actions-v38{flex-direction:column}.modal-actions-v38 .btn{width:100%;min-width:0}}


/* v39 · mobile usability, compact staff navigation and payment icon polish */
:root{--tap:48px}.staff-app-v38 .hero{background:linear-gradient(135deg,#071421 0%,#123345 62%,#585138 100%)!important;padding:14px 18px!important}.staff-app-v38 .hero-inner{width:min(1320px,100%)}.staff-app-v38 .topbar-v38{background:rgba(255,255,255,.92);border:1px solid rgba(225,235,245,.82);border-radius:30px;padding:10px 14px;box-shadow:0 18px 44px rgba(7,17,31,.16);backdrop-filter:blur(14px)}.staff-app-v38 .toolbar-v38{gap:8px;flex-wrap:nowrap}.staff-app-v38 .toolbar-v38 .btn,.staff-app-v38 .toolbar-v38 .lang-select{min-height:42px;height:42px;padding:8px 15px;border-radius:999px;font-size:.92rem;white-space:nowrap;max-width:100%;line-height:1}.staff-app-v38 .toolbar-v38 .config-ghost{min-width:132px;color:#172033!important;background:#fff!important;border-color:#d8e3ef!important}.staff-app-v38 .toolbar-v38 .exit-btn{background:#fff1f2!important;color:#b42318!important;border-color:#fecdd3!important}.staff-app-v38 .toolbar-v38 .lang-select{min-width:74px;background:#fff!important;color:#172033!important;border-color:#d8e3ef!important}.staff-tabs-v21{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(520px,100%);background:rgba(255,255,255,.86);border:1px solid #dce7f0;border-radius:28px;padding:6px;box-shadow:0 16px 42px rgba(16,32,51,.10);overflow:visible!important}.staff-tab{min-height:48px;border:0;border-radius:22px;background:transparent;color:#344054;font-weight:1000;display:flex;align-items:center;justify-content:center;padding:8px 10px;font-size:.98rem;white-space:nowrap}.staff-tab.active{background:#071421;color:#fff;box-shadow:0 16px 36px rgba(7,20,33,.22)}.payment-dialog-v38{overscroll-behavior:contain}.method-icon-v38{font-family:Inter,ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;font-size:1rem;letter-spacing:-.04em}.method-icon-card{background:linear-gradient(135deg,#061421,#18384a);color:#f5c542}.method-icon-bizum{background:linear-gradient(135deg,#13284b,#19c8a9);color:#fff;font-style:italic;font-weight:1000;font-size:.92rem;letter-spacing:-.08em}.method-icon-self_tap_to_pay_lab{background:linear-gradient(135deg,#061421,#0f8ead);position:relative;color:transparent}.method-icon-self_tap_to_pay_lab::before{content:'⌁';color:#fff;font-size:1.35rem;line-height:1}.method-icon-nfc_bizum{background:linear-gradient(135deg,#061421,#7c3aed);position:relative;color:transparent}.method-icon-nfc_bizum::before{content:'◖';color:#fff;font-size:1.4rem}.method-card-v38.active .method-icon-v38{box-shadow:0 0 0 5px rgba(8,184,198,.13)}.pay-mode-v38 label,.method-card-v38{touch-action:manipulation}.pay-mode-v38 strong,.method-text-v38 strong{letter-spacing:-.01em}.customer .payment-dialog-v38 .modal-actions-v38,.payment-dialog-v38 .modal-actions-v38{padding-bottom:max(8px,env(safe-area-inset-bottom))}
@media(max-width:760px){
  .staff-app-v38 .hero{padding:10px 10px!important}.staff-app-v38 .topbar-v38{display:grid;grid-template-columns:1fr;gap:10px;border-radius:26px;padding:10px}.staff-app-v38 .brand-v38{width:100%;min-height:58px}.staff-app-v38 .toolbar-v38{display:grid;grid-template-columns:1fr 1.15fr .7fr;width:100%;gap:8px}.staff-app-v38 .toolbar-v38 .btn,.staff-app-v38 .toolbar-v38 .lang-select{width:100%;min-width:0!important;height:46px;min-height:46px;font-size:.86rem;padding:8px 10px}.staff-app-v38 .toolbar-v38 .config-ghost{font-size:.82rem;letter-spacing:-.02em}.staff-shell-v38{padding:12px 10px 34px!important}.staff-tabs-v21{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;border-radius:24px;padding:5px;gap:5px}.staff-tab{min-height:44px;border-radius:20px;font-size:.88rem;padding:6px 4px}.pos-command-v28 h1,.no-account-v31 h2,.account-strip-final-v28 h2{font-size:clamp(2rem,9vw,2.85rem)!important;letter-spacing:-.055em}.no-account-v31,.pos-command-v28,.account-strip-final-v28{padding:20px!important;border-radius:26px!important}.no-account-v31 .toolbar,.pos-actions-v28,.account-strip-actions-v28{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.no-account-v31 .btn,.pos-actions-v28 .btn,.account-strip-actions-v28 .btn{width:100%;min-height:52px}.payment-dialog-v38{width:calc(100vw - 8px);max-height:calc(100dvh - 18px);padding:10px!important;border-radius:24px!important}.modal-top-v38{display:grid!important;grid-template-columns:1fr auto;align-items:start;padding:16px!important;margin-bottom:12px}.modal-top-v38 h2{font-size:2rem!important}.modal-top-v38 p{font-size:.95rem}.pay-hint-v38{font-size:.86rem;line-height:1.35;padding:10px 12px!important}.pay-layout-v38{gap:12px!important}.pay-block-head-v38{gap:10px;margin-bottom:12px}.pay-block-head-v38>span{width:32px;height:32px;flex-basis:32px}.pay-block-head-v38 h3{font-size:1.05rem}.pay-block-head-v38 p{font-size:.87rem}.pay-mode-v38{grid-template-columns:1fr!important;gap:8px!important}.pay-mode-v38 label{min-height:64px!important;padding:12px 44px 12px 14px!important;border-radius:19px!important}.method-grid-v38{grid-template-columns:1fr!important;gap:9px!important}.method-card-v38{min-height:68px!important;border-radius:20px!important;padding:12px!important}.method-icon-v38{width:46px;height:46px;border-radius:17px;flex-basis:46px}.method-text-v38 strong{font-size:1.02rem}.method-text-v38 small{font-size:.86rem}.doc-card-v38{margin-top:10px}.field input,.field select{min-height:50px}.modal-actions-v38{position:sticky;bottom:0;display:grid!important;grid-template-columns:1fr;gap:10px;margin:14px -2px -2px!important;padding:16px 2px 2px!important}.modal-actions-v38 .btn{height:56px;min-height:56px;font-size:1rem}
}
@media(max-width:380px){.staff-app-v38 .toolbar-v38{grid-template-columns:1fr 1fr .72fr}.staff-app-v38 .toolbar-v38 .btn,.staff-app-v38 .toolbar-v38 .lang-select{font-size:.78rem;padding-inline:7px}.staff-app-v38 .brand-v38 small{font-size:.52rem}.staff-app-v38 .brand-v38 strong{font-size:.82rem}.staff-tab{font-size:.78rem}.method-card-v38{gap:10px}.method-icon-v38{width:42px;height:42px;flex-basis:42px}.method-text-v38 small{font-size:.80rem}.value-grid-v38 strong{font-size:1.2rem}.value-grid-v38 small{font-size:.88rem}}

/* v40 · responsive documental y pago staff/cliente */
.payment-dialog-v40{max-width:1180px;width:min(1180px,calc(100vw - 36px));padding:22px;background:linear-gradient(135deg,#fbfcff,#eef9fb);}
.modal-top-v40{background:linear-gradient(135deg,#071724,#0b5f70);border-radius:26px;color:#fff;padding:24px;align-items:flex-start;}
.modal-top-v40 h2,.modal-top-v40 p{color:#fff!important}.modal-top-v40 .close{background:#fff;color:#071724;min-width:52px;min-height:52px;}
.pay-layout-v40{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-top:16px;}.pay-left-v40,.pay-right-v40,.doc-card-v40{background:#fff;border:1px solid #dbe8ef;border-radius:26px;padding:18px;box-shadow:0 18px 50px rgba(3,17,30,.07)}.pay-right-v40{display:flex;flex-direction:column;gap:16px}.pay-block-head-v40{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.pay-block-head-v40>span{display:grid;place-items:center;min-width:38px;height:38px;border-radius:50%;background:#06111e;color:#fff;font-weight:900}.pay-block-head-v40 h3{margin:0;font-size:1.28rem}.pay-block-head-v40 p{margin:4px 0 0;color:#667386;font-weight:750}.pay-mode-v40{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pay-mode-v40 label{position:relative;display:grid;grid-template-rows:auto auto;align-content:start;gap:8px;border:1px solid #d7e4ec;border-radius:18px;padding:16px 52px 16px 16px;background:#fbfdff;cursor:pointer;min-height:102px;overflow:hidden}.pay-mode-v40 label:has(input:checked){border-color:#11bfd0;background:#ecfbfb;box-shadow:0 0 0 3px rgba(17,191,208,.12)}.pay-mode-v40 input{position:absolute;right:14px;top:14px;width:20px;height:20px;accent-color:#1890ff}.pay-mode-v40 strong{display:block;font-size:1rem;color:#101927;line-height:1.24;padding-right:4px}.pay-mode-v40 small{display:block;font-size:.86rem;line-height:1.34;color:#667386;font-weight:750;padding-right:6px}.pay-preview-v40{margin-top:14px;background:#06111e;color:#fff;border-radius:20px;padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:end}.pay-preview-v40>div{display:grid;gap:4px;min-width:0}.pay-preview-v40>div:last-child{justify-items:end;text-align:right}.pay-preview-v40 small{display:block;font-size:.86rem;font-weight:850;line-height:1.25;opacity:.88}.pay-preview-v40 strong{display:block;font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.02;white-space:nowrap}.pay-preview-v40 span{display:block;font-size:1.08rem;font-weight:900;line-height:1.15;opacity:.9;white-space:nowrap}.method-grid-v40{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.method-card-v40{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid #d8e5ed;border-radius:20px;background:#fff;padding:14px;min-height:88px;cursor:pointer;color:#111827;box-shadow:0 10px 24px rgba(3,17,30,.04)}.method-card-v40:hover{transform:translateY(-1px);border-color:#11bfd0}.method-card-v40.active{background:#effdfe;border-color:#13c2cf;box-shadow:0 0 0 3px rgba(19,194,207,.13)}.method-card-v40:disabled{opacity:.55;cursor:not-allowed;background:#edf3f6}.method-icon-v40{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#06111e;color:#fff;flex:0 0 auto}.method-icon-v40 svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.method-icon-card svg rect{fill:#f6c344;stroke:#f6c344}.bizum-mark-v40{font-weight:1000;font-size:.9rem;letter-spacing:-.06em;text-transform:lowercase;background:linear-gradient(135deg,#03c3d6,#7048ff);-webkit-background-clip:text;background-clip:text;color:transparent}.method-text-v40 strong{display:block;font-size:1.03rem;color:#101927}.method-text-v40 small{display:block;margin-top:3px;color:#667386;font-weight:750;line-height:1.25}.invoice-mode-wrap-v40{margin-top:10px}.invoice-fields-v40{display:grid;gap:10px;margin-top:12px}.invoice-fields-v40 input{width:100%;border:1px solid #d7e4ec;border-radius:15px;padding:13px 14px;font:inherit;background:#fff}.invoice-row-v40{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-actions-v40{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.modal-actions-v40 .btn{min-height:58px;min-width:180px}.payment-return-v40{max-width:760px}.qr-result-v40{display:grid;grid-template-columns:210px 1fr;gap:20px;align-items:center;background:#f8fbfc;border:1px solid #dce9f0;border-radius:26px;padding:18px}.real-qr-v40{width:210px;height:210px;background:#fff;border-radius:22px;padding:10px;border:1px solid #dbe8ef}.doc-actions-v40{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.doc-actions-v40 .btn{min-height:48px}.customer-doc-result-v40{background:#f8fbfc;border:1px solid #dce9f0;border-radius:26px;padding:20px}.result-page-v40 .customer-main{padding-top:24px}.result-card-v40{max-width:900px;margin:0 auto}.result-invoice-v40{margin:18px 0}.staff-hero-v38 .toolbar-v38 .btn{white-space:nowrap;min-width:auto}.staff-hero-v38 .language{min-width:84px}.staff-tabs{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.staff-tabs button{min-width:max-content}
@media(max-width:780px){.payment-dialog-v40{width:calc(100vw - 20px);padding:12px;border-radius:28px;max-height:calc(100dvh - 18px);overflow:auto}.modal-top-v40{padding:18px;border-radius:22px}.pay-layout-v40{grid-template-columns:1fr;gap:12px}.pay-left-v40,.pay-right-v40,.doc-card-v40{padding:14px;border-radius:22px}.pay-mode-v40{grid-template-columns:1fr;gap:9px}.pay-mode-v40 label{min-height:82px;padding:14px 48px 14px 14px}.method-grid-v40{grid-template-columns:1fr}.method-card-v40{min-height:78px;padding:12px}.method-icon-v40{width:48px;height:48px;border-radius:16px}.pay-block-head-v40 h3{font-size:1.08rem}.pay-preview-v40{padding:14px;border-radius:18px;grid-template-columns:1fr}.pay-preview-v40>div:last-child{justify-items:start;text-align:left}.pay-preview-v40 strong{font-size:1.45rem}.pay-preview-v40 span{font-size:1rem}.invoice-row-v40{grid-template-columns:1fr}.modal-actions-v40{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(239,248,250,0),#eff8fa 35%);padding-top:16px;display:grid;grid-template-columns:1fr;z-index:4}.modal-actions-v40 .btn{width:100%;min-width:0}.qr-result-v40{grid-template-columns:1fr;text-align:center}.real-qr-v40{margin:auto;width:230px;height:230px}.doc-actions-v40{display:grid;grid-template-columns:1fr}.doc-actions-v40 .btn{width:100%}.staff-hero-v38 .topbar-v38{align-items:stretch}.staff-hero-v38 .toolbar-v38{display:grid!important;grid-template-columns:1fr 1fr auto;gap:8px;width:100%}.staff-hero-v38 .toolbar-v38 .btn,.staff-hero-v38 .toolbar-v38 select,.staff-hero-v38 .language{height:52px;min-height:52px;padding-inline:12px;font-size:.92rem}.staff-hero-v38 .config-ghost{font-size:.86rem}.staff-tabs{display:grid!important;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:10px}.staff-tabs button{min-width:0;padding:13px 8px;font-size:.9rem}.brand-v38{max-width:100%;}.brand-v38 strong{font-size:1.02rem}.brand-v38 small{font-size:.7rem}}
@media(max-width:390px){.staff-hero-v38 .toolbar-v38 .btn,.staff-hero-v38 .toolbar-v38 select,.staff-hero-v38 .language{font-size:.82rem;padding-inline:8px}.staff-tabs button{font-size:.78rem}.modal-top-v40 h2{font-size:1.45rem}.method-text-v40 strong{font-size:.96rem}.method-text-v40 small{font-size:.8rem}.pay-block-head-v40>span{min-width:34px;height:34px}.real-qr-v40{width:205px;height:205px}}

/* v41 review marker: placeholder-safe return URLs and clean artifact */


/* v46 · safer return/back actions */
.doc-actions-v46{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.payment-return-v40 .btn.full,.result-card-v40 .btn.full{width:100%}@media(max-width:520px){.doc-actions-v46{grid-template-columns:1fr}.payment-return-v40 .modal-top-v40{gap:10px}}

/* v50 · iconos, postpago documental y estados de cuenta más claros */
.method-grid-v50{gap:14px}
.method-card-v50{align-items:center;min-height:86px;border-radius:22px;background:linear-gradient(135deg,#fff,#f8fbfc);}
.method-card-v50.active{border-color:#12b8c5;box-shadow:0 14px 34px rgba(18,184,197,.15);background:linear-gradient(135deg,#f0ffff,#ffffff)}
.method-icon-v50{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#061321;color:#fff;flex:none}
.method-icon-v50 svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.method-icon-bizum{background:linear-gradient(135deg,#0b827a,#12c7b5)}
.method-icon-card{background:linear-gradient(135deg,#051321,#173452)}
.method-icon-contactless,.method-icon-self_tap_to_pay_lab{background:linear-gradient(135deg,#082531,#158798)}
.method-icon-nfc,.method-icon-nfc_bizum{background:linear-gradient(135deg,#082022,#12a27c)}
.doc-card-v50{margin-top:16px;background:linear-gradient(135deg,#ffffff,#f8fbfd);border:1px solid #dce7ee;border-radius:24px;padding:18px}
.postpay-doc-v50{max-width:760px}
.doc-choice-grid-v50{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}
.doc-choice-v50{border:1px solid #d7e3eb;background:#fff;border-radius:22px;padding:18px;text-align:left;font-weight:900;color:#101827;cursor:pointer;transition:.18s ease;min-height:112px}
.doc-choice-v50 small{display:block;margin-top:8px;color:#687586;line-height:1.35;font-weight:800}
.doc-choice-v50.active{border-color:#0eb9c4;background:linear-gradient(135deg,#ecffff,#ffffff);box-shadow:0 14px 32px rgba(14,185,196,.14)}
.post-full-options-v50{border:1px solid #e0e9ef;border-radius:22px;padding:16px;background:#f9fcfd;margin-bottom:16px}
.payment-dialog-v50 .pay-right-v40{align-self:start}
@media (max-width:760px){
  .doc-choice-grid-v50{grid-template-columns:1fr}
  .doc-choice-v50{min-height:auto}
  .method-card-v50{min-height:82px}
  .method-icon-v50{width:44px;height:44px;border-radius:14px}
}


/* v51 · return loading and clean local payment icons */
.method-icon-v50::before{content:none!important;display:none!important;}
.method-icon-v50 svg{position:relative;z-index:1;}
.return-check-v51{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(18,194,207,.18),transparent 36%),linear-gradient(135deg,#061421,#102a38 58%,#efe6c2);}
.return-check-card-v51{width:min(520px,100%);background:rgba(255,255,255,.94);border:1px solid rgba(219,232,239,.9);border-radius:32px;padding:30px;box-shadow:0 28px 80px rgba(3,17,30,.22);text-align:center;}
.return-check-card-v51 h1{margin:12px 0 8px;font-size:clamp(2rem,6vw,3.1rem);letter-spacing:-.05em;color:#071421;}
.return-check-card-v51 p{margin:0;color:#526173;font-weight:800;}
.return-loader-v51{width:58px;height:58px;border-radius:50%;border:5px solid #dbe8ef;border-top-color:#12b8c8;margin:24px auto 0;animation:returnSpinV51 .9s linear infinite;}
@keyframes returnSpinV51{to{transform:rotate(360deg)}}
.staff-doc-qr-v51 .doc-actions-v40{display:none!important;}
@media(max-width:780px){.return-check-v51{padding:16px}.return-check-card-v51{border-radius:26px;padding:24px}.return-loader-v51{width:50px;height:50px}}

/* v53 · clean brand/copy, NFC icon and safer payment state */
.brand-v38 em{display:none!important;}

.method-card-v50:disabled .method-text-v40 small{color:#697586;}
.payment-dialog-v50 .close[disabled]{opacity:.45;pointer-events:none;}


/* v54 · payment process recovery and cleaner NFC visual */
.method-icon-nfc,.method-icon-nfc_bizum{background:linear-gradient(135deg,#053a35,#12a27c)!important;}
.method-icon-nfc svg,.method-icon-nfc_bizum svg{width:32px!important;height:32px!important;stroke-width:2.45!important;}
.method-icon-nfc svg text,.method-icon-nfc_bizum svg text{display:none!important;}
.payment-dialog-v50 .pay-hint-v40{line-height:1.45;}
.payment-dialog-v50 .btn.loading{opacity:.82;}


/* v59 · liquidación parcial/productos y mensajes no invasivos */
.pay-status-v59{min-height:22px;margin:8px 2px 0;text-align:right;font-size:.92rem;font-weight:850;color:#667386;}
.pay-status-v59.ok{color:#067647}.pay-status-v59.error{color:#a33118}.pay-status-v59.soft{color:#667386}.pay-status-v59.warn{color:#9a5b00}
.pay-mode-v40 label.disabled{opacity:.52;cursor:not-allowed;background:#f5f7f9}.pay-mode-v40 label.disabled strong,.pay-mode-v40 label.disabled small{color:#7b8794}
.pay-items-tools-v59,.account-items-toolbar-v59{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;flex-wrap:wrap;color:#667386;font-weight:850}.pay-items-tools-v59 select,.account-items-toolbar-v59 select{height:36px;border:1px solid #cfdae5;border-radius:12px;background:#fff;padding:0 10px;font-weight:850;color:#172033}.pay-items-note-v59{background:#fff7e8;border:1px solid #f0d09a;border-radius:16px;padding:12px;color:#7a4b00;font-weight:850;line-height:1.35}.pay-pager-v59,.account-pager-v59{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:10px;color:#667386;font-weight:850}.pay-pager-v59 .btn,.account-pager-v59 .btn{min-height:38px;padding:8px 12px}.pay-item-v59{border-radius:16px}.account-items-v59{display:grid;gap:9px}.account-item-v59{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:12px;align-items:center;border:1px solid #dce8f1;border-radius:16px;padding:11px 12px!important;background:#fff}.account-item-v59 small{display:block;color:#667386;font-weight:800;margin-top:3px}.account-item-v59 em{font-style:normal;border-radius:999px;padding:5px 9px;background:#edf3f7;color:#526173;font-size:.76rem;font-weight:950;white-space:nowrap}.account-item-v59.is-paid{background:#f3fff9;border-color:#bae7cf}.account-item-v59.is-paid em{background:#dff8e8;color:#067647}.account-item-v59.is-partial{background:#fffaf0;border-color:#efd59d}.account-item-v59.is-partial em{background:#fff0c7;color:#8a4b00}
@media(max-width:680px){.account-item-v59{grid-template-columns:1fr auto!important}.account-item-v59 em{grid-column:1 / -1;width:max-content}.pay-status-v59{text-align:left}.pay-items-tools-v59,.account-items-toolbar-v59{align-items:flex-start}.pay-pager-v59,.account-pager-v59{justify-content:space-between}}

/* v66 · sincronización visual de cuentas y selección cómoda de productos */
.pay-items-tools-v66 .btn.tiny{min-height:34px;padding:7px 10px;font-size:.78rem;border-radius:12px}.pay-items-tools-v66{align-items:center}.pay-item-v59 input[type=checkbox]{width:18px;height:18px;accent-color:#1694ff}


/* v70 · filtros de cuentas simplificados */
.filters-wrap-v70 .filter-grid-v70{grid-template-columns:minmax(220px,1.2fr) minmax(170px,.7fr) minmax(150px,.7fr) minmax(150px,.7fr) minmax(190px,.8fr);}
@media(max-width:780px){.filters-wrap-v70 .filter-grid-v70{grid-template-columns:1fr;}}


/* v71 · NFC visible en cuentas abiertas y TPV móvil */
.account-strip-actions-v71{display:flex;gap:8px;flex-wrap:wrap}.account-strip-actions-v71 .btn{min-height:42px}.nfc-box-v71{background:linear-gradient(135deg,#f7fffb,#ffffff);border:1px solid #d7eee7;border-radius:24px;padding:16px;margin:14px 0}.nfc-box-v71 .section-head{align-items:center}.nfc-empty-v71{border:1px dashed #bddfd3;background:#f9fffc;border-radius:18px;padding:14px;display:grid;gap:4px;color:#47645b}.nfc-empty-v71 strong{color:#14362c}.active-nfc-v71{margin-top:8px}.nfc-row-v71{background:#fff;border-color:#dcebe5}.account-row-actions-v71{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.account-row-actions-v71 .btn{min-height:38px}.switch-row-v71{margin-top:14px;border:1px solid #d7eee7;background:#f8fffb;border-radius:18px;padding:12px}.account-open-v71 .modal-actions-v29{margin-top:16px}@media(max-width:780px){.account-strip-actions-v71,.account-row-actions-v71{display:grid;grid-template-columns:1fr;justify-content:stretch}.account-strip-actions-v71 .btn,.account-row-actions-v71 .btn{width:100%}.nfc-box-v71{padding:14px;border-radius:20px}.nfc-box-v71 .section-head{display:grid;gap:10px}.nfc-box-v71 .section-head .btn{width:100%}}

/* v87 · modal NFC simplificada */
.nfc-dialog-v87 .modal-actions-v21{display:grid;gap:12px}
.nfc-dialog-v87 #nfc-result{display:grid;gap:10px;margin-top:12px}
.nfc-dialog-v87 .inline-feedback{font-size:15px;line-height:1.35}
.nfc-dialog-v87 .btn.full{width:100%;justify-content:center}

/* v88 · NFC limpio: solo activos visibles, desplegable y limpieza de intentos */
.active-nfc-v88{display:grid;gap:12px;margin-top:10px}
.nfc-primary-wrap-v88{display:grid;gap:10px}
.nfc-primary-wrap-v88>strong{font-size:.96rem;color:#142238}
.nfc-row-v88{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid #dcebe5;border-radius:17px;padding:12px 14px}
.nfc-row-v88.primary{border-color:#b9eadb;background:linear-gradient(135deg,#ffffff,#f4fffb);box-shadow:0 10px 24px rgba(0,157,132,.07)}
.nfc-row-v88 strong{display:block;color:#101827;font-weight:950;line-height:1.1}
.nfc-row-v88 small{display:block;margin-top:4px;color:#667386;font-weight:850}
.nfc-actions-v88{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.nfc-toggle-v88{margin-top:2px;justify-content:center}
.nfc-more-v88{display:none;gap:10px}
.nfc-more-v88.open{display:grid}
.nfc-pending-clean-v88{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px dashed #e7d8ae;background:#fffaf0;border-radius:15px;padding:10px 12px;color:#7b5a1e;font-size:.86rem;font-weight:850}
.nfc-empty-v88 .btn.full{margin-top:8px;width:100%;justify-content:center}
@media(max-width:780px){.nfc-row-v88{grid-template-columns:1fr}.nfc-actions-v88{display:grid;grid-template-columns:1fr;justify-content:stretch}.nfc-actions-v88 .btn{width:100%}.nfc-pending-clean-v88{display:grid}.nfc-pending-clean-v88 .btn{width:100%}}

/* v89 · checkout cliente/staff, trazabilidad y salida documental limpia */
.payment-dialog-v89 .pay-layout-v89{gap:18px;align-items:stretch}
.customer-checkout-v89 .pay-step-method-v89.is-collapsed{display:none}
.customer-checkout-v89 .modal-actions-v89 .is-hidden{display:none!important}
.pay-mode-v89 label{cursor:pointer}
.doc-choice-v89{display:grid;gap:8px;margin-top:10px}
.doc-choice-v89 label{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(29,36,56,.12);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(20,26,40,.04)}
.doc-choice-v89 input{accent-color:#6336ff}
.invoice-fields-v89{margin-top:12px}
.staff-doc-note-v89 .inline-feedback{margin-top:10px}
.doc-actions-v89{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.doc-actions-v89 .btn:first-child{flex:1 1 180px}
.item-trace-v89{display:block;margin-top:3px;color:#6f7387;font-size:.78rem}
.account-item-v89.is-paid .item-trace-v89{color:#2b7b58}
.account-items-toolbar-v89{align-items:center}
.pay-status-v59.ok{color:#0b6a2b}
.pay-status-v59.error{color:#a91515}
@media (max-width:760px){
  .payment-dialog-v89{max-height:92vh;overflow:auto}
  .payment-dialog-v89 .pay-layout-v89{display:block}
  .payment-dialog-v89 .pay-right-v40{margin-top:14px}
  .customer-checkout-v89 .method-grid-v40,.customer-checkout-v89 .method-grid-v50{grid-template-columns:1fr}
  .doc-actions-v89{display:grid;grid-template-columns:1fr}
}

/* v90 · cierre quirúrgico UX/documentos/trazabilidad */
[hidden], .invoice-fields-v89[hidden], .invoice-fields-v40[hidden], .post-full-options-v50[hidden], .post-full-fields-v50[hidden]{display:none!important;}
.payment-dialog-v90,.payment-return-v90{scroll-padding-bottom:120px;}
.payment-dialog-v89 .pay-layout-v89{gap:24px;}
.payment-dialog-v89 .pay-left-v40,.payment-dialog-v89 .pay-right-v40,.payment-dialog-v89 .doc-card-v40{padding:22px;border-radius:24px;}
.payment-dialog-v89 .field{margin-bottom:16px;}
.payment-dialog-v89 input,.payment-dialog-v89 select{min-height:52px;}
.pay-mode-v89{gap:14px;}
.pay-mode-v89 label{min-height:112px;}
.doc-choice-v89{gap:12px;margin-top:14px;}
.doc-choice-v89 label{min-height:58px;padding:14px 16px;}
.pay-items-box-v33{margin-top:16px;}
.pay-items-tools-v59{padding:10px 0 12px;border-bottom:1px solid rgba(20,32,48,.08);margin-bottom:14px;}
.pay-items-tools-v59 .btn{margin-top:4px;}
.pay-item-v59{margin-bottom:10px;}
.pay-preview-v40{margin-top:18px;}
.modal-actions-v89{gap:14px;}
.trace-strip-v90{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0;padding:14px;border:1px solid #dcebe8;background:#f4fffb;border-radius:18px;}
.trace-strip-v90 small{display:block;color:#64748b;font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;}
.trace-strip-v90 strong{display:block;margin-top:4px;color:#0f172a;font-weight:950;word-break:break-word;}
.order-trace-v90{display:block!important;margin-top:4px;color:#64748b!important;font-weight:850!important;}
.account-items-v90{gap:11px;}
.account-item-v90{padding:13px 14px!important;}
.item-trace-v90{font-size:.82rem!important;line-height:1.35;color:#536176!important;}
.account-item-v90.is-paid .item-trace-v90{color:#166534!important;}
.customer-doc-result-v40{line-height:1.45;}
.payment-return-v90 .doc-actions-v40{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.payment-return-v90 .doc-actions-v40 .btn{width:100%;}
.nfc-pending-clean-v88 .btn{transition:.2s ease;}
@media(max-width:780px){
  .payment-dialog-v89{width:calc(100vw - 14px);padding:14px;max-height:calc(100dvh - 12px);}
  .payment-dialog-v89 .pay-left-v40,.payment-dialog-v89 .pay-right-v40,.payment-dialog-v89 .doc-card-v40{padding:18px;border-radius:22px;margin-bottom:14px;}
  .payment-dialog-v89 .pay-block-head-v40{gap:12px;margin-bottom:16px;}
  .payment-dialog-v89 .pay-block-head-v40 span{width:42px;height:42px;}
  .pay-mode-v89 label{min-height:88px;padding:15px 52px 15px 15px;}
  .doc-choice-v89 label{min-height:60px;}
  .payment-dialog-v89 .modal-actions-v40{padding:18px 0 4px;margin-top:14px;gap:10px;}
  .payment-dialog-v89 .modal-actions-v40 .btn{min-height:56px;}
  .pay-items-tools-v59{display:grid;grid-template-columns:1fr;gap:10px;}
  .pay-items-tools-v59 div{display:flex;gap:8px;flex-wrap:wrap;}
  .pay-items-tools-v66 .btn.tiny{min-height:40px;padding:9px 12px;}
  .trace-strip-v90{grid-template-columns:1fr;margin:12px 0;padding:13px;}
  .payment-return-v90 .doc-actions-v40{grid-template-columns:1fr;}
  .account-row-main-v26 small{line-height:1.35;}
}

/* v91 · más aire en TPV móvil, documento fiscal condicional y acciones estables */
.invoice-fields-v89,.invoice-fields-v91{display:none!important;}
.invoice-fields-v89.is-visible,.invoice-fields-v91.is-visible{display:grid!important;gap:12px;margin-top:14px;}
.customer-menu-v38,.customer-menu{padding-bottom:28px!important;margin-bottom:24px!important;}
.customer-menu .chip-row,.customer-menu-v38 .chip-row,.product-tabs,.category-tabs{gap:12px!important;margin-bottom:20px!important;padding-bottom:12px!important;}
.category-tabs .btn,.product-tabs .btn{margin-bottom:8px!important;}
.product-card,.product-card-v38{margin-bottom:18px!important;}
.payment-dialog-v89 .pay-left-v40,.payment-dialog-v89 .pay-right-v40,.payment-dialog-v89 .doc-card-v40{margin-bottom:20px!important;}
.payment-dialog-v89 .pay-mode-v89{margin-bottom:18px!important;}
.payment-dialog-v89 .method-grid-v40,.payment-dialog-v89 .method-grid-v50{gap:14px!important;margin-bottom:20px!important;}
.payment-dialog-v89 .method-card-v40,.payment-dialog-v89 .method-card-v50{margin-bottom:10px!important;}
.pay-items-tools-v59{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:18px 0 18px!important;padding:14px 0 16px!important;}
.pay-items-tools-v59 div{display:flex;gap:10px;flex-wrap:wrap;}
.pay-items-box-v33{padding-top:10px!important;}
.pay-preview-v40{margin:22px 0!important;}
.modal-actions-v89{padding-top:18px!important;margin-top:18px!important;}
.payment-return-v91 .customer-doc-result-v40{padding:18px!important;border-radius:22px!important;}
@media(max-width:780px){
  .customer-card,.customer-card-v38{margin-bottom:24px!important;}
  .customer-main{padding-bottom:80px!important;}
  .category-tabs,.product-tabs{overflow-x:auto;padding:0 4px 16px!important;margin-bottom:24px!important;scroll-padding-left:8px;}
  .payment-dialog-v89{padding:18px!important;}
  .payment-dialog-v89 .pay-left-v40,.payment-dialog-v89 .pay-right-v40,.payment-dialog-v89 .doc-card-v40{padding:20px!important;margin-bottom:22px!important;}
  .payment-dialog-v89 .pay-mode-v89 label{margin-bottom:12px!important;}
  .payment-dialog-v89 input,.payment-dialog-v89 select{margin-bottom:12px!important;}
  .pay-items-tools-v59{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
  .pay-items-tools-v59 .btn{min-height:42px!important;}
  .pay-item-v59{margin-bottom:14px!important;padding:15px!important;}
  .modal-actions-v89{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.84),#fff 34%);padding-top:22px!important;}
}
.club-ticket-v91{margin:16px 0;padding:18px;border:1px solid rgba(15,23,42,.12);border-radius:22px;background:#fff;box-shadow:0 14px 38px rgba(15,23,42,.06);}
.ticket-top-v91{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid rgba(15,23,42,.1);padding-bottom:12px;margin-bottom:12px;}
.ticket-top-v91 span{font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#64748b;}
.ticket-top-v91 strong{font-size:1.05rem;word-break:break-word;}
.ticket-grid-v91{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;}
.ticket-grid-v91 div{padding:12px;border:1px solid rgba(15,23,42,.1);border-radius:16px;background:#f8fafc;}
.ticket-grid-v91 small{display:block;color:#64748b;text-transform:uppercase;font-weight:900;font-size:.68rem;letter-spacing:.06em;}
.ticket-grid-v91 b{display:block;margin-top:4px;}
.ticket-lines-v91{width:100%;border-collapse:collapse;margin:12px 0;font-size:.92rem;}
.ticket-lines-v91 th,.ticket-lines-v91 td{padding:9px;border-bottom:1px solid rgba(15,23,42,.08);text-align:left;}
.ticket-lines-v91 th{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:#64748b;background:#f1f5f9;}
@media(max-width:640px){.ticket-grid-v91{grid-template-columns:1fr}.ticket-top-v91{display:block}.ticket-top-v91 strong{display:block;margin-top:4px}}


/* v92 · aire real en TPV cliente/staff y checkout móvil */
.customer-main .category-tabs, .customer-main .tabs, .customer-main .product-tabs, .customer-main [class*="cat"]{
  margin-bottom:18px !important;
  padding-bottom:8px !important;
  gap:12px !important;
}
.customer-main .product-grid, .customer-main .menu-grid, .customer-main .catalog-grid{
  margin-top:16px !important;
}
.payment-dialog-v89 .pay-layout-v89{
  gap:22px !important;
}
.payment-dialog-v89 .pay-left-v40, .payment-dialog-v89 .pay-right-v40, .payment-dialog-v89 .doc-card-v91{
  margin-bottom:18px !important;
}
.payment-dialog-v89 .pay-mode-v89{
  gap:14px !important;
  margin-bottom:18px !important;
}
.payment-dialog-v89 .pay-mode-v89 label, .payment-dialog-v89 .method-card-v40, .payment-dialog-v89 .method-card-v50{
  padding:18px !important;
  margin-bottom:10px !important;
}
.payment-dialog-v89 .pay-items-box-v33{
  margin-top:18px !important;
  padding-top:14px !important;
}
.payment-dialog-v89 .pay-items-tools-v59, .payment-dialog-v89 .selection-tools, .payment-dialog-v89 [class*="select"]{
  gap:12px !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  margin:12px 0 16px !important;
}
.payment-dialog-v89 .invoice-fields-v91[hidden], .payment-dialog-v89 #full-invoice-fields[hidden]{
  display:none !important;
}
.payment-dialog-v89 .invoice-fields-v91.is-visible{
  display:grid !important;
  gap:12px !important;
  margin-top:14px !important;
}
.payment-dialog-v89 .modal-actions-v89{
  margin-top:22px !important;
  padding-top:16px !important;
  gap:12px !important;
}
@media(max-width:720px){
  .customer-main{padding-bottom:120px !important;}
  .customer-main .category-tabs, .customer-main .tabs, .customer-main .product-tabs{overflow-x:auto !important;scroll-padding:18px !important;}
  .payment-dialog-v89{max-height:calc(100dvh - 24px) !important;overflow:auto !important;padding-bottom:24px !important;}
  .payment-dialog-v89 .pay-layout-v89{display:grid !important;grid-template-columns:1fr !important;gap:20px !important;}
  .payment-dialog-v89 .modal-actions-v89{position:sticky !important;bottom:0 !important;background:rgba(255,255,255,.96) !important;backdrop-filter:blur(12px) !important;border-radius:22px !important;padding:14px !important;margin:20px -4px 0 !important;}
}

/* v93 · UX final cliente NFC: un solo CTA de pago, más aire real y checkout menos agobiante */
.customer-summary-v93{
  gap:18px !important;
  padding:28px !important;
  border-radius:28px !important;
}
.customer-summary-v93 .customer-pay-primary-v93{
  grid-column:1 / -1;
  width:100%;
  min-height:64px;
  border-radius:999px;
  font-size:1.05rem;
  letter-spacing:.01em;
  margin-top:10px;
}
.customer-main .category-bar-v21,
.customer-main .category-bar-v38,
.customer-main .category-tabs,
.customer-main .product-tabs,
.customer-main .tabs,
.customer-main [class*="category"]{
  margin-bottom:30px !important;
  padding-bottom:18px !important;
  gap:16px !important;
}
.customer-main .category-bar-v21 button,
.customer-main .category-tabs button,
.customer-main .product-tabs button,
.customer-main .tabs button{
  margin-bottom:10px !important;
  min-height:54px !important;
  padding-left:24px !important;
  padding-right:24px !important;
}
.customer-main .product-grid,
.customer-main .catalog-v21,
.customer-main .catalog-grid,
.customer-main .menu-grid{
  margin-top:22px !important;
}
.payment-dialog-v89 .pay-layout-v89{
  gap:28px !important;
}
.payment-dialog-v89 .pay-left-v40,
.payment-dialog-v89 .pay-right-v40,
.payment-dialog-v89 .doc-card-v91{
  padding:24px !important;
  margin-bottom:26px !important;
  border-radius:28px !important;
}
.payment-dialog-v89 .pay-mode-v89,
.payment-dialog-v89 .method-grid-v40,
.payment-dialog-v89 .method-grid-v50{
  gap:16px !important;
  margin-bottom:24px !important;
}
.payment-dialog-v89 .pay-mode-v89 label,
.payment-dialog-v89 .method-card-v40,
.payment-dialog-v89 .method-card-v50{
  min-height:86px !important;
  padding:20px !important;
  margin-bottom:14px !important;
}
.payment-dialog-v89 .pay-preview-v40{
  margin-top:26px !important;
  margin-bottom:24px !important;
}
.payment-dialog-v89 .pay-items-tools-v59{
  margin:20px 0 22px !important;
  padding:16px 0 18px !important;
}
.payment-dialog-v89 .pay-item-v59{
  margin-bottom:16px !important;
  padding:18px !important;
}
.payment-dialog-v89 .modal-actions-v89{
  margin-top:26px !important;
  padding-top:20px !important;
}
@media(max-width:720px){
  .customer-summary-v93{padding:24px !important;gap:16px !important;}
  .customer-summary-v93 .customer-pay-primary-v93{min-height:66px;margin-top:8px;}
  .customer-main .category-bar-v21,
  .customer-main .category-bar-v38,
  .customer-main .category-tabs,
  .customer-main .product-tabs,
  .customer-main .tabs,
  .customer-main [class*="category"]{
    margin-bottom:34px !important;
    padding:0 2px 22px !important;
    gap:18px !important;
  }
  .payment-dialog-v89 .pay-left-v40,
  .payment-dialog-v89 .pay-right-v40,
  .payment-dialog-v89 .doc-card-v91{
    padding:22px !important;
    margin-bottom:28px !important;
  }
  .payment-dialog-v89 .pay-mode-v89 label,
  .payment-dialog-v89 .method-card-v40,
  .payment-dialog-v89 .method-card-v50{
    margin-bottom:16px !important;
  }
}

/* v96 · action feedback and delete account polish */
.account-row-actions-v96{gap:8px;flex-wrap:wrap}.account-row-actions-v96 .subtle-danger{background:#fff1f2;color:#b42318;border-color:#fecdd3}.delete-account-v96 .toolbar{justify-content:flex-end}.btn.loading{cursor:progress}.btn[disabled].loading{opacity:.78}

/* v100 · contraste y legibilidad de Seguimiento y filtros */
.tracking-focus-v100 .tracking-focus-kpis-v28 div,
.tracking-focus-v100 .tracking-focus-kpis-v28 div:nth-child(1),
.tracking-focus-v100 .tracking-focus-kpis-v28 div:nth-child(2),
.tracking-focus-v100 .tracking-focus-kpis-v28 div:nth-child(3){
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.24)!important;
  color:#fff!important;
}
.tracking-focus-v100 .tracking-focus-kpis-v28 small,
.tracking-focus-v100 .tracking-focus-kpis-v28 b{
  color:#fff!important;
  opacity:1!important;
  text-shadow:0 1px 2px rgba(0,0,0,.18);
}
.tracking-kpis-v100 div{
  color:#101828!important;
}
.tracking-kpis-v100 small,
.tracking-row-v100 small,
.account-section-v100 .muted{
  color:#536477!important;
  opacity:1!important;
}
.tracking-row-v100 b,
.tracking-row-v100 strong,
.account-section-v100 h3,
.account-item-v90 strong,
.account-item-v89 strong,
.account-item-v59 strong{
  color:#101828!important;
}
.tracking-list-v100 .toolbar.mini{gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.filters-wrap-v70 .btn:focus-visible,
.account-items-toolbar-v59 select:focus,
.filter-grid-v70 input:focus,
.filter-grid-v70 select:focus{
  outline:3px solid rgba(20,184,166,.22);
  border-color:#14b8a6!important;
  box-shadow:0 0 0 4px rgba(20,184,166,.10);
}
.account-items-toolbar-v90,
.account-items-toolbar-v89,
.account-items-toolbar-v59{
  background:#fff!important;
  border:1px solid #dce8f1;
  border-radius:18px;
  padding:10px 12px;
  color:#36465a!important;
}
.account-items-toolbar-v59 span{color:#526173!important;}
@media(max-width:760px){
  .tracking-list-v100 .toolbar.mini{justify-content:stretch;display:grid;grid-template-columns:1fr;}
  .tracking-list-v100 .toolbar.mini .btn{width:100%;}
}