/* Apepoints — shared product system */
:root{--ape-ink:#162443;--ape-blue:#29449a;--ape-orange:#ff6b21;--ape-paper:#f5f6fa;--ape-line:#e8ebf2}
body{background:var(--ape-paper);color:var(--ape-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}h1,h2,h3{letter-spacing:-.035em}h2{font-size:1.4rem}a,button,input,select,textarea{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}a:focus-visible,button:focus-visible{outline:3px solid #ff9b68;outline-offset:4px}
.btn{border-radius:12px;background:var(--ape-blue);font-weight:650;padding:.75rem 1.1rem;border:1px solid transparent;min-height:44px}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn--ghost,.btn--secondary{background:#f1f3fa;color:var(--ape-blue)}.btn--success{background:#157d62}.btn--danger{background:#a92d42}.btn--sm{font-size:.8rem;padding:.5rem .8rem;min-height:36px}.ape-primary{background:var(--ape-orange);color:#fff}.card{border:1px solid var(--ape-line);border-radius:22px;box-shadow:0 5px 22px #172a4e04;padding:26px}.card h2:first-child{margin-top:0}.text-muted{color:#707c90}
.field{display:flex;flex-direction:column;gap:7px;font-size:.86rem;font-weight:550;margin-bottom:16px;min-width:0}.field input:not([type=checkbox]):not([type=color]),.field select,.field textarea,.dash-search input{width:100%;border:1px solid #dfe4ed;border-radius:12px;background:#fafbfe;padding:12px 14px;min-height:46px;color:var(--ape-ink);font:inherit}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--ape-blue);box-shadow:0 0 0 3px #29449a12;background:white}.field small{font-weight:400;line-height:1.6}.field.checkbox{flex-direction:row;align-items:center;gap:12px}.field input[type=checkbox]{width:20px;height:20px;accent-color:var(--ape-orange)}.field input[type=color]{width:76px;height:48px;padding:4px;border:1px solid var(--ape-line);border-radius:12px;background:white;cursor:pointer}.stack{display:flex;flex-direction:column;gap:16px}.badge{font-size:.7rem;letter-spacing:.025em;padding:6px 10px;border-radius:999px;background:#eef1f8;color:#55627c}.badge--success{background:#e6f6ee;color:#137a53}.badge--danger{background:#fcecef;color:#b1354d}
.dash-shell{display:grid;grid-template-columns:244px minmax(0,1fr);max-width:1660px;margin:0 auto;min-height:calc(100dvh - 70px)}.dash-sidebar{background:white;border-right:1px solid var(--ape-line);padding:32px 22px;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:28px}.dash-brand__link{display:flex;flex-direction:column;gap:12px}.dash-brand img{width:170px;height:auto}.dash-nav{display:flex;flex-direction:column;gap:7px}.dash-nav__link{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:12px;color:#647089;font-size:.88rem;font-weight:600;text-decoration:none}.ape-nav-icon{font-size:21px;width:23px;text-align:center}.dash-nav__link:hover{background:#f5f6fb;color:var(--ape-blue)}.dash-nav__link.is-active{background:#fff0e7;color:#d7500f}.dash-back{margin-top:auto}.ape-scan-link{display:flex;align-items:center;justify-content:center;background:var(--ape-ink);color:white!important;box-shadow:0 8px 16px #18264b16;width:100%;font-size:.88rem}.dash-content{padding:32px 40px 60px;min-width:0}.dash-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;border:0;padding-bottom:0}.dash-head h1{font-size:1.9rem;margin:4px 0 0;font-weight:750}.dash-user{display:flex;align-items:center;gap:9px;font-size:.8rem}.dash-user__avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ffe9dc;color:#d95012;font-weight:800}.dash-user form{margin:0!important}.ape-eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.16em;color:#8c94a6;line-height:1.6}.ape-intro{background:linear-gradient(115deg,#182b57,#29449a);color:white;padding:34px 36px;border-radius:24px;display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:28px;position:relative;overflow:hidden}.ape-intro h2{color:white;font-size:clamp(1.75rem,3vw,2.6rem);letter-spacing:-.035em;line-height:1.05;margin:0 0 14px;max-width:650px}.ape-intro p{font-size:.9rem;color:#d0d9ef;line-height:1.7;margin:0;max-width:530px}.ape-orbit{display:grid;place-items:center;width:104px;height:104px;flex-shrink:0;border-radius:50%;background:#ff6b21;color:#fff5e9;font-size:65px;transform:rotate(-12deg);box-shadow:0 0 0 14px #ffffff08,0 0 0 30px #ffffff05}
.ape-toolbar{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:20px 0}.ape-toolbar .field{flex:1;margin:0;min-width:180px}.ape-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ape-colors{display:flex;gap:22px}.ape-designer{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:26px;align-items:start}.ape-preview-column{position:sticky;top:24px;display:flex;flex-direction:column;gap:18px}.ape-section-title{display:flex;gap:12px;align-items:center;margin-bottom:24px}.ape-section-title h2,.ape-section-title p{margin:0}.ape-step{background:#fff0e5;color:#e25b1b;border-radius:13px;display:grid;place-items:center;width:45px;height:45px;font-weight:800;font-size:14px}.ape-ticket{--ticket-primary:#ff6b21;--ticket-dark:#18264b;--ticket-paper:#fff8ef;background:var(--ticket-paper);color:var(--ticket-dark);border:2px solid var(--ticket-primary);border-radius:22px;overflow:hidden;box-shadow:0 18px 40px #19284d15;position:relative}.ape-ticket[data-style=chrome]{background:linear-gradient(125deg,var(--ticket-paper) 10%,#f6dbfe 30%,#daffff 50%,var(--ticket-paper) 70%,#f3e5bf);background-size:250% 250%;animation:ape-shine 10s ease infinite}.ape-ticket-head{padding:20px 22px;background:var(--ticket-dark);color:white;display:flex;align-items:center;gap:10px}.ape-ticket-head img{object-fit:contain;border-radius:8px}.ape-ticket-head>span{margin-left:auto;background:var(--ticket-primary);font-size:10px;letter-spacing:.13em;font-weight:800;border-radius:20px;padding:7px 12px}.ape-ticket-body{padding:25px}.ape-ticket-body small{font-size:10px;letter-spacing:.14em;text-transform:uppercase}.ape-ticket-body h2{font-size:1.8rem;color:inherit;margin:10px 0}.ape-ticket-body p{font-size:12px;opacity:.7}.ape-stamps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:22px}.ape-stamps>span{display:grid;place-items:center;aspect-ratio:1;border:1px dashed currentColor;border-radius:50%;font-size:21px;opacity:.38;max-width:54px}.ape-stamps>span.filled{background:var(--ticket-primary);border-color:var(--ticket-primary);opacity:1;color:var(--ticket-dark)}.ape-ticket-tear{border-top:1px dashed #8a8b8d75;margin:0 16px;position:relative}.ape-ticket-tear:before,.ape-ticket-tear:after{content:"";position:absolute;width:24px;height:24px;background:var(--ape-paper);border-radius:50%;top:-12px}.ape-ticket-tear:before{left:-30px}.ape-ticket-tear:after{right:-30px}.ape-ticket-prize{padding:22px 25px}.ape-ticket-prize small{letter-spacing:.15em;font-size:9px;font-weight:750}.ape-ticket-prize h3{font-size:1.3rem;color:inherit;margin:8px 0}.ape-ticket-prize>span{font-size:12px;opacity:.75}.ape-ticket-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 22px;background:#ffffff70;font-size:10px}.ape-ticket-foot strong>span{color:#e86421}.ape-caption{text-align:center;font-size:11px;color:#8c94a6;margin:0}.ape-qr{display:flex;align-items:center;gap:16px;padding:20px}.ape-qr img{width:120px;height:120px;border-radius:12px}.ape-qr p{font-size:12px;line-height:1.6;color:#707c90}.ape-qr h3{font-size:1rem;margin:5px 0}.ape-danger{font-size:.82rem;color:#a64c56;margin-top:14px}.ape-danger summary{cursor:pointer;font-weight:600}.ape-danger p{line-height:1.6}.ape-empty{text-align:center;padding:60px 24px}.ape-empty>span{font-size:64px;color:#ff6b21}.ape-empty p{color:#707c90;max-width:480px;margin:auto;line-height:1.7}
.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.kpi{background:white;border:1px solid var(--ape-line);border-radius:19px;padding:21px 24px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;width:52px;height:52px;border-radius:50%;background:#eef1fc;right:-16px;top:-16px}.kpi--accent:after{background:#ffe7d7}.kpi--success:after{background:#d9f5e6}.kpi__label{font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.08em;color:#8c94a6}.kpi__value{font-size:2.2rem;line-height:1.3;font-weight:760;color:#18264b;letter-spacing:-.05em;margin-top:10px}.kpi__hint{font-size:10px;line-height:1.5;margin-top:5px}.dash-grid--2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.dash-bars{height:165px;display:flex;gap:12px;align-items:end;padding-top:15px}.dash-bar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end}.dash-bar__fill{background:linear-gradient(#ffad77,#ff6b21);border-radius:8px 8px 2px 2px;min-height:4px}.dash-bar__label{text-align:center;font-size:10px;color:#8c94a6;margin-top:10px}.dash-activity{list-style:none;padding:0;margin:0}.dash-activity li{padding:13px 0;border-bottom:1px solid #f0f2f7;display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:12px}.dash-activity li>.text-muted{margin-left:auto;font-size:10px}.table{width:100%;border-collapse:collapse;font-size:.82rem}.table th{background:#f6f7fb;color:#8c94a6;text-transform:uppercase;font-size:9px;letter-spacing:.08em;font-weight:700;padding:14px 12px;text-align:left}.table td{padding:16px 12px;border-bottom:1px solid #eef1f6}.table tr:last-child td{border:0}.ape-table-wrap{overflow:auto;max-width:100%;border-radius:12px}.ape-business-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:20px;margin-top:22px}.ape-business-top{display:flex;justify-content:space-between;align-items:center}.ape-business-logo{display:grid;place-items:center;width:60px;height:60px;background:#fff1e6;color:#e76020;font-size:28px;font-weight:800;border-radius:18px}.ape-business-logo img{object-fit:contain;max-width:100%}.ape-business-card h2{margin-bottom:8px}.ape-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px}.ape-inline{margin-top:20px}.ape-create summary{font-weight:650;cursor:pointer;color:var(--ape-blue)}
.site-footer{background:transparent!important;border-top:1px solid var(--ape-line);padding:20px!important}.site-footer__inner{justify-content:center!important}.site-footer__copyright{font-size:11px!important}.site-footer__contact{display:none}.site-footer__social{gap:12px}
.page-signup{background:radial-gradient(ellipse at 10% 10%,#ffdec73b,transparent 50%),radial-gradient(ellipse at 90% 80%,#d6defc90,transparent 55%),#f7f8fc}.page-signup .container--narrow{padding:28px 16px 40px;max-width:570px}.page-signup h1{font-size:1.85rem}.site-nav{background:#ffffffed;border-bottom:1px solid #e8ebf2}.scan-head h1{font-size:2rem}.scan-shell{max-width:630px}.scan-video-wrap{border-radius:22px;overflow:hidden}.scan-actions .btn{flex:1}.login-card{border-radius:28px!important;border:1px solid #ffffff!important;box-shadow:0 30px 80px #15244725!important}.pwa-card{border-radius:24px}
@keyframes ape-shine{0%,100%{background-position:0 0}50%{background-position:100% 100%}}
@media(min-width:1450px){.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1050px){.dash-shell{grid-template-columns:195px minmax(0,1fr)}.dash-sidebar{padding:28px 14px}.dash-content{padding:26px 24px 50px}.dash-user>.text-muted{display:none}.ape-designer{grid-template-columns:1fr}.ape-preview-column{position:static;max-width:580px;width:100%;margin:auto}.dash-brand img{width:145px}}
@media(max-width:760px){.dash-shell{display:block}.dash-sidebar{height:auto;position:static;padding:20px 18px 0;gap:16px;border-right:0;border-bottom:1px solid var(--ape-line)}.dash-brand img{width:145px}.dash-brand__link{gap:5px}.dash-brand__link>.text-muted{font-size:10px!important}.dash-nav{flex-direction:row;overflow-x:auto;gap:5px;padding:0 0 12px;scrollbar-width:none}.dash-nav__link{white-space:nowrap;font-size:12px;padding:9px 12px;gap:6px;flex-shrink:0}.ape-nav-icon{font-size:16px;width:17px}.dash-back{position:fixed;bottom:16px;right:18px;z-index:20;max-width:185px}.ape-scan-link{box-shadow:0 7px 25px #15244335;border:2px solid white}.dash-content{padding:23px 18px 85px}.dash-head{align-items:start;gap:8px;margin-bottom:20px}.dash-head h1{font-size:1.7rem}.dash-user{gap:6px;flex-wrap:wrap;justify-content:end;max-width:165px}.dash-user__avatar{width:28px;height:28px;font-size:11px}.dash-user strong{font-size:11px}.dash-user .btn{font-size:10px;min-height:28px;padding:5px 8px}.ape-eyebrow{font-size:9px}.ape-intro{padding:24px 22px;border-radius:20px}.ape-intro h2{max-width:320px}.ape-intro p{font-size:12px}.ape-orbit{width:65px;height:65px;font-size:40px;box-shadow:0 0 0 8px #ffffff08}.card{padding:21px 18px;border-radius:19px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kpi{padding:17px 18px}.kpi__value{font-size:1.8rem}.kpi__label{font-size:9px}.dash-grid--2{grid-template-columns:1fr}.ape-form-grid{gap:12px}.ape-qr{padding:18px;gap:12px}.ape-qr img{width:100px;height:100px}.field{font-size:12px}.field input:not([type=checkbox]):not([type=color]),.field select,.field textarea{font-size:16px}.ape-preview-column{gap:15px}.site-footer{padding-bottom:80px!important}.table td{padding:12px 9px;white-space:nowrap}.ape-business-card .text-muted{font-size:12px}}
@media(max-width:390px){.ape-orbit{display:none}.ape-form-grid{grid-template-columns:1fr}.ape-ticket-body{padding:20px}.ape-stamps{gap:8px}.ape-qr{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Tablet and mobile dashboard: keep every control visible without clipping. */
@media(max-width:900px){
.dash-shell{display:grid;grid-template-columns:168px minmax(0,1fr)}.dash-sidebar{height:100dvh;position:sticky;top:0;padding:20px 12px;gap:18px;border-right:1px solid var(--ape-line);border-bottom:0}.dash-brand img{width:138px}.dash-brand__link{gap:6px}.dash-brand__link>.text-muted{font-size:10px!important}.dash-nav{flex-direction:column;overflow:visible;gap:6px;padding:0}.dash-nav__link{white-space:normal;font-size:12px;padding:10px 11px;gap:7px;flex-shrink:0}.ape-nav-icon{font-size:16px;width:17px}.dash-back{position:static;margin-top:auto;max-width:none}.ape-scan-link{font-size:11px;padding-inline:8px}.dash-content{padding:23px 18px 70px;overflow:hidden}.dash-head{align-items:start;gap:8px;margin-bottom:20px}.card{max-width:100%;min-width:0}.dash-page .table{display:block;max-width:100%;overflow-x:auto}.dash-content .row{align-items:stretch}.dash-content .row>.field{min-width:0!important;max-width:100%;flex-basis:100%!important}.ape-actions{align-items:stretch}.ape-actions .btn{white-space:normal;text-align:center}
.staff-table-wrap{overflow:visible}.staff-table,.staff-table tbody,.staff-table tr,.staff-table td{display:block;width:100%}.staff-table thead{display:none}.staff-table{overflow:visible!important}.staff-table tr{border:1px solid var(--ape-line);border-radius:16px;padding:10px 14px;margin:0 0 14px;background:#fff}.staff-table td{display:grid;grid-template-columns:minmax(84px,.38fr) minmax(0,1fr);gap:12px;align-items:start;padding:10px 0;border-bottom:1px solid #eef1f6;white-space:normal!important;overflow-wrap:anywhere}.staff-table td:last-child{border-bottom:0}.staff-table td:before{content:attr(data-label);color:#8c94a6;text-transform:uppercase;font-size:9px;letter-spacing:.08em;font-weight:700;padding-top:5px}.staff-actions form{display:flex!important;flex-wrap:wrap;gap:8px!important;margin:0 0 8px}.staff-actions input[type=password]{width:min(100%,230px)!important;min-width:0}.staff-delete-form{margin-top:4px!important}
}

/* Active dashboard destination: unmistakable Apepoints branding and contrast. */
.dash-nav__link.is-active{background:linear-gradient(115deg,#ff6b21 0%,#f45b20 38%,#29449a 100%);color:#fff!important;box-shadow:0 9px 22px rgba(41,68,154,.22);font-weight:750;text-shadow:0 1px 1px rgba(16,30,67,.16)}
.dash-nav__link.is-active .ape-nav-icon{color:#fff!important;filter:drop-shadow(0 1px 1px rgba(16,30,67,.18))}
.dash-nav__link.is-active:hover{background:linear-gradient(115deg,#ff7a31 0%,#f45b20 36%,#223b8b 100%);color:#fff!important;transform:translateY(-1px)}

/* Status messages use color and iconography, not a faint border alone. */
.alert{position:relative;border:0!important;border-radius:15px!important;padding:15px 18px 15px 52px!important;font-weight:650;line-height:1.45;box-shadow:0 8px 22px rgba(24,43,87,.1)}
.alert:before{content:"i";position:absolute;left:16px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:currentColor;color:#fff;font-size:13px;font-weight:900}
.alert--success{background:linear-gradient(110deg,#dff8ec,#c9f1df)!important;color:#08724e!important}.alert--success:before{content:"✓";background:#0b9a68}
.alert--error,.alert--danger{background:linear-gradient(110deg,#ffe6e9,#ffd5db)!important;color:#a51e38!important}.alert--error:before,.alert--danger:before{content:"!";background:#d63855}
.alert--info{background:linear-gradient(110deg,#e7edff,#dbe5ff)!important;color:#29449a!important}.alert--info:before{background:#29449a}
.alert--warn{background:linear-gradient(110deg,#fff1dd,#ffe3bd)!important;color:#9a4b0d!important}.alert--warn:before{content:"!";background:#ef6b24}

.dash-sidebar__top{display:block}.ape-mobile-scan-item{display:none!important}.dash-menu-toggle{display:none;border:0;background:linear-gradient(135deg,#ff6b21,#29449a);width:46px;height:44px;border-radius:13px;padding:11px;box-shadow:0 8px 20px rgba(41,68,154,.2);cursor:pointer}.dash-menu-toggle span{display:block;height:2px;border-radius:2px;background:#fff;margin:4px 0;transition:transform .2s ease,opacity .2s ease}.dash-menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.dash-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.dash-menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

@media(max-width:640px){
.dash-shell{display:block}.dash-sidebar{height:auto;position:sticky;top:0;z-index:50;padding:11px 14px;gap:0;border-right:0;border-bottom:1px solid var(--ape-line);box-shadow:0 8px 24px rgba(24,43,87,.08)}.dash-sidebar__top{display:flex;align-items:center;justify-content:space-between;gap:14px}.dash-brand img{width:128px}.dash-brand__link>.text-muted{display:none}.dash-menu-toggle{display:block;flex:0 0 auto}.dash-nav{display:none;flex-direction:column;gap:6px;padding:12px 0 4px}.dash-sidebar.menu-open .dash-nav{display:flex;animation:ape-menu-in .18s ease-out}.dash-nav__link{font-size:13px;padding:11px 13px}.ape-mobile-scan-item{display:flex!important;background:linear-gradient(135deg,#ff6b21,#29449a);color:#fff!important;margin-top:4px}.dash-back{display:none}.dash-content{padding:20px 14px 58px}.dash-head{margin-bottom:18px}.dash-head h1{font-size:1.55rem}.dash-user{max-width:155px}.ape-intro{padding:22px 18px}.ape-orbit{width:58px;height:58px;font-size:35px}.card{padding:19px 16px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@keyframes ape-menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.staff-groups{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 20px}.staff-groups .btn{min-height:38px}.staff-groups .is-current{background:linear-gradient(115deg,#ff6b21,#29449a);border-color:transparent;color:#fff!important}.staff-group-empty{padding:28px 12px;text-align:center;border:1px dashed var(--ape-line);border-radius:14px}
.ape-card-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:24px}.ape-card-choice .btn{display:grid;place-items:center;text-align:center;text-decoration:none;min-height:44px}.ape-card-choice span.btn{cursor:default}

/* Public card enrollment: business-branded, mobile-first and reusable. */
.page-signup .site-nav{display:none}.page-signup .site-footer{display:none}.page-signup{background:#f7f7f5}.ape-enroll{--biz-primary:#ff6b21;--biz-secondary:#18264b;--biz-accent:#fff8ef;width:min(100%,680px);margin:0 auto;padding:34px 18px 48px;color:#17191f}.ape-enroll-brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}.ape-enroll-brand>img,.ape-enroll-brand>span{display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--biz-primary);border-radius:14px;background:#fff;object-fit:contain;color:var(--biz-secondary);font-size:22px;font-weight:900}.ape-enroll-brand div{display:grid;gap:3px}.ape-enroll-brand strong{font-size:15px;line-height:1.15}.ape-enroll-brand small{color:#70757f;font-size:11px}.ape-enroll-hero{text-align:center}.ape-enroll-hero>p{margin:0 0 10px;color:var(--biz-primary);font-size:11px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.ape-enroll-hero h1{max-width:590px;margin:0 auto 27px;color:var(--biz-secondary);font-size:clamp(35px,8vw,54px);line-height:1.04;letter-spacing:-.045em}.ape-enroll-stamps{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;width:min(100%,560px);margin:0 auto;padding:20px 22px;border:2px solid color-mix(in srgb,var(--biz-primary) 45%,#fff);border-radius:27px;background:color-mix(in srgb,var(--biz-accent) 74%,#fff);box-shadow:0 16px 42px color-mix(in srgb,var(--biz-secondary) 9%,transparent)}.ape-enroll-stamps span{display:grid;place-items:center;aspect-ratio:1;border:2px solid color-mix(in srgb,var(--biz-secondary) 40%,#fff);border-radius:50%;background:#fff;color:color-mix(in srgb,var(--biz-secondary) 46%,#fff);font-size:clamp(20px,6vw,31px)}.ape-enroll-prize{display:block;margin:15px 0 32px;color:var(--biz-secondary);font-size:14px}.ape-enroll-panel{padding:28px;border:2px solid color-mix(in srgb,var(--biz-primary) 42%,#fff);border-radius:30px;background:#fff;box-shadow:0 24px 60px #202a3c12}.ape-enroll-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:29px;padding:5px;border-radius:16px;background:#f1f2f5}.ape-enroll-tabs a{display:grid;place-items:center;min-height:48px;border-radius:12px;color:#6a7080;font-size:13px;font-weight:750;text-align:center;text-decoration:none}.ape-enroll-tabs a.is-active{background:var(--biz-secondary);box-shadow:0 7px 18px color-mix(in srgb,var(--biz-secondary) 22%,transparent);color:#fff}.ape-enroll-heading{margin-bottom:23px;text-align:center}.ape-enroll-heading h2,.ape-enroll-message h2{margin:0 0 7px;color:var(--biz-secondary);font-size:28px;line-height:1.08}.ape-enroll-heading p,.ape-enroll-message p{margin:0;color:#717784;font-size:13px;line-height:1.5}.ape-enroll-form{display:grid;gap:14px}.ape-enroll-form label{display:grid;gap:7px;color:#4f5664;font-size:12px;font-weight:750}.ape-enroll-form label small{font-weight:500}.ape-enroll-form input{width:100%;min-height:58px;padding:0 17px;border:1.5px solid #dfe1e6;border-radius:16px;background:#fcfbf8;color:#1c2029;font:600 16px/1 system-ui;outline:none}.ape-enroll-form input:focus{border-color:var(--biz-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--biz-primary) 14%,transparent)}.ape-enroll-privacy{margin:1px 2px 3px;color:#777d88;font-size:11px;line-height:1.45}.ape-enroll-submit{display:grid;place-items:center;width:100%;min-height:58px;border:0;border-radius:16px;background:var(--biz-secondary);box-shadow:0 12px 24px color-mix(in srgb,var(--biz-secondary) 22%,transparent);color:#fff;font-size:16px;font-weight:850;text-decoration:none;cursor:pointer}.ape-enroll-submit:hover{filter:brightness(1.08)}.ape-enroll-details{margin-top:22px;border-top:1px solid #eceef2;padding-top:18px}.ape-enroll-details summary{color:var(--biz-secondary);font-size:13px;font-weight:750;cursor:pointer}.ape-enroll-details p{color:#717784;font-size:12px;line-height:1.55}.ape-enroll-message{text-align:center}.ape-enroll-message .ape-enroll-submit{margin-top:24px}.ape-enroll-menu{display:block;margin:23px auto 0;color:var(--biz-secondary);font-size:13px;font-weight:750;text-align:center;text-decoration:none}.ape-enroll-footer{display:grid;gap:4px;margin-top:38px;text-align:center}.ape-enroll-footer strong{color:var(--biz-secondary);font-size:13px}.ape-enroll-footer span{color:#8b9099;font-size:10px}
@media(max-width:560px){.ape-enroll{padding:24px 14px 38px}.ape-enroll-brand{margin-bottom:27px}.ape-enroll-brand>img,.ape-enroll-brand>span{width:43px;height:43px;border-radius:12px}.ape-enroll-hero h1{margin-bottom:22px}.ape-enroll-stamps{gap:9px;padding:15px;border-radius:22px}.ape-enroll-stamps span{font-size:20px}.ape-enroll-prize{margin-bottom:25px}.ape-enroll-panel{padding:19px;border-radius:24px}.ape-enroll-tabs{margin-bottom:24px}.ape-enroll-form input{min-height:55px}}

/* Enrollment v2 — compact, dark and mobile-first. */
.page-signup{min-height:100dvh;background:radial-gradient(circle at 92% 0,color-mix(in srgb,var(--ape-orange) 22%,transparent),transparent 34%),radial-gradient(circle at 0 55%,#29449a33,transparent 38%),#0c0d10;color:#f5f5f7}.ape-enroll{box-sizing:border-box;width:min(100%,500px);margin-inline:auto;padding:22px 20px 38px;color:#f5f5f7}.ape-enroll-brand{gap:11px;margin-bottom:34px}.ape-enroll-brand>img,.ape-enroll-brand>span{width:42px;height:42px;border:1px solid color-mix(in srgb,var(--biz-primary) 70%,#fff);border-radius:13px;background:#ffffff0d;color:#fff;font-size:18px;box-shadow:none}.ape-enroll-brand strong{color:#fff;font-size:14px}.ape-enroll-brand small{color:#999da8;font-size:10px}.ape-enroll-hero{text-align:left}.ape-enroll-hero>p{margin-bottom:9px;color:var(--biz-primary);font-size:10px}.ape-enroll-hero h1{max-width:440px;margin:0 0 25px;color:#f5f5f7;font-size:clamp(36px,11vw,50px);line-height:.99;letter-spacing:-.052em}.ape-enroll-stamps{box-sizing:border-box;gap:10px;width:100%;margin:0;padding:16px;border:1px solid #ffffff14;border-radius:24px;background:#ffffff0a;box-shadow:0 20px 55px #0006;backdrop-filter:blur(18px)}.ape-enroll-stamps span{border:1px solid #ffffff24;background:#ffffff08;color:#a8abb3;font-size:20px}.ape-enroll-prize{margin:13px 3px 27px;color:#c7c9cf;font-size:12px;font-weight:650}.ape-enroll-panel{box-sizing:border-box;padding:18px;border:1px solid #ffffff16;border-radius:26px;background:#ffffff0b;box-shadow:0 24px 70px #0007;backdrop-filter:blur(22px)}.ape-enroll-tabs{gap:4px;margin-bottom:23px;padding:4px;border:1px solid #ffffff0b;border-radius:14px;background:#050506a8}.ape-enroll-tabs a{min-height:43px;border-radius:10px;color:#9296a0;font-size:12px}.ape-enroll-tabs a.is-active{background:#ffffff16;box-shadow:inset 0 0 0 1px #ffffff12;color:#fff}.ape-enroll-heading{text-align:left}.ape-enroll-heading h2,.ape-enroll-message h2{color:#fff;font-size:25px;letter-spacing:-.025em}.ape-enroll-heading p,.ape-enroll-message p{color:#999da8;font-size:12px}.ape-enroll-form{gap:12px}.ape-enroll-form label{gap:6px;color:#c8cad0;font-size:11px}.ape-enroll-form input{min-height:55px;border:1px solid #ffffff14;border-radius:15px;background:#ffffff0a;color:#fff;font-size:15px;box-shadow:none}.ape-enroll-form input::placeholder{color:#737781}.ape-enroll-form input:focus{border-color:var(--biz-primary);background:#ffffff0e;box-shadow:0 0 0 3px color-mix(in srgb,var(--biz-primary) 18%,transparent)}.ape-enroll-form input[type=date]{color-scheme:dark}.ape-enroll-privacy{color:#858994}.ape-enroll-submit{min-height:54px;border-radius:15px;background:var(--biz-primary);box-shadow:0 12px 32px color-mix(in srgb,var(--biz-primary) 24%,transparent);color:#fff;font-size:15px}.ape-enroll-details{border-color:#ffffff12}.ape-enroll-details summary{color:#d7d9de}.ape-enroll-details p{color:#999da8}.ape-enroll-message{padding:12px 4px 4px;text-align:left}.ape-enroll-menu{margin-top:20px;color:#c9cbd1;font-size:12px}.ape-enroll-footer{margin-top:32px}.ape-enroll-footer strong{color:#d7d9de}.ape-enroll-footer span{color:#737781}
@media(max-width:560px){.ape-enroll{padding:18px 20px 32px}.ape-enroll-brand{margin-bottom:28px}.ape-enroll-hero h1{margin-bottom:20px}.ape-enroll-stamps{gap:8px;padding:13px;border-radius:21px}.ape-enroll-stamps span{font-size:18px}.ape-enroll-prize{margin-bottom:22px}.ape-enroll-panel{padding:15px;border-radius:23px}.ape-enroll-tabs{margin-bottom:20px}.ape-enroll-form input{min-height:53px}}
.ape-enroll-brand>img{width:auto;min-width:44px;max-width:72px;height:44px;padding:4px 6px;object-fit:contain;object-position:center;aspect-ratio:auto;flex:0 0 auto}

/* Final responsive refinements */
.dash-shell{width:100%}.dash-page .table{display:table;overflow:visible}.stack>*+*{margin-top:0}.site-footer__left{flex:0 1 auto;min-width:0;text-align:center}.ape-home{max-width:1160px;padding:36px 22px}.ape-home .ape-intro{padding:60px 48px;min-height:360px}.ape-home h1{color:white;font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.05;letter-spacing:-.055em;margin:16px 0 22px}.ape-home .ape-intro .btn{margin-top:26px}.ape-home .ape-step{margin-bottom:20px}.ape-home .card p{font-size:14px;line-height:1.7}.ape-home .ape-intro .ape-orbit{width:180px;height:180px;font-size:120px}.ape-home>section{margin-bottom:38px}
@media(max-width:760px){.dash-nav{flex-wrap:nowrap}.ape-home{padding:20px 16px}.ape-home .ape-intro{padding:30px 24px;min-height:0}.ape-home .ape-intro .ape-orbit{display:none}.dash-brand__link img{margin-bottom:0}.ape-home .ape-toolbar{gap:20px}.dash-content .row>.field{min-width:0!important;max-width:100%}.dash-content .row{align-items:stretch}.pwa-page .ape-stamps{gap:6px}.pwa-page .ape-stamps>span{max-width:30px;font-size:15px}}
.pwa-history-more{margin-top:.75rem}.pwa-history-more>summary{align-items:center;background:#111a38;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:800;justify-content:space-between;list-style:none;padding:.8rem 1rem}.pwa-history-more>summary::-webkit-details-marker{display:none}.pwa-history-more>summary span{align-items:center;background:#ff6b21;border-radius:999px;display:inline-flex;font-size:.78rem;height:1.6rem;justify-content:center;min-width:1.6rem;padding:0 .4rem}.pwa-history-more[open]>summary{margin-bottom:.75rem}
.ape-integration-guide{margin:0 0 22px}.ape-integration-guide>summary{cursor:pointer;color:var(--ape-blue);font-size:1rem}.ape-integration-guide ol{display:grid;gap:.65rem;margin:.2rem 0;padding-left:1.25rem;line-height:1.5}.ape-code-example{max-width:100%;margin:.45rem 0 0;padding:13px 15px;overflow:auto;border:1px solid var(--ape-line);border-radius:12px;background:#111a38;color:#f7f8fc;font:600 12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.ape-integration-guide code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.pwa-menu-btn{display:flex;align-items:center;justify-content:center;gap:.55rem;width:100%;min-height:48px;padding:.8rem 1rem;border:2px solid var(--ticket-primary,var(--accent));border-radius:14px;background:var(--ticket-secondary,#18264b);color:#fff!important;font-size:.9rem;font-weight:850;text-align:center;text-decoration:none;box-shadow:0 9px 22px #111a3824}.pwa-menu-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.pwa-menu-btn--top{margin:.8rem 0 1rem}.pwa-card__actions{display:grid;gap:.7rem;margin-top:1rem}
.staff-directory__head h2{margin-bottom:.25rem}.staff-directory__head p{margin:0}.staff-role-list{display:grid;gap:12px;margin-top:20px}.staff-role-group{overflow:hidden;border:1px solid var(--ape-line);border-radius:17px;background:#fbfcff}.staff-role-group>summary{display:grid;grid-template-columns:42px minmax(0,1fr) auto 22px;gap:12px;align-items:center;padding:15px 17px;cursor:pointer;list-style:none}.staff-role-group>summary::-webkit-details-marker{display:none}.staff-role-group[open]>summary{border-bottom:1px solid var(--ape-line);background:#f6f8ff}.staff-role-group__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#ff6b21,#29449a);color:#fff;font-size:14px;font-weight:900;box-shadow:0 7px 17px #29449a24}.staff-role-group__copy{display:grid;gap:2px}.staff-role-group__copy strong{color:#18264b;font-size:15px}.staff-role-group__copy small{color:#7e879a;font-size:11px}.staff-role-group__count{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:#e9edfa;color:#29449a;font-size:12px;font-weight:850}.staff-role-group__chevron{color:#65708a;font-size:18px;transition:transform .2s ease}.staff-role-group[open] .staff-role-group__chevron{transform:rotate(180deg)}.staff-role-group .staff-table-wrap{padding:13px 14px 4px;overflow:auto}.staff-actions{min-width:250px}.staff-actions form{display:flex;gap:7px;align-items:center;margin:0 0 8px}.staff-actions input[type=password]{width:145px;min-height:36px}.staff-delete-button{border:0;background:transparent!important;box-shadow:none!important;color:#c93838!important;padding-inline:7px}.staff-delete-button:hover{text-decoration:underline}.staff-delete-form{margin-top:2px!important}
@media(max-width:600px){.staff-role-group>summary{grid-template-columns:38px minmax(0,1fr) auto 18px;padding:13px 12px;gap:9px}.staff-role-group__icon{width:38px;height:38px}.staff-role-group__copy small{font-size:10px}.staff-role-group .staff-table-wrap{padding:12px 10px 1px}.staff-actions{min-width:0}}
/* Tarjeta completa del cliente: una sola columna y legible desde el teléfono. */
.pwa-page{min-height:100dvh;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--ticket-primary,#ff6b21) 22%,transparent),transparent 32%),linear-gradient(155deg,#f8f9fc,#eef1f8);color:#17223d}.pwa-page .site-header,.pwa-page .site-footer{display:none}.pwa-shell{width:min(100% - 28px,520px);margin:0 auto}.pwa-card{margin:0 0 16px;padding:0;overflow:hidden;border:1px solid #dfe4ed;border-radius:24px;background:#fff;box-shadow:0 18px 44px #18264b12}.pwa-card--ticket,.pwa-card--chrome,.pwa-card--minimal{border:2px solid var(--ticket-primary,#ff6b21);background:var(--ticket-accent,#fff8ef);color:var(--ticket-secondary,#18264b)}.pwa-card--chrome{background:linear-gradient(135deg,var(--ticket-accent,#fff8ef),#fff 43%,color-mix(in srgb,var(--ticket-primary,#ff6b21) 8%,#fff))}.pwa-card__head{display:flex;align-items:center;gap:12px;padding:18px;background:var(--ticket-secondary,#18264b);color:#fff}.pwa-card__logo{width:48px;height:48px;flex:0 0 auto;border-radius:13px;background:#fff;object-fit:contain;padding:3px}.pwa-card__name{margin:0;color:#fff;font-size:clamp(18px,5vw,24px);line-height:1.05}.pwa-card__tagline{margin:5px 0 0;color:#e2e8f7!important;font-size:12px;line-height:1.35}.pwa-card>.pwa-card__hello{margin:0;padding:22px 22px 5px;font-size:clamp(28px,8vw,38px);line-height:1.02;font-weight:500;letter-spacing:-.045em}.pwa-card>.pwa-card__hello strong{font-weight:850}.pwa-page .ape-stamps{margin:14px 20px 20px!important;padding:16px;background:color-mix(in srgb,var(--ticket-secondary,#18264b) 6%,#fff);border:1px solid color-mix(in srgb,var(--ticket-primary,#ff6b21) 38%,#fff);border-radius:19px}.pwa-page .ape-stamps>span{max-width:none;color:var(--ticket-secondary,#18264b)}.pwa-page .ape-stamps>span.filled{color:#fff}.pwa-card__qr{display:grid;place-items:center;padding:8px 22px 18px}.pwa-card__qr img{display:block;width:min(100%,210px);height:auto;padding:8px;border:1px solid #e2e6ef;border-radius:16px;background:#fff;box-shadow:0 8px 20px #18264b12}.pwa-card__barcode{display:grid;place-items:center;max-width:calc(100% - 44px);margin:0 auto 8px;padding:8px 10px;border:1px solid #e1e5ee;border-radius:12px;background:#fff;overflow:hidden}.pwa-card__barcode svg{display:block;max-width:100%;height:auto}.pwa-card__token{display:none}.pwa-card__progress{padding:16px 22px 22px}.pwa-card__progress-label{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:10px;font-size:13px}.pwa-card__progress-label strong{font-size:23px}.pwa-card__progress .progress{height:10px;overflow:hidden;border-radius:999px;background:#e6e9ef}.pwa-card__progress .progress__bar{height:100%;width:var(--pct);border-radius:inherit;background:var(--ticket-primary,#ff6b21)}.pwa-menu-btn--top{width:calc(100% - 36px);margin:14px 18px 3px}.pwa-card__notice,.pwa-card__reward-banner{display:grid;gap:4px;margin:14px 18px 0;padding:12px 14px;border-radius:13px;font-size:12px;line-height:1.4}.pwa-card__notice{background:#e6f6ee;color:#167653}.pwa-card__reward-banner{background:color-mix(in srgb,var(--ticket-primary,#ff6b21) 14%,#fff);color:var(--ticket-secondary,#18264b)}.pwa-card__actions{padding:0 18px 18px}.wallet-btn{display:flex;align-items:center;gap:11px;min-height:58px;padding:9px 13px;border:1px solid #dce1eb;border-radius:14px;background:#fff;color:#17223d;text-decoration:none;box-shadow:0 5px 14px #18264b0d}.wallet-btn__icon{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#4285f4;color:#fff;font-weight:900}.wallet-btn--apple .wallet-btn__icon{background:#111}.wallet-btn__label{display:grid;gap:2px;font-weight:800;font-size:13px}.wallet-btn__label small{color:#6b7486;font-size:10px;font-weight:500}.pwa-card details.card{margin:0 18px 18px;padding:14px 15px;border-radius:14px;background:#fff;border-color:#e2e6ed;box-shadow:none}.pwa-card__history{padding:20px}.pwa-card__history h2{margin:0 0 12px;font-size:18px}.pwa-history{margin:0;padding-left:18px}.pwa-history li{padding:6px 0;font-size:13px}.pwa-rewards{margin:0 18px 18px;padding:16px;border-radius:17px;background:#fff;border:1px solid #e3e6ed}.pwa-rewards__title{margin:0 0 12px;font-size:18px}.pwa-rewards__list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.pwa-reward__head,.pwa-reward__status{display:flex;justify-content:space-between;gap:12px;font-size:12px}.pwa-reward__label{font-weight:800}.pwa-reward__cost,.pwa-reward__status{color:#6d7584}.pwa-reward__bar{height:8px;margin:8px 0;border-radius:999px;background:#e7eaf0;overflow:hidden}.pwa-reward__bar-fill{height:100%;border-radius:inherit;background:var(--ticket-primary,#ff6b21)}.pwa-reward--ready{padding:12px;border-radius:12px;background:#edf9f3}.pwa-reward__ready-mark{color:#167653;font-weight:750}.pwa-rewards__hint{margin:14px 0 0;font-size:11px;line-height:1.45}@media(max-width:420px){.pwa-shell{width:calc(100% - 20px)}.pwa-card__head{padding:15px}.pwa-card__logo{width:42px;height:42px}.pwa-card>.pwa-card__hello{padding-inline:18px}.pwa-page .ape-stamps{margin-inline:14px!important;padding:13px}.pwa-card__qr{padding-inline:18px}.pwa-card__progress{padding-inline:18px}.pwa-card__barcode{max-width:calc(100% - 36px)}}

/* Mis Tarjetas y Wallet son destinos distintos; el texto cambia según exista la colección. */
.pwa-collection-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px}.pwa-collection-nav .btn{min-height:44px;padding:.7rem 1rem;border-radius:14px}.pwa-collection-help{margin:0 2px 14px;color:#5f687a;font-size:12px;line-height:1.45}.pwa-wallet-guide{display:grid;gap:3px;padding:2px 2px 5px;color:var(--ticket-secondary,#18264b)}.pwa-wallet-guide strong{font-size:13px}.pwa-wallet-guide span{color:#6b7486;font-size:11px;line-height:1.4}@media(max-width:420px){.pwa-collection-nav{align-items:stretch}.pwa-collection-nav .btn{display:grid;place-items:center;flex:1;padding:.65rem .7rem;font-size:12px;text-align:center}.pwa-collection-help{margin-inline:4px}}