@font-face{font-family:Camel;src:url('/referral/assets/the-year-of-the-camel-extrabold.otf') format('opentype');font-display:swap}
:root{--night:#071714;--pine:#0b211e;--green:#173a33;--woven:#3f654b;--sage:#a5ab83;--sand:#c9bd97;--gold:#b28b55;--ivory:#f3efe5;--danger:#ffb8ae;--line:rgba(243,239,229,.16);font-family:Camel,system-ui,sans-serif;color:var(--ivory);background:var(--night)}
*{box-sizing:border-box}html{min-height:100%;width:100%;max-width:100%;overflow-x:clip;background:var(--night)}body{min-height:100vh;width:100%;max-width:100%;margin:0;overflow-x:clip;background:radial-gradient(ellipse at 62% 34%,#315b47 0,rgba(49,91,71,.54) 28%,transparent 62%),radial-gradient(ellipse at 18% 8%,rgba(165,171,131,.22),transparent 52%),linear-gradient(145deg,#061816,#0a2925 72%,#061816);line-height:1.55}.skip{position:fixed;inset-inline-start:1rem;top:-5rem;z-index:9;background:var(--ivory);color:var(--night);padding:.75rem 1rem;border-radius:.5rem}.skip:focus{top:1rem}.offline{position:sticky;top:0;z-index:8;padding:.65rem 1rem;text-align:center;background:#8a2c20;color:#fff}.site-header{display:flex;align-items:center;gap:.9rem;width:100%;max-width:1160px;min-width:0;margin:auto;padding:1.2rem clamp(1rem,4vw,3rem);border-bottom:1px solid var(--line)}.site-header img{display:block;max-width:100%;object-fit:contain}.campaign-id{display:grid;min-width:0;line-height:1.15}.campaign-id span{font-size:1.1rem;overflow-wrap:anywhere}.campaign-id small{direction:ltr;color:var(--sage);letter-spacing:.12em}.site-header .ghost{margin-inline-start:auto;flex:0 0 auto}main{width:100%;max-width:1160px;min-width:0;margin:auto;padding:clamp(1.5rem,5vw,4rem) clamp(1rem,4vw,3rem) 5rem;min-height:72vh}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.7fr);gap:clamp(2rem,6vw,6rem);align-items:center;min-width:0;min-height:58vh}.eyebrow{color:var(--sand);letter-spacing:.08em;margin:0 0 .8rem;overflow-wrap:anywhere}.hero h1,.page h1{font-size:clamp(2.7rem,8vw,7rem);line-height:.92;margin:0;max-width:10ch;overflow-wrap:anywhere}.hero .lead,.page .lead{font-family:system-ui,sans-serif;font-size:clamp(1rem,2vw,1.24rem);max-width:48ch;color:#e4e4d8;margin:1.5rem 0 2rem;overflow-wrap:anywhere}.badge-panel{position:relative;min-height:360px;display:grid;place-items:center;border:1px solid var(--line);border-radius:48% 48% 12% 12%;background:linear-gradient(150deg,rgba(63,101,75,.7),rgba(7,23,20,.2));overflow:hidden}.badge-panel:after{content:"";position:absolute;inset:auto -8% 0;width:116%;height:25%;background:url('/referral/assets/woven-horizontal.png') center/cover no-repeat;opacity:.25}.badge-panel img{width:min(60%,230px);max-width:100%;height:auto;filter:drop-shadow(0 18px 30px rgba(0,0,0,.25))}.actions{display:flex;gap:.75rem;flex-wrap:wrap}.button,button{min-height:48px;max-width:100%;border:1px solid var(--sand);border-radius:999px;padding:.72rem 1.2rem;font:inherit;cursor:pointer;white-space:normal}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:var(--ivory);color:var(--night)}.button.secondary,.ghost{background:transparent;color:var(--ivory)}button:disabled,.button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.hold{display:flex;align-items:flex-start;gap:.45rem;width:fit-content;max-width:100%;margin-block:1.3rem;padding:.55rem .8rem;border-radius:1.2rem;background:rgba(255,184,174,.13);color:var(--danger);font-family:system-ui,sans-serif;font-size:.88rem;overflow-wrap:anywhere}.hold:before{content:"";flex:0 0 auto;width:.55rem;height:.55rem;margin-top:.35em;border-radius:50%;background:currentColor}.page{width:100%;max-width:880px;min-width:0}.page h1{font-size:clamp(2.2rem,7vw,5.5rem)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-block:2rem}.card{min-width:0;border:1px solid var(--line);border-radius:1rem;padding:1.25rem;background:rgba(7,23,20,.58);box-shadow:0 20px 60px rgba(0,0,0,.13)}.card h2,.card h3{margin-top:0;overflow-wrap:anywhere}.metric{font-size:2.3rem;direction:ltr}.muted{font-family:system-ui,sans-serif;color:#c9d0c7;overflow-wrap:anywhere}.steps{counter-reset:step;display:grid;gap:.8rem;min-width:0;padding:0}.steps li{list-style:none;display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:.8rem;align-items:start;min-width:0;padding:1rem;border-bottom:1px solid var(--line)}.steps li>div{min-width:0}.steps li:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid var(--gold);border-radius:50%;direction:ltr}.choice{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.choice .card{min-height:170px}.form-row{display:grid;gap:.5rem;margin-block:1rem}label{font-size:1rem}input,select{min-width:0;min-height:48px;border:1px solid var(--sand);border-radius:.65rem;background:rgba(255,255,255,.06);color:var(--ivory);padding:.7rem 1rem;font:inherit}.ltr{direction:ltr;text-align:left}.gates{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem}.gate{min-width:0;padding:.8rem;text-align:center;border:1px solid var(--line);border-radius:.7rem}.gate b{display:block;direction:ltr}.gate span{font-family:system-ui,sans-serif;color:var(--danger);font-size:.8rem}footer{border-top:1px solid var(--line);padding:1rem;text-align:center;color:var(--sage);font-family:system-ui,sans-serif;font-size:.78rem;overflow-wrap:anywhere}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.outlet-chip{display:grid;gap:.2rem;margin:1rem 0 1.25rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:.85rem;background:rgba(165,171,131,.08)}.outlet-chip span,.dashboard-note{font-family:system-ui,sans-serif;color:#c9d0c7}.staff-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.primary-task{display:grid;grid-template-columns:3rem 1fr;gap:1rem;align-items:start;min-height:260px}.task-number{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--ivory);color:var(--night);font-size:1.35rem;direction:ltr}.primary-task button{width:100%;margin-top:1rem;background:var(--ivory);color:var(--night)}.status-task{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:1rem 1.15rem;border:1px solid var(--line);border-radius:1rem}.status-task>div{max-width:42ch}.status-task form{width:min(100%,340px);min-width:280px}.status-task h2{margin:0}.status-task p{margin:.3rem 0 0}.confirmed-rule{padding:1rem 1.15rem;border-radius:.85rem;background:rgba(63,101,75,.45);border:1px solid var(--woven);font-family:system-ui,sans-serif}.dashboard-note{margin:-.5rem 0 1.5rem}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block:1.5rem}.profile-note{max-width:48ch;margin:0 0 1.25rem;color:var(--sage);font-family:system-ui,sans-serif;font-size:.9rem}.channel-note{max-width:48ch;margin:-.7rem 0 1rem;padding:.75rem 1rem;border-inline-start:3px solid var(--gold);background:rgba(178,139,85,.08);color:var(--sand);font-family:system-ui,sans-serif;font-size:.92rem}.gift-choice img{display:block;width:min(52%,180px);height:190px;margin:-.35rem auto .7rem;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(0,0,0,.28))}.notice{position:sticky;bottom:1rem;z-index:7;margin-top:1rem;padding:1rem;border-radius:.8rem;background:#173a33;border:1px solid var(--sage);font-family:system-ui,sans-serif}.notice.error{background:#5d201a;border-color:var(--danger)}.notice.success{background:#174a35;border-color:#76d39c}.benefit{position:relative;cursor:pointer}.benefit>input{position:absolute;inset:1rem auto auto 1rem;min-height:auto;transform:scale(1.35)}[dir=rtl] .benefit>input{inset:1rem 1rem auto auto}.qr{width:min(100%,260px);margin:1rem auto;padding:.65rem;border-radius:.7rem;background:#fff}.qr svg{display:block;width:100%;height:auto}.code{direction:ltr;overflow-wrap:anywhere;text-align:center;font:500 .75rem/1.35 system-ui,sans-serif;color:var(--sage)}.metric.small{font-size:1.25rem}.history{display:grid;gap:.75rem;padding:0}.history li{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.65rem;border-bottom:1px solid var(--line);list-style:none;font-family:system-ui,sans-serif}.history span{color:var(--sage);text-align:end}.scanner{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1rem;background:rgba(0,0,0,.88)}.scanner-box{position:relative;width:min(100%,520px);padding:1rem;border-radius:1rem;background:var(--night);text-align:center}.scanner video{display:block;width:100%;max-height:70vh;border-radius:.75rem;object-fit:cover}.scanner-box>button{position:absolute;top:.5rem;right:.5rem;width:44px;padding:0;background:#fff;color:#000}.scan{width:100%;margin:-.45rem 0 1rem;background:transparent!important;color:var(--ivory)!important}.loading{min-height:160px;display:grid;place-items:center;font-size:2rem}
.wallet-hello{margin-bottom:1rem!important}.wallet-benefit{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,220px);gap:1rem;align-items:center;margin:1rem 0 1.5rem;border-color:var(--sand);background:linear-gradient(135deg,rgba(63,101,75,.86),rgba(7,23,20,.72))}.wallet-benefit h2{font-size:clamp(1.7rem,5vw,3rem);line-height:1.05;margin:.25rem 0}.wallet-benefit img{display:block;width:100%;max-height:230px;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(0,0,0,.3))}.benefit-status{display:inline-flex;margin:.3rem 0 .7rem;padding:.4rem .7rem;border-radius:999px;background:#dff7e5;color:#123a25;font:700 .9rem system-ui,sans-serif}.wallet-summary{grid-template-columns:minmax(0,280px);margin-block:1rem}
.install-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;margin-bottom:1rem;background:rgba(178,139,85,.14);border-color:var(--gold)}.install-card h2,.install-card p{margin:.15rem 0}.install-steps{grid-column:1/-1;margin:0;padding:.75rem;border-radius:.7rem;background:rgba(243,239,229,.1);font-family:system-ui,sans-serif}.rate-strip{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.rate-strip strong{font-size:2rem}.customer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.action-card{display:flex;flex-direction:column}.action-card>.button,.action-card>button,.action-card form>button{width:100%;margin-top:auto}.whatsapp-button{gap:.55rem;border-color:#25d366;background:#25d366;color:#071714}.whatsapp-button span{display:grid;place-items:center;width:1.4rem;height:1.4rem;border:2px solid currentColor;border-radius:50%;font-size:.55rem}.history-details{margin:1rem 0}.history-details summary{cursor:pointer;font-size:1.15rem}.history-details[open] summary{margin-bottom:1rem}
.campaign-page{width:100%;min-width:0}.campaign-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:clamp(2rem,6vw,6rem);align-items:center;min-height:68vh;padding-block:1rem 3rem}.campaign-copy h1{max-width:9ch;margin:0;font-size:clamp(3.4rem,8vw,7.8rem);line-height:.88;letter-spacing:-.025em}.campaign-signature{margin:.9rem 0 1.6rem;color:var(--sand);font-size:clamp(1.2rem,2.4vw,1.8rem)}.offer-lockup{display:grid;gap:.3rem;max-width:620px;padding:1.2rem 1.35rem;border:1px solid rgba(201,189,151,.55);border-radius:1.2rem;background:linear-gradient(135deg,rgba(168,36,50,.92),rgba(110,20,34,.78));box-shadow:0 24px 70px rgba(0,0,0,.2)}.offer-lockup span{color:#fff0d0}.offer-lockup strong{font-size:clamp(2rem,5vw,4.6rem);line-height:1}.offer-lockup p{max-width:46ch;margin:.45rem 0 0;font-family:system-ui,sans-serif;color:#fff5e7}.campaign-actions{margin-top:1.25rem}.button.is-disabled{opacity:.62;cursor:not-allowed;background:rgba(243,239,229,.16);color:var(--ivory)}.campaign-state{display:inline-flex;margin:.85rem 0 0;padding:.35rem .7rem;border-radius:999px;background:rgba(201,189,151,.12);color:var(--sand);font-family:system-ui,sans-serif;font-size:.84rem}.product-stage{position:relative;isolation:isolate;min-height:590px;border:1px solid var(--line);border-radius:44% 44% 12% 12%;background:radial-gradient(circle at 50% 38%,rgba(219,201,144,.28),transparent 34%),linear-gradient(155deg,rgba(63,101,75,.76),rgba(7,23,20,.36));overflow:hidden}.product-stage:after{content:"";position:absolute;z-index:-1;inset:auto -8% 0;width:116%;height:21%;background:url('/referral/assets/woven-horizontal.png') center/cover no-repeat;opacity:.35}.national-badge{position:absolute;z-index:4;top:1.5rem;right:1.5rem;width:106px;height:auto;filter:drop-shadow(0 12px 20px rgba(0,0,0,.28))}.national-badge-mobile{display:none}.bag-stack{position:absolute;inset:10% 0 0}.bag{position:absolute;bottom:2%;left:50%;width:min(54%,300px);height:auto;filter:drop-shadow(0 24px 22px rgba(0,0,0,.3));transform-origin:bottom center}.bag-one{transform:translateX(-92%) rotate(-8deg) scale(.9);z-index:1}.bag-two{transform:translateX(-50%) scale(1.06);z-index:3}.bag-three{transform:translateX(-8%) rotate(8deg) scale(.9);z-index:2}.offer-mark{position:absolute;z-index:5;left:1.2rem;bottom:1.2rem;display:grid;width:92px;height:92px;place-items:center;border-radius:50%;background:var(--ivory);color:#8d2030;box-shadow:0 16px 35px rgba(0,0,0,.25);line-height:.75}.offer-mark b{font-size:2rem}.offer-mark span{direction:ltr;font:700 .8rem system-ui,sans-serif}.campaign-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem;margin-block:1rem}.campaign-card,.how-card{min-width:0;border:1px solid var(--line);border-radius:1.25rem;padding:clamp(1.25rem,3vw,2rem);background:rgba(7,23,20,.58);box-shadow:0 20px 60px rgba(0,0,0,.13)}.campaign-card h2,.how-card h2{margin:.2rem 0 .8rem;font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.05}.campaign-card>p,.gift-card p,.wallet-note{font-family:system-ui,sans-serif;color:#e4e4d8}.rule-pill{padding:.75rem 1rem;border-inline-start:3px solid var(--gold);background:rgba(178,139,85,.1)}.gift-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.5fr);align-items:center;overflow:hidden}.gift-card img{display:block;width:100%;max-height:270px;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(0,0,0,.35))}.how-card{display:grid;grid-template-columns:.6fr 1.4fr;gap:1.5rem;align-items:start;margin-top:1rem}.how-card .steps{margin:0}.wallet-note{grid-column:1/-1;margin:0;padding-top:1rem;border-top:1px solid var(--line)}.campaign-end{text-align:center;color:var(--sand);font-family:system-ui,sans-serif;margin:2rem 0 0}
@media(max-width:760px){.hero{grid-template-columns:1fr;min-height:auto}.badge-panel{min-height:260px;order:-1}.grid,.staff-actions,.dashboard-grid,.campaign-grid,.how-card,.customer-actions{grid-template-columns:1fr}.choice{grid-template-columns:1fr}.gates{grid-template-columns:repeat(2,1fr)}.site-header{padding-block:.85rem}.hero h1{font-size:clamp(3rem,18vw,5.2rem)}.primary-task{min-height:auto}.status-task{align-items:stretch;flex-direction:column}.status-task form{width:100%;min-width:0}.status-task button{width:100%}.campaign-hero{grid-template-columns:1fr;min-height:auto;padding-top:.5rem}.campaign-copy h1{font-size:clamp(3.5rem,17vw,5.4rem)}.product-stage{min-height:430px}.national-badge{display:none}.national-badge-mobile{display:block;width:82px;height:auto;margin:0 0 1rem}.bag{width:min(58%,245px)}.offer-mark{width:76px;height:76px}.gift-card{grid-template-columns:1.2fr .8fr}.how-card{gap:.5rem}.wallet-benefit{grid-template-columns:minmax(0,1fr) 105px}.wallet-benefit img{max-height:170px}.install-card{grid-template-columns:1fr}.install-card button{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

main:focus{outline:none}.campaign-page,.campaign-hero>*,.campaign-copy,.offer-lockup,.product-stage{width:100%;min-width:0}.campaign-copy h1,.offer-lockup strong,.offer-lockup p,.campaign-card h2{overflow-wrap:anywhere}.offer-lockup strong{font-size:clamp(2rem,4.5vw,4rem);white-space:normal}.national-badge{width:145px}
@media(max-width:760px){.campaign-hero,.campaign-grid,.how-card{grid-template-columns:minmax(0,1fr)}.campaign-copy h1{max-width:100%;font-size:clamp(3rem,15vw,4.8rem)}.offer-lockup strong{font-size:clamp(2rem,10vw,3rem)}.national-badge-mobile{width:118px}.gift-card{grid-template-columns:minmax(0,1.2fr) minmax(100px,.8fr)}}

/* Customer app: compact, mobile-first and intentionally separate from staff/admin UI. */
body[data-view="wallet"],body[data-view="claim"],body[data-view="invite"],body[data-view="online-activate"]{background:linear-gradient(180deg,#0a211d 0,#071714 52%,#06110f 100%);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body[data-view="wallet"] .site-header,body[data-view="claim"] .site-header,body[data-view="invite"] .site-header,body[data-view="online-activate"] .site-header{position:sticky;top:0;z-index:6;max-width:520px;padding:max(.65rem,env(safe-area-inset-top)) 1rem .65rem;border-bottom-color:rgba(243,239,229,.09);background:rgba(7,23,20,.88);backdrop-filter:blur(18px)}
body[data-view="wallet"] .site-header>a img,body[data-view="claim"] .site-header>a img,body[data-view="invite"] .site-header>a img,body[data-view="online-activate"] .site-header>a img{width:38px;height:38px}
body[data-view="wallet"] .campaign-id span,body[data-view="claim"] .campaign-id span,body[data-view="invite"] .campaign-id span,body[data-view="online-activate"] .campaign-id span{font:700 1rem/1 system-ui,-apple-system,sans-serif}
body[data-view="wallet"] .campaign-id small,body[data-view="claim"] .campaign-id small,body[data-view="invite"] .campaign-id small,body[data-view="online-activate"] .campaign-id small{display:none}
body[data-view="wallet"] .site-header .ghost,body[data-view="claim"] .site-header .ghost,body[data-view="invite"] .site-header .ghost,body[data-view="online-activate"] .site-header .ghost{min-height:36px;padding:.35rem .75rem;border-color:rgba(243,239,229,.25);font:700 .78rem system-ui,-apple-system,sans-serif}
body[data-view="wallet"] main,body[data-view="claim"] main,body[data-view="invite"] main,body[data-view="online-activate"] main{max-width:520px;min-height:calc(100vh - 64px);padding:1.15rem 1rem calc(2rem + env(safe-area-inset-bottom))}
body[data-view="wallet"] footer,body[data-view="claim"] footer,body[data-view="invite"] footer,body[data-view="online-activate"] footer{display:none}
.customer-page{width:100%;max-width:488px;margin:0 auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.customer-page h1,.customer-page h2,.customer-page p{overflow-wrap:anywhere}
.customer-page button,.customer-page .button{font:700 .96rem/1.1 system-ui,-apple-system,sans-serif}
.customer-title{margin:.4rem 0 1.5rem}.customer-title p{margin:0 0 .25rem;color:var(--sand);font-size:.72rem;font-weight:800;letter-spacing:.15em}.customer-title h1,.page.customer-page .customer-title h1{max-width:none;margin:0;font:800 clamp(1.75rem,8vw,2.45rem)/1.05 system-ui,-apple-system,sans-serif;letter-spacing:-.035em}.customer-intro{max-width:34ch;margin:-.5rem 0 1.35rem;color:#d2d9d4;font-size:.96rem;line-height:1.55}.customer-form{padding:1rem 0}.customer-form .form-row{gap:.38rem;margin:.8rem 0}.customer-form label span{font-size:.83rem;color:#d9ddd9}.customer-form input{min-height:50px;border-color:rgba(243,239,229,.25);border-radius:.9rem;background:rgba(255,255,255,.07);font-size:1rem}.customer-form>button{width:100%;margin-top:.55rem;background:var(--ivory);color:var(--night)}
.opening-page{display:grid;min-height:65vh;place-items:center}.opening-mark{text-align:center}.opening-mark img{display:block;width:76px;height:76px;margin:0 auto 1rem;border-radius:19px;box-shadow:0 16px 45px rgba(0,0,0,.35)}.opening-mark p{margin:0;color:#e7e9e4;font-weight:700}
.loading{min-height:55vh}.loader{width:26px;height:26px;border:3px solid rgba(243,239,229,.18);border-top-color:var(--ivory);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.customer-greeting{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:.25rem 0 1rem}.customer-greeting p{margin:0 0 .15rem;color:var(--sand);font-size:.73rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.customer-greeting h1,.page.customer-page .customer-greeting h1{max-width:none;margin:0;font:800 clamp(1.45rem,7vw,2rem)/1.1 system-ui,-apple-system,sans-serif;letter-spacing:-.025em}.customer-greeting>span{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:999px;background:rgba(118,211,156,.12);color:#9be3b8;font-size:.72rem;font-weight:800}.customer-greeting>span:before{content:"";width:.42rem;height:.42rem;border-radius:50%;background:#76d39c}
.install-card{display:grid;width:100%;grid-template-columns:42px minmax(0,1fr) auto;gap:.7rem;align-items:center;margin:0 0 .9rem;padding:.72rem;border:1px solid rgba(201,189,151,.28);border-radius:1rem;background:rgba(201,189,151,.09)}.install-card.is-onboarding{border-color:rgba(201,189,151,.62);background:rgba(201,189,151,.14)}.install-card>img{width:42px;height:42px;border-radius:11px}.install-card strong{display:block;font-size:.88rem;line-height:1.15}.install-card span{display:block;margin-top:.18rem;color:#bcc7c0;font-size:.72rem;line-height:1.3}.install-card>button{min-height:38px;padding:.48rem .78rem;border:0;background:var(--ivory);color:var(--night);font-size:.78rem}.install-steps{grid-column:1/-1;margin:0;padding:.65rem .75rem;border-radius:.75rem;background:rgba(243,239,229,.09);color:#e6e9e4;font-size:.78rem;line-height:1.45}
.wallet-benefit{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:.8rem;align-items:center;min-height:160px;margin:0 0 .8rem;padding:1.05rem;border:1px solid rgba(201,189,151,.42);border-radius:1.35rem;background:radial-gradient(circle at 100% 0,rgba(201,189,151,.18),transparent 48%),linear-gradient(145deg,#173a33,#0b2520);box-shadow:0 16px 38px rgba(0,0,0,.2);overflow:hidden}.wallet-benefit p{margin:.62rem 0 .15rem;color:#c7d0c9;font-size:.76rem;font-weight:700}.wallet-benefit h2{margin:0;font:800 clamp(1.28rem,6vw,1.75rem)/1.08 system-ui,-apple-system,sans-serif;letter-spacing:-.025em}.wallet-benefit small{display:block;margin-top:.45rem;color:#dfe5df;font-size:.78rem;line-height:1.35}.wallet-benefit img{display:block;width:100%;height:128px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.32))}.benefit-status{display:inline-flex;margin:0;padding:.32rem .55rem;border-radius:999px;background:#dff7e5;color:#123a25;font-size:.7rem;font-weight:800}.empty-benefit{grid-template-columns:1fr;min-height:118px}
.rate-strip{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .8rem;padding:.72rem .9rem;border:1px solid rgba(243,239,229,.11);border-radius:1rem;background:rgba(255,255,255,.045);color:#dce2dd;font-size:.83rem;font-weight:700}.rate-strip strong{color:var(--ivory);font-size:1.35rem}
.quick-actions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:.8rem 0}.quick-action{display:grid;width:100%;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:.65rem;align-items:center;min-height:92px;margin:0;padding:.82rem;border:1px solid rgba(243,239,229,.13);border-radius:1.1rem;background:rgba(255,255,255,.045);color:var(--ivory);text-align:start;text-decoration:none;box-shadow:none}.quick-action svg{grid-row:1/3;width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.quick-action strong{align-self:end;font-size:.9rem;line-height:1.15}.quick-action span{align-self:start;margin-top:.18rem;color:#acb9b1;font-size:.68rem;font-weight:500;line-height:1.25}.whatsapp-action{grid-column:1/-1;min-height:72px;border-color:rgba(37,211,102,.55);background:#25d366;color:#071714}.whatsapp-action span{color:#0b4522}.whatsapp-action svg{fill:none;stroke:currentColor}.whatsapp-action svg path+path{fill:currentColor;stroke:none}
.action-panel{scroll-margin-top:78px;margin:.8rem 0;padding:1rem;border-radius:1.2rem;background:var(--ivory);color:var(--night);box-shadow:0 20px 55px rgba(0,0,0,.3)}.action-panel[hidden]{display:none}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.panel-head h2{margin:0;font:800 1.15rem/1.15 system-ui,-apple-system,sans-serif}.action-panel>p{margin:.3rem 0 .7rem;color:#41504a;font-size:.83rem}.icon-button{display:grid;place-items:center;width:36px;min-height:36px;padding:0;border:0;background:rgba(7,23,20,.08);color:var(--night);font-size:1.35rem}.action-panel .qr{width:min(100%,245px);margin:.7rem auto;padding:.55rem;border:1px solid #e2ded4}.action-panel .text-button{display:block;margin:.5rem auto 0;color:#28453d}.compact-checkout{display:grid;grid-template-columns:100px minmax(0,1fr);gap:.7rem;align-items:end}.compact-checkout .form-row{gap:.3rem;margin:0}.compact-checkout label span{color:#41504a;font-size:.75rem}.compact-checkout input{min-height:48px;border-color:#9c9278;background:#fff;color:var(--night)}.compact-checkout button{min-height:48px;background:var(--night);color:var(--ivory)}
.account-details{display:block;width:100%;margin:1rem 0 0;padding:.85rem 0;border-top:1px solid rgba(243,239,229,.12);color:#b9c3bd;font-size:.82rem}.account-details summary{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;list-style:none;font-weight:700}.account-details summary::-webkit-details-marker{display:none}.account-details summary:after{content:"+";font-size:1.1rem}.account-details[open] summary:after{content:"−"}.account-details h2{margin:1rem 0 .7rem;font:800 1rem/1 system-ui,-apple-system,sans-serif;color:var(--ivory)}.account-details .history{gap:.55rem;margin:0}.account-details .history li{padding-bottom:.55rem;font-size:.75rem}.text-button{min-height:40px;padding:.35rem .2rem;border:0;background:transparent;color:var(--sand);font-size:.78rem;text-decoration:underline;text-underline-offset:3px}
.customer-choice{gap:.65rem}.customer-choice .benefit{display:grid;place-items:center;min-height:112px;padding:1rem;border:1px solid rgba(243,239,229,.18);border-radius:1rem;background:rgba(255,255,255,.045);text-align:center}.customer-choice .benefit:has(input:checked){border-color:var(--sand);background:rgba(201,189,151,.13)}.customer-choice .benefit>input{inset:.7rem auto auto .7rem}.customer-choice .benefit span{font-weight:800;line-height:1.25}.customer-choice .benefit small{margin-top:.25rem;color:#b9c3bd}.customer-choice .gift-choice img{width:64px;height:64px;margin:0 0 .35rem}
.online-activation-page{padding-top:.8rem}.online-activation-mark{display:grid;place-items:center;width:72px;height:72px;margin:.2rem 0 1.25rem}.online-activation-mark img{display:block;width:72px;height:72px;border-radius:18px;box-shadow:0 16px 42px rgba(0,0,0,.32)}
@media(max-width:330px){.install-card{grid-template-columns:38px minmax(0,1fr)}.install-card>button{grid-column:1/-1;width:100%}.wallet-benefit{grid-template-columns:minmax(0,1fr) 84px}.wallet-benefit img{height:106px}.quick-actions{grid-template-columns:1fr}.whatsapp-action{grid-column:auto}.compact-checkout{grid-template-columns:1fr}}

/* Compact owner dashboard */
.form-help{display:block;color:var(--sage);font:400 .78rem/1.4 system-ui,-apple-system,sans-serif}
body[data-view="owner"] main{max-width:760px;padding-top:1rem}
.owner-page{max-width:700px;margin:auto;font-family:system-ui,-apple-system,sans-serif}
.owner-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin:0 0 1rem}
.owner-head .eyebrow{margin:0 0 .25rem;font-size:.68rem;font-weight:800;letter-spacing:.12em}
.page.owner-page .owner-head h1{max-width:none;margin:0;font:800 clamp(1.65rem,7vw,2.2rem)/1.05 system-ui,-apple-system,sans-serif;letter-spacing:-.035em}
.mode-chip{flex:0 0 auto;padding:.35rem .62rem;border:1px solid rgba(243,239,229,.18);border-radius:999px;background:rgba(178,139,85,.12);color:var(--sand);font-size:.72rem;font-weight:700}
.owner-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-bottom:.75rem}
.owner-metrics article{display:flex;min-width:0;min-height:86px;flex-direction:column;justify-content:space-between;padding:.78rem;border:1px solid rgba(243,239,229,.14);border-radius:.9rem;background:rgba(7,23,20,.48)}
.owner-metrics span{color:#cbd3ce;font-size:.72rem;line-height:1.25;overflow-wrap:anywhere}
.owner-metrics strong{direction:ltr;font-size:1.65rem;line-height:1}
.owner-section{margin:.7rem 0;padding:.95rem;border:1px solid rgba(243,239,229,.14);border-radius:1rem;background:rgba(7,23,20,.48)}
.owner-section h2{margin:0 0 .8rem;font-size:.94rem;line-height:1.2}
.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:.7rem}.section-title small{color:var(--sage);font-size:.7rem}
.source-list{display:grid;gap:.72rem}.source-row>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.28rem}.source-row span{font-size:.79rem}.source-row strong{direction:ltr;font-size:.9rem}.source-track{display:block;height:6px;overflow:hidden;border-radius:99px;background:rgba(243,239,229,.1)}.source-track i{display:block;min-width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--sand))}
.stock-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.stock-list>div{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.65rem .7rem;border-radius:.7rem;background:rgba(243,239,229,.06)}.stock-list span{font-size:.78rem}.stock-list strong{direction:ltr;font-size:1rem}
.owner-history{display:grid;gap:0;margin:0;padding:0}.owner-history li{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.65rem 0;border-bottom:1px solid rgba(243,239,229,.1);list-style:none}.owner-history li:last-child{border:0;padding-bottom:0}.owner-history div{display:grid;min-width:0;gap:.12rem}.owner-history b{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.owner-history span{color:var(--sage);font-size:.68rem;overflow-wrap:anywhere}.owner-history em{flex:0 0 auto;padding:.25rem .45rem;border-radius:999px;background:rgba(243,239,229,.08);color:#cbd3ce;font-size:.65rem;font-style:normal}.owner-history .state-confirmed,.owner-history .state-paid{background:rgba(118,211,156,.13);color:#9de7bb}.owner-history .state-void{background:rgba(255,184,174,.1);color:var(--danger)}
.empty-state{margin:0;color:var(--sage);font-size:.78rem}.review-alert{padding:.75rem .9rem;border-radius:.8rem;background:rgba(255,184,174,.1);color:var(--danger);font-size:.8rem}.system-details{margin:.8rem 0;color:var(--sage);font-size:.72rem}.system-details summary{cursor:pointer}.system-details p{direction:ltr;overflow-wrap:anywhere}.owner-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem;align-items:center;margin-top:.9rem}.owner-actions button,.owner-actions .button{min-height:44px;padding:.6rem .8rem;font-size:.78rem}.owner-actions .text-button{grid-column:1/-1;justify-self:start}
@media(max-width:560px){body[data-view="owner"] main{padding:.8rem .75rem 3rem}.owner-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-metrics article{min-height:76px}.owner-metrics strong{font-size:1.5rem}.owner-section{padding:.85rem}.owner-actions{grid-template-columns:1fr}.owner-actions .button,.owner-actions button{width:100%}.owner-actions .text-button{grid-column:auto}}

/* Customer coffee picker */
.catalogue-panel{padding-bottom:.85rem}.catalogue-loading{min-height:140px;display:grid;place-items:center}.product-checkout{display:grid;gap:.9rem}.product-picker{display:grid;gap:.5rem;max-height:min(52vh,470px);overflow:auto;padding-inline-end:.15rem}.product-row{display:grid;grid-template-columns:54px minmax(0,1fr) 58px;gap:.65rem;align-items:center;margin:0;padding:.55rem;border:1px solid rgba(7,23,20,.11);border-radius:.85rem;background:#fff}.product-row img{display:block;width:54px;height:60px;border-radius:.65rem;object-fit:cover}.product-row>span{display:grid;min-width:0;gap:.18rem}.product-row b{color:var(--night);font-size:.78rem;line-height:1.25;overflow-wrap:anywhere}.product-row small{color:#5d6b65;font-size:.68rem;direction:ltr}.product-row input{width:58px;min-height:42px;padding:.4rem;border:1px solid #a89e87;border-radius:.7rem;background:#fff;color:var(--night);text-align:center;direction:ltr}.product-checkout>button{width:100%;min-height:48px;background:var(--night);color:var(--ivory)}.catalogue-error{padding:.8rem;border-radius:.7rem;background:#f6e7e3;color:#6b251d;font-size:.8rem}
@media(max-width:360px){.product-row{grid-template-columns:46px minmax(0,1fr) 52px;gap:.5rem}.product-row img{width:46px;height:54px}.product-row input{width:52px}}
.pending-checkout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;align-items:center;margin:-.35rem 0 1rem;padding:.8rem;border:1px solid rgba(178,139,85,.5);border-radius:1rem;background:rgba(178,139,85,.12)}.pending-checkout>div{display:grid;gap:.15rem}.pending-checkout strong{font-size:.84rem}.pending-checkout span{color:#d2d9d4;font-size:.72rem}.pending-checkout .button,.pending-checkout button{min-height:42px;padding:.55rem .75rem;font-size:.75rem}.pending-checkout button{grid-column:1/-1;width:100%;background:transparent;color:var(--ivory)}
@media(max-width:380px){.pending-checkout{grid-template-columns:1fr}.pending-checkout .button{width:100%}.pending-checkout button{grid-column:auto}}