:root{--ink:#16313F;--muted:#52687A;--line:#E1EAF0;--bg:#F5FAFD;--card:#fff;--brand:#176D96;--brand2:#2388B8;--brand-dark:#0F5579;--accent:#F7911F;--accent-ink:#3A2100;--accent-soft:#FFF1DD;--ok:#17614A;--okbg:#E3F4EC;--warn:#FFE29A;--bad:#A12323;--badbg:#FBE5E5}
.companion-art>button.companion-touch{position:absolute;display:block;z-index:4;border:0;padding:0;border-radius:15px;background:transparent;box-shadow:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.companion-art>button.companion-touch[hidden]{display:none}.companion-art>button.companion-touch:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.companion-art>button.companion-touch[aria-disabled=true]{cursor:default}.companion-slot-wall{grid-column:1/-1;display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;text-align:left}.companion-slot-wall>.companion-slot-label{grid-column:1/-1}.companion-slot-wall>.companion-shop-thumb,.companion-slot-wall>.companion-slot-empty{grid-row:2/5}.companion-slot-wall>.btn{grid-column:2}.companion-slot-wall>.companion-slot-empty{font-size:1.3rem}
.companion-feeling{display:inline-flex;align-items:center;max-width:100%;padding:5px 10px;border:1px solid #c6dbd0;border-radius:12px;background:#edf6f0;font-size:.74rem;font-weight:600;line-height:1.4;color:#477563;overflow-wrap:anywhere}.companion-feeling[data-condition=attention],.companion-feeling[data-condition=hungry],.companion-feeling[data-condition=thirsty]{color:#875b26;border-color:#ead5b6;background:#fff6e8}.companion-feeling[data-condition=sad],.companion-feeling[data-condition=dirty],.companion-feeling[data-condition=neglected]{color:#657082;border-color:#d8dce6;background:#f1f3f7}

.mascot-layer>.mascot-condition-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;z-index:0}.mascot-layer .mascot-care-status{display:block;border-top:1px solid #cfe0e9;margin-top:7px;padding-top:5px;font-size:.65rem;font-weight:600;color:#55738a}.mascot-layer[data-condition=neglected] .mascot-care-status,.mascot-layer[data-condition=sad] .mascot-care-status{color:#655e7b}
/* Permanent room cosmetics and the separate game wallet. */
.companion-room.companion-room-decorated::before,.companion-room.companion-room-decorated::after{content:none}.companion-scenery,.companion-foreground{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:0}.companion-room-decorated>.companion-art{z-index:1}.companion-foreground{z-index:2}
.card.companion-shop{padding:18px;min-width:0}.companion-shop-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.companion-shop-heading>div{min-width:0}.companion-shop-heading h2{line-height:1.3}.companion-coins{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:center;color:#765015;background:#fff1d3;border:1px solid #f0dca6;padding:7px 10px;border-radius:16px;font-size:.68rem;flex:none}.companion-coins strong{font-size:.92rem}.companion-coin{display:inline-grid;place-items:center;background:#eeb55b;border:2px solid #fbd391;border-radius:50%;width:22px;height:22px;color:#846025;font-size:.65rem;font-weight:800;box-shadow:inset 0 0 0 1px #b88a45}
.companion-shop-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:5px;background:#eef4f4;border-radius:14px;margin:14px 0}.companion-shop-tabs button.btn{font-size:.73rem;padding:10px 4px;min-width:0;line-height:1.25;border-radius:10px;border:1px solid transparent;white-space:normal}.companion-shop-tabs button.btn.selected{background:#fff;border-color:#cee0df;color:#175f7d;box-shadow:0 2px 4px #23494409}
.companion-shop-body{min-width:0}.companion-shop-grid,.companion-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.companion-product{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;padding:7px 7px 11px;border:1px solid #d8e6e5;border-radius:15px;background:#fbfdfb;color:var(--ink);text-align:center;font:inherit;cursor:pointer;overflow:hidden}.companion-product.equipped{border:2px solid #dba65c;padding:6px 6px 10px;background:#fff9ec}.companion-product:focus-visible,.companion-slot button.btn:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.companion-product>strong{font-size:.78rem;line-height:1.35;overflow-wrap:anywhere;margin-top:2px}.companion-product-price{font-size:.72rem;font-weight:650;color:#815720}.companion-product-price.owned{color:#477e6a}.companion-product-action{font-size:.67rem;color:var(--muted)}.companion-shop-thumb{display:block;width:100%;height:auto;aspect-ratio:8/5;border-radius:10px;pointer-events:none}
.companion-slot{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:0;padding:10px;border:1px solid #dce6e4;border-radius:14px;background:#f8fbf8;text-align:center}.companion-slot-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.companion-slot>strong{font-size:.75rem;overflow-wrap:anywhere}.companion-slot button.btn{font-size:.72rem;min-width:0;padding:9px 4px}.companion-slot-empty{display:grid;place-items:center;aspect-ratio:8/5;border:1px dashed #bdcfca;border-radius:10px;color:#9bb3a9;font-size:1.6rem}.companion-coin-rules,.companion-coin-history{border-top:1px solid var(--line);margin-top:16px;padding-top:13px}.companion-shop .companion-coin-history ul{list-style:none;padding:0}.companion-coin-history li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:9px 0;border-bottom:1px solid #e7eeea}.companion-coin-history small{grid-column:1/-1;font-size:.65rem}.companion-product-preview{border-radius:15px;border:1px solid #cedfda;width:100%;flex:none}
@media(max-width:360px){.card.companion-shop{padding:12px}.companion-shop-heading{gap:7px}.companion-coins{font-size:.6rem;padding:6px 8px;max-width:110px}.companion-shop-grid,.companion-slot-grid{gap:8px}.companion-shop-tabs button.btn{font-size:.65rem}.companion-product>strong{font-size:.71rem}}
/* Optional Lolli companion game. All styles are scoped to its own controls. */
.card.companion-entry{display:flex;align-items:center;gap:14px;width:100%;padding:15px 18px;border:1px solid #b9dce9;background:linear-gradient(115deg,#edf8fc,#fff8ea);color:var(--ink);text-align:left;cursor:pointer}
.companion-entry .grow{display:grid;gap:4px}.companion-entry strong{font-size:1rem}.companion-entry .grow>span{font-size:.8rem;color:var(--muted)}
.companion-portrait{width:88px;height:88px;position:relative;flex:none;overflow:hidden}
.companion-portrait img,.companion-portrait canvas{display:block;width:100%;height:100%;object-fit:contain}
.companion-entry .companion-portrait{width:65px;height:58px}
.companion-choice:focus-visible,.companion-entry:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
.companion-main{padding-bottom:24px}.companion-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 20px}.companion-heading h1{font-size:1.45rem;margin:2px 0}.companion-eyebrow{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);margin:0;font-weight:700}
.companion-content{display:grid;gap:16px}.companion-content>.card{margin:0}.companion-content h2{font-size:1.05rem;margin:0}.card.companion-home{padding:0;overflow:hidden;border-color:#c4dfeb}
.companion-pet-title{display:grid;gap:7px;padding:18px 18px 0}.companion-name-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 10px;min-width:0}.companion-name-row h2{margin:0}.companion-pet-tools{display:flex;align-items:center;justify-content:space-between;gap:10px}.companion-pet-tools .companion-level{margin-top:0}.companion-pet-title h2{font-size:1.3rem;overflow-wrap:anywhere}.companion-level{display:inline-block;color:var(--brand);font-size:.72rem;font-weight:700;background:#e8f4f9;border-radius:20px;padding:3px 9px;margin-top:5px}
.companion-speech{margin:14px 18px 0;padding:11px 15px;border:1px solid #dae9ec;border-radius:15px 15px 15px 3px;background:#fff;font-size:.85rem;min-height:48px;position:relative;z-index:3}
.companion-room{height:240px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 82% 20%,#fff9d6 0 28px,transparent 29px),linear-gradient(#e4f5fc 0 70%,#dcebd5 70% 77%,#f5eddb 77%);isolation:isolate}
.companion-room::before{content:'';position:absolute;width:90px;height:130px;border:7px solid #c4dce6;border-radius:44px 44px 3px 3px;left:25px;top:28px;background:linear-gradient(90deg,transparent 46%,#c4dce6 46% 54%,transparent 54%),linear-gradient(transparent 47%,#c4dce6 47% 53%,transparent 53%),#f5fcff;opacity:.8}
.companion-room::after{content:'';position:absolute;width:200px;height:32px;border-radius:50%;background:#ceaa7b33;bottom:10px;left:calc(50% - 100px);z-index:-1}
.companion-room[data-level=garden]{background:radial-gradient(ellipse at 82% 18%,#fff2a8 0 28px,transparent 29px),linear-gradient(#d2f0f7 0 69%,#aed4a5 69% 77%,#e1edce 77%)}
.companion-room[data-animal=fish]{background:radial-gradient(ellipse at 75% 25%,#d0f5fc 0,transparent 65%),linear-gradient(#c4e7f1,#9bd1dd 76%,#ead9ae 77%)}
.companion-room[data-animal=fish]::before{width:90px;height:120px;border:0;left:24px;top:110px;opacity:.6;border-radius:70% 0;background:repeating-linear-gradient(84deg,transparent 0 12px,#6aaf91 13px 19px,transparent 20px 30px);transform:rotate(-12deg)}
.companion-room[data-animal=gecko]{background:linear-gradient(#f3e3c5,#ead3a3 76%,#cfa874 77%)}
.companion-room[data-animal=spider]{background:radial-gradient(ellipse at 25% 10%,#e9e4f4,transparent 75%),linear-gradient(#e8eff8,#cedee8)}
.companion-room[data-animal=spider]::before{width:160px;height:120px;top:0;left:0;border:0;background:repeating-radial-gradient(ellipse at 0 0,transparent 0 19px,#ffffff80 20px 21px,transparent 22px 38px);border-radius:0}
.companion-art{position:absolute;inset:0;height:100%!important}.companion-art .mascot-layer{height:100%;z-index:2}.companion-art .mascot-bubble,.companion-art .mascot-touch{display:none!important}.companion-art .mascot-preview-error{margin:12px;font-size:.8rem}
.companion-art>.companion-animal-canvas,.companion-art>.companion-action-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.companion-art>.companion-action-canvas{z-index:2}.companion-art-error{position:relative;z-index:3;font-size:.8rem;margin:12px}
.companion-art .mascot-layer:not([data-animal=fish]):not([data-animal=gecko]):not([data-animal=spider]) .mascot-cat{width:205px;height:128.125px!important;margin-left:-29px;bottom:20px}
.companion-art .mascot-layer[data-animal=parrot] .mascot-cat{height:160px!important}
.companion-toy{position:absolute;left:21%;bottom:18px;width:22px;height:22px;display:grid;place-items:center;border:4px solid #fff6e9;border-radius:50%;color:#e38624;background:#ec9e42;box-shadow:0 3px 0 #b4ab8b;z-index:3}
.companion-effect{position:absolute;left:calc(50% + 35px);bottom:34px;font-size:2rem;z-index:4;animation:companion-care-effect 2.7s ease-out both}.companion-effect-water,.companion-effect-clean{bottom:95px}.companion-effect-play{animation-name:companion-ball-effect}
@keyframes companion-care-effect{0%{opacity:0;transform:translateY(12px) scale(.7)}20%{opacity:1;transform:translateY(0) scale(1)}75%{opacity:1}100%{opacity:0;transform:translateY(-25px)}}
@keyframes companion-ball-effect{0%{opacity:0;transform:translate(-70px,0) rotate(0)}20%{opacity:1;transform:translate(-45px,-30px) rotate(80deg)}65%{opacity:1;transform:translate(0,0) rotate(220deg)}100%{opacity:0;transform:translate(30px,-15px) rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.companion-effect{animation:none}}
.companion-sleep{position:absolute;right:23%;top:100px;letter-spacing:5px;color:var(--brand);font-size:1.2rem;transform:rotate(-12deg);z-index:3}
.companion-xp{display:flex;align-items:center;gap:10px;padding:13px 16px;background:#fff;font-size:.68rem;color:var(--muted);border-top:1px solid var(--line)}.companion-xp progress{min-width:30px;flex:1;height:7px}.companion-xp>span{flex:none}
.card.companion-meters{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px}.companion-meter>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px;font-size:.8rem}.companion-meter strong{font-size:.75rem;color:var(--brand)}
.companion-content progress{display:block;width:100%;height:9px;border:0;border-radius:10px;background:#e8eff2;accent-color:#4a9bb2;overflow:hidden}.companion-content progress::-webkit-progress-bar{background:#e8eff2;border-radius:10px}.companion-content progress::-webkit-progress-value{background:#4a9bb2;border-radius:10px}.companion-content progress::-moz-progress-bar{background:#4a9bb2;border-radius:10px}.companion-meter.low progress{accent-color:#ec9c3d}.companion-meter.low progress::-webkit-progress-value{background:#ec9c3d}.companion-meter.low progress::-moz-progress-bar{background:#ec9c3d}
.companion-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.companion-care.btn{display:grid;gap:4px;justify-items:center;padding:13px 6px;background:#fff;border:1px solid #c7dfeb;color:var(--brand-dark);min-height:95px}.companion-care>span{font-size:1.5rem;line-height:1.2}.companion-care strong{font-size:.85rem}.companion-care small{font-size:.67rem;font-weight:400;color:var(--muted)}.companion-care:disabled{opacity:.55}
.companion-stock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.companion-stock-grid>div{display:grid;justify-items:center;gap:3px;padding:12px 5px;background:#f1f8fb;border-radius:12px}.companion-stock-grid strong{font-size:1.5rem;color:var(--brand)}.companion-stock-grid span{font-size:.75rem;color:var(--muted)}
.companion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.companion-choice{display:grid;justify-items:center;gap:5px;border:1px solid #d9e5ec;border-radius:15px;background:#fff;padding:12px 5px;color:var(--ink);min-width:0;cursor:pointer}.companion-choice.selected{border:2px solid var(--accent);padding:11px 4px;background:#fff9ef}.companion-choice strong{font-size:.78rem;overflow-wrap:anywhere;max-width:100%}.companion-choice .small{font-size:.65rem;color:var(--muted)}.companion-choice:disabled:not(.selected){opacity:.52}.companion-choice .companion-portrait{max-width:100%}.companion-unlock{background:#ecf8f0;color:#216d4f;border:1px solid #cee9d8}.companion-content summary{font-weight:650;font-size:.85rem;cursor:pointer}.companion-content ul{padding-left:20px;font-size:.8rem}.companion-content .small{line-height:1.5}
@media(max-width:360px){.companion-heading h1{font-size:1.2rem}.companion-choice strong{font-size:.68rem}.companion-grid{gap:6px}.companion-portrait{width:68px;height:65px}.companion-xp{gap:7px;font-size:.6rem}.companion-pet-title{padding:14px 12px 0}.companion-stock .btn{font-size:.78rem}}
.connection-status{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:2px 7px;margin:3px 0;border-radius:20px;background:var(--okbg);color:var(--ok);font-size:.68rem;font-weight:600;line-height:1.4;white-space:nowrap}
.connection-status::before{content:'';width:6px;height:6px;flex:none;border-radius:50%;background:currentColor}
.connection-status[data-mode=offline]{background:var(--accent-soft);color:var(--accent-ink)}
.connection-status[data-mode=checking]{background:var(--line);color:var(--muted)}
.topline .connection-status{margin:0 0 4px;vertical-align:top}.auth-screen .connection-status{display:flex;width:max-content;margin:8px auto 4px}
.offline-banner{padding:16px;margin-bottom:22px;border:1px solid var(--accent);border-radius:18px;background:var(--accent-soft);color:var(--accent-ink)}
.offline-banner p{margin:7px 0}.offline-row{display:flex;align-items:center;gap:15px;min-width:0}.offline-row>.grow{min-width:0}.offline-row h3{overflow-wrap:anywhere}
.offline-photo,.offline-pet-photo{display:flex;align-items:center;justify-content:center;width:72px;height:72px;flex:0 0 72px;overflow:hidden;border-radius:13px;background:var(--bg);color:var(--brand)}
.offline-photo img,.offline-product-photo img{display:block;width:100%;height:100%;object-fit:contain}.offline-pet-photo{border-radius:50%;object-fit:cover}.offline-photo .icon{width:30px;height:30px}.offline-product-photo{display:flex;align-items:center;justify-content:center;overflow:hidden}
.offline-main>h2{margin:26px 0 18px}.offline-main>details>summary{cursor:pointer;overflow-wrap:anywhere}.offline-main>details>summary~*{margin-top:14px}.offline-main .catalog-product-info{min-width:0}.offline-items{padding-left:20px}.offline-items>li+li{margin-top:8px}
.offline-main .offline-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}.offline-main .offline-shortcuts>.btn{width:100%;min-width:0;min-height:64px;flex-wrap:nowrap;gap:8px}.offline-shortcuts>.btn>span{min-width:0;overflow-wrap:anywhere;text-align:center}.offline-shortcuts>.btn>.icon{flex:0 0 22px}
/* 0.24.5: the decorative layer never intercepts navigation or form input. */
.mascot-layer{position:fixed;z-index:41;overflow:hidden;pointer-events:none;contain:layout style}
.mascot-layer[hidden]{display:none}
.mascot-layer .mascot-cat{position:absolute;left:0;bottom:0;width:147px;height:91.875px;pointer-events:none;will-change:transform}
.mascot-layer[data-animal=gecko] .mascot-cat{inset:0;width:100%;height:100%;will-change:auto}
.mascot-layer[data-animal=fish] .mascot-cat{inset:0;width:100%;height:100%;will-change:auto}
.mascot-layer[data-animal=fish] .mascot-bubble{bottom:64px}
.mascot-layer[data-animal=fish] .mascot-touch{width:86px;height:58px}
.mascot-layer[data-animal=spider] .mascot-cat{inset:0;width:100%;height:100%;will-change:auto}
.mascot-layer[data-animal=spider] .mascot-touch{bottom:auto;width:86px;height:78px}
.mascot-layer[data-animal=spider] .mascot-bubble{left:0;top:0;bottom:auto;max-width:min(220px,calc(100% - 130px));transform:translateY(4px);text-align:center}
.mascot-layer[data-animal=spider] .mascot-bubble.is-speaking{transform:translateY(0)}
.mascot-layer[data-animal=spider] .mascot-bubble::after{width:12px;height:12px;left:-7px;top:var(--spider-tail-top,50%);bottom:auto;transform:translateY(-50%) rotate(135deg)}
.mascot-layer[data-animal=gecko] .mascot-bubble{bottom:calc(var(--mascot-rail-overlap,0px) + 60px)}
.mascot-layer[data-animal=gecko] .mascot-touch{bottom:var(--mascot-rail-overlap,0px);height:54px}
.mascot-layer-preview[data-animal=gecko]::after{content:'';position:absolute;left:0;right:0;bottom:44px;border-top:1px solid var(--line);pointer-events:none;z-index:-1}
.mascot-layer .mascot-bubble{position:absolute;left:50%;bottom:104px;width:max-content;max-width:min(300px,calc(100% - 24px));margin:0;padding:12px 16px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 5px 18px #173b4912;color:var(--brand-dark);font-size:15px;line-height:1.45;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .25s,transform .25s,visibility .25s;pointer-events:none}
.mascot-layer .mascot-bubble::after{content:'';position:absolute;width:12px;height:12px;bottom:-7px;left:clamp(16px,calc(50% + 28px),calc(100% - 28px));background:var(--card);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}
.mascot-layer .mascot-bubble.is-speaking{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mascot-preview-stage{position:relative;min-width:0;height:320px;width:100%;overflow:hidden;border-bottom:1px solid var(--line);background:var(--bg)}
.mascot-layer.mascot-layer-preview{position:absolute;inset:0;z-index:1}
.mascot-preview-error{position:relative;z-index:2}
.mascot-editor-actions{gap:10px}
.mascot-bubble-editor{min-width:0;margin:0;padding:16px 0 0;border:0;border-top:1px solid var(--line)}
.mascot-bubble-editor legend{padding:0 8px 0 0;font-weight:700;color:var(--brand-dark)}
@media(prefers-reduced-motion:reduce){.mascot-layer .mascot-bubble{transition:none}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
h1,h2,h3,.btn,.tabs button,.pill{font-family:ui-rounded,"SF Pro Rounded","Nunito","Quicksand",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
h1,h2,h3{margin:0 0 .5rem;line-height:1.2}
h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.05rem}
p{margin:.25rem 0 .75rem}
a{color:var(--brand)}
.muted{color:var(--muted)}.small{font-size:.875rem}.center{text-align:center}
.app{max-width:520px;margin:0 auto;min-height:100vh;padding:16px 16px 96px}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px;margin:0 0 12px;box-shadow:0 1px 0 rgba(23,109,150,.05)}
.hero{background:linear-gradient(135deg,var(--brand-dark),var(--brand) 55%,var(--brand2));color:#fff;border:0}
.hero .big{font-size:3rem;font-weight:800;line-height:1}
.hero .muted{color:#d6ecf7}
.stack>*+*{margin-top:12px}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.row.between{justify-content:space-between}
.grow{flex:1}
label{display:block;font-weight:600;margin:12px 0 4px}
input,select,textarea{width:100%;font:inherit;padding:12px;min-height:48px;border:1px solid #b9cbd8;border-radius:14px;background:#fff;color:var(--ink)}
textarea{min-height:90px}
input[type=checkbox]{width:auto;margin-right:8px;transform:scale(1.3)}
.check{display:flex;align-items:flex-start;gap:4px;font-weight:400;margin:10px 0}
.btn{display:inline-block;border:0;border-radius:14px;padding:13px 18px;min-height:48px;font:inherit;font-weight:700;background:var(--brand);color:#fff;cursor:pointer;text-decoration:none;text-align:center}
.btn.block{display:block;width:100%}
.btn.alt{background:#fff;color:var(--brand);border:2px solid var(--brand)}
.btn.accent{background:var(--accent);color:var(--accent-ink)}
.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}
.btn.danger{background:var(--bad)}
.btn.sm{padding:8px 14px;min-height:40px;font-size:.9rem;border-radius:12px}
.btn:disabled{opacity:.5;cursor:default}
.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #F7911F;outline-offset:2px}
.tabs{border-top:3px solid var(--accent) !important;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:center;padding-bottom:env(safe-area-inset-bottom)}
.tabs div{display:flex;width:100%;max-width:520px}
.tabs button{flex:1;border:0;background:none;padding:10px 2px 12px;font:inherit;font-size:.8rem;color:var(--muted);cursor:pointer}
.tabs button[aria-current=page]{color:var(--brand);font-weight:800}
.tabs .ico{display:block;font-size:1.4rem}
.pill{display:inline-block;padding:2px 10px;border-radius:99px;font-size:.8rem;font-weight:700;background:var(--line);color:var(--muted)}
.pill.ok{background:var(--okbg);color:var(--ok)}.pill.warn{background:var(--warn);color:#6b4b00}.pill.bad{background:var(--badbg);color:var(--bad)}
.msg{padding:12px;border-radius:12px;margin:12px 0}
.msg.ok{background:var(--okbg);color:var(--ok)}.msg.bad{background:var(--badbg);color:var(--bad)}.msg.info{background:#E7F3FA;color:#0F4C6B}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:90px;background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;z-index:50;max-width:90%}
.toast.bad{background:var(--bad)}
.list>*{padding:12px 0;border-top:1px solid var(--line)}.list>*:first-child{border-top:0}
.progress{height:10px;background:rgba(255,255,255,.35);border-radius:99px;overflow:hidden;margin-top:10px}
.progress>span{display:block;height:100%;background:var(--accent);transition:width .4s}
.viewfinder{position:relative;background:#000;border-radius:16px;overflow:hidden;aspect-ratio:1/1}
.viewfinder video{width:100%;height:100%;object-fit:cover}
.code{font-family:ui-monospace,Menlo,monospace;font-size:1.6rem;font-weight:800;letter-spacing:.1em;text-align:center;padding:12px;background:var(--line);border-radius:12px}
.items{width:100%;border-collapse:collapse;font-size:.9rem}.items td{padding:4px 0;vertical-align:top}.items td:last-child{text-align:right;white-space:nowrap}
/* admin */
.wide{max-width:1100px;margin:0 auto;padding:16px}
.topbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.nav{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px}
.nav button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 14px;font:inherit;cursor:pointer}
.nav button[aria-current=page]{background:var(--brand);color:#fff;border-color:var(--brand)}
.tbl{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:.92rem}
.tbl th,.tbl td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.tbl th{background:var(--bg);color:var(--muted);font-weight:700}
.scroll{overflow-x:auto}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.stat b{display:block;font-size:1.8rem}
.hidden{display:none}

/* brend */
.brand{display:block;margin:0 auto 4px;width:190px;max-width:60%;height:auto}
.brand.sm{width:110px;margin:0}
.topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}
.noscroll{overflow:hidden}
.hidden{display:none !important}
/* izbor sa pretragom i prozori */
.picker-btn{display:flex;width:100%;justify-content:space-between;align-items:center;gap:8px;font:inherit;text-align:left;padding:12px;min-height:48px;border:1px solid #b9cbd8;border-radius:14px;background:#fff;color:var(--ink);cursor:pointer}
.picker-btn.empty{color:var(--muted)}
.sheet-back{position:fixed;inset:0;background:rgba(10,30,42,.55);z-index:60;display:flex;align-items:flex-end;justify-content:center}
.sheet{background:#fff;width:100%;max-width:520px;max-height:88vh;border-radius:22px 22px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;overflow:hidden}
.sheet.dlg{overflow:auto}
.sheet-list{overflow:auto;flex:1;min-height:120px;display:flex;flex-direction:column;gap:6px}
.sheet-sec{font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:8px 4px 0}
.opt{display:block;width:100%;text-align:left;font:inherit;padding:13px 14px;min-height:48px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);cursor:pointer}
.opt.sel{background:var(--accent-soft);border-color:var(--accent);font-weight:800}
.dlg-actions{margin-top:6px}.dlg-actions .btn{flex:1}
.dl{margin:8px 0;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:.95rem}.dl dt{color:var(--muted)}.dl dd{margin:0;font-weight:700}
/* ljubimci */
.petcard{display:flex;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fff;margin:0 0 10px}
.petpic{flex:none;width:84px;height:84px;border-radius:50%;background:var(--accent-soft);border:3px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:2.4rem;overflow:hidden}
.petpic img{width:100%;height:100%;object-fit:cover;display:block}
.petpic.lg{width:128px;height:128px;font-size:3.4rem;margin:0 auto 8px}
.petinfo{flex:1;min-width:0}.petinfo b{font-size:1.1rem;display:block}.petinfo .small{margin:1px 0}
.photobar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}
.photobar .btn{padding-left:8px;padding-right:8px}
/* katalog */
.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;margin:0 -2px;-webkit-overflow-scrolling:touch}
.chip{flex:none;border:2px solid var(--line);background:#fff;color:var(--ink);border-radius:99px;padding:8px 14px;min-height:44px;font:inherit;font-weight:700;cursor:pointer}
.chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}
.chip.mine{border-color:var(--accent)}
.chip small{font-weight:600;opacity:.8}
.badge{display:inline-block;padding:2px 10px;border-radius:99px;font-size:.8rem;font-weight:800}
.badge.gift{background:var(--accent-soft);color:#7A4300}.badge.discount{background:#DDF0FA;color:#0F4C6B}
.big-disc{font-size:1.6rem;font-weight:800;color:var(--brand)}
.warnbox{background:var(--accent-soft);border:1px solid var(--accent);border-radius:14px;padding:12px;margin:8px 0}
.linkbox{word-break:break-all;font-family:ui-monospace,Menlo,monospace;font-size:.78rem;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px}
.petline{display:flex;gap:10px;align-items:center}
.petline .petpic{width:44px;height:44px;font-size:1.3rem;border-width:2px}
main>.btn.block{margin-bottom:12px}

/* Lolli 0.3: zajednički ritam, čitljiva polja i ujednačene SVG ikone. */
:root{--bg:#f6fafb;--line:#dce8ec;--accent:#fa951e;--accent-soft:#fff3e3;--brand:#176d96;--brand-dark:#115675;--ink:#173644;--radius:20px}
html{scroll-padding-top:24px}
body{line-height:1.55}
h1,h2,h3{letter-spacing:-.025em;line-height:1.25;margin:0 0 14px}
h1{font-size:1.65rem}h2{font-size:1.22rem}h3{font-size:1.08rem}
p{margin:0 0 14px}p:last-child{margin-bottom:0}
.app{max-width:560px;padding:24px 20px calc(108px + env(safe-area-inset-bottom));min-height:100svh}
.card{padding:22px;border-radius:var(--radius);margin-bottom:18px;box-shadow:0 5px 20px #176d9605}
.card>.card{box-shadow:none;padding:0;border:0;margin:0}
.card>form.card{padding:0;border:0;box-shadow:none}
.stack{display:flex;flex-direction:column;gap:14px}.stack>*+*{margin-top:0}.stack>.card{margin-bottom:0}
.row{gap:12px}.grow{min-width:0}
label{line-height:1.4;margin:0 0 8px;font-size:.93rem;font-weight:650}
form>div:has(>label),.card>div:has(>label){margin-bottom:18px}
form>div:has(>label):last-child{margin-bottom:0}
input,select,textarea,.picker-btn{display:block;min-height:50px;border-color:#c3d6df;border-radius:13px;padding:12px 14px;line-height:1.45;max-width:100%}
textarea{min-height:110px;resize:vertical}
input[type=checkbox]{appearance:auto;min-height:0;width:20px;height:20px;flex:0 0 20px;padding:0;margin:2px 0 0;transform:none;accent-color:var(--brand)}
.check{align-items:flex-start;gap:12px;margin:16px 0;font-size:.9rem;line-height:1.5}
.check>span{min-width:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;border:1px solid transparent;border-radius:13px;line-height:1.3;padding:13px 18px;transition:background .15s,box-shadow .15s}
.btn.block{display:flex;width:100%}.btn.sm{display:inline-flex;min-height:42px;gap:7px}
.btn.alt{border-width:1px}.btn.accent{background:var(--accent);color:#412500}.btn.ghost{background:#fff}
.btn:hover:not(:disabled){box-shadow:0 3px 10px #16313f12}.btn:active:not(:disabled){transform:translateY(1px)}
.icon{display:inline-block;width:22px;height:22px;flex:0 0 22px;vertical-align:middle;pointer-events:none}
.btn.sm .icon{width:18px;height:18px;flex-basis:18px}
.topline{min-height:70px;margin:0 0 22px;gap:20px}.brand.sm{width:114px;max-width:38%;margin:0}
.brand{width:180px;max-width:65%;margin:0 auto 20px}.topline .brand{margin:0}
.brand-name{font-size:1.08rem;font-weight:800;color:var(--brand-dark);letter-spacing:-.02em}.brand-note{font-size:.72rem;color:var(--muted)}
.topline .brand-title{margin-left:auto;text-align:right}.install-link{display:inline-flex;align-items:center;gap:7px;font-size:.85rem;font-weight:700;text-decoration:none}
.hero{position:relative;overflow:hidden;padding:27px 24px;background:var(--brand);border-bottom:4px solid var(--accent)}
.hero .big{font-size:4rem;line-height:1.1;margin:10px 0 4px;letter-spacing:-.05em}.hero .balance-label{display:flex;align-items:center;gap:8px;font-weight:650}
.hero p{margin-top:16px;margin-bottom:0}.hero .progress{margin-top:22px;height:8px}
.tabs{z-index:40;border-top:1px solid var(--line)!important;box-shadow:0 -5px 20px #16313f05;padding-bottom:env(safe-area-inset-bottom);background:#fff}
.tabs div{max-width:560px;gap:2px;padding:6px 8px}
.tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:65px;border-radius:14px;position:relative;font-size:.74rem;padding:8px 2px}
.tabs button[aria-current=page]{color:var(--brand-dark);background:var(--accent-soft)}
.tabs .ico{display:flex;align-items:center;justify-content:center;width:28px;height:27px}.tabs .icon{width:25px;height:25px;flex-basis:25px}
.pill,.badge{display:inline-flex;align-items:center;gap:5px;line-height:1.4;padding:4px 10px;white-space:nowrap}
.pill.ok{background:var(--okbg);color:var(--ok)}.badge.gift{background:var(--accent-soft)}
.list>*{padding:17px 0}.list>*:first-child{padding-top:0}.list>*:last-child{padding-bottom:0}
.list>.row{align-items:center}.list .grow>b{display:block;margin-bottom:4px}.list .grow{flex-basis:180px}
.reward-row{gap:16px;align-items:flex-start!important;flex-wrap:nowrap}.reward-row .reward-info{flex:1;min-width:0}.reward-row .btn{margin-top:8px}
.reward-photo{display:block;width:100%;max-height:280px;object-fit:contain;background:#f8fafb;border:1px solid var(--line);border-radius:16px;margin-bottom:16px}
.reward-row .reward-photo{width:84px;height:84px;flex:0 0 84px;margin:0;border-radius:14px}
.reward-placeholder{display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--brand);border-radius:15px;width:58px;height:58px;margin:0 auto 12px}
.reward-placeholder .icon{width:30px;height:30px;flex-basis:30px}
.reward-success{padding-top:20px;text-align:center}.reward-success h1{font-size:1.6rem}.reward-success .card{padding:28px 22px}.reward-success .code{margin:20px 0}
.code{background:#eaf4f8;color:var(--brand-dark);border:1px dashed #aacbdc;padding:17px 12px;font-size:1.55rem;overflow-wrap:anywhere}
.items td{padding:8px 0;line-height:1.45}.items td:first-child{padding-right:12px}.items tr+tr td{border-top:1px solid #eef3f5}.items a{display:inline-block;margin-top:4px}
.sheet-back{padding:20px;align-items:center;background:#102e40a6;backdrop-filter:blur(3px)}
.sheet{max-height:calc(100dvh - 40px);border-radius:24px;padding:26px;gap:18px;box-shadow:0 20px 70px #102e4033}
.sheet>h2{margin:0}.sheet>div>p{margin-top:14px}.sheet .dl{margin:0 0 16px}.sheet .warnbox{margin:18px 0 0}
.dlg-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:0;align-items:stretch}.dlg-actions .btn{width:100%;min-width:0}
.dl{grid-template-columns:minmax(90px,1fr) minmax(0,1.5fr);gap:9px 18px;line-height:1.45}.dl dd{overflow-wrap:anywhere}
.warnbox{padding:15px 17px;background:#fff5e8;border-color:#f8cf99;line-height:1.5}
.picker{margin-bottom:18px}.picker-btn .icon{width:18px;height:18px;flex-basis:18px;color:var(--muted)}
.petpic .icon{width:43px;height:43px;flex-basis:43px;color:var(--brand)}.petpic.lg .icon{width:65px;height:65px;flex-basis:65px}
.petcard{gap:14px;padding:14px;border-radius:17px}.petcard .petpic{width:70px;height:70px;border-width:2px}.petinfo{overflow-wrap:anywhere}
.photobar{gap:12px;margin:18px 0}.photobar .btn{padding:12px 8px;font-size:.88rem}.petpic.lg{margin-bottom:16px}
.chip{display:inline-flex;gap:7px;align-items:center;padding:9px 13px;border-width:1px}.chip .icon{width:20px;height:20px;flex-basis:20px}
.wide{padding:26px 24px 50px}.wide .topbar{gap:18px;margin-bottom:24px}.topbar .row{gap:16px}.topbar h1{margin:0}
.nav{gap:9px;margin:0 0 24px}.nav button{min-height:42px;display:inline-flex;gap:7px;align-items:center;justify-content:center;border-radius:11px;font-size:.9rem}.nav .icon{width:18px;height:18px;flex-basis:18px}
.wide main>h2{margin:24px 0 16px}.wide main>.row{margin:0 0 18px;align-items:center}.tbl th,.tbl td{padding:13px 14px}.tbl .btn{white-space:nowrap}
.wide .card>.row:last-child{margin-top:18px}.wide form>.btn:last-child,.wide .card>label+.btn{margin-top:4px}
.reward-editor{display:grid;gap:18px}.reward-editor>div,.reward-editor>label{margin:0!important}.editor-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.editor-toolbar .btn{min-height:36px;padding:7px 10px}
.rich-editor{min-height:130px;padding:14px;border:1px solid #c3d6df;border-radius:13px;background:#fff;overflow-wrap:anywhere}.rich-editor:focus{outline:3px solid var(--accent);outline-offset:2px}
.reward-description{overflow-wrap:anywhere;font-size:.9rem;line-height:1.55}.reward-description p{margin:0 0 10px}.reward-description p:last-child{margin:0}.reward-description ul,.reward-description ol{padding-left:22px;margin:8px 0}.reward-description h3{font-size:1rem;margin:10px 0}
.reward-preview{background:var(--bg);padding:20px;border-radius:16px;border:1px dashed #c3d6df}.reward-preview .eyebrow{margin-bottom:14px}
.app-footer{text-align:center;color:var(--muted);font-size:.78rem;padding:20px 4px 4px}.app-footer .btn{margin:12px auto 0}
.auth-screen .card{margin-top:25px}.auth-screen{padding-top:14px}.auth-screen h1{margin-bottom:6px}.auth-screen .auth-switch{margin-top:16px}
.eyebrow{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:800;color:var(--brand);margin-bottom:12px}
.install-app{padding-top:38px;padding-bottom:35px}.install-intro{margin-bottom:26px}.install-intro h1{font-size:2rem}.install-symbol{margin:0 auto;width:64px;height:64px;border-radius:20px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--brand)}.install-symbol .icon{width:36px;height:36px}
.install-steps ol{padding-left:24px;margin:0}.install-steps li{padding-left:6px;margin-bottom:16px}.install-steps li::marker{color:var(--brand);font-weight:800}.highlight{border-color:var(--accent)}
.update-banner{position:sticky;top:0;z-index:45;background:var(--brand-dark);color:#fff;padding:12px 18px;display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:.9rem}
@media(max-width:480px){.app{padding-left:16px;padding-right:16px;padding-top:18px}.card{padding:20px}.sheet-back{padding:14px}.sheet{padding:22px;max-height:calc(100dvh - 28px);gap:18px;border-radius:22px}.dl{font-size:.88rem;gap:9px 14px}.dlg-actions{grid-template-columns:1fr}.dlg-actions .btn.ghost{order:2}.reward-row .reward-photo{width:66px;height:66px;flex-basis:66px}.reward-row{gap:12px}.wide{padding:18px 16px}.wide .topbar>.muted{font-size:.8rem}.topbar .grow{flex-basis:100%}.nav{gap:7px}.nav button{padding:8px 10px}.nav .icon{display:none}.petcard .btn.sm{padding:8px 10px}.petcard .petpic{width:58px;height:58px}.photobar .icon{width:18px;height:18px;flex-basis:18px}.toast{bottom:calc(94px + env(safe-area-inset-bottom))}.install-intro h1{font-size:1.75rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.reward-list-thumb{display:block;width:52px;height:52px;object-fit:contain;border-radius:10px;background:var(--bg);border:1px solid var(--line)}
.reward-row .reward-placeholder{width:66px;height:66px;flex:0 0 66px;margin:0}.reward-info>.badge{margin:6px 0}.reward-info .reward-description{margin:8px 0}.reward-info>b{display:block;line-height:1.4}
.rich-editor p:empty::before{content:'\00a0'}.rich-editor ul{padding-left:24px}.reward-editor .row{gap:12px}.reward-editor .small{margin-top:10px}
.stack>h1,.stack>h2,.stack>h3,.stack>p{margin:0}
.reward-success .card{gap:18px}.reward-success .code{margin:4px 0}
.sheet .reward-photo{max-height:160px}.sheet .warnbox{font-size:.82rem}
.reward-row .reward-placeholder{width:84px;height:84px;flex-basis:84px}
@media(max-width:480px){.reward-row .reward-placeholder{width:66px;height:66px;flex-basis:66px}}
.push-panel{scroll-margin-top:20px}
.push-panel .msg{margin:0}
.msg.good{background:#eaf6f2;color:#185b46;border-color:#b8d8ce}
.push-preview{border:1px solid var(--line);border-radius:18px;background:#f0f6f8;padding:18px;overflow-wrap:anywhere}
.push-message{align-items:flex-start;gap:14px}
.push-message p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.push-mark{display:flex;align-items:center;justify-content:center;flex:0 0 42px;height:42px;border-radius:12px;background:#fff0dd;color:#176d96}
.push-counts{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.85rem;color:#506979}

/* Lolli 0.4: uvod, katalog i zasebne Akcije. */
.lolli-intro{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--paper,#f6fafb);pointer-events:none;transition:opacity .25s ease;animation:lolli-intro-safety 0s 6.3s forwards}
.intro-pets{position:absolute;inset:0;display:grid;place-items:center;animation:lolli-pets-out .3s 3.85s both}
.intro-pets-art{display:block;width:min(360px,86vw);max-height:75vh;height:auto;overflow:visible}
.intro-dog-tail{transform-origin:247px 840px;animation:lolli-tail-wag .55s ease-in-out 7 alternate}
.intro-cat{transform-origin:1150px 972px;animation:lolli-cat-nuzzle 4.4s ease-in-out both}
.intro-brand{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}
.intro-name{font-size:clamp(1.8rem,7vw,2.7rem);font-weight:900;color:var(--brand);text-align:center;animation:lolli-rise .55s 4s both}
.intro-tagline{font-size:clamp(1rem,4vw,1.3rem);font-weight:650;color:var(--accent);text-align:center;animation:lolli-rise .55s 4.15s both}
.lolli-intro img{width:230px;max-width:65vw;height:auto;margin-top:14px;animation:lolli-rise .55s 4.3s both}
.lolli-intro.leaving{opacity:0}
@keyframes lolli-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes lolli-tail-wag{from{transform:rotate(-12deg)}to{transform:rotate(14deg)}}
@keyframes lolli-cat-nuzzle{0%,12%,100%{transform:translateX(0) skewX(0deg) rotate(0deg)}35%{transform:translateX(-36px) skewX(3deg) rotate(-1deg)}55%{transform:translateX(-44px) skewX(2deg) rotate(-.6deg)}75%{transform:translateX(-10px) skewX(-.3deg) rotate(.5deg)}}
@keyframes lolli-pets-out{to{opacity:0;transform:translateY(-8px) scale(.98);visibility:hidden}}
@keyframes lolli-intro-safety{to{opacity:0;visibility:hidden}}
.tabs div{padding-inline:4px;gap:0}.tabs button{min-width:0;min-height:64px;flex:1 1 0;font-size:.68rem;gap:5px}.tabs .ico{width:25px}.tabs .icon{width:23px;height:23px}
.brand-name{font-size:1.2rem}.brand.sm{background:transparent}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid>div{min-width:0}
.action-editor>div{margin-bottom:0!important}.lookup-box{padding:20px;background:var(--accent-soft);border:1px solid var(--line);border-radius:16px}
.action-editor label{display:block;margin-bottom:8px}.action-editor input,.action-editor select,.action-editor textarea{max-width:100%}
.product-photo,.product-placeholder{width:86px;height:86px;object-fit:contain;flex:0 0 86px;border-radius:14px;background:#fff;border:1px solid var(--line);padding:6px}
.product-placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted)}.product-photo.compact,.product-placeholder.compact{width:55px;height:55px;min-width:55px}
.catalog-product{align-items:center;padding:18px 0;border-bottom:1px solid var(--line);gap:16px}.catalog-product:last-child{border-bottom:0}.catalog-product .grow{min-width:0;overflow-wrap:anywhere}
.catalog-price{font-weight:800;color:var(--brand);margin:7px 0}.product-link{font-size:.8rem;display:inline-flex;align-items:center;gap:6px}.product-link .icon{width:16px;height:16px}
.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;margin-top:24px}.action-card{overflow:hidden;scroll-margin-top:20px}.action-card h2{font-size:1.3rem;margin:0}.action-card>p{margin:0}
.product-photo.action-photo,.product-placeholder.action-photo{width:100%;height:200px;flex:auto;object-fit:contain;padding:12px}.action-copy{white-space:pre-wrap;overflow-wrap:anywhere}.action-prices{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.action-prices strong{color:var(--brand);font-size:1.45rem}
.media-thumb{width:140px;height:110px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#fff}.media-preview{min-height:36px}.media-upload .row{flex-wrap:wrap}.push-photo{width:56px;height:56px;object-fit:cover;flex:0 0 56px;border-radius:12px;border:1px solid var(--line)}
.barcode-video{display:block;width:100%;max-height:40vh;object-fit:contain;background:#102e3d;border-radius:14px}.action-buttons{flex-wrap:wrap;gap:12px}
@media(max-width:480px){.form-grid{grid-template-columns:1fr}.lookup-box{padding:16px}.catalog-product{gap:12px}.product-photo,.product-placeholder{width:70px;height:70px;flex-basis:70px}.brand-name{font-size:1.08rem}.tabs button{font-size:.64rem}.action-buttons>.btn{width:100%}.action-card .between{gap:8px}}
@media(prefers-reduced-motion:reduce){.intro-name,.intro-tagline,.lolli-intro img{animation:none}.intro-pets{display:none}.lolli-intro{transition:none;animation:lolli-intro-safety 0s .3s forwards}}

/* 0.5: ljubimci u zaglavlju i sažete kartice Akcija. */
.topline{display:grid;grid-template-columns:minmax(0,1fr) clamp(48px,18vw,68px) max-content;gap:10px;align-items:center}
.topline .brand.sm{width:100%;max-width:110px;height:auto;min-width:0}.topline .brand-title{min-width:0;margin-left:0;text-align:right}.topline .brand-name{font-size:clamp(.94rem,4.3vw,1.18rem);white-space:nowrap}.topline .brand-note{font-size:clamp(.67rem,2.9vw,.82rem);white-space:nowrap}
.header-pet{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;width:100%;max-width:68px;justify-self:center;overflow:hidden;border:2px solid #fff;border-radius:50%;padding:0;background:var(--accent-soft);box-shadow:0 0 0 2px #f7911f44;cursor:pointer;isolation:isolate}
.header-pet>.icon{width:50%;height:50%;color:var(--brand)}.header-pet-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity 1s ease-in-out;opacity:1}
.header-pet-photo.is-leaving{opacity:0}.header-pet-photo.is-arriving{opacity:0}.header-pet:focus-visible{outline:3px solid var(--brand);outline-offset:4px}
.action-compact{display:block!important;padding:16px;margin-bottom:12px;scroll-margin-top:16px}.action-summary{list-style:none;display:flex;align-items:center;gap:13px;cursor:pointer;min-height:80px}.action-summary::-webkit-details-marker{display:none}.action-summary::marker{content:''}
.product-photo.action-summary-photo,.product-placeholder.action-summary-photo{width:80px;height:80px;flex:0 0 80px;padding:5px;object-fit:contain;border-radius:12px}.action-summary-info{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.action-summary-title{font-size:1rem!important;line-height:1.35;margin:0!important;font-weight:800;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.action-meta{flex-wrap:wrap;gap:7px}.action-meta .badge{display:inline-flex;gap:5px;align-items:center}.action-meta .badge .icon{width:14px;height:14px;flex-basis:14px}.action-duration{font-size:.68rem}.action-expand-mark{display:flex;flex:0 0 18px;color:var(--brand);transition:transform .2s}.action-expand-mark .icon{width:18px;height:18px;flex-basis:18px}
.action-compact[open] .action-expand-mark{transform:rotate(180deg)}.action-expanded{border-top:1px solid var(--line);padding-top:18px;margin-top:16px}.action-expanded .action-copy{margin:0;line-height:1.6}.action-expanded .btn{font-size:.85rem}
#profil-ljubimci{scroll-margin-top:16px}.phone-required-note{margin-bottom:16px}.catalog-loading{padding:14px 0}.actions-grid .action-compact{margin-bottom:0}
.profile-update{align-items:center;text-align:center;gap:16px}.profile-update>.btn{width:100%;justify-content:center}
.category-navigation{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;align-items:center;margin-bottom:20px}.category-navigation .chips{min-width:0;margin:0;padding:2px 0;scrollbar-width:none;scroll-snap-type:x proximity}.category-navigation .chips::-webkit-scrollbar{display:none}.category-navigation .chip{scroll-snap-align:start}.category-arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--brand);cursor:pointer}.category-arrow:disabled{opacity:.3;cursor:default}.category-arrow:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.category-arrow .icon{width:20px;height:20px}
@media(max-width:360px){.topline{gap:8px}.header-pet{max-width:56px}.action-compact{padding:12px}.action-summary{gap:10px}.product-photo.action-summary-photo,.product-placeholder.action-summary-photo{width:64px;height:64px;flex-basis:64px}.action-summary-title{font-size:.92rem!important}.action-meta{gap:5px}.action-duration{font-size:.63rem}.action-meta .badge{font-size:.62rem}.action-expand-mark{flex-basis:15px}.action-expand-mark .icon{width:15px;height:15px;flex-basis:15px}}
@media(prefers-reduced-motion:reduce){.header-pet-photo,.action-expand-mark{transition:none}.header-pet-photo.is-leaving,.header-pet-photo.is-arriving{filter:none;transform:none}}
/* 0.6: puna širina kategorija, jasni ciljevi i privatno sanduče. */
.category-navigation{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;margin:16px 0 20px}
.category-navigation>.chips{width:100%;max-width:100%;margin:0;min-height:46px}.category-controls{display:flex;align-items:center;justify-content:center;gap:18px}.category-navigation .chip{gap:7px}.category-navigation .chip>.icon:last-child:not(:first-child){width:14px;height:14px;flex-basis:14px}
.catalog-trail{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:16px 0 8px;font-size:.8rem;line-height:1.5}.catalog-trail button{border:0;background:transparent;padding:4px 1px;min-height:32px;color:var(--brand);font:inherit;text-align:left;cursor:pointer}.catalog-trail [aria-current=page]{font-weight:800}.catalog-back{margin:2px 0 0}
.catalog-product{display:grid;grid-template-columns:80px minmax(0,1fr);gap:14px;padding:18px 0;border-bottom:1px solid var(--line);align-items:start}.catalog-product-info{display:flex;flex-direction:column;gap:8px;min-width:0;overflow-wrap:anywhere}.catalog-product-info>b{line-height:1.4}.catalog-price{color:var(--brand);font-size:1rem}.catalog-product .product-photo,.catalog-product .product-placeholder{width:80px;height:80px;object-fit:contain;border-radius:12px;background:#fff;padding:5px;border:1px solid var(--line)}.product-link{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;min-height:40px;font-size:.8rem;white-space:nowrap}.product-link .icon{width:16px;height:16px;flex-basis:16px}
.home-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.home-shortcuts>.btn{padding:13px 10px;flex-wrap:wrap;font-size:.84rem;min-height:64px;gap:7px}.shortcut-count{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;padding:0 6px;border-radius:50px;background:var(--brand);color:#fff;font-size:.72rem}
.goal-card{margin:18px 0}.goal-card h3{margin:0}.goal-preview{display:grid;grid-template-columns:76px minmax(0,1fr);gap:15px;align-items:center}.goal-preview img,.goal-option img,.goal-symbol{width:76px;height:76px;object-fit:contain;border-radius:12px;background:var(--bg);border:1px solid var(--line);padding:6px}.goal-preview strong,.goal-option strong{line-height:1.45;overflow-wrap:anywhere}.goal-symbol{display:flex;align-items:center;justify-content:center;color:var(--brand)}.goal-symbol .icon{width:35px;height:35px}.goal-options{display:flex;flex-direction:column;gap:16px}.goal-option{display:grid;grid-template-columns:66px minmax(0,1fr);gap:14px;border:1px solid var(--line);border-radius:14px;padding:14px}.goal-option img,.goal-option .goal-symbol{width:66px;height:66px}.goal-option p{margin:9px 0}.goal-option .btn{width:100%;margin-top:2px}.goal-card .progress{height:10px}.goal-card>.small{margin:0}
.inbox-list{margin:20px 0}.inbox-message{border-left:4px solid transparent}.inbox-message.unread{border-left-color:var(--accent)}.inbox-content{display:flex;gap:14px;align-items:flex-start}.inbox-content>div{min-width:0}.inbox-content h3{line-height:1.4;margin:0 0 10px}.inbox-content p{line-height:1.6;margin:0;overflow-wrap:anywhere}.inbox-image{width:72px;height:72px;flex:0 0 72px;object-fit:contain;background:#fff;border-radius:12px}.push-invitation .install-symbol{margin:0 auto}.push-invitation p{line-height:1.65;text-align:center}
.report-picker{max-width:420px;display:grid;gap:12px}.report-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));margin:20px 0;gap:14px}.report-stat{display:flex;flex-direction:column;gap:12px;align-items:flex-start;text-align:left;padding:20px}.report-stat>b{font-size:1.55rem;line-height:1.2;overflow-wrap:anywhere}.report-stat>.small{line-height:1.5}.report-notes{margin:22px 0}.report-notes p{margin:0;line-height:1.7}.tbl caption{text-align:left;font-weight:800;padding:12px 0 18px}
@media(max-width:360px){.home-shortcuts{gap:8px}.home-shortcuts>.btn{font-size:.77rem;padding:12px 7px}.catalog-product{grid-template-columns:64px minmax(0,1fr);gap:11px}.catalog-product .product-photo,.catalog-product .product-placeholder{width:64px;height:64px}.catalog-product-info>b{font-size:.86rem}.product-link{font-size:.74rem;gap:5px}.inbox-image{width:52px;height:52px;flex-basis:52px}.goal-option{grid-template-columns:52px minmax(0,1fr);gap:10px;padding:11px}.goal-option img,.goal-option .goal-symbol{width:52px;height:52px}.report-grid{grid-template-columns:1fr}}

/* 0.7: admin organized around work at the till. */
.admin-shell{display:grid;grid-template-columns:225px minmax(0,1fr);gap:24px;align-items:start;padding:18px 0}.admin-main{min-width:0;padding:0!important}.admin-sidebar{position:sticky;top:16px;display:flex;flex-direction:column;gap:20px;background:var(--card);padding:18px;border:1px solid var(--line);border-radius:18px}.admin-sidebar h2{font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.admin-sidebar section{display:flex;flex-direction:column;gap:4px}.admin-sidebar button{border:0;border-radius:9px;text-align:left;background:transparent;padding:10px 12px;color:var(--ink);font:inherit;font-size:.88rem;cursor:pointer}.admin-sidebar button[aria-current=page]{background:var(--brand);color:#fff;font-weight:700}.admin-sidebar button:hover:not([aria-current=page]){background:var(--bg)}.admin-mobile-nav{display:none}.admin-quick{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.admin-quick .btn{flex:1;min-height:66px}.admin-main .row{gap:12px}.admin-main .card{margin-bottom:18px}.admin-main details>summary{cursor:pointer;font-weight:700;padding:10px 0}.admin-main details[open]>summary{margin-bottom:14px}.admin-main .form-grid{margin-bottom:16px}.admin-main .actions-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr))}.admin-action-details>summary{font-size:1.12rem}.admin-main .topbar{gap:12px}.reward-qr{display:flex;justify-content:center;padding:12px 0}.reward-qr img{display:block;max-width:100%;height:auto;background:#fff;image-rendering:pixelated}.admin-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.admin-filters label{display:block;margin-bottom:8px}.admin-main .stack>.btn{align-self:start}.admin-main .btn:focus-visible,.admin-sidebar button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:850px){.admin-shell{grid-template-columns:minmax(0,1fr);padding-top:16px}.admin-sidebar{display:none}.admin-mobile-nav{display:block;width:100%;margin-top:18px}.admin-quick .btn{flex-basis:100%;min-height:48px}.admin-main .admin-filters{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.admin-main .admin-filters{grid-template-columns:1fr}.wide>.topbar{flex-wrap:wrap}.wide>.topbar h1{font-size:1.05rem}}

.pos-row{display:flex;gap:16px;align-items:center}.pos-row>.grow{min-width:0;overflow-wrap:anywhere}

.pos-confirm{margin-bottom:18px}

.intro-tracks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:var(--brand);fill:var(--brand)}.intro-tracks .track{opacity:0;animation:lolli-print .9s both}.intro-brand,.intro-pets{z-index:1}@keyframes lolli-print{0%{opacity:0}15%,65%{opacity:.22}100%{opacity:0}}
.intro-tracks .track-0-0{animation-delay:3.8s}
.intro-tracks .track-0-1{animation-delay:3.9s}
.intro-tracks .track-0-2{animation-delay:4.0s}
.intro-tracks .track-0-3{animation-delay:4.1s}
.intro-tracks .track-0-4{animation-delay:4.2s}
.intro-tracks .track-0-5{animation-delay:4.3s}
.intro-tracks .track-0-6{animation-delay:4.4s}
.intro-tracks .track-0-7{animation-delay:4.5s}
.intro-tracks .track-1-0{animation-delay:4.3s}
.intro-tracks .track-1-1{animation-delay:4.4s}
.intro-tracks .track-1-2{animation-delay:4.5s}
.intro-tracks .track-1-3{animation-delay:4.6s}
.intro-tracks .track-1-4{animation-delay:4.7s}
.intro-tracks .track-1-5{animation-delay:4.8s}
.intro-tracks .track-1-6{animation-delay:4.9s}
.intro-tracks .track-1-7{animation-delay:5.0s}
.intro-tracks .track-2-0{animation-delay:4.8s}
.intro-tracks .track-2-1{animation-delay:4.9s}
.intro-tracks .track-2-2{animation-delay:5.0s}
.intro-tracks .track-2-3{animation-delay:5.1s}
.intro-tracks .track-2-4{animation-delay:5.2s}
.intro-tracks .track-2-5{animation-delay:5.3s}

.catalog-toolbar{display:grid;gap:14px}.catalog-toolbar .btn{justify-self:start}.catalog-drawer{position:fixed;inset:0 auto 0 0!important;width:min(370px,90vw)!important;max-height:100%!important;border-radius:0 22px 22px 0!important;padding:24px!important;overflow:auto}.category-drawer-content{display:flex;flex-direction:column;gap:10px}.category-drawer-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.category-drawer-item>span:first-of-type{flex:1}.category-drawer-item[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.collect-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px}.collect-card{display:flex;flex-direction:column;gap:12px;margin:0}.collect-square{aspect-ratio:1;background:#fff;border-radius:16px;display:grid;place-items:center;overflow:hidden}.collect-square img{width:100%;height:100%;object-fit:contain;padding:12px}.collect-card progress{width:100%;height:16px;accent-color:var(--brand)}.collect-counter{color:var(--brand)}.collect-section{margin:20px 0}.collect-section h2{margin-bottom:16px}@media(prefers-reduced-motion:reduce){.intro-tracks{display:none}}

.catalog-drawer{animation:lolli-drawer-in .18s ease-out}@keyframes lolli-drawer-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.catalog-drawer{animation:none}}

/* 0.8.1: centered sections, compact collect programs and edge controls. */
.home-main{display:flex;flex-direction:column;gap:16px}.home-main>.card{margin:0}.home-main>.home-shortcuts{margin:0}.home-main>#nagrade{display:grid;gap:24px}
.home-main .home-section{margin:12px 0 4px;padding-top:24px;border-top:1px solid var(--line)}
.home-main .reward-section{padding:24px 16px 16px;border:1px solid var(--line);margin:0;box-shadow:0 4px 18px rgba(23,109,150,.04)}
.home-section-title{text-align:center;color:var(--brand-dark);font-size:1.2rem;line-height:1.35;font-weight:800;letter-spacing:.01em;margin:0 0 18px}
.home-section-title:after{content:'';display:block;width:40px;height:3px;border-radius:4px;background:var(--accent);margin:10px auto 0}
.home-section-note{text-align:center;font-size:.8rem;color:var(--muted);margin:-6px 0 18px}
.collect-refresh{justify-content:center;margin-top:12px}
.home-action-section:empty{display:none}.home-action-section>.home-section-title{margin-top:0}.home-main .reward-row{gap:14px;padding:16px 0;align-items:flex-start}.home-main .reward-info{min-width:0}.home-main .reward-info .btn{margin-top:8px}.home-main .reward-info .badge{display:inline-block;margin-top:7px}.home-main .reward-info p{margin:8px 0 0}
.app .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.3}.app .btn.block{display:flex}.app .dlg-actions{gap:12px}.home-main .btn:not(.sm):not(.edge-tab){min-height:48px}.home-main>.btn{margin:0}
.edge-tab{position:fixed!important;right:0;top:44%;z-index:25;display:flex!important;flex-direction:column;gap:6px!important;min-height:84px!important;width:34px;padding:10px 6px!important;border-radius:16px 0 0 16px!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:-3px 3px 14px rgba(15,85,121,.18);background:var(--brand-dark)!important;color:#fff!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important;writing-mode:vertical-rl;text-orientation:mixed;transform:none}
.edge-tab svg{width:18px;height:18px;flex-shrink:0}.home-info-tab{min-height:76px!important;writing-mode:horizontal-tb}
.catalog-trail{padding-right:20px}.catalog-product-info{padding-right:16px}.catalog-product{margin-bottom:12px}.catalog-toolbar{margin-bottom:20px}.category-drawer-content{padding-top:12px}.category-drawer-item{min-height:48px}
.info-drawer{position:fixed;inset:0 0 0 auto!important;width:min(390px,92vw)!important;max-height:100%!important;border-radius:22px 0 0 22px!important;padding:24px!important;overflow:auto;animation:lolli-info-in .2s ease-out}.info-drawer>h2{text-align:center;color:var(--brand-dark);margin-bottom:24px}.loyalty-info h3{color:var(--brand-dark);margin-top:24px}.loyalty-info p{line-height:1.65}.info-intro{padding:16px;background:#eef7fc;border-radius:14px}.info-drawer .dlg-actions{margin-top:24px}
@keyframes lolli-info-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
.collect-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.collect-tile{min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);font:inherit;text-align:center;cursor:pointer;box-shadow:0 3px 10px rgba(23,109,150,.04);transition:border-color .15s,box-shadow .15s}
.collect-tile:hover{border-color:var(--brand);box-shadow:0 4px 14px rgba(23,109,150,.12)}.collect-tile:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.collect-tile-goal{font-size:.74rem;font-weight:800;color:var(--brand-dark)}.collect-tile-photo{display:grid;place-items:center;width:100%;aspect-ratio:1;background:#f5fafd;border-radius:12px;overflow:hidden}.collect-tile-photo img{width:100%;height:100%;object-fit:contain;padding:6px}.collect-photo-fallback{display:grid;place-items:center;color:var(--brand);width:100%;height:100%;min-height:60px}.collect-photo-fallback svg{width:32px;height:32px}.collect-tile-name,.collect-tile-prize{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-size:.73rem;line-height:1.35;width:100%}.collect-tile-name{font-weight:750;min-height:2.7em}.collect-tile-prize{color:var(--muted);min-height:2.7em}.collect-tile progress{display:block;width:100%;height:8px;margin-top:auto;accent-color:var(--brand)}.collect-tile-status{font-size:.72rem;font-weight:800;color:var(--brand);min-height:1.3em}.collect-detail-photo{width:min(230px,100%);aspect-ratio:1;display:grid;place-items:center;margin:8px auto 20px;border-radius:18px;background:#f5fafd;overflow:hidden}.collect-detail-photo img{width:100%;height:100%;object-fit:contain;padding:12px}.collect-detail progress{width:100%;height:14px;accent-color:var(--brand)}.collect-detail .collect-counter{display:block}.collect-free-note{padding:14px;background:#edf8f3;border-radius:12px;color:var(--ok)}
@media(max-width:360px){.collect-tiles{gap:7px}.collect-tile{padding:10px 6px;gap:6px}.home-section-title{font-size:1.1rem}.edge-tab{width:32px;padding:9px 5px!important}.home-main .reward-row{gap:10px}}
@media(prefers-reduced-motion:reduce){.info-drawer{animation:none}.collect-tile{transition:none}}


.collect-detail-photo{flex-shrink:0}.loyalty-info,.collect-detail{flex-shrink:0}

.collect-upcoming{cursor:default;background:linear-gradient(160deg,#fff,#f0f7fb);border-style:dashed;box-shadow:none;justify-content:flex-start}.collect-upcoming:hover{border-color:var(--line);box-shadow:none}.collect-upcoming .collect-tile-status{font-size:.9rem;margin:2px 0}.collect-upcoming .collect-tile-prize{line-height:1.5}.collect-upcoming .collect-tile-photo{background:#eaf4f9}
.home-info-tab{padding:10px 3px!important;font-size:10px!important;letter-spacing:0}

/* 0.9.0 shared drawers: horizontal motion, content starts at its first line. */
.sheet.lolli-drawer{--drawer-gap:20px;position:fixed!important;inset:var(--drawer-gap) 0 var(--drawer-gap) auto!important;width:min(520px,calc(100vw - var(--drawer-gap)))!important;max-width:none!important;max-height:none!important;height:auto!important;border-radius:22px 0 0 22px!important;padding:26px!important;overflow:auto!important;overscroll-behavior:contain;scroll-behavior:auto;align-items:stretch}
.sheet.lolli-drawer>*{flex-shrink:0}.sheet.lolli-drawer>h2{line-height:1.35;color:var(--brand-dark);text-align:center;margin-bottom:8px}.sheet.lolli-drawer .dlg-actions{margin-top:22px}.sheet.lolli-drawer:focus{outline:none}

.edge-rail{position:fixed;right:0;top:37%;z-index:25;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.edge-rail>.edge-tab{position:relative!important;inset:auto!important;flex-shrink:0}.edge-rail .page-info-handle,.drawer-shell .page-info-handle{background:var(--brand-dark)!important;writing-mode:horizontal-tb;font-size:10px!important;padding:10px 3px!important;min-height:68px!important}.edge-rail .category-edge,.drawer-shell .category-edge{background:var(--accent)!important;color:var(--accent-ink)!important;display:flex;align-items:center;justify-content:center;min-height:110px!important;writing-mode:vertical-rl;text-align:center;font-weight:800!important}
.formatted-info{line-height:1.7;overflow-wrap:anywhere}.formatted-info>p:first-child{margin-top:0}.formatted-info h3,.formatted-info h4{color:var(--brand-dark);margin:24px 0 12px}.formatted-info ul,.formatted-info ol{padding-left:24px;margin:14px 0 20px}.formatted-info li{padding-left:4px;margin:12px 0}.formatted-info p{margin:12px 0 18px}.info-color-blue{color:var(--brand)}.info-color-orange{color:#b95b00}.info-color-green{color:var(--ok)}.info-color-red{color:var(--bad)}.info-color-muted{color:var(--muted)}
.info-editor{min-height:280px;line-height:1.65;max-height:540px;overflow:auto}.info-editor-actions{gap:12px;margin-top:18px}.info-color-picker{width:auto;min-width:150px;min-height:42px}.info-editor ul,.info-editor ol{padding-left:28px}.info-editor li{margin:8px 0}.page-info-content{flex-shrink:0}.page-info-content:focus{outline:none}
.collect-prize{display:flex;flex-direction:column;gap:8px;padding:18px;background:var(--accent-soft);border-radius:16px;margin-bottom:20px}.collect-prize strong{font-size:1.25rem;color:var(--brand-dark)}.collect-tile-status{margin-top:auto}.collect-tile progress{margin-top:6px}
.product-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:5px 0}.potential-hearts,.earned-hearts{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;font-weight:800}.potential-hearts{color:var(--ink);font-size:.85rem;background:#fff5e8;border-radius:9px;padding:4px 7px}.potential-hearts .icon{color:var(--accent);fill:none;stroke-width:2;width:19px;height:19px;flex-basis:19px}.earned-hearts{color:var(--brand);padding:4px 0}.earned-hearts .icon{fill:none;width:20px;height:20px;flex-basis:20px;stroke-width:2}.purchased-label{font-size:.86rem;color:var(--muted);margin:18px 0 8px}.header-pet{border:1px solid var(--accent);box-shadow:none;background:var(--accent-soft)}
.profile-main{display:flex;flex-direction:column;gap:18px}.profile-main>.card{margin-bottom:0}.profile-main .card>h3,.profile-main form>h3,.profile-main .card>h2{color:var(--brand-dark);text-align:center;font-size:1.2rem;font-weight:800;line-height:1.35;margin:0 0 22px}.profile-main .card>h3:after,.profile-main form>h3:after,.profile-main .card>h2:after{content:'';display:block;width:40px;height:3px;border-radius:4px;background:var(--accent);margin:10px auto 0}.profile-main .home-section-title:after{content:''}.profile-main .home-section-title{margin-bottom:22px}
.admin-menu-trigger{display:none!important}.admin-drawer-groups{display:flex;flex-direction:column;gap:14px}.admin-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;border:1px solid var(--line);border-radius:13px;background:var(--bg);padding:17px 14px;color:var(--brand-dark);font:inherit;font-weight:800;cursor:pointer;text-align:left}.admin-group-toggle[aria-expanded=true]{background:var(--brand-dark);color:#fff}.admin-group-toggle[aria-expanded=true] .icon{transform:rotate(180deg)}.admin-group-items{padding:12px 0 2px}.admin-group-items[hidden]{display:none}.admin-group-items>.btn{margin:0 0 9px;display:flex;text-align:left;justify-content:flex-start;white-space:normal}.admin-group-items>.btn[aria-current=page]{background:var(--accent-soft);color:var(--brand-dark);border-color:var(--accent)}
@media(max-width:850px){.admin-menu-trigger{display:flex!important;background:var(--accent)!important;color:var(--accent-ink)!important;writing-mode:vertical-rl;min-height:92px!important}}
@media(max-width:480px){.sheet.lolli-drawer{--drawer-gap:14px;padding:22px!important}.info-editor-actions>.btn{width:100%}.info-color-picker{width:100%}.product-meta{gap:8px}.profile-main .home-section-title{font-size:1.1rem}}
@media(prefers-reduced-motion:reduce){.sheet.lolli-drawer{animation:none!important}}
/* 0.10.0 dialogs keep their actions visible; only the content scrolls. */
.sheet.dlg{overflow:hidden!important;gap:16px}.sheet.dlg>.dialog-content{flex:1 1 auto!important;min-height:0;overflow:auto;overscroll-behavior:contain;scroll-behavior:auto;padding-right:3px}.sheet.dlg>.dialog-footer,.sheet.dlg>h2{flex:0 0 auto}.dialog-footer{display:flex;flex-direction:column;gap:12px}.dialog-more{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;border:0;background:#edf5f9;color:var(--brand-dark);border-radius:10px;padding:6px;font:inherit;font-size:.78rem;cursor:pointer}.dialog-more .icon{width:18px;height:18px}.dialog-more[hidden]{display:none}.sheet .dialog-footer .dlg-actions{margin-top:0}.sheet-back.is-closing{pointer-events:none}
.sheet.lolli-popup{width:min(520px,calc(100vw - 28px));height:calc(100dvh - 28px);max-height:calc(100dvh - 28px);border-radius:22px;animation:lolli-popup-in .18s ease-out}@keyframes lolli-popup-in{from{opacity:0}to{opacity:1}}
.header-pet{border:2px solid var(--accent);padding:3px;overflow:visible;background:var(--bg)}.header-pet-photo{inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);border-radius:50%}.profile-main #push-obavestenja>h3{display:block;text-align:center}.profile-main #push-obavestenja>h3 .icon{vertical-align:middle;margin-right:6px}.profile-main #push-obavestenja>h3:after{display:block;flex-basis:100%}
.admin-home{margin-left:auto;white-space:normal}.admin-footer{display:flex;justify-content:flex-end;gap:14px;flex-wrap:wrap;padding:28px 0;margin-top:16px;border-top:1px solid var(--line)}.admin-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:18px;align-items:start;margin:20px 0}.admin-card-grid>.card{margin:0;min-width:0;overflow-wrap:anywhere}.admin-customer-card{display:flex;flex-direction:column;gap:14px}.admin-customer-card h2{font-size:1.1rem}.admin-card-image{height:145px;display:flex;align-items:center;justify-content:center;background:#f0f7fa;border-radius:14px}.admin-card-image img{height:100%;width:100%;object-fit:contain}.admin-card-image>.icon{width:42px;height:42px}.admin-main .redemption-cards .code{font-size:1.2rem}.admin-main input,.admin-main select{min-width:0}.admin-main>form,.admin-main form{min-width:0}.admin-footer .btn{min-height:46px}.admin-main .collect-grid{margin-top:20px}
@media(max-width:480px){.topbar .admin-home{margin-left:0;flex:1}.admin-footer>.btn{width:100%}.sheet.lolli-popup{padding:20px}.admin-card-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.sheet-back.is-closing,.sheet-back.is-closing .lolli-drawer,.sheet.lolli-popup{animation:none!important}}

/* Povratak je dostupan i pri čitanju duge administrativne stranice. */
.wide>.topbar{position:sticky;top:0;z-index:35;background:var(--bg);padding-block:10px;border-bottom:1px solid var(--line)}

/* 0.10.1: kompaktno, stalno dostupno admin zaglavlje. */
.wide>.admin-topbar{display:grid;grid-template-columns:clamp(66px,21vw,102px) minmax(0,1fr) auto;gap:12px;align-items:center;flex-wrap:nowrap}
.admin-topbar>.brand{width:100%;max-width:102px;height:auto;margin:0}.admin-brand-text{min-width:0}.admin-brand-text h1{font-size:clamp(1rem,3.7vw,1.35rem);line-height:1.13;margin:0 0 5px}.admin-brand-text h1>span{display:block}.admin-staff-name{display:block;overflow-wrap:anywhere;line-height:1.2}.admin-topbar .admin-home{margin:0;align-self:start;min-width:0;min-height:44px;padding:10px 12px;white-space:nowrap;gap:5px;flex:none;font-size:.9rem}.admin-topbar .admin-home .icon{width:17px;height:17px;flex-basis:17px}
.admin-install-url{font-size:.82rem;overflow-wrap:anywhere;user-select:all;text-align:left}.admin-install-status{margin:0}.admin-install-help[hidden]{display:none}.admin-install-actions{display:flex;flex-direction:column;gap:12px}.admin-install-actions>.btn{margin:0;width:100%}
@media(max-width:360px){.wide>.admin-topbar{grid-template-columns:66px minmax(0,1fr) auto;gap:8px}.admin-topbar .admin-home{padding:10px 9px;font-size:.82rem}.admin-brand-text h1{font-size:.95rem}.admin-staff-name{font-size:.76rem}}

@media(max-width:360px){.wide>.admin-topbar{grid-template-columns:56px minmax(0,1fr) auto}.admin-topbar .admin-home .icon{display:none}.admin-topbar .admin-home{gap:0}.admin-brand-text h1{font-size:.9rem}}
/* 0.10.2: dnevnik je čitljiv i na telefonu, bez tabele koja preliva ekran. */
.audit-cards{display:grid;gap:14px;margin:18px 0}.audit-cards>.card{margin:0;min-width:0;overflow-wrap:anywhere}.audit-card time{white-space:normal}.audit-card>p{margin:10px 0 0}.audit-details{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.85rem;background:var(--bg);border-radius:12px;padding:12px}.audit-card details{margin-top:14px}.audit-card summary{cursor:pointer;color:var(--brand)}.audit-search-action{display:flex;align-items:flex-end;padding-bottom:1px}.audit-pages{justify-content:space-between;padding:8px 0 20px}.audit-filter label{display:block}.audit-filter select{width:100%;max-width:100%}.audit-filter .form-grid{min-width:0}.audit-filter .form-grid>div{min-width:0}

/* 0.10.3: Početna uz srednji red identiteta admina. */
.admin-topbar .admin-home{align-self:center}

/* 0.18.0: the panel and its original handle move as one opaque piece. */
.drawer-shell{--drawer-gap:20px;--drawer-handle-width:34px;position:fixed;inset:var(--drawer-gap) 0 var(--drawer-gap) auto;width:min(520px,calc(100vw - var(--drawer-gap)));transform:translateX(100%);transition:transform 1.15s cubic-bezier(.4,0,.2,1);isolation:isolate}
.drawer-shell.has-handle{width:min(520px,calc(100vw - var(--drawer-gap) - var(--drawer-handle-width)))}
.drawer-shell.is-open{transform:translateX(0)}
.drawer-shell>.sheet.lolli-drawer{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:100%!important;animation:none!important;opacity:1}
.drawer-shell>.edge-tab{position:absolute!important;right:100%!important;left:auto!important;top:clamp(12px,calc(37dvh - var(--drawer-gap)),calc(100% - 130px))!important;width:var(--drawer-handle-width);border-right:0!important;box-shadow:none}
.drawer-shell.with-category-rail>.page-info-handle{top:clamp(12px,calc(37dvh + 122px - var(--drawer-gap)),calc(100% - 86px))!important}
.drawer-shell>.admin-menu-trigger{top:clamp(12px,calc(44dvh - var(--drawer-gap)),calc(100% - 110px))!important}
.drawer-handle-placeholder{visibility:hidden!important;pointer-events:none!important}
.inbox-link-loading .icon,.page-loading .icon{animation:lolli-loading-turn .9s linear infinite}
.page-loading{display:flex;align-items:center;gap:8px;padding:12px 0}
@keyframes lolli-loading-turn{to{transform:rotate(360deg)}}
@media(max-width:480px){.drawer-shell{--drawer-gap:14px}}
@media(max-width:360px){.drawer-shell{--drawer-handle-width:32px}}
@media(prefers-reduced-motion:reduce){.drawer-shell{transition:none}.inbox-link-loading .icon,.page-loading .icon{animation:none}}
.collect-visual-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;align-items:start}
.collect-visual{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;text-align:center;padding:10px;border-radius:14px;background:#f5fafd}
.collect-prize-visual{background:var(--accent-soft)}
.collect-visual-label{font-size:.85rem;font-weight:800;color:var(--brand-dark);line-height:1.3}
.collect-visual-photo{width:100%;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#fff}
.collect-visual-photo img{width:100%;height:100%;object-fit:contain;padding:4px}
.collect-visual strong{font-size:.9rem;line-height:1.4;overflow-wrap:anywhere}
.collect-visual-photo .collect-photo-fallback{min-height:0}
.collect-prize-visual .collect-photo-fallback{color:#bf690b}
.collect-visual-pair.compact{gap:4px}
.compact .collect-visual{gap:5px;padding:0;background:none}
.compact .collect-visual-label{font-size:.58rem;white-space:nowrap}
.compact .collect-visual-photo{border-radius:8px;background:#f5fafd}
.compact .collect-prize-visual .collect-visual-photo{background:var(--accent-soft)}
.compact .collect-visual-photo img{padding:2px}
.compact .collect-photo-fallback svg{width:22px;height:22px}
.collect-award-photo{width:min(180px,100%);aspect-ratio:1;margin:0 auto}
.collect-award-photo img,.claimed-prize-image{width:100%;height:100%;object-fit:contain}
.claimed-prize-image{display:block;max-width:130px;height:130px;margin:12px 0;border-radius:12px;background:var(--accent-soft);padding:8px}
.collect-admin-visuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.collect-admin-visuals>div{display:grid;gap:6px;min-width:0;text-align:center}
.collect-admin-visuals .product-photo,.collect-admin-visuals .product-placeholder{width:100%;height:100px;object-fit:contain;border-radius:10px;background:#f5fafd}
.collect-image-field{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px}
.collect-image-field h3{margin:0}
@media(max-width:360px){.compact .collect-visual-label{font-size:.54rem}.compact .collect-photo-fallback svg{width:18px;height:18px}.collect-visual-pair:not(.compact){gap:10px}.collect-visual{padding:8px}.collect-visual strong{font-size:.8rem}}

/* 0.19.0: registration review and catalog spacing beside the edge buttons. */
.registration-waiting h2{font-size:1.3rem;line-height:1.4}
.registration-state-icon{display:grid;place-items:center;margin:0 auto;width:64px;height:64px;border-radius:50%;background:var(--accent-soft);color:var(--brand-dark)}
.registration-state-icon .icon{width:30px;height:30px}
.registration-contact{margin:0;overflow-wrap:anywhere}
.catalog-product .product-meta{padding-right:16px}

/* 0.21.0: compact aligned cards, conversation and grouped administration. */
.header-pet{border-width:1.5px}
.reward-info>.reward-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-weight:750;line-height:1.4;min-height:2.8em;max-height:2.8em;width:100%}
.reward-type-line{display:block;clear:both;min-height:26px;padding-top:5px}.reward-type-line>.badge{margin:0!important;max-width:100%}
.collect-upcoming .collect-tile-status,.collect-tile-status{display:grid;place-content:center;height:2.6em;min-height:2.6em;width:100%;font-size:.72rem;line-height:1.3;margin:0}
.collect-progress-placeholder{display:block;width:100%;height:8px;min-height:8px;margin-top:6px;background:#e1edf2;border-radius:8px}
.collect-upcoming .collect-visual-photo{background:#edf5f8}.collect-upcoming .collect-tile-name{color:var(--muted);font-weight:500}
.collect-tile>.collect-visual-pair{flex-shrink:0}.collect-tile>progress{flex-shrink:0}
.action-deadline{display:block;width:fit-content;margin-top:4px;color:#a85500;background:var(--accent-soft);padding:3px 6px;border-radius:6px;font-size:.72rem;font-weight:750}
.receipt-period{margin:12px 0 20px}.receipt-period>summary{display:flex;align-items:center;gap:10px;cursor:pointer;padding:15px 16px;background:#e9f3f8;border:1px solid var(--line);border-radius:12px;font-weight:750;color:var(--brand-dark);list-style:none}.receipt-period>summary::-webkit-details-marker{display:none}.receipt-period>summary:after{content:'⌄';margin-left:auto;transition:transform .15s}.receipt-period[open]>summary:after{transform:rotate(180deg)}.receipt-period-list{padding-top:12px}.receipt-period-list .card{margin:0 0 12px}.receipt-period .items{table-layout:fixed;width:100%}.receipt-period .items td:first-child{overflow-wrap:anywhere}.receipt-period .items td:last-child{width:31%;font-size:.86rem}
.contact-edge{background:#fff1dc!important;color:#a65400!important;border:1px solid #ffd29a!important;position:relative}.contact-edge>.icon{width:17px;height:17px;flex:0 0 17px}.contact-unread{position:absolute;top:3px;right:3px;display:grid;place-content:center;writing-mode:horizontal-tb;border-radius:20px;background:var(--brand);color:#fff;min-width:15px;height:15px;font-size:.55rem;line-height:1;padding:1px 3px}
.support-pane{display:flex;flex-direction:column;gap:12px;min-width:0}.support-pane h2{font-size:1.1rem;overflow-wrap:anywhere;margin:0}.support-pane>.small{margin:0}.support-log{height:min(43dvh,400px);min-height:150px;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:12px 22px 12px 4px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.support-bubble{max-width:93%;padding:11px 13px;border-radius:14px 14px 14px 3px;background:#edf5f9;border:1px solid #deebf1;flex-shrink:0;min-width:0}.support-bubble.is-own{align-self:flex-end;background:#fff3e4;border-color:#ffe1bc;border-radius:14px 14px 3px 14px}.support-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0;font-size:.92rem;line-height:1.5}.support-message-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;font-size:.68rem;color:var(--muted)}.support-message-meta strong{color:var(--brand-dark);overflow-wrap:anywhere}.support-message-meta time{font-size:.62rem;white-space:nowrap}
.support-presence{font-size:.78rem;line-height:1.4;min-height:1.5em;margin:0;color:var(--brand);font-style:italic;overflow-wrap:anywhere}.support-composer{display:flex;align-items:flex-end;gap:10px}.support-composer textarea{flex:1;min-width:0;resize:vertical;max-height:140px;min-height:66px;margin:0;font:inherit}.support-composer .btn{flex-shrink:0;min-height:44px;padding:11px 12px;font-size:.88rem}.support-composer textarea[readonly]{background:#f2f5f7}.support-preview{overflow-wrap:anywhere;margin:0;font-size:.88rem}.support-threads h2{font-size:1rem;margin:0}
.support-alert{position:fixed;z-index:1100;right:16px;bottom:calc(90px + env(safe-area-inset-bottom));width:min(350px,calc(100vw - 32px));padding:17px;border:1px solid #ffd29a;border-radius:16px;background:#fff7ed;box-shadow:0 8px 35px #18323e33;color:var(--ink)}.support-alert p{margin:8px 0 12px;font-size:.86rem;overflow-wrap:anywhere}.support-alert>.row{gap:10px}.support-alert strong{overflow-wrap:anywhere}.wide~.support-alert{bottom:24px}
.admin-sidebar{padding:10px;gap:10px}.admin-nav-group{border:1px solid var(--line);background:#f4f9fc;border-radius:12px;overflow:hidden}.admin-nav-group>summary{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:13px 11px;cursor:pointer;list-style:none;color:var(--brand-dark);font-size:.8rem;font-weight:800}.admin-nav-group>summary::-webkit-details-marker{display:none}.admin-nav-group>summary .icon{width:15px;height:15px;transition:transform .15s}.admin-nav-group[open]>summary{border-bottom:1px solid var(--line);background:#e9f3f8}.admin-nav-group[open]>summary .icon{transform:rotate(180deg)}.admin-nav-group>.admin-group-items{display:flex;flex-direction:column;gap:4px;padding:7px;background:#fff}
.admin-main .btn{min-height:38px;padding:8px 12px;font-size:.84rem;border-radius:10px}.admin-main .btn .icon{width:17px;height:17px;flex-basis:17px}.admin-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px!important}.admin-card-actions>.btn{margin:0!important;flex:0 1 auto}.admin-card-actions .icon-only{flex:0 0 38px;padding:8px;min-width:38px}.admin-main .admin-quick{gap:8px}.admin-main .admin-quick .btn{min-height:48px;flex:1 1 165px}.collect-prize-control{display:grid;gap:6px;min-width:0;width:100%;padding:0 0 3px;border:1px solid #ffd29a;border-radius:11px;background:var(--accent-soft);color:inherit;font:inherit;cursor:pointer}.collect-prize-control:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.collect-prize-control:hover{border-color:var(--accent)}.collect-prize-control>.small{padding-top:4px}.collect-prize-control .product-photo,.collect-prize-control .product-placeholder{width:100%;height:100px;object-fit:contain;background:transparent;border-radius:10px}
.action-reminders{border:1px solid var(--line);border-radius:12px;padding:14px;min-width:0}.action-reminders legend{font-weight:750;color:var(--brand-dark);padding:0 5px}.reminder-options{display:flex;flex-wrap:wrap;gap:12px 18px}.reminder-options .check{margin:0}.action-reminders .small{margin-bottom:0}
@media(max-width:850px){.admin-main .btn{min-height:44px}.admin-card-actions .icon-only{min-width:44px;flex-basis:44px}.admin-main .admin-quick .btn{flex-basis:calc(50% - 8px);font-size:.8rem}.reminder-options{flex-direction:column}.support-composer{gap:7px}.support-composer .btn{font-size:.8rem;padding:10px 8px}.support-pane{padding:16px}.support-log{padding-right:24px}.support-composer .btn>.icon{display:none}}
.contact-edge{writing-mode:horizontal-tb;flex-direction:column;gap:5px}.contact-edge>span:not(.contact-unread){writing-mode:vertical-rl}
.support-log{height:clamp(90px,min(43dvh,calc(var(--support-space,100dvh) - 450px)),400px);min-height:90px}
@media(prefers-reduced-motion:reduce){.receipt-period>summary:after,.admin-nav-group>summary .icon{transition:none}}
.lolli-popup .support-log{height:clamp(90px,min(30dvh,calc(var(--support-space,100dvh) - 540px)),320px)}

/* 0.21.0: contact shares the INFO drawer, including its original attached handle. */
.drawer-shell>.contact-edge{top:clamp(12px,calc(37dvh + 80px - var(--drawer-gap)),calc(100% - 86px))!important}
.drawer-shell.with-category-rail>.contact-edge{top:clamp(12px,calc(37dvh + 202px - var(--drawer-gap)),calc(100% - 86px))!important}
.sheet.support-drawer>.dialog-content{display:flex;flex-direction:column;overflow:hidden;padding-right:0}
.support-drawer .support-pane{flex:1 1 auto;min-height:0;margin:0;padding:0;border:0;box-shadow:none;background:transparent}
.support-drawer .support-customer-name{display:none}
.support-drawer .support-log{flex:1 1 auto;height:auto;min-height:60px;padding-right:12px}
.support-drawer .support-pane>.small,.support-drawer .support-pane>.btn,.support-drawer .support-presence,.support-drawer .support-pane>.msg,.support-drawer .support-composer{flex:0 0 auto}
.support-drawer .support-composer textarea{resize:none;max-height:100px}

/* 0.21.0: one centered rail on every page, with the original handles attached to drawers. */
.edge-rail{top:50%;transform:translateY(-50%)}
.edge-rail .page-info-handle,.drawer-shell .page-info-handle{min-height:84px!important;display:flex;flex-direction:column;gap:5px!important;font-size:12px!important;padding:10px 6px!important}
.page-info-handle>.icon{width:17px;height:17px;flex:0 0 17px}.page-info-handle>span{writing-mode:vertical-rl}
.support-composer textarea:focus,.support-composer textarea:focus-visible{outline:none;box-shadow:none;border-color:var(--brand)}
.drawer-shell.has-handle>.edge-tab{top:clamp(12px,var(--attached-handle-top),calc(100% - 96px))!important}

.inventory-product,.inventory-batch{min-width:0;overflow-wrap:anywhere}.inventory-product-head{display:flex;align-items:center;gap:16px;min-width:0}.inventory-product-head>div{min-width:0}.inventory-product-head h2{font-size:1.08rem;line-height:1.4;margin:0 0 8px}.inventory-photo{width:100px;height:100px;object-fit:contain;flex:0 0 100px;border-radius:14px;background:#fff;padding:8px}.inventory-no-photo{display:grid;place-items:center;color:var(--brand)}.inventory-price{font-size:1.15rem;color:var(--brand-dark)}
.inventory-lookup-fields,.inventory-minimum{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,2fr);gap:14px;align-items:end}.inventory-lookup-fields label,.inventory-minimum label{display:block;margin-bottom:8px}.inventory-lookup .admin-card-actions{margin-top:16px}.inventory-minimum{margin-top:18px;grid-template-columns:minmax(0,1fr) auto}.inventory-minimum .btn{align-self:end}.inventory-stock-summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0;padding:14px;border-radius:12px;background:#f0f7fa}.inventory-stock-summary>small{width:100%}.inventory-stock-summary>.msg{width:100%;margin:0}.inventory-description p{white-space:pre-wrap;line-height:1.6}.inventory-batch-data{display:flex;flex-wrap:wrap;gap:12px 24px;margin:18px 0}.inventory-batch-data strong{font-size:.9rem}.inventory-highlight{border:2px solid var(--brand)}.inventory-watch-list{display:grid;gap:10px;margin:20px 0}.inventory-watch-list .btn{text-align:left;justify-content:flex-start;white-space:normal}.inventory-alerts{display:grid;gap:10px;margin:16px 0}.inventory-alert{display:flex;flex-direction:column;gap:6px;text-align:left;padding:13px;border:1px solid #ffd29a;border-radius:12px;background:#fff7eb;color:var(--ink);font:inherit;cursor:pointer}.inventory-alert strong{color:#a65400;font-size:.88rem}.inventory-alert span{font-size:.8rem;overflow-wrap:anywhere}.inventory-dashboard h2{margin:0;color:var(--brand-dark)}
@media(max-width:480px){.inventory-product-head{gap:10px}.inventory-photo{width:74px;height:74px;flex-basis:74px}.inventory-product-head h2{font-size:.96rem}.inventory-lookup-fields{grid-template-columns:minmax(110px,1fr) minmax(0,2fr)}.inventory-minimum{grid-template-columns:1fr}.inventory-minimum .btn{justify-self:start}.inventory-batch .admin-card-actions>.btn{flex:1 1 120px}.inventory-lookup .admin-card-actions>.btn{flex:1 1 120px}}

.support-drawer .support-presence:empty{display:none}
@media(max-height:560px){.support-drawer .support-pane{gap:8px}.support-drawer .support-pane>.small{font-size:.78rem;line-height:1.4}.support-drawer .support-log{min-height:64px}}
.inventory-alert.inventory-expired{background:#fff0f0;border-color:#e8a7ad}.inventory-alert.inventory-expired strong,.inventory-batch .pill.bad{color:#a52332}.inventory-batch .pill.bad{background:#fdeced}
.inventory-product>p.small{margin:12px 0}.inventory-minimum{margin-bottom:14px}

/* 0.22.0: the three attached handles share typography and icon alignment. */
.edge-rail>.edge-tab,.drawer-shell>.edge-tab.category-edge,.drawer-shell>.edge-tab.page-info-handle,.drawer-shell>.edge-tab.contact-edge{font-family:inherit!important;font-size:11px!important;font-weight:800!important;letter-spacing:.055em!important;text-transform:uppercase;writing-mode:horizontal-tb;flex-direction:column;gap:7px!important;padding:12px 6px!important}
.edge-rail>.edge-tab>span:not(.contact-unread),.drawer-shell>.category-edge>span,.drawer-shell>.page-info-handle>span,.drawer-shell>.contact-edge>span:not(.contact-unread){writing-mode:vertical-rl;text-orientation:mixed;line-height:1.25}
.edge-rail>.category-edge,.drawer-shell>.category-edge{min-height:144px!important}.edge-rail>.edge-tab>.icon,.drawer-shell>.edge-tab>.icon{width:17px;height:17px;flex:0 0 17px}
.member-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:fit-content;max-width:100%;padding:7px 12px;border:1px solid;border-radius:24px;font-weight:800;font-size:.85rem;line-height:1.3}
.member-badge .icon{width:20px;height:20px}.tier-bronze{color:#825026;background:#faf0e6;border-color:#d5ae86}.tier-silver{color:#415b6a;background:#edf2f5;border-color:#b5c7d2}.tier-gold{color:#795503;background:#fff5d6;border-color:#dbb54d}
.member-home-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;width:100%;margin:14px 0 0;padding:12px 0 0;border:0;border-top:1px solid #bdd9e3;background:transparent;font:inherit;color:var(--brand-dark);cursor:default}
.member-profile{margin:0 0 20px}.member-profile>.card{margin:0}.membership-card .member-badge{align-self:center}.member-benefits{white-space:pre-line;overflow-wrap:anywhere;text-align:center;margin:0}.member-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.member-level{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;border:1px solid var(--line);border-radius:12px;padding:12px 6px;text-align:center;background:#f7fafc}.member-level .small{font-size:.72rem;line-height:1.4}.member-level.is-current{background:#fff4e5;border-color:var(--accent)}
.referral-code{display:block;overflow-wrap:anywhere;letter-spacing:.06em;font-size:clamp(.9rem,4vw,1.12rem);padding:14px;border:1px dashed #c6d9e3;border-radius:12px;background:#f5f9fb;text-align:center;color:var(--brand-dark)}.referral-qr{display:grid;place-items:center;min-height:240px}.referral-qr img{width:min(240px,100%);height:auto;border-radius:10px}.referral-card .row{gap:10px}.referral-card .check{align-items:flex-start}.referral-card>p{margin:0}
.customer-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.customer-stat-grid>div{display:flex;flex-direction:column;gap:7px;min-width:0;overflow-wrap:anywhere}.customer-stat-grid>div>strong{font-size:.92rem}.customer-history-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0;padding:13px 0;border-bottom:1px solid var(--line)}.customer-history-row:last-child{border-bottom:0}.customer-history-row>div{min-width:0;overflow-wrap:anywhere}.customer-history-row>div:last-child{display:flex;flex-direction:column;gap:7px}.customer-history-row p{margin:6px 0 0}.customer-history-row>span{flex:0 1 42%;overflow-wrap:anywhere}.customer-history-row .btn{white-space:normal;text-align:left}.customer-summary>.member-badge{align-self:center}
@media(max-width:360px){.customer-stat-grid{grid-template-columns:minmax(0,1fr)}.member-levels{gap:5px}.member-level{padding:10px 4px}.member-level .small{font-size:.66rem}.customer-history-row{gap:9px;font-size:.84rem}.edge-rail>.edge-tab{font-size:10px!important}}

/* 0.23.0: membership at a glance, compact products and selected customers. */
.home-greeting{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:12px;margin-bottom:13px}.home-greeting>span{padding-top:8px;line-height:1.45}.home-greeting .member-home-summary{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:6px;width:100%;margin:0;padding:0;border:0;text-align:right;color:#fff}.member-home-summary .member-home-progress{font-size:.7rem;font-weight:500;line-height:1.45;max-width:200px;color:#e3f2fa}.home-greeting .member-badge{font-size:.76rem;padding:6px 10px;gap:6px}.hero .balance-label{margin-top:6px}
.catalog-product{padding:13px 0;gap:12px}.catalog-product-info{gap:3px;justify-content:flex-start}.catalog-product-info>b{line-height:1.35}.catalog-product .product-meta{margin:3px 0 1px;gap:4px 10px}.catalog-product .catalog-price{margin:0;line-height:1.4}.catalog-product .product-link{min-height:32px;line-height:1.4;padding:2px 0;gap:6px}.catalog-product .potential-hearts{padding:3px 6px}
.tier-section{border:1px solid;border-radius:18px;padding:18px 14px;min-width:0;margin-top:24px}.tier-section>.home-section-title{font-size:1.14rem;margin-top:0}.tier-section .reward-row{background:#fff;border-radius:12px;padding:10px}.tier-section .action-card{background:#fff}.tier-locked{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:10px 4px;overflow-wrap:anywhere}.tier-locked>.icon{width:27px;height:27px;flex-basis:27px}.tier-locked>p{margin:0;line-height:1.55}.tier-locked>.small{color:inherit;opacity:.85}.collect-tile.tier-bronze{background:#fff;color:var(--ink);border-color:var(--line)}.collect-tile.tier-silver{background:#f9fcfd;border-color:#b5c7d2}.collect-tile.tier-gold{background:#fffdf5;border-color:#dbb54d}
.customer-filter{display:flex;flex-direction:column;gap:7px;min-width:0;font-weight:600}.customer-filter input,.customer-filter select{width:100%;min-width:0}.customer-selection{margin:0 0 15px;gap:8px}.customer-selection>.small{flex:1 0 100%;line-height:1.5}.customer-card-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}.customer-card-heading>div{min-width:0}.customer-card-heading h2{margin:0;font-size:1.08rem}.customer-select{display:flex;align-items:flex-start;gap:9px;margin:0;font-size:1.06rem;font-weight:750;overflow-wrap:anywhere}.customer-select input[type=checkbox]{width:19px;height:19px;min-width:19px;margin-top:3px;accent-color:var(--brand)}.customer-tier-summary{display:flex;flex-direction:column;align-items:flex-end;gap:5px;max-width:130px;text-align:right}.customer-tier-summary>.member-badge{padding:4px 9px;font-size:.72rem}.customer-tier-summary>strong{font-size:.93rem;line-height:1.3;overflow-wrap:anywhere}.customer-tier-summary>.small{font-size:.66rem}.admin-customer-card{gap:9px}.admin-customer-card>p{margin:0}.customer-totals{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:5px 0}.customer-totals>.small{line-height:1.4}.customer-cards>.card{margin:0}.customer-filters>details summary{cursor:pointer;padding:7px 0}.customer-filters>details .form-grid{padding-top:12px}.push-preview-text{white-space:pre-line;overflow-wrap:anywhere}
.staff-cards{align-items:start}.staff-card{min-width:0;overflow-wrap:anywhere;margin:0}.staff-card h2{font-size:1.1rem;margin:0}.staff-card>a{display:block;overflow-wrap:anywhere}.staff-card>p{margin:0}.staff-card-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.staff-card-actions>.btn{min-width:0;padding:9px 5px;font-size:.73rem;line-height:1.3;white-space:nowrap;justify-content:center}
.support-message-meta{flex-wrap:wrap;gap:5px 9px}.support-edited{font-size:.64rem;font-style:italic;color:var(--muted)}.support-edit-button{border:0;background:transparent;color:var(--brand-dark);padding:2px;font:inherit;font-size:.66rem;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.support-edit-button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.support-edit-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;grid-column:1/-1;font-size:.78rem;padding:7px 10px;background:#edf5f9;border-radius:9px}.support-edit-bar.hidden{display:none}.support-composer:has(.support-edit-bar:not(.hidden)){flex-wrap:wrap}.receipt-checks:empty{display:none}.receipt-checks>.card{margin-bottom:12px}.receipt-check-result h2{font-size:1.15rem}.receipt-checks p{margin:0;line-height:1.5}
@media(max-width:360px){.home-greeting{gap:8px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.home-greeting .member-home-progress{font-size:.65rem}.customer-tier-summary{max-width:112px}.customer-select{font-size:.96rem}.staff-card-actions>.btn{font-size:.68rem;padding:9px 3px}}

.admin-main .stat{min-width:0;overflow-wrap:anywhere}.admin-main .stat>b{font-size:clamp(1.1rem,2.6vw,1.8rem);line-height:1.3;margin-bottom:5px}

.customer-sort-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(95px,1fr);gap:10px}.customer-filter-options>summary{font-weight:700;color:var(--brand-dark);overflow-wrap:anywhere}.customer-filter-options>.small{line-height:1.5}.customer-filter-options .form-grid{margin-top:10px}

/* 0.27.0: admin navigation, compact customer profiles and on-demand analytics. */
.admin-workspace{min-width:0}.admin-page-context{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 18px}.admin-page-context>p{margin:0}.admin-work-shortcuts{display:flex;gap:8px;flex-wrap:wrap}.admin-work-shortcuts .btn{min-height:38px;padding:8px 12px;font-size:.82rem}.admin-menu-search{width:100%;min-width:0;margin:0 0 4px;font-size:1rem}.admin-sidebar [hidden],.admin-drawer-groups [hidden],.admin-main [hidden]{display:none!important}
.admin-content-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:0 0 20px}.admin-content-tabs>button{flex:1 1 auto;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--brand-dark);font:inherit;font-size:.86rem;font-weight:700;min-height:44px;padding:10px 12px;cursor:pointer;overflow-wrap:anywhere}.admin-content-tabs>button.is-active{background:var(--brand);color:#fff;border-color:var(--brand)}.admin-content-tabs>button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.customer-profile-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}.customer-profile-heading>.grow{min-width:140px}.customer-profile-heading h1{margin:0;font-size:1.5rem;overflow-wrap:anywhere}.customer-profile-heading p{margin:5px 0 0;overflow-wrap:anywhere}.customer-profile-content{min-width:0}.customer-profile-content>section+section{margin-top:18px}.customer-data-list{display:grid;gap:14px;margin:0}.customer-data-list>div{display:grid;grid-template-columns:minmax(100px,.6fr) minmax(0,1fr);gap:14px}.customer-data-list dt{font-weight:600}.customer-data-list dd{margin:0;overflow-wrap:anywhere}.customer-receipts>summary{color:var(--brand-dark)}
.analytics-heading h1,.analytics-heading h2{margin:0 0 18px}.analytics-filter-main{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,2fr);gap:14px;align-items:end}.analytics-date-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.analytics-filters input,.analytics-filters select{width:100%;min-width:0}.analytics-filter-details{border-top:1px solid var(--line);padding-top:4px}.analytics-filter-details>.form-grid{margin:0}.analytics-filter-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.analytics-filter-actions .btn{min-height:42px}.analytics-sort{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;margin-bottom:18px}.analytics-content{min-width:0}.analytics-content[aria-busy=true]{opacity:.65;pointer-events:none}.analytics-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px}.analytics-metric{display:flex;flex-direction:column;gap:8px;min-width:0;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow-wrap:anywhere}.analytics-metric>strong{font-size:1.28rem;line-height:1.3;color:var(--brand-dark);font-variant-numeric:tabular-nums}.analytics-metric>.small{line-height:1.45}.analytics-overview-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.analytics-overview-columns>.card{min-width:0}.analytics-rank-row{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line)}.analytics-rank-row:last-child{border:0}.analytics-rank-row>span{flex:1 1 140px;overflow-wrap:anywhere}.analytics-rank-row>b{font-size:.85rem;white-space:nowrap;color:var(--brand-dark)}.analytics-data-note{line-height:1.65;margin:18px 0}
.analytics-list{display:flex;flex-direction:column;gap:14px}.analytics-list-row{display:grid;grid-template-columns:48px minmax(0,1.2fr) minmax(240px,1fr);gap:16px;align-items:start;border:1px solid var(--line);border-radius:16px;background:var(--card);padding:18px;min-width:0}.analytics-list-row.no-image{grid-template-columns:minmax(0,1.2fr) minmax(240px,1fr)}.analytics-list-row>.product-photo,.analytics-list-row>.product-placeholder{width:48px;height:48px;min-width:48px}.analytics-list-row>.product-photo img{width:100%;height:100%;object-fit:contain}.analytics-row-title{display:flex;flex-direction:column;align-items:start;gap:7px;min-width:0;overflow-wrap:anywhere}.analytics-row-title>a,.analytics-row-title>strong{font-weight:700}.analytics-row-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px;min-width:0}.analytics-detail-stat{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}.analytics-detail-stat>.small{font-size:.72rem;line-height:1.4}.analytics-detail-stat>b{font-size:.85rem;color:var(--brand-dark);font-variant-numeric:tabular-nums}.admin-main .analytics-item-detail>summary{font-size:.75rem;padding:4px 0;color:var(--brand-dark)}.analytics-item-detail li{overflow-wrap:anywhere}.analytics-item-detail ul{padding-left:18px;margin:6px 0}.analytics-row-title>.analytics-name{padding:0;min-height:32px;text-align:left;white-space:normal}.analytics-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0}.analytics-pagination>.small{font-variant-numeric:tabular-nums}
@media(min-width:851px){.admin-sidebar{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}}
@media(max-width:1100px){.analytics-list-row{grid-template-columns:48px minmax(0,1fr)}.analytics-list-row.no-image{grid-template-columns:minmax(0,1fr)}.analytics-row-values{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-overview-columns{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-metric{padding:13px;gap:6px}.analytics-metric>strong{font-size:1.1rem}.analytics-filter-main{grid-template-columns:minmax(0,1fr)}.analytics-list-row{padding:15px;gap:12px}.analytics-row-values{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-page-context{gap:8px}.admin-work-shortcuts{width:100%}.admin-work-shortcuts .btn{flex:1}.customer-profile-heading h1{font-size:1.3rem}.analytics-filter-actions .btn{flex:1 1 auto}.admin-content-tabs>button{font-size:.8rem;padding:9px 10px}}

/* 0.23.1: focused sharing, one-line tier progress and compact profile heading. */
.referral-share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.referral-share-actions>.btn{width:100%;min-width:0;min-height:42px;padding:10px 7px;white-space:nowrap;font-size:.77rem}.referral-share-actions .icon{width:17px;height:17px;flex-basis:17px}.referral-copy-code{display:block;align-self:center;width:fit-content;max-width:100%;border:1px dashed var(--line);border-radius:10px;background:#f5fafd;color:var(--brand-dark);font:inherit;font-weight:800;letter-spacing:.06em;padding:10px 12px;cursor:pointer;text-align:center;user-select:all}.referral-copy-code:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.referral-copy-code:hover{border-color:var(--brand)}
.home-greeting .member-home-progress{white-space:nowrap;font-size:.69rem;line-height:1.4;max-width:none}.home-greeting .member-home-summary{gap:5px}.home-greeting>span{overflow-wrap:anywhere}.redemption-used-status{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin-top:8px}.redemption-used-status>.pill{display:inline-flex;width:fit-content}.profile-main>h1{margin-bottom:0}.profile-main>#profil-ljubimci{padding-top:14px}
@media(max-width:360px){.home-greeting .member-home-progress{font-size:.62rem}.referral-share-actions{gap:7px}.referral-share-actions>.btn{font-size:.72rem;padding:10px 5px;gap:5px}}

/* Opcije skenera pojavljuju se samo kada ih konkretna kamera podržava. */
.scan-camera-controls{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem;margin:.5rem 0}.scan-camera-controls[hidden]{display:none}.scan-camera-controls label{flex:1 1 150px;min-width:0}.scan-camera-controls select{width:100%;min-width:0}.scan-camera-controls input[type=range]{width:100%;min-width:0}.barcode-video[hidden]{display:none}

/* Dobrovoljna potvrda kontakata: kartice bez spoljašnjih servisa. */
.contact-verification{scroll-margin-top:1.5rem}.contact-channel{border-top:1px solid #dce6ea;padding-top:1rem;align-items:flex-start}.contact-channel h4,.contact-channel p{margin:0}.contact-channel form{width:100%}.contact-channel input{max-width:18rem;letter-spacing:.12em}.contact-value{overflow-wrap:anywhere;max-width:100%}.contact-badges{display:flex;flex-wrap:wrap;gap:.5rem}.contact-badges .pill,.verification-card .pill,.contact-channel .pill{white-space:normal;max-width:100%}.verification-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1rem}.verification-card{min-width:0;margin:0}.verification-card p{margin:0}.verification-card .row{align-items:flex-start}.verification-code{font-size:1.6rem;font-weight:700;letter-spacing:.16em;color:var(--blue,#115675)}.verify-email-main{padding:2rem 1rem;min-height:100svh}.verify-email-main>.brand{display:block;margin:0 auto 1.5rem}.contact-verification .msg{overflow-wrap:anywhere}

/* Pocetna: clanstvo desno od pozdrava i precica do preporuka. */
.hero .home-greeting{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:12px;margin-bottom:6px}.hero .home-greeting>span{padding-top:8px;line-height:1.45;overflow-wrap:anywhere}.hero .home-greeting .member-home-summary{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:5px;width:100%;margin:0;padding:0;border:0;text-align:right;color:#fff;min-width:0}.hero .member-home-progress{display:block;width:auto;max-width:100%;text-align:right;white-space:nowrap;font-size:.69rem;font-weight:500;line-height:1.4}.hero .balance-label{margin-top:0}.hero-balance-row{margin:6px 0 16px}.hero-balance-row.has-referral{display:grid;grid-template-columns:minmax(0,1fr) minmax(118px,.95fr);align-items:center;gap:14px}.hero-balance-amount{min-width:0}.hero-balance-amount .big{overflow-wrap:anywhere;margin-bottom:8px}.home-referral{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;min-height:106px;padding:12px 8px;border:1px solid #a4cddf;border-radius:16px;background:#ffffff0d;color:#fff;font:inherit;font-size:.78rem;font-weight:700;line-height:1.4;text-align:center;cursor:pointer}.home-referral>.icon:first-child{width:29px;height:29px;flex-shrink:0;margin-bottom:5px;color:#ffb253}.home-referral>.home-referral-arrow{width:14px;height:14px;margin-top:3px}.home-referral:hover{background:#ffffff1c;border-color:#ffb253}.home-referral:focus-visible{outline:2px solid #ffb253;outline-offset:4px}.home-referral>span{display:block;max-width:100%;overflow-wrap:anywhere}@media(max-width:360px){.hero .home-greeting{gap:8px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.hero-balance-row.has-referral{gap:10px}.home-referral{font-size:.74rem;padding:10px 6px}.hero .member-home-progress{font-size:.62rem}}

/* 0.24.4: članstvo se otvara na oznaku, skeniranje ima tri osnovna izbora. */
.member-home-badge{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:-6px;padding:6px;border:0;border-radius:999px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.member-home-badge:focus-visible{outline:2px solid #ffb253;outline-offset:2px}
.scan-main .scan-actions{gap:12px}.scan-main .scan-manual[hidden],.scan-main .scan-settings[hidden]{display:none}
.scan-main .scan-manual{margin-top:20px;scroll-margin-top:24px}.scan-main .scan-manual h2{font-size:1.15rem}
.scan-main .scan-settings{margin:8px 0 14px}.scan-main summary{cursor:pointer;font-weight:650;color:var(--brand-dark);padding:10px 0}.scan-main .scan-link{border-top:1px solid var(--line);padding-top:6px}.scan-main .scan-link form{padding-top:10px}
.scan-main .scan-actions>[hidden]{display:none}
.scan-main .scan-note{margin-top:16px}

.mascot-layer .mascot-touch{position:absolute;left:0;bottom:0;width:147px;height:91.875px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;pointer-events:auto;touch-action:manipulation;color:inherit}.mascot-layer .mascot-touch[hidden]{display:none}

.mascot-layer .mascot-ad-button{display:block;pointer-events:auto;margin:10px auto 0;max-width:100%;white-space:normal}.mascot-layer .mascot-ad-button[hidden]{display:none}.mascot-campaign-card{min-width:0;border-top:1px solid var(--line);padding-top:16px}.mascot-campaign-pages{display:flex;flex-wrap:wrap;gap:8px 16px}.mascot-campaign-pages label{display:flex;gap:6px;align-items:center}

.mascot-layer .mascot-bubble{padding-right:42px}.mascot-layer .mascot-dismiss{position:absolute;top:2px;right:2px;width:36px;min-height:36px;padding:0;border:0;background:transparent;box-shadow:none;color:var(--brand-dark);font-size:24px;pointer-events:auto}.mascot-layer .mascot-hide-today{display:block;margin:8px auto 0;padding:6px 4px;min-height:36px;border:0;box-shadow:none;background:transparent;color:var(--brand-dark);font-size:12px;text-decoration:underline;pointer-events:auto}

/* Lokacija ostaje ispod PITAJ; zajednički razmaci i mali ekrani. */
.edge-rail{gap:8px}
.edge-rail>.location-edge,.drawer-shell>.location-edge{background:#e1f3fb!important;color:#15566c!important;border-color:#b8dcea!important;font-family:inherit!important;font-size:11px!important;font-weight:800!important;letter-spacing:.055em!important;text-transform:uppercase;writing-mode:horizontal-tb;flex-direction:column;gap:7px!important;padding:12px 6px!important;min-height:96px!important}
.edge-rail>.location-edge>span,.drawer-shell>.location-edge>span{writing-mode:vertical-rl;text-orientation:mixed;line-height:1.25}
.shop-location-content{padding:4px 0 10px;gap:20px;text-align:center;min-width:0}.shop-location-content h3,.shop-location-content p{margin:0}.shop-location-mark{display:flex;justify-content:center;color:var(--brand-dark)}.shop-location-mark .icon{width:36px;height:36px}.shop-location-address{font-size:1.05rem;line-height:1.6;overflow-wrap:anywhere}.shop-location-hours{display:grid;gap:10px}.shop-location-hours p{white-space:pre-line;line-height:1.75}.shop-location-content .btn{min-height:48px;white-space:normal;overflow-wrap:anywhere}
@media(max-height:700px){.edge-rail{gap:6px;top:calc(50% - 16px)}.edge-rail>.edge-tab,.drawer-shell>.edge-tab.category-edge,.drawer-shell>.edge-tab.page-info-handle,.drawer-shell>.edge-tab.contact-edge,.drawer-shell>.edge-tab.location-edge{padding:8px 5px!important;gap:5px!important;min-height:72px!important}.edge-rail>.category-edge,.drawer-shell>.category-edge{min-height:106px!important}.edge-rail>.location-edge,.drawer-shell>.location-edge{min-height:86px!important}}
@media(max-height:460px){.edge-rail{gap:4px;top:calc(50% - 40px)}.edge-rail>.edge-tab,.drawer-shell>.edge-tab.category-edge,.drawer-shell>.edge-tab.page-info-handle,.drawer-shell>.edge-tab.contact-edge,.drawer-shell>.edge-tab.location-edge{width:108px!important;min-height:44px!important;flex-direction:row!important;padding:6px!important;font-size:10px!important;gap:5px!important;border-radius:12px 0 0 12px!important}.edge-rail>.edge-tab>span:not(.contact-unread),.drawer-shell>.edge-tab>span:not(.contact-unread){writing-mode:horizontal-tb!important}.drawer-shell{--drawer-handle-width:108px}.drawer-shell>.edge-tab{width:var(--drawer-handle-width)!important}}

/* 0.26.5: the desktop customer app is one coherent frame. Admin and touch layouts
   keep their existing presentation; no user-agent checks or access restrictions. */
.customer-dialog-frame{display:contents}
.desktop-phone-card{display:none}
.customer-content{display:contents}
@media(min-width:900px) and (hover:hover) and (pointer:fine){
 body.customer-app{--customer-width:520px;--customer-inset:20px;--customer-gap:calc((100% - var(--customer-width))/2);background:radial-gradient(ellipse at 12% 15%,#dceef7 0,transparent 48%),radial-gradient(ellipse at 91% 84%,#fff0dc 0,transparent 45%),#edf5f8;background-attachment:fixed}
 body.customer-app>.app{position:relative;width:var(--customer-width);max-width:calc(100% - 64px);margin:var(--customer-inset) auto;min-height:calc(100svh - 2*var(--customer-inset));padding:26px 22px calc(108px + env(safe-area-inset-bottom));background:var(--bg);border:1px solid #d4e4eb;border-radius:27px;box-shadow:0 16px 60px #174c6820,0 2px 8px #174c6808}
 body.customer-app .tabs{left:50%;right:auto;bottom:var(--customer-inset);transform:translateX(-50%);width:var(--customer-width);max-width:calc(100% - 64px);border:1px solid #d4e4eb!important;border-radius:0 0 27px 27px;overflow:hidden;box-shadow:0 -5px 20px #16313f08}
 body.customer-app .tabs>div{width:100%;max-width:none}
 body.customer-app .edge-rail{right:var(--customer-gap)}
 body.customer-app .customer-dialog-frame{position:absolute;inset:var(--customer-inset) auto var(--customer-inset) 50%;transform:translateX(-50%);width:var(--customer-width);max-width:calc(100% - 64px);border-radius:27px;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}
 body.customer-app .customer-dialog-frame>.drawer-shell{--drawer-gap:16px;width:calc(100% - var(--drawer-gap));right:0}
 body.customer-app .customer-dialog-frame>.drawer-shell.has-handle{width:calc(100% - var(--drawer-gap) - var(--drawer-handle-width))}
 body.customer-app .customer-dialog-frame>.sheet{width:calc(100% - 32px);max-width:calc(100% - 32px);max-height:calc(100% - 32px);border-radius:22px}
 body.customer-app .customer-dialog-frame>.sheet.lolli-popup{height:calc(100% - 32px)}
 body.customer-app>.support-alert{right:calc(var(--customer-gap) + 16px);width:min(350px,calc(var(--customer-width) - 32px));bottom:calc(var(--customer-inset) + 96px)}
 body.customer-app>.toast{max-width:calc(var(--customer-width) - 44px);bottom:calc(var(--customer-inset) + 96px)}
 body.customer-app>.lolli-intro{inset:var(--customer-inset) auto var(--customer-inset) 50%;width:var(--customer-width);max-width:calc(100% - 64px);transform:translateX(-50%);border:1px solid #d4e4eb;border-radius:27px;overflow:hidden}
 /* 0.26.7: one bounded desktop frame; the menu has its own row below the
    scrollable content, so no content can appear beneath its rounded edge. */
 body.customer-app.desktop-framed{height:100vh;height:100svh;height:100dvh;overflow:hidden}
 body.customer-app.desktop-framed>.app{height:calc(100vh - 2*var(--customer-inset));height:calc(100svh - 2*var(--customer-inset));height:calc(100dvh - 2*var(--customer-inset));min-height:0;padding:0;display:flex;flex-direction:column;overflow:hidden}
 body.customer-app.desktop-framed>.app>.customer-content{display:flex;flex-direction:column;flex:1 1 0;min-height:0;min-width:0;overflow:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;scroll-padding-block:18px;padding:26px 22px 24px}
 body.customer-app.desktop-framed .customer-content>*{flex:0 0 auto}
 body.customer-app.desktop-framed .customer-content>main{flex:1 0 auto;min-width:0}
 body.customer-app.desktop-framed .customer-content:focus-visible{outline:2px solid var(--brand);outline-offset:-3px}
 body.customer-app.desktop-framed.noscroll .customer-content{overflow:hidden}
 body.customer-app.desktop-framed>.app>.tabs{position:relative;inset:auto;transform:none;flex:0 0 auto;width:100%;max-width:none;margin:0;border:0!important;border-top:1px solid #d4e4eb!important;border-radius:0;box-shadow:0 -5px 20px #16313f08}
}
@media(min-width:1280px) and (min-height:640px) and (hover:hover) and (pointer:fine){
 body.customer-app>.desktop-phone-card{display:flex;flex-direction:column;align-items:center;gap:14px;position:fixed;z-index:2;left:calc(50% + var(--customer-width)/2 + 42px);top:50%;transform:translateY(-50%);width:226px;padding:23px 18px;background:#ffffffd9;border:1px solid #d4e4eb;border-radius:23px;box-shadow:0 8px 35px #174c6808;text-align:center}
 .desktop-phone-card[hidden]{display:none!important}.desktop-phone-card>h2{margin:0;font-size:1.17rem;color:var(--brand-dark)}.desktop-phone-card>p{margin:0;font-size:.85rem;line-height:1.6;color:var(--muted)}
 .desktop-phone-eyebrow{font-size:.65rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em;color:#a45500}.desktop-phone-qr{display:flex;align-items:center;justify-content:center;width:184px;min-height:184px;padding:7px;background:#fff;border:1px solid #e0ebef;border-radius:16px}.desktop-phone-qr img{display:block;width:168px;height:168px;max-width:100%;image-rendering:pixelated}.desktop-phone-qr>p{font-size:.8rem;padding:8px}
 .desktop-phone-help{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;max-width:100%;font-size:.78rem;font-weight:700;text-underline-offset:4px}.desktop-phone-help>.icon{width:16px;height:16px;flex-basis:16px}.desktop-phone-card>.desktop-phone-platforms{font-size:.72rem}
}

/* Calm select fields inside dialogs; focus stays visible through the border. */
.sheet.dlg select:focus,.sheet.dlg select:focus-visible{outline:none;box-shadow:none;border-color:#538ca4}

/* Five floor positions retain their rear/front arrangement at the original size. */
.companion-slot-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.companion-slot-grid>.companion-slot{grid-column:span 2}
.companion-slot-grid>.companion-slot[data-layer=front]{grid-column:span 3}
.companion-slot-grid>.companion-slot-wall{grid-column:1/-1;display:grid}

/* The arcade is loaded on demand and stays within the existing app frame. */
.arcade-dialog{max-height:calc(100vh - 24px);max-height:calc(100svh - 24px)}
.arcade-shell{min-width:0}.arcade-shell h2,.arcade-shell h3{margin:0}.arcade-hero{display:flex;align-items:center;gap:12px;border:1px solid #d4e7ea;background:linear-gradient(125deg,#eaf7fc,#fff4df);padding:18px 16px;border-radius:18px}.arcade-hero-copy{flex:1;min-width:0}.arcade-hero h2{font-size:1.55rem;line-height:1.15;color:var(--brand-dark);margin:7px 0}.arcade-hero p:last-child{font-size:.8rem;color:var(--muted);margin:8px 0 0}.arcade-hero>.companion-portrait{width:100px;height:100px}.arcade-intro{font-size:.85rem;line-height:1.6;margin:15px 0}.arcade-legend{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:10px 0}.arcade-legend>span{display:grid;justify-items:center;gap:3px;font-size:.67rem;color:var(--muted)}.arcade-legend canvas{display:block;width:40px;height:40px}.arcade-starts,.arcade-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}.arcade-starts .btn,.arcade-result-actions .btn{font-size:.8rem;padding:12px 7px}.arcade-records{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.arcade-records>span{display:grid;gap:4px;text-align:center;padding:12px;background:#f1f7fa;border:1px solid #dce9ee;border-radius:14px;font-size:.73rem;color:var(--muted)}.arcade-records strong{font-size:1.5rem;color:var(--brand)}
.arcade-board{margin:18px 0;border-top:1px solid var(--line);padding-top:15px}.arcade-board-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.arcade-board-title h3{font-size:1rem}.arcade-board-title .small{font-size:.7rem}.arcade-rank{display:grid;grid-template-columns:28px 40px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 7px;border-bottom:1px solid #e5edf1;font-size:.82rem}.arcade-rank.mine{border:1px solid #b6d9e9;border-radius:12px;background:#eaf6fc}.arcade-rank-number{text-align:center;font-weight:700}.arcade-rank>.companion-portrait{width:40px;height:35px}.arcade-rank-name{overflow-wrap:anywhere;display:grid;gap:2px}.arcade-rank-name small{font-size:.65rem;color:var(--brand)}.arcade-rank>strong{color:var(--brand)}.arcade-profile-details{border-top:1px solid var(--line);padding:13px 0}.arcade-profile-details summary{font-size:.85rem;font-weight:600;cursor:pointer}.arcade-profile{display:grid;gap:10px;margin-top:13px}.arcade-profile label{font-size:.8rem}.arcade-profile .check{align-items:flex-start}.arcade-profile .check input{flex:none}.arcade-profile input[type=text]{margin-top:6px}.arcade-run-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.8rem;padding:0 0 10px}.arcade-hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;background:#edf6fa;border:1px solid #d8e9ef;border-radius:14px;padding:8px 5px;margin-bottom:9px}.arcade-hud>span{display:grid;text-align:center;gap:3px;min-width:0}.arcade-hud small{font-size:.63rem;color:var(--muted)}.arcade-hud strong{font-size:.95rem;color:var(--brand-dark);white-space:nowrap}.arcade-hud>span:nth-child(3) strong{font-size:.75rem;line-height:1.6}
.arcade-field{position:relative;isolation:isolate;overflow:hidden;border:1px solid #c4dde6;border-radius:18px;height:clamp(180px,40vh,350px);height:clamp(180px,40svh,350px);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;outline:none;background:#e8f6fa}.arcade-field *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.arcade-field:focus-visible{border-color:var(--brand);box-shadow:0 0 0 2px #176d9626}.arcade-field>canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.arcade-overlay{position:absolute;inset:0;z-index:3;background:#f4fbfdc9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:20px;text-align:center;color:var(--brand-dark);backdrop-filter:blur(2px)}.arcade-overlay[hidden]{display:none}.arcade-overlay>strong{font-size:1.7rem}.arcade-overlay>p{font-size:.8rem;margin:0}.arcade-overlay>span{font-size:.85rem}.arcade-steering{display:block;width:100%;height:22px;margin:8px 0 4px;accent-color:var(--brand);touch-action:pan-x}.arcade-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.arcade-direction{position:absolute;z-index:2;bottom:10px;width:52px;height:52px;border:1px solid #39758d45;border-radius:50%;background:#ffffff35;color:#245d79a6;font-size:1.8rem;line-height:1;touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.arcade-direction.left{left:10px}.arcade-direction.right{right:10px}.arcade-direction:active{background:#ffffff75;color:#176d96}.arcade-direction:focus-visible{outline:2px solid #176d96;outline-offset:2px}.arcade-controls>.ghost{min-height:44px}.arcade-control-help{margin:8px 0 0;font-size:.67rem;line-height:1.4}.arcade-result{margin:12px 0}.arcade-saved{color:var(--ok);font-weight:700}.arcade-result>.arcade-board{margin-top:16px}
@media(max-width:360px){.arcade-hero{padding:14px 11px}.arcade-hero h2{font-size:1.35rem}.arcade-hero>.companion-portrait{width:75px;height:85px}.arcade-run-title{font-size:.72rem}.arcade-hud{gap:3px}.arcade-hud strong{font-size:.85rem}.arcade-starts .btn{font-size:.73rem}}

/* The arcade owns the viewport; ordinary sheets keep their existing behaviour. */
.sheet-back.fullscreen-back{padding:0;align-items:stretch;justify-content:stretch;background:#edf7fb;backdrop-filter:none}
.sheet.dlg.fullscreen-dialog{position:relative;width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;min-height:0;padding:0;border:0;border-radius:0;gap:0;box-shadow:none;box-sizing:border-box;animation:none}
.sheet.dlg.fullscreen-dialog>h2,.sheet.dlg.fullscreen-dialog>.dialog-footer{display:none}
.sheet.dlg.fullscreen-dialog>.dialog-content{display:flex;width:100%;height:100%;padding:0;overflow:hidden!important}
.arcade-dialog .arcade-shell{width:100%;height:100%;min-height:0;overflow:auto;box-sizing:border-box;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#f7fbfd}
.arcade-dialog .arcade-shell:not(.is-playing)>:not(.arcade-topbar){max-width:720px;margin-left:auto;margin-right:auto}
.arcade-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;min-height:42px;color:#235873}
.arcade-topbar>strong{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arcade-exit{min-height:42px;padding:8px 13px;color:#27576d;background:#fff;border:1px solid #c7dde7}
.arcade-dialog .arcade-shell.is-playing{display:flex;flex-direction:column;gap:6px;overflow:hidden;padding-left:0;padding-right:0;padding-bottom:env(safe-area-inset-bottom)}
.arcade-shell.is-playing>.arcade-topbar,.arcade-shell.is-playing>.arcade-hud,.arcade-shell.is-playing>.arcade-controls,.arcade-shell.is-playing>.arcade-control-help{margin:0 max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));flex:0 0 auto}
.arcade-shell.is-playing>.arcade-hud{padding:5px 4px;gap:4px;border-radius:10px}.arcade-shell.is-playing>.arcade-hud small{font-size:.6rem}.arcade-shell.is-playing>.arcade-hud strong{font-size:.95rem}
.arcade-shell.is-playing>.arcade-field{flex:1 1 0;min-height:80px;width:100%;height:auto;border-radius:0;border:0;border-top:1px solid #c4dde6}
.arcade-shell.is-playing>.arcade-steering{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.arcade-shell.is-playing>.arcade-controls{display:grid;grid-template-columns:48px auto minmax(0,1fr) 48px;gap:8px}.arcade-controls .arcade-direction{position:static;width:48px;height:40px;border-radius:11px;font-size:1.6rem}.arcade-controls .btn{min-height:40px;padding:7px 10px;font-size:.76rem}.arcade-shell.is-playing>.arcade-control-help{font-size:.65rem;line-height:1.25;height:26px;overflow:hidden;padding-bottom:2px}
.arcade-dialog .arcade-overlay{padding:12px;gap:9px;backdrop-filter:blur(2px);overflow:auto;justify-content:center}.arcade-overlay>strong{font-size:1.5rem}.arcade-overlay .arcade-result{margin:0;max-width:480px}.arcade-overlay .arcade-result p{margin:5px 0}.arcade-overlay .arcade-result-actions{margin:4px 0}.arcade-overlay>.small{margin:0}
@media(max-height:500px){.arcade-shell.is-playing{gap:3px!important;padding-top:0!important}.arcade-topbar{min-height:34px}.arcade-exit{min-height:32px;padding:4px 12px}.arcade-shell.is-playing>.arcade-hud{padding:2px 4px}.arcade-shell.is-playing>.arcade-control-help{display:none}.arcade-controls .arcade-direction,.arcade-controls .btn{min-height:32px;height:32px;padding:3px 8px}}