/* v0.6: service workspace, storefront, accessible themes and compact operations. */
:root[data-theme=light]{--bg:var(--brand-background,#f6f7fb);--accent:var(--brand-primary,#7770e6);color-scheme:light}
.sidebar{overflow-y:auto;overscroll-behavior:contain}.sidebar-bottom{flex-shrink:0}
[data-theme=dark] .hero-device{color-scheme:light;background:linear-gradient(160deg,#fff,#faf8ff);color:#605375}
[data-theme=dark] .hero-device .scene-label,[data-theme=dark] .hero-device .scene-caption{color:#8a7c9d}
[data-theme=dark] .crumb b,[data-theme=dark] .welcome h2{color:var(--ink)}
.nav-group{width:100%;margin:3px 0 8px}.nav-group summary{cursor:pointer;list-style:none;color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:1.1px;padding:12px 15px;display:flex;justify-content:space-between}.nav-group summary:after{content:'⌄';font-size:15px;line-height:14px}.nav-group:not([open]) summary:after{content:'›'}.nav-group button{width:100%;margin:3px 0}.nav-group summary::-webkit-details-marker{display:none}.theme-toggle{font-size:23px;line-height:1}.microcopy{font-size:11px;color:var(--muted);line-height:1.75}.checkbox-field{display:flex;gap:10px;align-items:flex-start;margin:20px 0;font-size:12px;line-height:1.7}.checkbox-field input{margin-top:4px;accent-color:var(--accent)}.field textarea{font:inherit;line-height:1.7}.field input[type=file]{padding:10px;font-size:12px}.inline-help{margin-top:18px;border:1px solid var(--line);border-radius:12px;padding:13px 16px;font-size:12px}.inline-help summary{cursor:pointer;font-weight:650;color:var(--accent-dark)}.inline-help p{color:var(--muted);line-height:1.8;margin-top:10px}.package-detail{padding:20px;margin-top:20px;border:1px solid var(--line);background:var(--soft);border-radius:14px}.package-detail h3{margin:8px 0 12px}.package-detail p{font-size:12px;line-height:1.8;margin:13px 0;color:var(--muted)}.package-detail .eyebrow{font-size:9px}.service-center-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(400px,1.1fr);gap:22px;align-items:start}.dns-panel h2{font-size:25px;margin-top:10px}.dns-ready{display:flex;align-items:center;gap:8px;color:var(--green);font-size:12px;margin:20px 0}.dns-url{padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--bg);word-break:break-all;font-size:12px}.profile-review{padding:17px;border-radius:12px;background:var(--bg);margin-top:25px}.profile-review b{font-size:12px}.profile-review p{color:var(--muted);font-size:11px;line-height:1.9;margin-top:6px}.tracked-card{border-top:1px solid var(--line);padding-top:23px;margin-top:24px}.tracked-card .section-head{align-items:center}.tracked-card .mono{font-size:11px;color:var(--muted)}.source-status{background:var(--bg);padding:17px;border:1px solid var(--line);border-radius:12px;margin:16px 0}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:15px 0}.status-grid small{display:block;margin-bottom:5px;font-size:10px}.status-grid strong{display:block;font-size:11px;overflow-wrap:anywhere;font-weight:600}.track-actions{display:flex;gap:9px;flex-wrap:wrap}.track-actions .btn{font-size:10px;padding:8px 11px}.compact{padding:30px 15px}.favorite-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.favorite-grid h2{margin-top:8px}.favorite-price{font-size:30px;font-weight:750;margin:20px 0}.faq-search{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:0 15px;border-radius:12px;background:var(--bg);margin-bottom:20px}.faq-search .icon{color:var(--muted)}.faq-search input{width:100%;background:transparent;border:0;padding:16px 0;color:var(--ink);font:inherit}.faq-item{border-bottom:1px solid var(--line);padding:18px 0}.faq-item[hidden]{display:none}.faq-item summary{cursor:pointer;font-weight:650;line-height:1.8;list-style:none;padding-right:23px;position:relative}.faq-item summary:after{content:'+';position:absolute;right:0;top:0;color:var(--accent);font-size:20px;font-weight:400}.faq-item[open] summary:after{content:'−'}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{font-size:13px;line-height:1.9;color:var(--muted);padding:12px 0 0 0;max-width:850px}.faq-category{display:inline-block;color:var(--accent-dark);font-size:10px;font-weight:600;background:var(--soft);border-radius:6px;padding:3px 7px;margin-right:12px}.support-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding:20px;background:var(--bg);border-radius:14px}.support-cta p{font-size:12px;color:var(--muted);margin-top:5px}.order-filter{display:grid;grid-template-columns:minmax(200px,2fr) minmax(120px,1fr) minmax(150px,1fr) auto;gap:14px;align-items:end;margin-bottom:20px}.order-filter .field{margin:0}.order-filter .btn{height:45px}.pagination{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.operations-counters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.operations-counters b{display:block;font-size:28px;line-height:1.3}.operations-counters span{font-size:11px;color:var(--muted)}.faq-admin-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:22px 0;align-items:flex-start}.faq-admin-row h3{margin:7px 0}.faq-admin-row p{font-size:12px;color:var(--muted);line-height:1.8;white-space:pre-wrap;max-width:850px}.faq-admin-row .btn{flex-shrink:0}
.storefront-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:center;min-height:430px;border-radius:26px;border:1px solid #e8e3fc;background:linear-gradient(115deg,#f0edff 0%,#f8f7ff 53%,#ede9ff 100%);padding:45px 38px;overflow:hidden;position:relative}.hero-copy{position:relative;z-index:2}.hero-copy>.eyebrow{font-size:9px;letter-spacing:1.3px;display:flex;align-items:center;gap:7px;color:#7166ba}.hero-copy h1{font-size:48px;letter-spacing:-1.8px;line-height:1.14;color:#282240;margin:24px 0 20px}.hero-copy h1 em{color:#7861d9;font-style:normal}.hero-copy>p{font-size:13px;color:#80778f;line-height:1.9;max-width:390px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.hero-actions .btn{font-size:11px}.hero-points{display:flex;flex-wrap:wrap;gap:13px;margin-top:24px;color:#817895;font-size:9px}.hero-points span{display:flex;align-items:center;gap:5px}.hero-points .icon{width:13px;height:13px}.hero-scene{position:relative;min-height:350px;display:grid;place-items:center}.hero-orbit{position:absolute;width:330px;height:330px;border:1px solid #dcd5f2;border-radius:50%;transform:rotate(-20deg);box-shadow:0 0 0 28px #eae4fc44,0 0 0 55px #eae4fc22}.hero-device{position:relative;z-index:1;width:245px;background:linear-gradient(160deg,#fff,#faf8ff);border:6px solid #fff;border-radius:28px;box-shadow:0 25px 45px #6f59a82a;padding:21px 18px 25px;transform:rotate(-7deg)}.hero-device-dot{display:block;width:42px;height:5px;border-radius:20px;background:#e6e1f1;margin:0 auto 25px}.scene-label{font-size:8px;letter-spacing:1.4px;color:#a299b4;text-align:center}.scene-logo{display:grid;place-items:center;width:88px;height:88px;border-radius:24px;background:linear-gradient(140deg,#8d78f5,#6951cf);font-size:53px;font-weight:600;line-height:1;color:#fff;box-shadow:0 10px 25px #9177db40;margin:18px auto 25px;position:relative}.scene-logo span{font-size:23px;position:absolute;bottom:-8px;right:-12px;width:33px;height:33px;border-radius:10px;background:#ffeaa0;color:#b3972d;display:grid;place-items:center;box-shadow:0 4px 9px #ccb85330}.scene-row{display:flex;gap:10px;align-items:center;background:#f0edf8;padding:12px 9px;border-radius:11px}.scene-row .scene-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#d7eddf;color:#42a071;font-size:22px}.scene-row b{font-size:10px;color:#605375;display:block}.scene-row small{font-size:8px;color:#9a8fac;display:block;margin-top:3px}.scene-row>span:last-child{margin-left:auto;color:#a89abd}.scene-progress{display:flex;gap:5px;margin:18px 0 10px}.scene-progress i{display:block;background:#bdb0ee;flex:1;height:3px;border-radius:5px}.scene-progress i:last-child{background:#e8e3f4}.scene-caption{font-size:8px;color:#b1a6c0;display:block;text-align:center}.floating-pill{position:absolute;z-index:2;border:1px solid #fff;border-radius:12px;background:#ffffffdf;box-shadow:0 5px 20px #75689712;color:#6f627f;padding:12px 15px;font-size:9px;display:flex;align-items:center;gap:7px;backdrop-filter:blur(5px)}.floating-pill .icon{width:16px;height:16px;color:#9382c5}.floating-pill.one{left:-12px;top:70px;transform:rotate(-5deg)}.floating-pill.two{bottom:15px;right:-13px;transform:rotate(5deg)}.storefront-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:35px 0 20px}.storefront-intro h2{font-size:25px;margin:7px 0}.storefront-intro p{font-size:12px;color:var(--muted)}.catalog-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.catalog-service{border:1px solid var(--line);background:var(--paper);border-radius:20px;padding:23px}.catalog-service-head{display:flex;gap:12px;align-items:center;min-height:70px}.catalog-service-head .service-logo{width:43px;height:43px;border-radius:13px;flex-shrink:0}.catalog-service-head h2{font-size:17px}.catalog-service-head p{font-size:10px;color:var(--muted);margin-top:5px}.service-logo.combo{background:#eee6ff;color:#9b6fda}.catalog-plans{margin:20px 0;min-height:120px}.catalog-plans>div{display:flex;justify-content:space-between;gap:10px;font-size:11px;border-bottom:1px solid var(--line);padding:12px 0}.catalog-plans span{color:var(--muted)}.catalog-plans b{font-weight:650;white-space:nowrap}.catalog-service>.btn{font-size:11px}.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:30px 0 0;border:1px solid var(--line);border-radius:20px;padding:28px;background:var(--paper)}.journey-grid article{position:relative;padding-left:38px}.journey-grid article>span{position:absolute;left:0;top:2px;font-size:20px;font-weight:300;color:var(--accent)}.journey-grid h3{font-size:13px}.journey-grid p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:8px}
:root[data-theme=dark]{--bg:#0d1020;--paper:#171b2f;--ink:#f4f5ff;--muted:#a8b0c9;--line:#2d344f;--accent:#a99bff;--accent-dark:#c0b5ff;--soft:#292544;--shadow:none;color-scheme:dark}
[data-theme=dark] body{background:var(--bg);color:var(--ink)}[data-theme=dark] .sidebar,[data-theme=dark] .topbar,[data-theme=dark] .panel,[data-theme=dark] .stat,[data-theme=dark] .service-card,[data-theme=dark] .coupon-panel,[data-theme=dark] .bank,[data-theme=dark] .package,[data-theme=dark] dialog{background:var(--paper);color:var(--ink);border-color:var(--line)}[data-theme=dark] .sidebar{box-shadow:none}[data-theme=dark] .topbar{border-color:var(--line)}[data-theme=dark] .notice{background:#242239;border-color:#393250;color:#c0b4da}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#12162a;color:var(--ink);border-color:var(--line)}[data-theme=dark] .field span,[data-theme=dark] .field small,[data-theme=dark] .summary-row,[data-theme=dark] .guide-row p,[data-theme=dark] .service-copy p,[data-theme=dark] .section-head p,[data-theme=dark] .welcome p,[data-theme=dark] .guide-entry p,[data-theme=dark] .summary-help,[data-theme=dark] .ticket-message p{color:var(--muted)}[data-theme=dark] th,[data-theme=dark] .support-note,[data-theme=dark] .ticket-message,[data-theme=dark] .welcome,[data-theme=dark] .admin-banner,[data-theme=dark] .inline-note,[data-theme=dark] .alert-box,[data-theme=dark] .ref-card{background:#22253d;border-color:var(--line);color:var(--muted)}[data-theme=dark] .ticket-message.mine,[data-theme=dark] .package.selected,[data-theme=dark] .nav button.active,[data-theme=dark] .tabs button.selected,[data-theme=dark] .chips button{background:#302b50;border-color:#a99bff;color:#d1c8ff}[data-theme=dark] .nav button,[data-theme=dark] .nav-group summary,[data-theme=dark] .crumb,[data-theme=dark] .footer-note{color:var(--muted)}[data-theme=dark] .nav button:hover{background:#24273e}[data-theme=dark] .btn.secondary,[data-theme=dark] .btn.quiet,[data-theme=dark] .icon-button{background:#272b43;color:#d1c8ff;border-color:var(--line)}[data-theme=dark] .btn:not(.secondary):not(.quiet):not(.text-btn){background:#8c77e4;color:#fff}[data-theme=dark] .tag.green,[data-theme=dark] .pill{background:#173e37;color:#8ee6c4}[data-theme=dark] .tag.orange{background:#3a2e20;color:#e8c184}[data-theme=dark] .tag.red,[data-theme=dark] .error-box{background:#3d2332;color:#ffb8cb;border-color:#714058}[data-theme=dark] .profile-card{background:#22243e;border-color:var(--line)}[data-theme=dark] .storefront-hero{background:linear-gradient(115deg,#242039,#181b30 60%,#2c2444);border-color:#3f355b}[data-theme=dark] .hero-copy h1{color:#f3edff}[data-theme=dark] .hero-copy h1 em{color:#b8a3ff}[data-theme=dark] .hero-copy>p,[data-theme=dark] .hero-points,[data-theme=dark] .hero-copy>.eyebrow{color:#b4a8ca}[data-theme=dark] .hero-orbit{border-color:#665080;box-shadow:0 0 0 28px #51406722,0 0 0 55px #51406715}[data-theme=dark] .floating-pill{background:#343046ed;border-color:#534865;color:#dfd4ef}
@media(min-width:1450px){.storefront-hero{min-height:450px}.hero-copy h1{font-size:56px}}
@media(max-width:1180px){.service-center-grid{grid-template-columns:1fr}.catalog-columns{gap:12px}.catalog-service{padding:18px}.hero-copy h1{font-size:38px}.hero-device{width:210px}.hero-scene{min-height:310px}.hero-orbit{width:270px;height:270px}.floating-pill.one{left:-20px}.floating-pill.two{right:-20px;font-size:8px}.favorite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.storefront-hero{grid-template-columns:1fr;padding:32px 24px}.hero-scene{display:none}.hero-copy h1{font-size:42px}.catalog-columns{grid-template-columns:1fr}.catalog-service-head{min-height:0}.catalog-plans{min-height:0}.journey-grid{grid-template-columns:1fr;gap:25px}.order-filter{grid-template-columns:1fr 1fr}.order-filter>.field:first-child{grid-column:1/-1}.operations-counters{grid-template-columns:1fr 1fr}.favorite-grid{grid-template-columns:1fr}.storefront-intro h2{font-size:22px}.storefront-intro>.pill{display:none}.support-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.hero-copy h1{font-size:35px}.hero-points{font-size:8px;gap:9px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.status-grid{grid-template-columns:1fr}.track-actions .btn{flex:1}.service-center-grid .panel{padding:20px}.faq-category{display:block;width:max-content;margin-bottom:8px}.faq-item summary{font-size:12px}.faq-search input{font-size:11px}.order-filter{grid-template-columns:1fr}.order-filter>.field:first-child{grid-column:auto}.order-filter .btn{width:100%}.faq-admin-row{flex-direction:column}.catalog-service-head h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.storefront.catalog-only .storefront-hero{display:none}.storefront.catalog-only .storefront-intro{margin-top:0}

.bank-logo img[data-bank-logo]{width:100%;height:100%;object-fit:contain;background:#fff;border-radius:8px;padding:3px}.bank-logo img[hidden],.bank-logo span[hidden]{display:none}

/* Finer motion and larger touch targets on both shop and administration. */
:root{scroll-behavior:smooth}
.btn,.nav button,.bank,.package,.icon-button,.chips button{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
@media (hover:hover){.btn:not(:disabled):hover,.bank:hover,.package:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2623441a}}
#page{animation:page-reveal .18s ease-out}
@keyframes page-reveal{from{opacity:.85;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.coupon-tiers{border:1px solid var(--line);border-radius:14px;padding:14px;margin:14px 0}.coupon-tiers legend{font-weight:700;padding:0 5px}.coupon-tiers .checkbox-field{margin:8px 0;min-height:32px;align-items:center}
@media (max-width:700px){.nav button,.nav-group summary,.btn{min-height:44px}.content{padding-bottom:32px}}
@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}#page{animation:none}.btn,.nav button,.bank,.package,.icon-button,.chips button{transition:none!important}}

.service-choice{margin-top:1rem}.service-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:22px 0}.service-choice-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;padding:22px;border:1px solid var(--border,#3b3b48);border-radius:18px;background:rgba(135,119,239,.07);color:inherit;cursor:pointer;min-height:165px}.service-choice-card:hover,.service-choice-card:focus-visible{border-color:#978af7;background:rgba(135,119,239,.16);outline-offset:3px}.service-choice-card strong{font-size:1.1rem}.service-choice-card small{line-height:1.5;opacity:.8}.service-choice-icon{font-size:1.7rem;color:#ac9cff}.service-choice-go{margin-top:auto;color:#ac9cff;font-weight:600}

/* Service selection: local app artwork, responsive cards and clear focus. */
.service-choice{padding:clamp(22px,3vw,38px);margin-top:22px;overflow:hidden}
.service-choice-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.service-choice-heading h2{font-size:clamp(22px,2.6vw,30px);letter-spacing:-.035em;margin:8px 0}
.service-choice-heading p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}
.choice-eyebrow{color:var(--accent,#8b7cf6);font-size:10px;font-weight:800;letter-spacing:.16em}
.choice-count{flex-shrink:0;padding:8px 11px;border:1px solid var(--line,#373744);border-radius:999px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em}
.service-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:25px 0 19px}
.service-choice-card{min-width:0;min-height:252px;padding:22px;position:relative;overflow:hidden;border:1px solid var(--line,#373744);border-radius:20px;background:var(--soft,#f7f6fb);color:var(--ink,#171721);box-shadow:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.service-choice-card:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.75;background:radial-gradient(ellipse at 100% 0%,rgba(155,131,255,.11),transparent 55%)}
.service-choice-card.choice-locket:before{background:radial-gradient(ellipse at 100% 0%,rgba(255,196,46,.16),transparent 55%)}
.service-choice-card.choice-spotify:before{background:radial-gradient(ellipse at 100% 0%,rgba(30,215,96,.13),transparent 55%)}
.service-choice-card:hover{transform:translateY(-3px);border-color:#a494ff;box-shadow:0 12px 30px rgba(45,33,80,.12)}
.service-choice-card:focus-visible,.service-switch:focus-visible{outline:3px solid #a99bff;outline-offset:3px}
.app-art{display:block;flex:none;width:62px;height:62px;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.15)}
.app-art-pair{display:flex;align-items:center;height:62px;padding-right:10px}.app-art-pair .app-art+ .app-art{margin-left:-12px;box-shadow:0 0 0 3px var(--soft,#f7f6fb),0 8px 18px rgba(0,0,0,.14)}
.choice-text{display:flex;flex-direction:column;gap:8px;position:relative;margin-top:5px}
.choice-text strong{font-size:17px;letter-spacing:-.02em}.choice-text small{font-size:12px;color:var(--muted);line-height:1.55}
.service-choice-go{position:relative;display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;margin-top:auto;padding-top:16px;border-top:1px solid var(--line,#373744);font-size:12px;color:var(--accent,#8b7cf6)}
.choice-safety{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;line-height:1.6}.choice-safety .icon{width:16px;height:16px;flex:none}
.service-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 24px}
.service-switch{min-width:0;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border:1px solid var(--line,#373744);border-radius:16px;background:var(--soft,#f7f6fb);color:var(--ink,#171721);cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}
.service-switch .app-art{width:42px;height:42px;border-radius:11px;box-shadow:none}.service-switch .app-art-pair{height:42px;padding-right:5px}.service-switch .app-art-pair .app-art+ .app-art{margin-left:-13px;box-shadow:0 0 0 2px var(--soft,#f7f6fb)}
.service-switch.selected{border-color:#9683f6;background:rgba(139,124,246,.12);box-shadow:inset 0 0 0 1px rgba(150,131,246,.3)}
.service-switch:hover{border-color:#9683f6}.service-switch-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.service-switch-copy strong{font-size:13px;line-height:1.25}.service-switch-copy small{font-size:11px;color:var(--muted);line-height:1.3}.service-switch-check{color:var(--accent,#8b7cf6);font-size:14px}
@media(max-width:780px){.service-choice-grid{grid-template-columns:1fr}.service-choice-card{min-height:0;display:grid;grid-template-columns:62px minmax(0,1fr);column-gap:17px;align-items:center}.service-choice-card .app-art-pair{width:100px;transform:scale(.8);transform-origin:left center}.service-choice-card .choice-text{margin:0}.service-choice-go{grid-column:2;margin:0;padding-top:10px}.service-switch{padding:10px;gap:8px}.service-switch-copy small{display:none}.service-switch-check{display:none}}
@media(max-width:450px){.choice-count{display:none}.service-switcher{grid-template-columns:1fr}.service-switch .app-art{width:38px;height:38px}.service-switch .app-art-pair{height:38px}.service-switch-copy small{display:block}.service-switch-check{display:block}}
@media(prefers-reduced-motion:reduce){.service-choice-card,.service-switch{transition:none}.service-choice-card:hover{transform:none}}