:root{--bg:#17183f;--bg2:#20204c;--card:#292951;--line:rgba(255,255,255,.08);--text:#f8f8ff;--muted:#aaaac0;--purple:#b93cff;--blue:#275cff;--green:#65d5aa;--nav:#100b39;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#000;color:var(--text)}button,input{font:inherit}.shell{width:min(100%,430px);min-height:100vh;margin:auto;background:radial-gradient(circle at 85% 5%,rgba(118,49,210,.18),transparent 29%),linear-gradient(180deg,#191a48,#17183f 55%,#15163c);position:relative;overflow:hidden}.screen{min-height:100vh;padding-bottom:74px}.screen.login{padding:0}.top{height:60px;padding:0 14px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px}.logo{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:11px;background:linear-gradient(145deg,#261e75,#b63fff);border:2px solid rgba(255,255,255,.1);box-shadow:0 0 18px rgba(163,60,255,.32)}.brand b{font-size:18px}.head-actions{display:flex;gap:9px}.head-chip{height:30px;border:0;border-radius:16px;padding:0 12px;color:#eee;background:rgba(255,255,255,.08);font-size:11px}.round{width:30px;padding:0;border-radius:50%}.page{padding:0 14px 18px}.titlebar{height:45px;display:flex;align-items:center;justify-content:space-between}.titlebar h1{font-size:18px;margin:0}.titlebar button{color:white;background:transparent;border:0;font-size:20px}.banner{height:145px;border-radius:8px;overflow:hidden;position:relative;background:#28195e}.banner img{width:100%;height:100%;object-fit:cover}.banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,14,55,.86),rgba(51,33,130,.14))}.banner-copy{position:absolute;z-index:2;left:16px;top:28px;width:48%}.banner-copy small{font-size:9px;color:#76e8bd;letter-spacing:.16em}.banner-copy h2{font-size:22px;line-height:1.05;margin:7px 0}.banner-copy p{font-size:10px;color:#cac8dd;margin:0;line-height:1.45}.quick{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 10px 13px;gap:8px}.quick button{border:0;background:transparent;color:white;font-size:10px}.quick i{width:40px;height:40px;margin:0 auto 6px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:20px;background:linear-gradient(145deg,#2d2565,#171636);border:1px solid rgba(255,255,255,.12);box-shadow:0 0 13px rgba(137,52,255,.25)}.section-head{display:flex;align-items:center;justify-content:space-between;margin:4px 0 10px}.section-head h2{margin:0;font-size:16px}.section-head span{color:#8e64ff;font-size:20px}.games{display:grid;grid-template-columns:1fr 1fr;gap:10px}.game{background:#0f101d;border-radius:7px;overflow:hidden;border:1px solid rgba(255,255,255,.04)}.game-media{height:95px;position:relative;overflow:hidden}.game-media img{width:100%;height:100%;object-fit:cover}.game-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.56))}.game-media small{position:absolute;z-index:2;left:7px;bottom:5px;color:#d1d1d9;font-size:8px}.game-info{padding:8px}.game-info b{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stars{display:flex;align-items:center;justify-content:space-between;margin:8px 0}.stars span{color:#ffc63f;letter-spacing:1px;font-size:13px}.stars em{color:#ddd;font-size:9px;font-style:normal}.grad{height:31px;border:0;border-radius:15px;color:white;background:linear-gradient(90deg,var(--blue),var(--purple));font-size:10px;padding:0 15px}.wide{width:100%;height:43px;border-radius:22px;font-size:12px}.nav{position:fixed;z-index:20;bottom:0;width:min(100%,430px);height:72px;background:rgba(15,8,55,.98);display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid rgba(118,71,255,.18)}.nav button{border:0;background:transparent;color:#87829f;font-size:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.nav i{font-style:normal;font-size:21px}.nav button.on{color:white}.nav button.on i{color:#7d52ff}.stats-top{display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(110deg,#292958,#39245b);border-radius:9px;margin-bottom:10px}.stat{padding:17px 10px;text-align:center;position:relative}.stat+ .stat:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:1px;background:rgba(255,255,255,.08)}.stat strong{font-size:18px;display:block}.stat span{font-size:9px;color:var(--muted);display:block;margin-top:8px}.count{text-align:center;height:55px;padding-top:4px}.count b{display:block;font-size:13px}.count span{font-size:11px;margin-top:3px;display:block}.ribbon{height:31px;width:185px;margin:-1px auto -1px;display:grid;place-items:center;position:relative;background:linear-gradient(180deg,#6f9aff,#6c42e9);clip-path:polygon(8% 0,92% 0,84% 100%,16% 100%);font-size:12px;z-index:2}.vip-card{background:linear-gradient(110deg,#292950,#22234a);border-radius:8px;padding:12px;margin-bottom:8px}.vip-card h3{margin:0 0 9px;font-size:13px}.vip-values{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.vip-values b{display:block;font-size:14px}.vip-values b.money{color:var(--green)}.vip-values span{display:block;font-size:9px;color:var(--muted);margin-top:5px}.vip-card .grad{margin-top:10px}.vip-card.active .grad{background:transparent;border:1px solid #7455ec;color:#eee}.team-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.team-summary .box{background:#2b2855;border-radius:8px;padding:15px 12px}.box span{font-size:9px;color:var(--muted)}.box b{display:block;color:var(--green);font-size:17px;margin-top:6px}.chart-card{background:#292951;border-radius:8px;padding:13px;margin-top:10px}.chart-card h3{font-size:13px;margin:0}.pie{width:180px;height:180px;margin:15px auto;border-radius:50%;background:conic-gradient(#9f36ff 0 58%,#2e5cff 58% 83%,#ff5c4b 83%);position:relative}.pie:after{content:"GJ";position:absolute;inset:49px;border-radius:50%;display:grid;place-items:center;background:#292951;font-weight:900;color:#d8d3ff}.legend{display:flex;justify-content:center;gap:14px;font-size:8px;color:#ccc}.legend i{width:9px;height:9px;display:inline-block;border-radius:2px;margin-right:4px}.date-card{background:#1d184c;border-radius:8px;margin-top:10px;padding:13px}.date-card h3{font-size:12px;margin:0 0 11px}.date-row{display:flex;justify-content:space-between;font-size:10px;margin:7px 0}.invite-card{background:#292950;border-radius:8px;padding:16px;margin-top:4px}.invite-card label{font-size:11px;display:block;margin:0 0 8px}.copy-field{min-height:40px;border-radius:7px;background:#39375d;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;color:#ddd;font-size:11px;margin-bottom:15px}.copy-field b{color:var(--green);font-size:16px}.qr{width:170px;height:170px;margin:24px auto 12px;background:repeating-conic-gradient(#111 0 25%,#fff 0 50%) 50%/18px 18px;border:10px solid white;border-radius:8px;position:relative}.qr:after{content:"GJ";position:absolute;inset:58px;background:#17183f;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900}.share{display:flex;justify-content:center;gap:9px}.share i{width:32px;height:32px;border-radius:50%;border:1px solid #999;display:grid;place-items:center;font-style:normal;font-size:11px}.profile-cover{height:98px;margin:0 -14px;background:linear-gradient(90deg,rgba(24,20,67,.25),rgba(64,36,130,.55)),url('/assets/gamejoy-task-hero-v1.png') center 42%/cover;position:relative;padding:15px}.profile-row{display:flex;align-items:center;gap:11px}.profile-row .logo{width:52px;height:52px}.profile-row b{font-size:16px}.profile-row span{font-size:9px;color:#c5c3d2;display:block;margin-top:4px}.wallets{margin-top:-7px;background:linear-gradient(120deg,#343160,#43215f);border-radius:8px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.wallets span{font-size:9px;color:#b6b5c6}.wallets b{font-size:16px;display:block;margin-top:5px}.totals{background:#292951;border-radius:8px;margin-top:10px;padding:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.totals div{text-align:center}.totals b{display:block;color:var(--green);font-size:15px}.totals span{display:block;color:#aaa;font-size:9px;margin-top:5px}.menu{background:#292950;border-radius:8px;margin-top:10px;overflow:hidden}.menu button{width:100%;height:51px;border:0;border-bottom:1px solid var(--line);background:transparent;color:white;text-align:left;padding:0 14px;display:flex;align-items:center;gap:12px;font-size:11px}.menu button:last-child{border:0}.menu i{font-style:normal;font-size:18px;width:24px;text-align:center}.menu span{margin-left:auto;color:#8b899e}.login-bg{position:absolute;inset:0 0 auto;height:310px;background:linear-gradient(rgba(43,25,119,.48),rgba(23,24,63,.68)),url('/assets/gamejoy-task-hero-v1.png') 60% center/cover}.login-wrap{position:relative;z-index:2;min-height:100vh;padding:34px 16px 20px;display:flex;flex-direction:column}.login-logo{text-align:center;margin-top:20px}.login-logo .logo{width:58px;height:58px;margin:auto}.login-logo h1{font-size:21px;margin:12px 0 0}.login-panel{margin-top:58px}.seg{height:42px;border:1px solid rgba(255,255,255,.17);border-radius:22px;display:grid;grid-template-columns:1fr 1fr;padding:3px;margin-bottom:14px}.seg button{border:0;border-radius:18px;background:transparent;color:white;font-size:11px}.seg button.on{background:linear-gradient(90deg,var(--blue),var(--purple))}.field{height:50px;border:1px solid rgba(255,255,255,.18);border-radius:8px;margin-bottom:10px;background:rgba(18,18,55,.25);display:flex;align-items:center;padding:0 13px}.field input{width:100%;border:0;outline:0;background:transparent;color:white;font-size:12px}.remember{font-size:10px;color:#ddd;margin:7px 0 22px}.register{text-align:center;font-size:11px;color:#aaa;margin-top:14px}.register b{color:white}.terms{margin-top:auto;text-align:center;color:#77758d;font-size:8px}.back{width:35px;height:35px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:transparent;color:white}.notice{position:fixed;z-index:30;left:50%;bottom:85px;transform:translate(-50%,12px);opacity:0;transition:.2s;background:#080816;color:white;padding:9px 13px;border-radius:8px;font-size:9px}.notice.show{opacity:1;transform:translate(-50%,0)}@media(max-width:500px){.shell{box-shadow:none}}@media(min-width:501px){.shell{box-shadow:0 0 50px rgba(50,31,150,.18)}}
/* R8 functional bindings: additive state and accessibility only; V2 geometry remains authoritative. */
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role="button"]:focus-visible{outline:2px solid #75e7bd;outline-offset:2px}
button:disabled{cursor:not-allowed;opacity:.48}
.notice{position:fixed;z-index:80;left:50%;bottom:85px;transform:translate(-50%,12px);opacity:0;transition:.2s;background:#080816;color:#fff;padding:9px 13px;border-radius:8px;font-size:9px;max-width:390px;text-align:center;pointer-events:none}.notice.show{opacity:1;transform:translate(-50%,0)}
.toast-notice{bottom:18px}.toast-bad{background:#471829}
.loading,.empty,.error-state{text-align:center;padding:26px 12px;color:#aaaac0;font-size:10px}.loading strong,.empty strong,.error-state strong{display:block;color:#fff;margin-bottom:6px}
.modal-layer{position:fixed;z-index:70;inset:0;display:grid;place-items:end center;background:rgba(0,0,0,.68)}.modal{width:min(100%,430px);max-height:88vh;overflow:auto;border-radius:18px 18px 0 0;background:#20204c;padding:16px}.modal h2{font-size:15px}.modal-close{float:right;border:0;background:transparent;color:#fff;font-size:20px;min-width:44px;min-height:44px}
.modal-actions,.admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.modal-actions .wide{grid-column:1/-1}
.modal-form{display:grid;gap:10px}.modal-form input,.modal-form select,.modal-form textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#121338;color:#fff;padding:11px;font-size:11px}.modal-form textarea{min-height:100px;resize:vertical}.modal-form label{font-size:10px;color:#d3d1e0}
.inline-note{margin:9px 0;padding:9px;border-radius:7px;background:#171044;color:#d9d5ee;font-size:9px;line-height:1.5}.error-copy{color:#ff9aad;font-size:9px;min-height:14px}.success-copy{color:#75e7bd;font-size:9px}
.admin-row{width:100%;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:transparent;color:#fff;text-align:left;font-size:9px}.admin-row span,.admin-row b{display:block}.admin-row span span{color:#aaaac0;margin-top:4px}
.copy-field button{border:0;background:transparent;color:#65d5aa;font-size:16px;min-width:44px;min-height:40px}.share button{width:32px;height:32px;border-radius:50%;border:1px solid #999;display:grid;place-items:center;background:transparent;color:#fff;font-size:11px}
.media-play{position:absolute;z-index:4;inset:50% auto auto 50%;translate:-50% -50%;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(17,16,46,.65);color:#fff}.media-controls{position:absolute;z-index:5;right:5px;top:5px;display:flex;gap:4px}.media-controls[hidden],[hidden]{display:none!important}.media-controls button{width:28px;height:28px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:9px}.media-state{position:absolute;z-index:3;left:5px;top:5px;border-radius:8px;padding:3px 5px;background:rgba(0,0,0,.6);font-size:7px}.game-media video,.banner video{width:100%;height:100%;object-fit:cover;display:block}
.rating-stars{display:flex;justify-content:center;gap:4px;margin:18px 0}.rating-stars button{border:0;background:transparent;color:#6f6f83;font-size:34px;line-height:40px;padding:0;min-width:40px}.rating-stars button.on{color:#ffc63f}.rating-help{color:#aaa;font-size:10px}
.date-filter{display:grid;grid-template-columns:1fr 1fr;gap:8px}.date-filter label{font-size:9px;color:#aaaac0}.date-filter input{width:100%;margin-top:5px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#121338;color:#fff;padding:9px;font-size:10px}
.seg button,.quick button,.nav button,.menu button,.wallets button{min-height:44px}.wallet-button{border:0;background:transparent;color:inherit;text-align:left;padding:0;width:100%}
.screen-message{padding:18px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.support-inline-button{border:0;background:transparent;color:inherit;font:inherit}.terms .support-inline-button{color:#aaaac0;padding:2px}.team-summary .box.support-inline-button{width:100%;text-align:left}.stats-top .stat.support-inline-button{width:100%;border:0;background:transparent;color:#fff}.qr[type="button"],button.qr{display:block;padding:0;cursor:pointer}.section-head .support-inline-button{font-size:20px;color:#8e64ff;min-width:44px;min-height:44px}
button,a,input,select,textarea,[role="button"]{min-height:44px}.field input{min-height:44px}.remember input{min-width:44px;min-height:44px}.support-inline-button{min-height:44px}
.grad,.admin-row,.admin-nav button,.admin-tools button,.role-links button,.modal button,.modal input,.modal select,.modal textarea,.copy-field button,.share button,.rating-stars button{min-height:44px}.share button{min-width:44px;width:44px;height:44px}.media-controls button{min-width:44px;min-height:44px}.media-play{min-width:44px;min-height:44px}
.game-media video,.banner video{pointer-events:none}
.admin-shell .screen{padding-bottom:18px}.admin-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}.admin-nav button{min-height:44px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#22234f;color:#ddd;font-size:8px;padding:5px}.admin-nav button.on{background:linear-gradient(90deg,#275cff,#b93cff);color:#fff}.admin-tools{display:flex;gap:7px;margin:8px 0}.admin-tools input,.admin-tools select,.admin-form input,.admin-form select,.admin-form textarea{min-width:0;width:100%;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#121338;color:#fff;padding:9px;font-size:9px}.admin-form{display:grid;gap:8px}.admin-form textarea{min-height:145px;resize:vertical}.role-links{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.role-links button{min-height:54px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#242650;color:#fff;font-size:9px}.json-preview{white-space:pre-wrap;font-size:9px;color:#d6d3e8}.admin-status{font-size:8px;color:#65d5aa}@media(min-width:700px){.admin-shell{width:min(100%,760px)}.admin-shell .top,.admin-shell .page{padding-left:20px;padding-right:20px}.admin-shell .admin-nav{grid-template-columns:repeat(6,1fr)}}
@media(max-width:360px){.banner{height:160px}.banner-copy{top:22px}.modal{padding:13px}.rating-stars button{font-size:30px;min-width:38px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.home-task-feed{display:grid;grid-template-columns:1fr;gap:14px}.home-task-card{width:100%;border-radius:10px}.home-task-card .game-media{width:100%;height:auto;aspect-ratio:2/1}.home-task-card .game-info{padding:12px 13px 13px}.home-task-card .game-info>b{font-size:14px;line-height:20px;white-space:normal}.home-task-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;color:var(--muted);font-size:10px}.home-task-meta em{color:#ffc63f;font-style:normal;white-space:nowrap}.home-task-action-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.home-task-action-row>span{color:#c9c7d8;font-size:10px;line-height:1.45}.home-task-card .home-task-action{width:auto;min-width:112px;height:44px;border-radius:22px;padding:0 14px;font-size:11px}.home-rating-stars{display:grid;grid-template-columns:repeat(5,44px);justify-content:center;gap:4px;margin:18px 0}.home-rating-stars button{width:44px;height:44px;border:0;background:transparent;color:#6e6c86;font-size:29px;padding:0}.home-rating-stars button.on{color:#ffc63f}.purchase-feed{margin-top:22px;padding:14px 12px 3px;border-radius:10px;background:#111127;border:1px solid var(--line)}.purchase-feed .section-head{margin:0 0 6px}.purchase-feed-list{display:grid}.purchase-feed-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:10px;line-height:1.55}.purchase-feed-row strong{color:#65d5aa}.purchase-feed-row time{color:var(--muted);white-space:nowrap;font-size:9px}.purchase-feed-state{display:grid;gap:4px;padding:13px 0;border-top:1px solid var(--line);font-size:10px}.purchase-feed-state span{color:var(--muted)}.vip-card.plan-text-card{height:auto;min-height:140px;overflow:visible}
@media(max-width:360px){.home-task-card .game-media{height:auto}.home-task-action-row{grid-template-columns:1fr}.home-task-card .home-task-action{width:100%}.purchase-feed-row{grid-template-columns:1fr}.purchase-feed-row time{white-space:normal}}
.vip-card.package-window-card{position:relative;height:auto;min-height:0;padding:0;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}
.package-media-window{position:relative;z-index:1;inset:auto;width:100%;aspect-ratio:2/1;flex:0 0 auto;background:#171733;overflow:hidden}
.package-media-window img,.package-media-window video{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.package-media-window:after{content:"";position:absolute;z-index:1;inset:auto 0 0;height:42px;background:linear-gradient(180deg,transparent,rgba(18,17,48,.76));pointer-events:none}
.package-media-window .media-play{inset:7px 7px auto auto;translate:0 0;width:28px;height:28px;font-size:10px}
.package-media-window .media-controls{z-index:4;right:7px;top:40px;bottom:auto}
.package-media-window .media-state{z-index:4;left:auto;right:42px;top:12px;max-width:132px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.package-card-content{position:relative;z-index:2;flex:0 0 auto;padding:12px;background:linear-gradient(110deg,#292950,#22234a);border-top:1px solid rgba(143,125,255,.32)}

/* R8 V4: the exclusive team URL remains fully visible and the QR is real. */
.copy-field{align-items:flex-start;justify-content:flex-start;gap:8px}
.copy-field>span{min-width:0;flex:1;overflow-wrap:anywhere;word-break:break-word;line-height:1.45}
.copy-field button{flex:0 0 44px;align-self:flex-start}
.qr{background:#fff;border:10px solid #fff;overflow:hidden}
.qr::after{content:none}
.qr svg{display:block;width:100%;height:100%}

/* C1: preserve the approved 30 px visual chip inside a 44 px touch target. */
.head-chip.round{width:44px;min-width:44px;padding:7px;border-radius:50%;background-clip:content-box}
.back{width:44px;height:44px;min-width:44px;min-height:44px}
.titlebar button{min-width:44px;min-height:44px}
.rating-stars button{min-width:44px}
.game-media .media-controls{inset:5px 5px 5px auto;width:44px;display:flex;flex-direction:column;justify-content:space-between;gap:0;pointer-events:none}
.game-media .media-controls button{pointer-events:auto}

/* C2: keep the whole remember row touch-friendly without enlarging the visible checkbox. */
.remember{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}
.remember input[type="checkbox"]{width:16px;height:16px;min-width:16px;min-height:16px;flex:0 0 16px;margin:0;accent-color:#7d52ff}

/* C3: a real desktop operations portal, intentionally separate from the consumer login. */
.admin-login-page{min-height:100vh;background:linear-gradient(135deg,#edf6ff 0,#f7fbff 58%,#eaf4ff 100%);display:grid;place-items:center;padding:36px 20px;color:#17243a}
.admin-login-card{width:min(100%,720px);background:#fff;border:1px solid #dbe5ef;border-radius:28px;padding:54px 56px;box-shadow:0 30px 70px rgba(53,93,140,.16);display:grid;gap:18px}
.admin-login-brand{display:flex;align-items:center;gap:18px;margin-bottom:16px}.admin-login-logo{width:64px;height:64px;border-radius:17px;background:linear-gradient(145deg,#1f73ff,#55c8ff);display:grid;place-items:center;color:#fff;font-size:22px;font-weight:900;box-shadow:0 12px 28px rgba(31,115,255,.24)}
.admin-login-brand strong{display:block;font-size:30px;letter-spacing:-.03em}.admin-login-brand span{display:block;margin-top:7px;color:#8290a5;font-size:14px;font-weight:800;letter-spacing:.14em}.admin-login-card h1{font-size:38px;margin:4px 0 0}.admin-login-card>p{margin:0 0 18px;color:#7b899d;font-size:17px;line-height:1.75}.admin-login-card label{display:grid;gap:9px;color:#596a80;font-size:16px;font-weight:800}.admin-login-card input,.admin-login-card select{width:100%;height:58px;border:1px solid #d4dfeb;border-radius:12px;background:#fbfdff;padding:0 18px;color:#17243a;font-size:16px;outline:0}.admin-login-card input:focus,.admin-login-card select:focus{border-color:#2979ff;box-shadow:0 0 0 4px rgba(41,121,255,.1)}.admin-login-card input:disabled{background:#f1f4f8;color:#94a0b0}.admin-login-card small{color:#8b98aa;line-height:1.6}.admin-login-error{min-height:22px;color:#cf334d;font-weight:700}.admin-login-card>button{height:58px;border:0;border-radius:12px;background:#2377ff;color:#fff;font-size:18px;font-weight:800;box-shadow:0 12px 24px rgba(35,119,255,.22)}.admin-login-card>button:disabled{opacity:.65}
.admin-portal.admin-shell{width:min(100%,1280px);min-height:100vh;background:#f4f7fb;color:#17243a;box-shadow:none}.admin-portal .screen{min-height:100vh}.admin-portal .top{height:72px;background:#fff;border-bottom:1px solid #e1e8f0;padding:0 28px}.admin-portal .brand b{color:#17243a}.admin-portal-role{display:flex;align-items:center;gap:16px;color:#65758a;font-weight:700}.admin-portal-role button{height:38px;border:1px solid #dbe4ee;border-radius:9px;background:#fff;color:#3b4b61;padding:0 15px}.admin-portal .page{padding:24px 28px}.admin-portal .titlebar h1{color:#17243a;font-size:25px}.admin-portal .titlebar button{color:#33445a}.admin-portal .admin-nav{grid-template-columns:repeat(6,minmax(110px,1fr));gap:10px}.admin-portal .admin-nav button{background:#fff;color:#52647a;border:1px solid #dfe7f0;border-radius:10px;font-size:13px}.admin-portal .admin-nav button.on{background:#2377ff;color:#fff}.admin-portal .admin-tools input,.admin-portal .admin-form input,.admin-portal .admin-form select,.admin-portal .admin-form textarea{background:#fff;color:#17243a;border-color:#dbe4ee;font-size:13px}.admin-portal .date-card{background:#fff;color:#17243a;border:1px solid #e0e7ef;border-radius:12px}.admin-portal .date-card h3{font-size:16px}.admin-portal .admin-row{color:#223248;border-color:#e2e8f0}.admin-portal .empty,.admin-portal .inline-note{color:#718096}
@media(max-width:700px){.admin-login-card{padding:32px 24px;border-radius:20px}.admin-login-brand strong{font-size:24px}.admin-login-card h1{font-size:29px}.admin-portal .admin-nav{grid-template-columns:repeat(2,1fr)}}

/* C4 one-runtime operations control center. Consumer V2 selectors remain unchanged. */
.ops-app{min-height:100vh;background:#f3f6fb;color:#172033;display:grid;grid-template-columns:264px minmax(0,1fr);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}.ops-app aside{position:sticky;top:0;height:100vh;background:#111c36;color:#fff;padding:24px 16px;display:flex;flex-direction:column;gap:22px}.ops-brand{display:flex;align-items:center;gap:12px;padding:0 8px}.ops-brand>b{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#5b78ff,#9b62f5);font-size:18px}.ops-brand span{font-weight:800}.ops-brand small{display:block;color:#9eabc7;font-weight:500;margin-top:3px}.ops-nav{display:grid;gap:6px}.ops-nav button,.ops-logout{border:0;background:transparent;color:#b9c4db;text-align:left;border-radius:10px;min-height:44px;padding:10px 12px;font-size:14px;cursor:pointer}.ops-nav button:hover,.ops-nav button:focus-visible,.ops-nav button.on{background:#263657;color:#fff;outline:none}.ops-logout{margin-top:auto;border:1px solid #344462}.ops-app>main{min-width:0}.ops-app main>header{height:88px;background:#fff;border-bottom:1px solid #dfe5ef;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.ops-app header h1{margin:4px 0 0;font-size:24px}.ops-app header small{color:#6c7890}.ops-role{background:#edf1ff;color:#4259bf;border-radius:999px;padding:8px 13px;font-weight:800}.ops-content{padding:24px 30px 50px}.ops-content section{background:#fff;border:1px solid #e1e7f0;border-radius:14px;padding:18px;min-width:0}.ops-content h2{font-size:17px;margin:0 0 14px}.ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ops-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.ops-metric{background:#fff;border:1px solid #e1e7f0;border-radius:14px;padding:18px;display:grid;gap:6px}.ops-metric span{color:#66738a;font-size:13px}.ops-metric strong{font-size:27px}.ops-metric small{color:#8a94a7;line-height:1.45}.ops-table{display:grid;border:1px solid #e5eaf2;border-radius:10px;overflow:hidden}.ops-table>button,.ops-table>div{border:0;border-bottom:1px solid #edf0f5;background:#fff;min-height:58px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;color:#202b40}.ops-table>button{cursor:pointer}.ops-table>button:hover,.ops-table>button:focus-visible{background:#f6f8ff;outline:2px solid #657df2;outline-offset:-2px}.ops-table>button:last-child,.ops-table>div:last-child{border-bottom:0}.ops-table span{display:grid;gap:3px}.ops-table b{font-size:13px}.ops-table small{color:#768197}.ops-tools{display:flex;gap:10px;margin-bottom:16px}.ops-tools input,.ops-tools select{border:1px solid #ccd5e4;border-radius:9px;min-height:44px;padding:0 12px;background:#fff;font-size:14px}.ops-tools input{flex:1}.ops-primary{border:0;border-radius:9px;background:#4966e8;color:#fff;min-height:44px;padding:0 16px;font-weight:800;margin-top:14px;cursor:pointer}.ops-note{background:#f6f8fc;border-radius:9px;padding:12px;color:#59667e;line-height:1.55}.ops-empty{padding:28px;text-align:center;color:#8a94a7}.ops-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ops-detail-grid>div{background:#f5f7fb;border-radius:8px;padding:10px;display:grid;gap:4px}.ops-detail-grid span{color:#768197;font-size:12px}.modal .ops-table{max-height:260px;overflow:auto}
.ops-runtime-banner{position:sticky;top:0;z-index:20;min-height:48px;background:#fff5cf;border-bottom:1px solid #ead58a;color:#6f5200;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 30px}.ops-runtime-banner b{font-size:14px}.ops-runtime-banner span{font-size:12px;white-space:nowrap}.ops-authority-badge{display:inline-flex!important;width:max-content;align-items:center;justify-content:center;padding:3px 7px;border-radius:999px;background:#fff0bf;color:#8b6500;font-size:11px!important;line-height:1;font-weight:800}.ops-nav button:disabled{opacity:.48;cursor:not-allowed}.ops-identity{display:flex;align-items:center;gap:10px;color:#59667e;font-size:13px}.ops-secondary{border:1px solid #cbd4e5;border-radius:9px;background:#fff;color:#34415a;min-height:44px;padding:0 14px;font-weight:700;cursor:pointer}.ops-secondary:hover,.ops-secondary:focus-visible{border-color:#657df2;outline:2px solid #dfe5ff}.ops-primary:disabled,.ops-secondary:disabled{opacity:.45;cursor:not-allowed}.ops-table+.ops-table{margin-top:12px}.ops-filter-empty{background:#fff7e6;border:1px solid #efd7a3;border-radius:9px;padding:14px;color:#72551f;margin-bottom:12px}.ops-state-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.ops-state-strip>div{display:grid;gap:6px;background:#fff;border:1px solid #e1e7f0;border-radius:12px;padding:14px}.ops-state-strip b{font-size:13px}.ops-state-strip span{font-size:12px;line-height:1.5;color:#6a758a}.ops-permissions{display:grid;gap:10px;background:#f6f8fc;border-radius:10px;padding:14px;font-size:13px;line-height:1.5}.ops-permissions span{color:#657087}.ops-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;color:#69758a;font-size:12px}.ops-detail-links,.ops-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.ops-detail-links button{border:1px solid #d7deea;background:#f7f9fd;color:#384866;border-radius:8px;min-height:38px;padding:0 11px;cursor:pointer}.ops-timeline{display:grid;gap:0;margin:10px 0 16px}.ops-timeline>div{display:grid;grid-template-columns:20px 1fr;gap:8px;min-height:52px}.ops-timeline i{position:relative;width:10px;height:10px;margin-top:5px;border-radius:50%;background:#5a70eb}.ops-timeline i:after{content:"";position:absolute;top:12px;left:4px;width:2px;height:36px;background:#dfe4f0}.ops-timeline>div:last-child i:after{display:none}.ops-timeline span{display:grid;gap:4px}.ops-timeline small{color:#778297}.ops-app~#modal-root .modal,body:has(.ops-app) .modal{width:min(820px,calc(100vw - 40px));max-height:86vh;border-radius:18px;background:#fff;color:#172033;padding:22px}.ops-app~#modal-root .modal-close,body:has(.ops-app) .modal-close{color:#172033}.ops-app~#modal-root .modal .ops-note,body:has(.ops-app) .modal .ops-note{background:#f3f6fb}.ops-app~#modal-root .modal h3,body:has(.ops-app) .modal h3{margin:18px 0 8px}.ops-app~#modal-root .modal .notice,body:has(.ops-app) .modal .notice{position:static;opacity:1;transform:none}.ops-app~#modal-root .modal .date-row,body:has(.ops-app) .modal .date-row{color:#172033}
.ops-overview-group{margin-bottom:18px}.ops-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.ops-section-title h2{margin:4px 0 0}.ops-section-title small{color:#4966e8;font-weight:800;letter-spacing:.04em}.ops-section-title>span{color:#6b778e;font-size:12px}.ops-metrics-dense,.ops-metrics-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.ops-metric footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #edf0f5;padding-top:8px;margin-top:3px}.ops-metric footer span{font-size:10px;line-height:1.35}.ops-metric footer button{border:0;background:transparent;color:#4966e8;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}.ops-metric em{color:#8a94a7;font-size:10px;font-style:normal}.ops-metric.is-unknown{border-color:#e8d59b;background:#fffdf4}.ops-metric.is-unknown strong{font-size:18px;color:#825f00}.ops-overview-secondary{margin-top:2px}.ops-payment-lanes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.ops-payment-lanes article{display:grid;gap:5px;background:#fff;border:1px solid #e1e7f0;border-radius:12px;padding:14px}.ops-payment-lanes span{font-size:12px;color:#657087}.ops-payment-lanes b{font-size:24px}.ops-payment-lanes small{color:#8a94a7;line-height:1.4}.ops-inline-button{margin:0}.order-authorities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.order-authorities section{display:grid;gap:6px;background:#f5f7fb;border:1px solid #e4e9f1;border-radius:10px;padding:12px}.order-authorities span{font-size:12px;color:#6e798d}.order-authorities b{font-size:13px;overflow-wrap:anywhere}.user360-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.user360-tabs section{min-width:0;border:1px solid #e3e8f0;border-radius:10px;padding:12px}.user360-tabs h3{margin:0 0 10px!important}.ops-confirm{display:flex!important;align-items:flex-start;gap:9px;line-height:1.5}.ops-confirm input{width:18px!important;height:18px;margin:1px 0 0;flex:0 0 auto}.ops-content .admin-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.ops-content .admin-nav button{min-height:44px;background:#f5f7fb;color:#384866;border-color:#dce3ee}.ops-content .admin-nav button.on{color:#fff}.ops-content .admin-row{color:#172033}.ops-content .admin-form input,.ops-content .admin-form select,.ops-content .admin-form textarea,.modal .admin-form input,.modal .admin-form select,.modal .admin-form textarea{background:#fff;color:#172033;border-color:#ccd5e4;font-size:13px}.ops-content .admin-form label,.modal .admin-form label{display:grid;gap:6px;color:#34415a;font-size:13px}
.member-credit-action{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:14px 16px;border:1px solid #cad6ff;border-radius:12px;background:linear-gradient(135deg,#f6f8ff,#eef3ff)}.member-credit-action>div{display:grid;gap:5px}.member-credit-action b{font-size:14px;color:#243456}.member-credit-action span{color:#64718a;font-size:12px;line-height:1.5}.member-credit-action .ops-primary{min-width:150px}.member-credit-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.member-credit-summary>div{display:grid;gap:6px;padding:14px;border-radius:10px;background:#f5f7fb}.member-credit-summary span{font-size:12px;color:#738097}.member-credit-summary b{font-size:15px}.member-credit-confirm>p{padding:11px 13px;border-radius:9px;background:#fff7e6;color:#6f521d}.member-credit-success{text-align:center}.member-credit-success>strong{display:block;color:#07845f;font-size:31px;margin:12px 0 5px}.member-credit-success>p{color:#68758a;margin:0 0 18px}.member-credit-success .date-row{text-align:left}.member-credit-confirm .is-in{color:#07845f}
@media(max-width:1180px){.ops-metrics-dense,.ops-metrics-summary,.ops-payment-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-content .admin-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.ops-app{grid-template-columns:220px minmax(0,1fr)}.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-grid{grid-template-columns:1fr}.ops-content{padding:18px}.ops-app main>header{padding:0 18px}}
@media(max-width:760px){.ops-app{grid-template-columns:190px minmax(0,1fr)}.ops-app aside{padding:18px 10px}.ops-nav button{font-size:12px}.ops-metrics,.ops-state-strip,.ops-payment-lanes{grid-template-columns:1fr}.ops-runtime-banner{padding:9px 16px;align-items:flex-start;flex-direction:column;gap:4px}.ops-app main>header{height:auto;min-height:80px}.ops-content{padding:12px}.ops-tools{display:grid;grid-template-columns:1fr}.ops-detail-grid,.user360-tabs,.order-authorities,.member-credit-summary{grid-template-columns:1fr}.member-credit-action{align-items:stretch;flex-direction:column}.member-credit-action .ops-primary{width:100%}.ops-section-title{align-items:flex-start;flex-direction:column;gap:6px}}

/* C10A H5 stability: keep the mobile canvas and fixed navigation anchored while
   browser chrome, scroll position, and safe-area insets change. */
:root{--app-safe-top:env(safe-area-inset-top,0px)}
html{width:100%;min-height:100%;overflow-x:hidden;overflow-x:clip;background:#000}
body{width:100%;min-height:100%;overflow-x:hidden;overflow-x:clip;overscroll-behavior-x:none}
#app{width:100%;min-height:100svh}
.shell:not(.admin-shell){width:100%;max-width:430px;min-height:100svh;overflow-x:hidden;overflow-x:clip;overflow-y:visible}
.shell:not(.admin-shell) .screen{width:100%;min-height:100svh;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px));overflow-x:hidden;overflow-x:clip}
.shell:not(.admin-shell) .screen.login{min-height:100svh;padding-bottom:0}
.shell:not(.admin-shell) .nav{left:50%;right:auto;bottom:0;transform:translateX(-50%);width:100%;max-width:430px;height:calc(72px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);contain:layout paint}
.shell:not(.admin-shell) .top{width:100%;min-width:0;height:calc(60px + var(--app-safe-top));padding-top:var(--app-safe-top);padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px))}.shell:not(.admin-shell) .page{width:100%;min-width:0}.shell:not(.admin-shell) .head-chip{min-width:44px;min-height:44px}.shell:not(.admin-shell) .head-actions{align-items:center}
.shell:not(.admin-shell) .banner,.shell:not(.admin-shell) .game,.shell:not(.admin-shell) .vip-card,.shell:not(.admin-shell) .date-card{min-width:0;contain:layout paint}
.shell:not(.admin-shell) img,.shell:not(.admin-shell) video{max-width:100%;vertical-align:middle}
.modal-layer{min-height:100svh;height:100svh;overflow:hidden}
.modal{max-height:calc(100svh - env(safe-area-inset-bottom,0px));overscroll-behavior:contain}
@supports not (height:100svh){#app,.shell:not(.admin-shell),.shell:not(.admin-shell) .screen,.shell:not(.admin-shell) .screen.login{min-height:100vh}.modal-layer{height:100vh}.modal{max-height:100vh}}

/* C10B: direct implementation of the approved desktop admin UI master.
   These rules are scoped to .ops-app so the approved consumer V2 remains byte-stable. */
.ops-app{--ops-navy:#061b3b;--ops-navy-2:#082954;--ops-blue:#2864ff;--ops-purple:#7047f5;--ops-cyan:#20b7cc;--ops-ink:#17233b;--ops-muted:#738099;--ops-line:#e5eaf2;--ops-bg:#f5f7fb;--ops-panel:#fff;--ops-green:#17a76b;--ops-orange:#ed8b23;--ops-red:#e94b5f;--ops-shadow:0 8px 28px rgba(25,52,89,.07);grid-template-columns:228px minmax(0,1fr);background:var(--ops-bg);color:var(--ops-ink)}
body:has(.ops-app) .modal-layer{--ops-navy:#061b3b;--ops-navy-2:#082954;--ops-blue:#2864ff;--ops-purple:#7047f5;--ops-cyan:#20b7cc;--ops-ink:#17233b;--ops-muted:#738099;--ops-line:#e5eaf2;--ops-bg:#f5f7fb;--ops-panel:#fff;--ops-green:#17a76b;--ops-orange:#ed8b23;--ops-red:#e94b5f;--ops-shadow:0 8px 28px rgba(25,52,89,.07)}
.ops-app aside{position:sticky;top:0;height:100vh;overflow:auto;background:linear-gradient(180deg,var(--ops-navy),#031631);padding:20px 12px;gap:0;z-index:40}
.ops-brand{padding:2px 9px 25px;gap:10px}.ops-brand strong{display:flex;align-items:center;gap:7px;font-size:20px;letter-spacing:.4px}.ops-brand strong>b{font-size:10px;background:linear-gradient(135deg,var(--ops-blue),var(--ops-purple));padding:4px 7px;border-radius:6px}.ops-brand small{display:none}.ops-brand-mark{position:relative;display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px}.ops-brand-mark:before,.ops-brand-mark:after,.ops-brand-mark i{content:"";position:absolute;width:24px;height:24px;border-radius:5px 14px 5px 14px;transform:rotate(45deg)}.ops-brand-mark:before{background:#2e78ff;transform:translate(-5px,-3px) rotate(45deg)}.ops-brand-mark:after{background:#7047f5;transform:translate(5px,3px) rotate(45deg)}.ops-brand-mark i{background:#37c6db;width:12px;height:12px;z-index:1}
.ops-nav{gap:0}.ops-nav button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;margin:3px 0;padding:11px 14px;border-radius:10px;color:#d9e6fb;font-size:13px;font-weight:650}.ops-nav button:hover,.ops-nav button:focus-visible{background:#ffffff0e;color:#fff;outline:2px solid #8eaaff;outline-offset:-2px}.ops-nav button.on{background:linear-gradient(135deg,#1d57e8,#6a47f5);box-shadow:0 8px 18px #00183c80}.ops-nav-icon{width:22px;text-align:center;font-size:16px}.ops-sidebar-footer{margin-top:auto;border-top:1px solid #ffffff18;padding:17px 8px 3px}.ops-admin-profile{display:flex;align-items:center;gap:10px}.ops-admin-profile>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#6177ff,#7f49f4);font-weight:800}.ops-admin-profile div{display:grid;gap:2px;font-size:13px}.ops-admin-profile small{color:#9fb3d2;font-size:10px}.ops-logout{margin:12px 0 0;width:100%;border:0;padding:8px 0;min-height:36px;color:#d8e3f5}
.ops-app>main{min-width:0}.ops-topbar{position:sticky!important;top:0;z-index:30;height:64px!important;padding:0 24px!important;border-bottom:1px solid var(--ops-line)!important;background:#fff!important}.ops-global-search{display:flex;align-items:center;gap:8px;width:min(520px,45vw);padding:8px 12px;border:1px solid var(--ops-line);border-radius:9px;background:#fbfcfe}.ops-global-search span{color:#8c97ab;font-size:20px}.ops-global-search input{width:100%;min-height:28px;border:0;outline:0;background:transparent;color:var(--ops-ink)}.ops-top-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.ops-top-actions button{min-height:38px;border:0;background:transparent;color:#34415a;font-size:12px;padding:7px 9px}.ops-alert-button{border:1px solid #f1dce0!important;border-radius:9px!important}.ops-alert-button b{background:var(--ops-red);color:#fff;padding:2px 6px;border-radius:99px}.ops-role-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#6177ff,#7f49f4);color:#fff;font-size:12px;font-weight:800}.ops-top-actions>b{font-size:12px;color:#34415a}
.ops-runtime-banner{position:static;min-height:31px;padding:6px 24px;background:#fff8df;border-color:#f0dda3;font-size:11px}.ops-runtime-banner b{font-size:11px}.ops-runtime-banner span{font-size:10px}.ops-content{padding:20px 24px 45px;max-width:1700px;margin:0 auto}.ops-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.ops-page-head h1{margin:0;font-size:27px;letter-spacing:-.5px}.ops-page-head p{margin:5px 0 0;color:var(--ops-muted);font-size:12px}.ops-page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ops-page-actions select,.ops-page-actions button{min-height:38px;border:1px solid var(--ops-line);border-radius:8px;background:#fff;color:#40506b;padding:0 11px;font-size:12px}.ops-page-actions button{background:linear-gradient(135deg,var(--ops-blue),var(--ops-purple));color:#fff;border-color:transparent;font-weight:750}
.ops-attention-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:13px}.ops-attention-grid button{display:grid;grid-template-columns:1fr auto;gap:4px 10px;text-align:left;padding:11px 13px;border:1px solid #f0d39d;border-radius:10px;background:#fffaf1;color:#6f5224;cursor:pointer}.ops-attention-grid button:hover,.ops-attention-grid button:focus-visible{border-color:#e59d34;outline:2px solid #ffedc9}.ops-attention-grid span{font-size:11px}.ops-attention-grid strong{grid-row:1/3;grid-column:2;font-size:23px;color:#c45d11}.ops-attention-grid small{font-size:9px;color:#8a6b3b}.ops-section-title{display:flex;align-items:center;justify-content:space-between;margin:12px 0 8px}.ops-section-title h2{font-size:15px;margin:0}.ops-section-title small{color:var(--ops-muted);font-size:10px}.ops-section-title button{min-height:28px;border:0;background:transparent;color:var(--ops-blue);font-size:11px}
.ops-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.ops-kpi-grid.users{grid-template-columns:repeat(4,minmax(0,1fr))}.ops-kpi-grid.summary{margin-bottom:12px}.ops-kpi-card{position:relative;min-width:0;min-height:102px;padding:15px 46px 12px 15px;background:#fff;border:1px solid var(--ops-line);border-radius:11px;box-shadow:var(--ops-shadow)}.ops-kpi-line>div{min-width:0}.ops-kpi-card label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5f6d86;font-size:10px}.ops-kpi-line strong{display:block;margin-top:7px;font-size:21px;line-height:1.15;letter-spacing:-.3px;overflow-wrap:anywhere}.ops-kpi-card.is-unknown{background:#fffdf4;border-color:#e8d59b}.ops-kpi-card.is-unknown .ops-kpi-line strong{font-size:13px;color:#825f00}.ops-kpi-help{position:absolute;top:12px;right:12px;z-index:6}.ops-kpi-help-trigger{display:grid;place-items:center;width:27px;height:27px;min-width:27px;min-height:27px;padding:0;border:1px solid #dce5f3;border-radius:50%;background:#f6f8fc;color:#66748c;cursor:help}.ops-kpi-help-trigger:hover,.ops-kpi-help-trigger:focus-visible,.ops-kpi-help.open .ops-kpi-help-trigger{border-color:#8aa8ff;background:#edf3ff;color:var(--ops-blue);outline:2px solid #dce6ff;outline-offset:1px}.ops-kpi-help-trigger svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.ops-kpi-tooltip{position:absolute;top:34px;right:0;width:min(300px,calc(100vw - 48px));padding:12px 13px;border:1px solid #dce4f0;border-radius:10px;background:#17233a;color:#fff;box-shadow:0 14px 32px #17233a40;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity .12s ease,transform .12s ease,visibility .12s}.ops-kpi-help:hover .ops-kpi-tooltip,.ops-kpi-help:focus-within .ops-kpi-tooltip,.ops-kpi-help.open .ops-kpi-tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.ops-kpi-tooltip b{display:block;margin-bottom:5px;font-size:12px}.ops-kpi-tooltip p{margin:0 0 7px;font-size:12px;line-height:1.55}.ops-kpi-tooltip small{display:block;color:#c7d2e6;font-size:11px;line-height:1.5}.ops-kpi-foot{display:flex;justify-content:flex-end;margin-top:11px}.ops-kpi-foot button{min-height:24px;border:0;background:transparent;color:var(--ops-blue);font-size:10px;padding:0}.ops-fixed-period{display:inline-flex;align-items:center;min-height:38px;padding:0 11px;border:1px solid var(--ops-line);border-radius:8px;background:#f7f9fc;color:#40506b;font-size:12px}.ops-composition{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ops-composition>div{display:grid;gap:7px;padding:10px;border:1px solid #edf1f6;border-radius:9px}.ops-composition b{font-size:11px}.ops-composition span{display:flex;justify-content:space-between;gap:10px;color:var(--ops-muted);font-size:10px}.ops-composition strong{color:#27344d}
.ops-content section{padding:0;background:#fff;border:1px solid var(--ops-line);border-radius:12px;box-shadow:var(--ops-shadow);overflow:hidden}.ops-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px 9px}.ops-panel-head h2{margin:0;font-size:14px}.ops-panel-head small{color:var(--ops-muted)}.ops-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.9fr);gap:12px;margin-top:12px}.ops-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-legend{display:flex;gap:9px;color:#718097;font-size:9px}.ops-legend i{width:7px;height:7px;border-radius:50%;background:var(--ops-blue)}.ops-legend i.purple{background:var(--ops-purple)}.ops-legend i.green{background:var(--ops-green)}
.ops-chart{height:170px;position:relative;padding:15px 14px 28px}.ops-chart-grid{position:absolute;inset:18px 14px 28px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 27px,#edf1f6 28px)}.ops-chart-bars{position:absolute;inset:20px 15px 27px;z-index:1;display:flex;align-items:flex-end;gap:8px}.ops-chart-bars>div{height:100%;flex:1;display:flex;align-items:flex-end;gap:3px;position:relative}.ops-chart-bars i{display:block;min-width:5px;flex:1;max-width:18px;margin:auto 0 0;border-radius:4px 4px 1px 1px;background:linear-gradient(#5f9cff,#2864ff)}.ops-chart-bars i.purple{background:linear-gradient(#a98afe,#7047f5)}.ops-chart-bars i.green{background:linear-gradient(#56d6a1,#17a76b)}.ops-chart-bars small{position:absolute;left:0;right:0;bottom:-18px;text-align:center;color:#8995a8;font-size:8px}.ops-funnel{padding:6px 16px 16px;display:grid;gap:5px}.ops-funnel>div{height:29px;margin:auto;padding:0 12px;border-radius:5px;background:linear-gradient(90deg,#2864ff,#4b86ff);color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:10px}.ops-funnel>div:nth-child(2){background:linear-gradient(90deg,#18a9d0,#56cdf0)}.ops-funnel>div:nth-child(3){background:linear-gradient(90deg,#7654e8,#9b78ff)}.ops-funnel>div:nth-child(4){background:linear-gradient(90deg,#16a469,#59ca96)}
.ops-chart-bars i.h18{height:18%}.ops-chart-bars i.h20{height:20%}.ops-chart-bars i.h22{height:22%}.ops-chart-bars i.h24{height:24%}.ops-chart-bars i.h30{height:30%}.ops-chart-bars i.h34{height:34%}.ops-chart-bars i.h35{height:35%}.ops-chart-bars i.h38{height:38%}.ops-chart-bars i.h41{height:41%}.ops-chart-bars i.h44{height:44%}.ops-chart-bars i.h48{height:48%}.ops-chart-bars i.h49{height:49%}.ops-chart-bars i.h52{height:52%}.ops-chart-bars i.h55{height:55%}.ops-chart-bars i.h56{height:56%}.ops-chart-bars i.h58{height:58%}.ops-chart-bars i.h62{height:62%}.ops-chart-bars i.h63{height:63%}.ops-chart-bars i.h66{height:66%}.ops-chart-bars i.h69{height:69%}.ops-chart-bars i.h70{height:70%}.ops-chart-bars i.h76{height:76%}.ops-chart-bars i.h84{height:84%}
.ops-funnel .w100{width:100%}.ops-funnel .w82{width:82%}.ops-funnel .w62{width:62%}.ops-funnel .w42{width:42%}
.ops-tabs{display:flex;gap:3px;margin:0 12px 0;padding:3px;background:#f1f4f8;border-radius:8px;overflow:auto}.ops-tabs button{min-height:30px;border:0;border-radius:6px;background:transparent;color:#65738b;padding:6px 11px;font-size:10px;font-weight:700;white-space:nowrap}.ops-tabs button.active{background:#fff;color:var(--ops-blue);box-shadow:0 2px 7px #21365514}.ops-tools{padding:10px 12px;margin:0;border-bottom:1px solid var(--ops-line);flex-wrap:wrap}.ops-tools input,.ops-tools select,.ops-secondary,.ops-primary{min-height:36px;border-radius:8px;font-size:11px}.ops-tools input{min-width:220px}.ops-tools .ops-secondary{padding:0 11px}.ops-primary{margin:0;padding:0 13px;background:linear-gradient(135deg,var(--ops-blue),var(--ops-purple))}.ops-inline-button{min-height:35px}.ops-action-row{display:flex;gap:8px;padding:12px}
.ops-table-shell{overflow:auto}.ops-data-table{border-collapse:collapse;width:100%;min-width:760px}.ops-data-table th,.ops-data-table td{padding:10px 12px;border-bottom:1px solid #edf0f4;text-align:left;font-size:10px;white-space:nowrap}.ops-data-table th{color:#7d899d;background:#fbfcfe;font-weight:750}.ops-data-table td{color:#35445e}.ops-data-table td.is-primary{font-weight:700}.ops-data-table tbody tr{cursor:pointer}.ops-data-table tbody tr:hover td,.ops-data-table tbody tr:focus td{background:#f8fbff}.ops-data-table tbody tr:focus{outline:2px solid var(--ops-blue);outline-offset:-2px}.ops-data-table .ops-authority-badge{margin-right:5px}.ops-link-button{color:var(--ops-blue);font-weight:750}.ops-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:9px 12px;color:#76839a;font-size:10px}.ops-pagination button{min-width:28px;min-height:28px;border:1px solid var(--ops-line);border-radius:6px;background:#fff}.ops-pagination button.active{background:var(--ops-blue);color:#fff}
.ops-mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.ops-mini-metrics b,.ops-rule-cards p{margin:0;padding:10px;border:1px solid #edf1f5;border-radius:8px;background:#f8fafc;font-size:11px}.ops-rule-cards{display:grid;gap:8px;padding:12px}.ops-rule-cards p{display:grid;gap:4px}.ops-rule-cards span{color:var(--ops-muted);font-size:10px}.ops-note{margin:10px 12px;padding:9px 10px;font-size:10px}.ops-accordion{margin-top:10px;border:1px solid var(--ops-line);border-radius:10px;background:#fff;overflow:hidden}.ops-accordion summary{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer;font-size:11px;font-weight:750}.ops-accordion summary span{color:var(--ops-muted);font-size:9px}.ops-accordion>div{padding:12px 14px;border-top:1px solid var(--ops-line);font-size:10px;color:var(--ops-muted)}.ops-state-strip{margin-top:12px}.ops-state-strip>div{padding:11px}.ops-permissions{margin:10px 12px 12px}.ops-filter-empty{margin:10px 12px}.ops-empty{padding:28px}
body:has(.ops-app) .modal-layer{display:flex;align-items:stretch;justify-content:flex-end;background:rgba(7,22,45,.4)}body:has(.ops-app) .modal-layer[hidden]{display:none}body:has(.ops-app) .modal{width:min(480px,100%);height:100%;max-height:100vh;border-radius:0;padding:24px;box-shadow:-20px 0 60px rgba(6,25,52,.15)}body:has(.ops-app) .modal-close{position:sticky;float:right;top:0;z-index:2}
@media(max-width:1250px){.ops-attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){.ops-app{grid-template-columns:1fr}.ops-app aside{position:relative;width:100%;height:auto;padding:12px}.ops-brand{padding:4px 8px 10px}.ops-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.ops-nav button{justify-content:center;padding:8px;font-size:11px}.ops-sidebar-footer{display:none}.ops-topbar{position:relative!important}.ops-content{padding:16px}.ops-grid,.ops-grid.three{grid-template-columns:1fr}.ops-kpi-grid,.ops-kpi-grid.users{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.ops-top-actions button:not(.ops-alert-button),.ops-top-actions>b{display:none}.ops-global-search{width:100%}.ops-page-head{display:block}.ops-page-actions{margin-top:10px}.ops-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-kpi-grid,.ops-kpi-grid.users,.ops-attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-composition{grid-template-columns:1fr}.ops-runtime-banner{align-items:flex-start}.ops-runtime-banner span{white-space:normal}}

/* C10D three-wallet presentation. The visible accounts mirror the ledger
   buckets; no generic balance card can imply that every balance is withdrawable. */
.wallet-trio{display:grid;grid-template-columns:1fr;gap:9px;margin-top:-7px;position:relative;z-index:2}
.wallet-account{display:block;min-height:92px;width:100%;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:13px 14px;background:linear-gradient(120deg,#302e56,#252343);color:#fff;text-align:left;box-shadow:0 8px 20px rgba(4,5,22,.18)}
.wallet-account.promotional{background:linear-gradient(120deg,#3b2a58,#292442)}
.wallet-account.withdrawable{background:linear-gradient(120deg,#193c43,#263257);border-color:rgba(38,221,158,.28)}
.wallet-account-head{display:flex;align-items:center;gap:8px;color:#d9d7e7;font-size:10px}
.wallet-account-head i{width:24px;height:24px;border-radius:7px;background:rgba(255,255,255,.09);display:grid;place-items:center;font-style:normal;font-size:13px;flex:0 0 24px}
.wallet-account b{display:block;margin:7px 0 3px;font-size:18px;line-height:1.2}
.wallet-account small{display:block;color:#aaa9ba;font-size:8px;line-height:1.45}
.wallet-summary{background:#292950;border-radius:10px;margin-top:10px;padding:13px 10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.wallet-summary div{min-height:67px;text-align:center;padding:10px 6px;border-bottom:1px solid rgba(255,255,255,.08)}
.wallet-summary div:nth-child(odd){border-right:1px solid rgba(255,255,255,.08)}
.wallet-summary .wide{grid-column:1/-1;border-right:0;border-bottom:0}
.wallet-summary b{display:block;color:var(--green);font-size:15px;line-height:1.25;overflow-wrap:anywhere}
.wallet-summary span{display:block;color:#aaa;font-size:9px;line-height:1.35;margin-top:6px}
.wallet-separation-note{margin:9px 2px 0;color:#aaa9ba;font-size:8px;line-height:1.5}
.wallet-modal-accounts{display:grid;gap:10px}
.wallet-modal-account{padding:14px;border:1px solid var(--line);border-radius:10px;background:#292950}
.wallet-modal-account.selected{border-color:var(--green);box-shadow:0 0 0 1px rgba(38,221,158,.18)}
.wallet-modal-account h3{margin:0 0 7px}
.wallet-modal-account>b{display:block;font-size:18px;color:#fff;margin-bottom:4px}
.wallet-modal-account>span{display:block;color:#aaa;font-size:9px;margin-bottom:7px}
.wallet-modal-account>span em{font-style:normal}
.wallet-modal-account p{color:#b6b5c6;font-size:9px;line-height:1.5;margin:6px 0 10px}
@media(min-width:720px){.wallet-trio{grid-template-columns:repeat(3,minmax(0,1fr))}.wallet-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.wallet-summary div,.wallet-summary div:nth-child(odd){border-right:1px solid rgba(255,255,255,.08);border-bottom:0}.wallet-summary .wide{grid-column:auto;border-right:0}}

/* C10H: responsive login and three-wallet surface. */
.screen.login{overflow-x:hidden}
.login-wrap{width:100%;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom))}
.login-panel{height:auto;min-height:290px}
.seg{width:100%;min-width:0}
.seg button{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.field{width:100%;padding:0;overflow:hidden}
.field input{display:block;width:100%;height:100%;min-width:0;padding:0 14px;border-radius:7px;background:transparent;color:#fff;caret-color:#fff}
.field input:-webkit-autofill,.field input:-webkit-autofill:hover,.field input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;caret-color:#fff;-webkit-box-shadow:0 0 0 1000px #1c1d4a inset;box-shadow:0 0 0 1000px #1c1d4a inset;transition:background-color 9999s ease-out 0s}
.remember{display:flex;align-items:center;gap:8px;min-height:44px;margin:2px 0 14px;line-height:1.35}
.remember input[type="checkbox"]{-webkit-appearance:none;appearance:none;display:grid;place-items:center;width:20px;height:20px;min-width:20px;min-height:20px;margin:0;border:1px solid rgba(255,255,255,.72);border-radius:4px;background:#181942;flex:0 0 20px}
.remember input[type="checkbox"]:checked{border-color:#8d67ff;background:#6d55ff}
.remember input[type="checkbox"]:checked::after{content:"✓";color:#fff;font-size:14px;font-weight:800;line-height:1}
.register{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;min-height:44px}

.wallet-modal{width:min(820px,calc(100vw - 32px));max-height:calc(100svh - 32px);padding:0 16px max(20px,env(safe-area-inset-bottom));border-radius:18px;scroll-padding-top:76px}
.wallet-modal>.modal-close{position:sticky;top:8px;z-index:8;float:right;margin:8px 0 0;background:#20204c;border-radius:50%}
.wallet-modal>h2{position:sticky;top:0;z-index:7;min-height:62px;margin:0 -16px 12px;padding:20px 64px 14px 16px;background:#20204c;border-bottom:1px solid rgba(255,255,255,.08)}
.wallet-modal-tabs{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 12px}
.wallet-modal-tabs button{min-width:0;min-height:44px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#292950;color:#d8d7e5;font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wallet-modal-tabs button[aria-selected="true"]{border-color:#65d5aa;background:linear-gradient(90deg,#275cff,#923cff);color:#fff}
.wallet-modal-accounts{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.wallet-modal-account{min-width:0;display:flex;flex-direction:column}
.wallet-modal-account .admin-actions{margin-top:auto}
.wallet-modal-account small{display:block;margin-top:9px;color:#d7d4e8;font-size:9px;line-height:1.45}
.wallet-modal-account .wallet-claim-secondary{align-self:flex-start;width:auto;max-width:100%;margin-top:10px;padding:0 16px;border:1px solid rgba(255,255,255,.24);border-radius:12px;background:rgba(255,255,255,.035);color:#e4e0f3;font-weight:700;line-height:1.25;white-space:normal}
.task-outcome-secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:9px}
.task-outcome-secondary-actions .task-outcome-secondary{width:100%;min-width:0;min-height:44px;padding:4px 10px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.035);color:#e5e1f2;font-size:12px;font-weight:700;line-height:1.25}
.task-outcome-secondary-actions .task-outcome-secondary:hover,.task-outcome-secondary-actions .task-outcome-secondary:focus-visible,.wallet-modal-account .wallet-claim-secondary:hover,.wallet-modal-account .wallet-claim-secondary:focus-visible{border-color:#9582ff;background:rgba(149,130,255,.12);outline:2px solid rgba(149,130,255,.24);outline-offset:2px}
.locale-current{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.035)}
.locale-current span{color:#bcb8d0;font-size:12px}.locale-current b{font-size:14px;text-align:right}
.modal .locale-close-button{display:block;width:auto;min-width:96px;min-height:44px;margin:12px 0 0 auto;padding:0 18px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.035);color:#eeeaf8;font-weight:700}
.wallet-modal .wallet-history{margin-top:14px}
.wallet-modal .wallet-history>.empty{min-height:74px;padding:22px 12px}
.wallet-modal .wallet-history>.wide{margin-top:10px}

@media(max-width:719px){
  .wallet-modal{width:100%;max-height:calc(100svh - env(safe-area-inset-top));border-radius:18px 18px 0 0}
  .wallet-modal-tabs{position:sticky;top:62px;z-index:6;display:grid;padding:8px 0;background:#20204c}
  .wallet-modal-accounts{display:block}
  .wallet-modal-account{display:none;min-height:0}
  .wallet-modal-account.selected{display:flex}
  .wallet-modal-account[data-wallet-panel="promotional"]{padding-block:18px}
  .wallet-modal-account .wallet-claim-secondary{align-self:flex-start}
  .wallet-capability-note{font-size:10px}
}

@media(max-width:379px){
  .login-wrap{padding-left:12px;padding-right:12px}
  .login-logo{margin-top:10px}
  .login-panel{margin-top:38px}
  .wallet-modal{padding-left:12px;padding-right:12px}
  .wallet-modal>h2{margin-left:-12px;margin-right:-12px;padding-left:12px}
  .wallet-modal-account .admin-actions{grid-template-columns:1fr}
  .task-outcome-secondary-actions{grid-template-columns:1fr}
}

@media(min-width:720px) and (max-width:1023px){
  .wallet-modal{width:min(700px,calc(100vw - 32px))}
  .wallet-modal-account .admin-actions{grid-template-columns:1fr}
}

@supports not (height:100svh){.wallet-modal{max-height:calc(100vh - 32px)}}

.ops-live-panel{margin-top:12px;padding:14px!important}.ops-live-panel>h2{margin:0 0 10px;font-size:15px}
.ops-live-capability{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--ops-line)}
.ops-live-capability:last-of-type{border-bottom:0}.ops-live-capability h3,.ops-live-capability p{margin:0 0 4px}.ops-live-capability small{display:block;color:var(--ops-muted);line-height:1.5}
.ops-live-capability button{flex:0 0 auto;min-width:112px;min-height:44px}.ops-live-panel .ops-accordion{margin:12px 0 0}.ops-live-panel .ops-accordion ul{margin:8px 0 0;padding-left:20px;color:var(--ops-muted);line-height:1.7}
.mfa-setup-qr{width:190px;height:190px;margin:0 auto 14px;padding:10px;background:#fff;border:1px solid var(--ops-line);border-radius:12px}.mfa-setup-qr .qr{width:100%;height:100%;margin:0;border:0}.admin-form code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;user-select:all}
@media(max-width:719px){.ops-live-capability{align-items:stretch;flex-direction:column}.ops-live-capability button{width:100%}}
/* Personal profile controls remain visible and touch-sized on narrow screens. */
.profile-avatar.logo{width:56px;height:56px;padding:0;overflow:hidden;cursor:pointer;flex-shrink:0}
.profile-avatar img,.profile-avatar-preview img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.profile-avatar-preview{width:96px;height:96px;margin:0 auto 12px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#352453;font-size:28px;font-weight:800}
.support-case-row>span{min-width:0}
.support-case-row .support-case-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;line-height:1.45;margin:6px 0;color:#ebe8fa}
.support-case-row .support-case-updated{display:block;color:#b9b5d3;font-size:12px;margin:4px 0}
#personal-profile-form input[type=file]{max-width:100%;font-size:13px}
#personal-profile-form button,#password-change-form button,#email-binding-form button{min-height:44px}
#personal-profile-form [role=alert],#password-change-form [role=alert],#email-binding-form [role=alert]{color:#ffb5b5;overflow-wrap:anywhere}
#personal-profile-form label,#password-change-form label,#email-binding-form label{color:#f4f1ff}
/* C10X two-field registration: scoped, readable and touch-sized. */
.registration-dialog{max-width:440px;width:100%}
.registration-intro{color:#d8d4ee;line-height:1.5;margin:0 0 20px}
#registration-form{display:grid;gap:12px}
#registration-form label{color:#f4f1ff;font-size:15px;font-weight:600;display:grid;gap:8px}
#registration-form input{min-width:0;width:100%;min-height:48px;padding:12px;background:#14142e;color:#f4f1ff;border:1px solid #77739b;border-radius:12px;font-size:16px;box-sizing:border-box}
.registration-password{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}
.registration-password button{min-height:48px;padding:8px 10px;border:1px solid #77739b;border-radius:12px;color:#f4f1ff;background:transparent;font-size:13px;max-width:112px}
#registration-form .registration-hint{color:#c9c4e2;font-size:13px;line-height:1.5;margin:0}
#registration-form [role=alert]{color:#ffb5b5;overflow-wrap:anywhere;margin:0;line-height:1.5}
#registration-form button[type=submit]{min-height:48px;margin-top:4px}
.registration-back{display:block;width:100%;min-height:44px;margin-top:12px;color:#ddd8f5;background:transparent;border:0;text-align:center}
/* Contact cards are part of the main modal stylesheet, not an optional floating-widget asset. */
.support-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:8px 0 12px}
.support-contact-card,.support-contact-card:visited{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:144px;padding:18px 8px;border:1px solid #60638e;border-radius:16px;background:#292b58;color:#fff;text-decoration:none;text-align:center}
.support-contact-card strong{font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.support-contact-card small{color:#d4daf5;font-size:13px;line-height:1.4}
.support-contact-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:#229ed9}
.support-contact-icon svg{display:block;width:24px;height:24px;max-width:24px;max-height:24px;fill:#fff;flex:none}
.support-contact-card:hover{border-color:#a8b7ff;background:#33376a}
.support-contact-card:focus-visible{outline:3px solid #aac5ff;outline-offset:3px}
.modal-actions{display:grid;gap:12px;margin-top:16px}
.modal-actions .registration-back{margin:0;border:1px solid #65668e;border-radius:14px}
body:not(:has(.ops-app)) .modal{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));max-height:calc(100svh - env(safe-area-inset-top,0px) - 12px)}
body:not(:has(.ops-app)) .modal .grad.wide{padding:12px 16px;white-space:normal;line-height:1.4;overflow-wrap:anywhere}
body:not(:has(.ops-app)) .modal .grad.wide + .grad.wide{margin-top:12px}
body:not(:has(.ops-app)) .modal .registration-back{padding:10px 16px;line-height:1.4;font-size:14px}
.ops-role-switch{display:flex;align-items:center;gap:7px;color:#5d6980;font-size:12px;font-weight:700}.ops-role-switch select{min-height:38px;border:1px solid var(--ops-line);border-radius:9px;background:#fff;color:var(--ops-ink);padding:0 30px 0 10px;font-weight:700}.admin-form fieldset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:1px solid var(--ops-line);border-radius:9px;padding:10px}.admin-form fieldset legend{padding:0 5px;color:#34415a;font-size:13px}.admin-form fieldset label{display:flex!important;align-items:center;gap:7px}.admin-form fieldset input[type="checkbox"]{width:18px!important;height:18px;flex:0 0 auto}
/* C11B in-app messages: five-tab navigation stays stable; the bell is the entry point. */
.message-bell{position:relative;min-width:38px;padding:0 10px;font-size:16px}
.message-bell b{position:absolute;right:-4px;top:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;display:grid;place-items:center;background:#ff4e72;color:#fff;font-size:9px;line-height:1}
.message-bell.has-unread{border-color:#ff5478;box-shadow:0 0 0 3px rgba(255,78,114,.18),0 0 18px rgba(255,78,114,.35)}
.home-inbox-alert{position:sticky;top:0;z-index:8;width:calc(100% - 28px);margin:8px 14px 0;padding:11px 14px;border:1px solid rgba(255,94,122,.7);border-radius:12px;background:linear-gradient(90deg,#b91f45,#ff5275);color:#fff;display:flex;gap:8px;align-items:center;box-shadow:0 8px 24px rgba(143,16,52,.28);font-weight:700}
.home-inbox-alert[hidden]{display:none}.home-inbox-alert>span{font-size:9px}.home-inbox-alert>b{min-width:22px;padding:2px 6px;border-radius:10px;background:#fff;color:#c51d47}.home-inbox-alert>strong{margin-left:auto}
.home-carousel{position:relative;margin:0 14px 18px;border-radius:18px;overflow:hidden;background:#171841;min-height:250px}.home-carousel-track{position:relative;min-height:250px}.home-carousel-slide{position:absolute;inset:0;width:100%;height:100%;min-height:250px;padding:0;border:0;opacity:0;pointer-events:none;transition:opacity .35s ease;background:#171841;color:#fff;text-align:left;overflow:hidden}.home-carousel-slide.is-active{opacity:1;pointer-events:auto}.home-carousel-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.home-carousel-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,10,38,.88),rgba(9,10,38,.18))}.home-carousel-slide>span{position:relative;z-index:1;display:flex;flex-direction:column;gap:7px;width:72%;padding:22px 16px 36px}.home-carousel-slide small{letter-spacing:.11em;color:#77e3ef}.home-carousel-slide strong{font-size:20px;line-height:1.12}.home-carousel-slide em{white-space:pre-line;font-style:normal;font-size:13px;line-height:1.45}.home-carousel-dots{position:absolute;z-index:3;bottom:11px;left:0;right:0;display:flex;justify-content:center;gap:7px}.home-carousel-dots button{width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;display:grid;place-items:center}.home-carousel-dots button:before{content:"";width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.45)}.home-carousel-dots button.on:before{width:20px;border-radius:5px;background:#fff}
.home-popup-message{padding:14px;border:1px solid var(--line);border-radius:12px;background:#171744}.home-popup-message small{color:var(--muted)}.home-popup-message p{margin:10px 0 0;line-height:1.65;overflow-wrap:anywhere}
.invite-card-spacious{padding:20px}.invite-status{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:22px;padding:16px;border:1px solid rgba(97,219,205,.3);border-radius:14px;background:rgba(80,211,194,.09)}.invite-status>div{display:flex;min-width:0;flex-direction:column;gap:4px}.invite-status small,.invite-status span{color:var(--muted);font-size:12px;line-height:1.45}.invite-status strong{font-size:18px;color:#6ee4c4}.invite-status button{min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#2a2b65;color:#fff}.share-title{margin:24px 0 12px;font-size:16px}.social-share{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.social-share button{width:100%;height:auto;min-width:0;min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;padding:6px 2px;border:0;border-radius:12px;background:transparent;color:#fff;font-size:10px;overflow:visible}.social-share img{display:block;flex:0 0 44px;width:44px;height:44px;max-width:100%;aspect-ratio:1;object-fit:contain;border-radius:50%;box-shadow:0 3px 12px rgba(0,0,0,.26)}.link-state-summary,.link-state-choice{margin:0 0 14px;padding:15px;border:1px solid var(--line);border-radius:12px}.link-state-summary strong{font-size:18px}.link-state-summary p,.link-state-choice small{display:block;margin:7px 0 0;color:var(--muted);line-height:1.5}.link-state-summary.is-active{border-color:rgba(66,213,176,.48);background:rgba(66,213,176,.08)}.link-state-choice.danger{border-color:rgba(255,94,122,.28)}
.content-image-preview,.content-preview-image img{display:block;width:100%;max-height:230px;margin-top:10px;border-radius:10px;object-fit:cover}.content-preview-image{padding:10px 0}.content-preview-image>span{display:block;margin-bottom:6px;color:var(--muted)}
.voice-alert-entry{margin-top:16px}.voice-local-switch,.voice-config-card{display:flex;gap:18px;align-items:center;justify-content:space-between;margin:0 0 12px;padding:16px;border:1px solid var(--ops-line);border-radius:12px;background:#fff}.voice-local-switch>div,.voice-config-card>div:first-child{display:flex;min-width:0;flex-direction:column;gap:5px}.voice-local-switch span,.voice-config-card span{color:#6d7890;font-size:12px}.voice-config-card .admin-actions{margin:0;flex-wrap:nowrap}.voice-local-switch.has-error{border-color:#d93b55}
@media(max-width:520px){.social-share{grid-template-columns:repeat(5,minmax(46px,1fr));gap:4px}.social-share img{flex-basis:40px;width:40px;height:40px}.social-share span{font-size:9px}.voice-local-switch,.voice-config-card{align-items:stretch;flex-direction:column}.voice-config-card .admin-actions{justify-content:flex-start}}
@media(max-width:390px){.top{gap:7px;padding-left:10px;padding-right:10px}.brand{min-width:0;gap:6px;flex:1 1 auto}.brand .logo{flex:0 0 32px;width:32px;height:32px}.brand b{min-width:0;max-width:142px;font-size:15px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.head-actions{flex:0 0 auto;gap:5px}.head-chip{height:32px;padding:0 8px}.head-chip[data-app-help]{width:32px;overflow:hidden;color:transparent;position:relative}.head-chip[data-app-help]::after{content:"↓";position:absolute;inset:0;display:grid;place-items:center;color:#eee;font-size:16px}.invite-card-spacious{padding:14px}.invite-status{grid-template-columns:1fr;gap:12px}.invite-status button{width:100%}.copy-field{align-items:flex-start;gap:8px}.copy-field span{min-width:0;overflow-wrap:anywhere}.social-share{grid-template-columns:repeat(5,minmax(42px,1fr))}.social-share button{gap:5px}.social-share img{flex-basis:38px;width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.home-carousel-slide{transition:none}.message-bell.has-unread{box-shadow:0 0 0 2px rgba(255,78,114,.3)}}
.modal .link-rotate-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:54px;margin:0;padding:0 20px;border:1px solid #9582ff;border-radius:27px;background:linear-gradient(90deg,#2865ff,#b83cff);box-shadow:0 10px 24px rgba(86,64,255,.28);color:#fff;font-size:16px;font-weight:900}.modal .link-rotate-button:hover,.modal .link-rotate-button:focus-visible{border-color:#c9bdff;background:linear-gradient(90deg,#1e56e8,#a326eb);outline:3px solid rgba(149,130,255,.3);outline-offset:2px}.modal .link-rotate-button span{font-size:21px}
.message-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}
.message-tabs button{min-height:42px;border:1px solid #5c587c;border-radius:21px;background:transparent;color:#cbc7de;font-size:12px}
.message-tabs button.on{border-color:transparent;background:linear-gradient(90deg,var(--blue),var(--purple));color:#fff;font-weight:700}
.help-action-stack{display:grid;gap:12px;margin-top:18px}.help-action-stack .grad{margin:0}
.pwa-install-guide{display:grid;gap:12px}.pwa-install-guide p{margin:0}.pwa-install-steps{margin:0;padding-left:22px;display:grid;gap:8px;color:#ddd8f5}.pwa-install-actions{display:grid;gap:10px;margin-top:4px}.pwa-install-actions .grad,.pwa-install-actions .registration-back{margin:0}
.qr-unavailable{width:100%;height:100%;padding:18px;display:grid;place-items:center;text-align:center;border-radius:8px;background:#f5f5f5;color:#292950;font-size:13px;line-height:1.45}
.message-read-all{display:block;margin:0 0 8px auto;min-height:40px;border:0;background:transparent;color:#a995ff;font-size:12px}
.message-list{display:grid;border-top:1px solid var(--line)}
.message-row{width:100%;min-height:70px;display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 4px;border:0;border-bottom:1px solid var(--line);background:transparent;color:#fff;text-align:left}
.message-row>span:nth-child(2){min-width:0}
.message-row b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}
.message-row small{display:block;margin-top:6px;color:var(--muted);font-size:10px}
.message-row>strong{color:#8d88a5;font-size:18px}
.message-dot{width:7px;height:7px;border-radius:50%;background:transparent}
.message-row.unread .message-dot{background:#7c5cff;box-shadow:0 0 9px rgba(124,92,255,.75)}
.message-row.unread b{font-weight:800}
.message-pages{display:flex;justify-content:space-between;gap:10px;margin-top:12px}
.message-pages button{min-height:42px;border:0;background:transparent;color:#b7a8ff}
.message-detail{padding:12px 0 18px;line-height:1.65}
.message-detail small,.message-detail span{display:block;color:var(--muted);font-size:11px}
.message-detail p{margin:14px 0;color:#f4f1ff;font-size:14px;overflow-wrap:anywhere}
.message-actions{display:grid;gap:6px}
.message-recovery{margin:10px 0;padding:11px;border:1px solid #8f6b3b;border-radius:9px;background:#3a2b25;color:#ffe4b8;font-size:11px;line-height:1.5}
.message-recovery button{min-height:40px;border:0;background:transparent;color:#fff;font-weight:700}
.announcement-preview{margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:10px;background:#171744;line-height:1.6;overflow-wrap:anywhere}
.announcement-preview h3{margin:0 0 9px;font-size:15px}
.announcement-preview p{margin:0 0 8px;white-space:normal}
.announcement-preview small{color:var(--muted)}
.announcement-admin-list button{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:16px;align-items:center;border:0;background:transparent;text-align:left}
.announcement-admin-list button>span{min-width:0;overflow-wrap:anywhere}
.announcement-admin-list button>span:last-child{text-align:right;white-space:normal}
.admin-portal .announcement-preview{border-color:var(--ops-line);background:#f7f9fc;color:var(--ops-ink)}
.admin-portal .announcement-preview small{color:#68758b}
.admin-portal .announcement-admin-list button{color:var(--ops-ink)}

/* C11D administrator transitions: preserve the mounted control-center frame. */
.ops-app>main{position:relative}
.ops-route-state{position:absolute;z-index:55;top:76px;right:24px;display:block;padding:0;background:transparent;color:var(--ops-ink);pointer-events:none}
.ops-route-state>div{display:flex;align-items:center;gap:9px;width:auto;padding:9px 12px;border:1px solid #dce4f1;border-radius:999px;background:#fff;box-shadow:0 8px 22px #23314a1f;text-align:left}
.ops-route-state strong{display:block;font-size:12px}.ops-route-state p{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ops-route-state .ops-primary{margin-top:16px;min-width:120px}
.ops-route-spinner{display:block;width:16px;height:16px;margin:0;border:2px solid #dce5ff;border-top-color:var(--ops-blue);border-radius:50%;animation:ops-route-spin .8s linear infinite}
.ops-route-state.is-error{inset:64px 0 0;display:grid;place-items:center;padding:24px;background:rgba(245,247,251,.94);pointer-events:auto}.ops-route-state.is-error>div{display:block;width:min(420px,100%);padding:24px;border-color:#f0ccd2;border-radius:14px;text-align:center}.ops-route-state.is-error strong{font-size:16px;color:#a52d42}.ops-route-state.is-error p{position:static;width:auto;height:auto;margin:8px 0 0;overflow:visible;clip:auto;white-space:normal}
@keyframes ops-route-spin{to{transform:rotate(360deg)}}
.ops-stale-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:14px 16px;border:1px solid #f0cf8b;border-radius:12px;background:#fff9e9;color:var(--ops-ink)}
.ops-stale-banner>div{display:grid;gap:4px}.ops-stale-banner strong{font-size:13px}.ops-stale-banner span{color:#735f35;font-size:12px;line-height:1.5}.ops-stale-banner button{flex:0 0 auto}
@media(max-width:700px){.ops-stale-banner{align-items:stretch;flex-direction:column}.ops-stale-banner button{width:100%}}
@media(max-width:680px){.ops-kpi-help:hover:not(.open) .ops-kpi-tooltip{opacity:0;visibility:hidden;pointer-events:none}.ops-kpi-help.open .ops-kpi-tooltip,.ops-kpi-help:focus-within .ops-kpi-tooltip{position:fixed;z-index:120;top:auto;right:16px;bottom:18px;left:16px;width:auto}.ops-route-state{top:70px;right:12px}.ops-route-state>div{padding:8px 10px}}

/* C11D mobile canvas stability: page width is invariant under toolbar, scroll and legacy support states. */
@media(max-width:500px){
  html,body,#app{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip}
  html,body{overscroll-behavior:none}
  body:has(.shell:not(.admin-shell)){touch-action:pan-y}
  .shell:not(.admin-shell){width:100%!important;max-width:100%;min-height:100svh;min-height:100dvh;margin:0!important;overflow-x:hidden;overflow-x:clip;overscroll-behavior:none;touch-action:pan-y;transform:none!important}
  .shell:not(.admin-shell) .screen,.shell.tg-support-edge-active:not(.admin-shell) .screen{width:100%!important;max-width:100%;min-width:0;min-height:100svh;min-height:100dvh;overflow-x:hidden;overflow-x:clip;overscroll-behavior-x:none;touch-action:pan-y}
  .shell:not(.admin-shell) .nav{width:100%!important;max-width:100%;transform:translateX(-50%)!important}
  .shell:not(.admin-shell) .top,.shell:not(.admin-shell) .page,.shell:not(.admin-shell) .games,.shell:not(.admin-shell) .home-task-feed{max-width:100%;min-width:0}
}

/* C13M: official GameJoy identity and calm, layered home information. */
.brand-symbol{width:34px;height:34px;flex:0 0 34px;border-radius:11px;object-fit:cover;box-shadow:0 5px 16px rgba(18,80,58,.2)}
.admin-login-logo{display:block;object-fit:cover;background:#fff}
.login-brand-symbol{display:block;width:72px;height:72px;margin:0 auto;border-radius:20px;object-fit:cover;box-shadow:0 10px 30px rgba(12,67,47,.25)}
.login-logo .logo{color:transparent;background:#fff url('/assets/brand/gamejoy-icon-any-192.png?v=c13r') center/cover no-repeat}
.menu-brand-icon{display:block;width:22px;height:22px;border-radius:7px;object-fit:cover}
.about-gamejoy{display:grid;gap:14px;text-align:left}.about-gamejoy>img{display:block;width:min(100%,320px);height:auto;margin:4px auto 8px;border-radius:14px;background:#fff}.about-gamejoy p{margin:0;color:#d9d6e9;font-size:13px;line-height:1.65}.about-official-link{display:grid;place-items:center;text-decoration:none}
.home-popup-carousel{display:grid;gap:12px}.home-popup-counter{justify-self:end;padding:4px 9px;border-radius:99px;background:rgba(255,255,255,.07);color:#c8c4dc;font-size:11px;font-variant-numeric:tabular-nums}.home-popup-message h3{margin:9px 0 0;font-size:17px;line-height:1.35}.home-popup-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.home-popup-nav button{min-width:96px;min-height:44px;padding:10px 14px;border:1px solid #5b5588;border-radius:12px;background:#302b58;color:#f5f3ff;font:inherit;font-size:13px}.home-popup-dots{display:flex;justify-content:center;gap:5px}.home-popup-dots i{width:6px;height:6px;border-radius:50%;background:#6d688a}.home-popup-dots i.on{width:18px;border-radius:5px;background:#7de0bd}
.announcement-home-settings{display:grid;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:12px}.announcement-home-settings legend{padding:0 7px;font-weight:800}
@media(max-width:360px){.home-popup-nav{grid-template-columns:1fr 1fr}.home-popup-dots{grid-column:1/-1;grid-row:1}.home-popup-nav button{min-width:0}}

/* C11G session recovery: append-only styling preserves frozen navigation architecture. */
.login-session-notice{margin:0 0 12px;padding:11px 13px;border:1px solid rgba(255,204,102,.5);border-radius:9px;background:rgba(97,63,11,.46);color:#fff2c7;font-size:11px;font-weight:700;line-height:1.45}

/* C11H readable typography and predictable controls across user and operator surfaces. */
button,input,select,textarea{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
input[type="checkbox"]{appearance:auto;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;margin:0;accent-color:#6d55ff;flex:0 0 18px}
.remember,.payment-confirm,.ops-confirm{min-height:44px;display:flex!important;align-items:center;gap:10px;line-height:1.45}
.remember input[type="checkbox"]{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;flex-basis:18px}
.shell:not(.admin-shell){font-size:14px;line-height:1.5}
.shell:not(.admin-shell) button{font-size:14px}
.shell:not(.admin-shell) input,.shell:not(.admin-shell) select,.shell:not(.admin-shell) textarea{font-size:16px}
.shell:not(.admin-shell) .head-chip,.shell:not(.admin-shell) .quick button,.shell:not(.admin-shell) .nav button{font-size:12px}
.shell:not(.admin-shell) .banner-copy small,.shell:not(.admin-shell) .banner-copy p,.shell:not(.admin-shell) .game-media small,.shell:not(.admin-shell) .stars em,.shell:not(.admin-shell) .stat span,.shell:not(.admin-shell) .vip-values span,.shell:not(.admin-shell) .box span,.shell:not(.admin-shell) .profile-row span,.shell:not(.admin-shell) .wallets span,.shell:not(.admin-shell) .totals span,.shell:not(.admin-shell) .home-task-meta,.shell:not(.admin-shell) .home-task-action-row>span,.shell:not(.admin-shell) .purchase-feed-row,.shell:not(.admin-shell) .purchase-feed-row time,.shell:not(.admin-shell) .purchase-feed-state{font-size:12px}
.shell:not(.admin-shell) .game-info b,.shell:not(.admin-shell) .menu button,.shell:not(.admin-shell) .date-card h3{font-size:14px}
.shell:not(.admin-shell) .media-state{font-size:11px}
.shell:not(.admin-shell) .date-row,.shell:not(.admin-shell) .invite-card label,.shell:not(.admin-shell) .copy-field,.shell:not(.admin-shell) .admin-row{font-size:13px}
.entitlement-overview{padding:16px;background:linear-gradient(145deg,rgba(35,29,91,.98),rgba(24,22,70,.98));border:1px solid rgba(143,119,255,.2);box-shadow:0 12px 30px rgba(5,4,31,.13)}
.entitlement-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.entitlement-heading>div{min-width:0}.entitlement-heading h3{margin:0!important;font-size:17px!important;line-height:1.3}.entitlement-heading p{margin:4px 0 0;color:#aaa6c3;font-size:12px}.entitlement-state{flex:0 0 auto;max-width:42%;padding:6px 10px;border-radius:999px;background:rgba(101,213,170,.14);color:#86ecc7;font-size:11px;font-weight:800;line-height:1.25;text-align:center}.entitlement-state.is-done,.entitlement-state.is-empty{background:rgba(151,143,190,.13);color:#c9c4dc}
.entitlement-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0 12px}.entitlement-kpis>div{min-width:0;padding:11px 6px;border:1px solid rgba(255,255,255,.075);border-radius:11px;background:rgba(255,255,255,.035);text-align:center}.entitlement-kpis strong{display:block;font-size:20px;line-height:1.1;color:#fff;font-variant-numeric:tabular-nums}.entitlement-kpis>div:first-child strong{color:#84eac4}.entitlement-kpis span{display:block;margin-top:5px;color:#aaa6c3;font-size:11px;white-space:nowrap}
.entitlement-details{overflow:hidden;border:1px solid rgba(134,111,255,.28);border-radius:12px;background:rgba(7,7,31,.16)}.entitlement-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:10px 13px;cursor:pointer;list-style:none;touch-action:manipulation}.entitlement-details>summary::-webkit-details-marker{display:none}.entitlement-details>summary:focus-visible{outline:2px solid #8e75ff;outline-offset:-3px}.entitlement-details>summary>span{display:grid;min-width:0;gap:2px}.entitlement-details>summary b{font-size:14px}.entitlement-details>summary small{color:#aaa6c3;font-size:11px;line-height:1.35}.entitlement-details>summary i{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border-radius:50%;background:linear-gradient(145deg,rgba(52,94,255,.3),rgba(175,53,255,.3));color:#fff;font-size:22px;font-style:normal;transition:transform .18s ease}.entitlement-details[open]>summary i{transform:rotate(90deg)}
.entitlement-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.07)}.entitlement-item{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy status" "meter meter";align-items:center;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.035)}.entitlement-item-copy{grid-area:copy;display:grid;min-width:0;gap:2px}.entitlement-item-copy b{overflow:hidden;font-size:12px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.entitlement-item-copy span{color:#aaa6c3;font-size:10px}.entitlement-item>strong{grid-area:status;max-width:78px;color:#86ecc7;font-size:10px;line-height:1.25;text-align:right}.entitlement-item.is-done>strong{color:#aaa6c3}.entitlement-item progress{grid-area:meter;width:100%;height:5px;overflow:hidden;border:0;border-radius:999px;background:rgba(255,255,255,.09);appearance:none;-webkit-appearance:none}.entitlement-item progress::-webkit-progress-bar{border-radius:999px;background:rgba(255,255,255,.09)}.entitlement-item progress::-webkit-progress-value{border-radius:999px;background:linear-gradient(90deg,#3567ff,#b83dff)}.entitlement-item progress::-moz-progress-bar{border-radius:999px;background:linear-gradient(90deg,#3567ff,#b83dff)}.entitlement-details>.inline-note{margin:0 12px 12px;padding:10px 11px;border-radius:9px;background:rgba(255,255,255,.035);font-size:11px!important;line-height:1.5}
.shell:not(.admin-shell) .grad{min-height:44px;border-radius:22px;font-size:14px;font-weight:700}
.shell:not(.admin-shell) .wide{height:auto;min-height:48px;font-size:15px}
.shell:not(.admin-shell) .terms{height:auto;min-height:44px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;line-height:1.4}
.shell:not(.admin-shell) .register{height:auto;min-height:44px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:13px;line-height:1.4}
.shell:not(.admin-shell) .login-panel{height:auto}
.shell:not(.admin-shell) .field input{font-size:16px}
.shell:not(.admin-shell) .remember{height:auto;font-size:13px}
#registration-form button[type=submit]{font-size:15px;font-weight:700}
body:not(:has(.ops-app)) .modal{font-size:14px;line-height:1.55}
body:not(:has(.ops-app)) .modal h2{font-size:20px;line-height:1.3}
body:not(:has(.ops-app)) .modal-form label{font-size:14px}
body:not(:has(.ops-app)) .modal-form input,body:not(:has(.ops-app)) .modal-form select,body:not(:has(.ops-app)) .modal-form textarea{font-size:16px}
body:not(:has(.ops-app)) .modal .grad{font-size:14px;font-weight:700}
body:not(:has(.ops-app)) .modal .grad.wide{height:auto;min-height:48px;font-size:15px}
body:not(:has(.ops-app)) .inline-note,body:not(:has(.ops-app)) .error-copy,body:not(:has(.ops-app)) .success-copy,body:not(:has(.ops-app)) .empty,body:not(:has(.ops-app)) .error-state,body:not(:has(.ops-app)) .loading,body:not(:has(.ops-app)) .notice{font-size:13px}
.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid rgba(150,141,210,.34);border-radius:14px;background:rgba(255,255,255,.035);overflow:hidden}.faq-list summary{cursor:pointer;padding:16px 18px;font-size:15px;font-weight:800;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"＋";float:right;color:#8d7cff}.faq-list details[open] summary:after{content:"－"}.faq-list p{margin:0;padding:0 18px 14px;color:#beb9d7;font-size:13px;line-height:1.6}.faq-list button{margin:0 18px 16px;width:calc(100% - 36px)}.commission-filter-empty{margin-top:14px}.commission-filter-empty button{margin-top:12px}
.payment-simple-note{margin:2px 0 0;color:#d8d4ee;font-size:13px;line-height:1.55}
.payment-order-summary{display:grid;gap:4px;margin:8px 0 16px;padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:#171744}
.payment-order-summary .date-row{align-items:flex-start;margin:7px 0;font-size:14px;line-height:1.5}
.payment-order-summary .date-row>span{color:#c7c4d8}
.payment-order-summary .date-row>b{max-width:58%;text-align:right;overflow-wrap:anywhere}
.payment-exact-amount{padding:10px;border-radius:9px;background:rgba(91,83,255,.2)}
.payment-exact-amount b{color:#85f0c7;font-size:16px}
.payment-address-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px}
.payment-address-row code{min-width:0;text-align:right;overflow-wrap:anywhere;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5}
.payment-summary-actions{display:grid;gap:8px}
.payment-back-button{min-height:44px;border:0;background:transparent;color:#ded9f4;font-size:14px}
.deposit-checkout{display:grid;gap:16px;margin:4px 0 16px;padding:16px;border:1px solid rgba(133,240,199,.2);border-radius:16px;background:linear-gradient(160deg,rgba(42,42,91,.98),rgba(20,20,57,.98))}
.deposit-network{display:flex;align-items:center;gap:10px}.deposit-token{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#28b995;color:#fff;font-size:25px;font-weight:900}.deposit-network>div{display:grid;gap:2px}.deposit-network b{font-size:17px}.deposit-network small{color:#bcb8d2;font-size:12px}.deposit-network>strong{margin-left:auto;padding:6px 9px;border-radius:99px;background:rgba(101,213,170,.13);color:#85f0c7;font-size:11px;white-space:nowrap}
.deposit-amount{display:grid;justify-items:center;gap:7px;padding:14px;border-radius:13px;background:rgba(95,84,255,.16);text-align:center}.deposit-amount small{color:#c9c5dd;font-size:12px}.deposit-amount b{color:#85f0c7;font-size:28px;line-height:1.15;letter-spacing:.01em}.deposit-amount button,.deposit-address button{min-height:40px;border:0;border-radius:20px;padding:0 17px;background:linear-gradient(90deg,#2e66ff,#a639ff);color:#fff;font-weight:700}
.deposit-qr{width:210px;height:210px;margin:0 auto;padding:12px;border-radius:14px;background:#fff}.deposit-qr svg{display:block;width:100%;height:100%}.deposit-qr .qr-unavailable{padding:12px}
.deposit-address{display:grid;gap:8px}.deposit-address small{color:#c9c5dd;font-size:12px}.deposit-address code{display:block;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(5,5,26,.35);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.5;overflow-wrap:anywhere;word-break:break-all;user-select:all}.deposit-checkout>p{margin:0;color:#c8c4d9;font-size:12px;line-height:1.55;text-align:center}
.deposit-expiry{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:10px;background:rgba(255,255,255,.06);color:#c9c5dd;font-size:12px}.deposit-expiry b{color:#fff;font-variant-numeric:tabular-nums;text-align:right}
.ops-app,.admin-login-page{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.ops-app button,.ops-app input,.ops-app select,.ops-app textarea,.admin-login-page button,.admin-login-page input{font-size:13px}
.ops-app .ops-kpi-card label,.ops-app .ops-kpi-foot,.ops-app .ops-attention-grid span,.ops-app .ops-attention-grid small,.ops-app .ops-section-title small,.ops-app .ops-table-shell th,.ops-app .ops-table-shell td,.ops-app .ops-pagination,.ops-app .ops-note,.ops-app .ops-accordion,.ops-app .ops-runtime-banner,.ops-app .ops-runtime-banner span{font-size:12px}
.ops-app .ops-primary,.ops-app .ops-secondary,.ops-app .ops-page-actions button,.ops-app .ops-page-actions select,.ops-app .ops-top-actions button{min-height:40px;font-size:13px}
@media(max-width:500px){
  .payment-order-summary{padding:12px}
  .payment-address-row{grid-template-columns:1fr}
  .payment-address-row code{text-align:left}
  .deposit-checkout{padding:14px}.deposit-qr{width:min(210px,72vw);height:min(210px,72vw)}.deposit-network{align-items:flex-start;flex-wrap:wrap}.deposit-network>strong{margin-left:52px;margin-top:-8px}.deposit-amount b{font-size:25px}
  .entitlement-list{grid-template-columns:1fr}.entitlement-item{grid-template-columns:minmax(0,1fr) minmax(78px,auto)}
}

/* C11L team rewards: keep amounts, actions and support reachable on small screens. */
.team-campaign-card{overflow:hidden}
.reward-campaign-title,.reward-progress-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.reward-campaign-title h3{max-width:70%;margin:0}
.reward-campaign-title>span{flex:0 0 auto;padding:5px 9px;border:1px solid rgba(137,223,193,.32);border-radius:99px;background:rgba(74,190,154,.13);color:#9ce6cb;font-size:11px;font-weight:800}
.reward-campaign-lead{margin:10px 0 16px;color:#d8d4ee;font-size:13px;line-height:1.55}
.reward-progress-block{margin:14px 0;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(8,8,30,.25)}
.reward-fold{padding:0;overflow:hidden}
.reward-fold>summary{list-style:none}.reward-fold>summary::-webkit-details-marker{display:none}
.reward-fold-summary{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:72px;padding:12px 14px;cursor:pointer;touch-action:manipulation}
.reward-fold-summary:focus-visible{outline:2px solid #8d75ff;outline-offset:-3px}
.reward-fold-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:linear-gradient(145deg,rgba(54,105,255,.34),rgba(184,54,255,.3));color:#fff;font-size:18px}
.reward-fold-copy{display:grid;min-width:0;gap:2px}.reward-fold-copy small{color:#9ce6cb;font-size:11px;font-weight:800}.reward-fold-copy strong{font-size:14px;line-height:1.35;overflow-wrap:anywhere}.reward-fold-copy em{color:#bbb6d1;font-size:11px;font-style:normal}
.reward-fold-meta{display:flex;align-items:center;gap:7px;text-align:right}.reward-fold-meta b{max-width:92px;color:#dcd7f3;font-size:11px;line-height:1.35}.reward-fold-meta i{color:#a997ff;font-size:24px;font-style:normal;transition:transform .18s ease}
.reward-fold[open] .reward-fold-meta i{transform:rotate(90deg)}
.reward-fold-body{padding:0 14px 14px;border-top:1px solid rgba(255,255,255,.08)}
.team-level-card{overflow:hidden;padding:0}
.team-level-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px}
.team-level-title h3{margin:0 0 3px;font-size:15px}.team-level-title p{margin:0;color:#bbb6d1;font-size:11px;line-height:1.4}.team-level-title>span{padding:5px 9px;border-radius:99px;background:rgba(112,91,232,.2);color:#cabfff;font-size:11px;font-weight:900}
.team-level-list{display:grid;border-top:1px solid rgba(255,255,255,.08)}
.team-level-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(60px,.7fr) minmax(74px,.9fr) 12px;align-items:center;gap:9px;min-height:62px;padding:9px 14px;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:transparent;color:#fff;text-align:left}
.team-level-row:last-child{border-bottom:0}.team-level-row>span{display:grid;min-width:0;gap:2px}.team-level-row>span:nth-child(n+2){text-align:right}.team-level-row b{font-size:13px;overflow-wrap:anywhere}.team-level-row small{color:#aaa5c0;font-size:10px}.team-level-row>i{color:#a997ff;font-size:20px;font-style:normal;text-align:right}
.team-level-row:active{background:rgba(112,91,232,.14)}
.team-level-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px}
.team-level-tabs button{display:grid;gap:3px;min-height:48px;padding:8px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.04);color:#d7d2e9;font-weight:800}
.team-level-tabs button small{font-size:10px;font-weight:600}.team-level-tabs button.is-active{border-color:#8070ff;background:rgba(108,81,255,.24);color:#fff}
.team-level-modal-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;padding:10px 12px;border-radius:10px;background:rgba(112,91,232,.13)}
.team-level-modal-summary span{color:#bfb8da;font-size:12px}.team-level-modal-summary b{text-align:right;font-size:12px}
.reward-progress-heading>div{min-width:0;display:grid;gap:3px}
.reward-progress-heading small{color:#bbb6d1;font-size:12px}
.reward-progress-heading strong{font-size:15px;line-height:1.35;overflow-wrap:anywhere}
.reward-progress-heading>span{flex:0 0 auto;color:#9ce6cb;font-size:12px;font-weight:700;text-align:right}
.reward-progress-track{display:block;width:100%;height:7px;margin:11px 0 8px;overflow:hidden;border:0;border-radius:99px;background:rgba(255,255,255,.1);appearance:none;-webkit-appearance:none}
.reward-progress-track::-webkit-progress-bar{border-radius:99px;background:rgba(255,255,255,.1)}
.reward-progress-track::-webkit-progress-value{border-radius:99px;background:linear-gradient(90deg,#3369ff,#bd35ff)}
.reward-progress-track::-moz-progress-bar{border-radius:99px;background:linear-gradient(90deg,#3369ff,#bd35ff)}
.weekly-reward-tiers{margin-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.weekly-reward-tier{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.weekly-reward-tier:last-child{border-bottom:0}
.weekly-reward-tier>span,.weekly-reward-tier>strong{display:grid;min-width:0;gap:2px}
.weekly-reward-tier>span small,.weekly-reward-tier>strong small{color:#aaa5c0;font-size:11px;font-weight:500;overflow-wrap:anywhere}
.weekly-reward-tier>strong{flex:0 0 42%;color:#fff;text-align:right}
.weekly-reward-tier.is-reached>strong,.weekly-reward-tier.is-reached>strong small{color:#9ce6cb}
.daily-reward-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;margin-top:12px;padding:12px;border-radius:12px;background:rgba(98,79,214,.13)}
.daily-reward-card>div:first-child{display:grid;min-width:0;gap:3px}
.daily-reward-card>div:first-child small{color:#bbb6d1;font-size:11px}
.daily-reward-card>div:first-child strong{font-size:15px}
.daily-reward-card>b{text-align:right}
.daily-reward-card .reward-progress-track,.daily-reward-card p{grid-column:1/-1;margin:0}
.daily-reward-card p{color:#c8c4d8;font-size:12px;line-height:1.45}
.reward-requirement{margin-top:12px;padding:12px;border-radius:12px;background:rgba(98,79,214,.13)}
.reward-requirement p{margin:5px 0 9px;color:#c8c4d8;font-size:12px;line-height:1.45}
.reward-plan-rules,.reward-campaign-rules{margin-top:12px;color:#d8d4ee;font-size:12px}
.reward-plan-rules summary,.reward-campaign-rules summary{min-height:40px;padding:10px 0;cursor:pointer;color:#fff;font-weight:800}
.reward-plan-rules .date-row{align-items:flex-start;gap:12px;margin:0;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.reward-plan-rules .date-row span{min-width:0;overflow-wrap:anywhere}
.reward-plan-rules .date-row b{flex:0 0 44%;text-align:right;overflow-wrap:anywhere}
.reward-campaign-rules p{line-height:1.55}
.reward-invite-button{margin-top:14px}
.team-reward-section .reward-card{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.team-reward-section .reward-card .date-row{align-items:flex-start;gap:12px}
.team-reward-section .reward-card .date-row>span{min-width:0;flex:1;overflow-wrap:anywhere}
.team-reward-section .reward-card .date-row>span small{display:block;margin-top:3px;color:#c6c1db}
.team-reward-section .reward-card .date-row>b{display:flex;flex:0 0 112px;flex-direction:column;align-items:flex-end;gap:5px;text-align:right}
.team-reward-section .reward-card .date-row>b>strong{line-height:1.35;overflow-wrap:anywhere}
.team-reward-section .reward-card .date-row>b>small{display:block;color:#d9d5ee;line-height:1.35}
.team-reward-section .reward-card [data-team-reward-claim]{min-width:88px;padding:7px 10px;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:rgba(109,85,255,.22);font-weight:700}
.team-reward-section .reward-detail-button{display:block;min-height:44px;padding:4px 0;text-align:left;font-weight:700}
.team-reward-section .team-reward-support{margin-top:14px}
body:has(.team-campaign-card) .tg-float,body:has(.team-reward-section) .tg-float{display:none}
@media(max-width:360px){
  .team-reward-section .reward-card .date-row>b{flex-basis:100px}
  .reward-campaign-title{align-items:flex-start}
  .reward-campaign-title h3{max-width:64%}
  .reward-progress-block{padding:12px}
  .weekly-reward-tier>strong{flex-basis:46%}
}

/* Team credit chart: keep categories recognizable without inventing a zero-data ratio. */
.pie{background:#24244d;isolation:isolate;box-shadow:0 0 0 1px rgba(255,255,255,.04),0 12px 28px rgba(6,5,35,.2)}
.pie:after{content:attr(data-center);white-space:pre-line;text-align:center;line-height:1.15;padding:0 8px}
.pie svg{display:block;border-radius:50%}
.pie-empty{background:radial-gradient(circle,rgba(105,88,201,.12),transparent 68%);box-shadow:none}
.pie-empty:after{font-size:13px;color:#f0edff;text-transform:none}
.pie-empty-track,.pie-empty-mark{fill:none;stroke-width:10}
.pie-empty-track{stroke:rgba(205,199,255,.22)}
.pie-empty-mark{stroke-linecap:round;stroke-dasharray:7 93;transform-origin:90px 90px;filter:drop-shadow(0 0 5px currentColor)}
.pie-empty-mark-team{color:#b93cff;stroke:#b93cff;transform:rotate(-90deg)}
.pie-empty-mark-task{color:#3970ff;stroke:#3970ff;transform:rotate(30deg)}
.pie-empty-mark-other{color:#ff6b5c;stroke:#ff6b5c;transform:rotate(150deg)}
.legend{font-size:9px;color:#e5e2f5;gap:16px;flex-wrap:wrap}
.legend i{vertical-align:-1px;box-shadow:0 0 7px currentColor}
.legend-purple{color:#b93cff;background:#b93cff}
.legend-blue{color:#3970ff;background:#3970ff}
.legend-red{color:#ff6b5c;background:#ff6b5c}

/* C11R package operations: one clear flow for create, edit, preview and history. */
body:has(.ops-app) .modal:has(.package-editor){width:min(920px,100%)}
.package-manager-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:8px 0 16px;padding:16px;border:1px solid #dfe6f2;border-radius:12px;background:#f6f8fc}
.package-manager-intro>div:first-child{display:grid;gap:5px}
.package-manager-intro span{color:#657087;font-size:12px;line-height:1.5}
.package-manager-actions,.package-manager-card>div:last-child{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.package-manager-actions .ops-primary,.package-manager-card .ops-primary{margin-top:0}
.package-manager-list{display:grid;gap:10px}
.package-manager-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px;border:1px solid #e1e7f0;border-radius:12px;background:#fff}
.package-manager-card>div:first-child{min-width:0;display:grid;gap:5px}
.package-manager-card b{font-size:14px}
.package-manager-card b small{margin-left:6px;color:#7b869a;font-size:11px;font-weight:600}
.package-manager-card p{margin:0;color:#657087;font-size:12px;line-height:1.45}
.package-status{width:max-content;padding:3px 8px;border-radius:99px;background:#edf1f7;color:#5e6a80;font-size:10px;font-weight:800}
.package-status-active{background:#e3f7ef;color:#147553}.package-status-draft{background:#fff3d8;color:#886013}.package-status-scheduled{background:#e8edff;color:#4259bf}.package-status-sales_paused{background:#ffeadf;color:#a2481b}.package-status-retired,.package-status-superseded{background:#eef0f3;color:#697386}
.package-back{margin-bottom:12px}
.package-editor{display:grid;gap:12px}
.package-editor>.ops-permissions{margin:0}
.package-editor-section{display:grid;gap:12px;padding:16px;border:1px solid #e0e6f0;border-radius:12px;background:#fff}
.package-editor-section>header{display:grid;gap:4px;padding-bottom:10px;border-bottom:1px solid #edf0f5}
.package-editor-section>header b{font-size:14px;color:#1f2d45}
.package-editor-section>header span,.package-editor label small{color:#778297;font-size:11px;line-height:1.45}
.package-editor input[readonly]{background:#f3f5f8!important;color:#59667e!important;cursor:not-allowed}
.package-readonly{display:grid;gap:6px;padding:10px;border-radius:9px;background:#f5f7fb}
.package-readonly span{color:#778297;font-size:11px}.package-readonly b{font-size:13px}
.package-rate-block{display:grid;gap:10px;padding:12px;border-radius:10px;background:#f6f8fc}
.package-rate-block>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}
.package-rate-block>div:first-child span{color:#778297;font-size:11px}
.package-rate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.package-rate-grid label{font-size:11px!important}.package-rate-grid input{text-align:center}
.package-template{display:grid;gap:7px;padding:14px;border:1px solid #cfdaef;border-radius:12px;background:#f6f8ff}
.package-template p{margin:0;color:#657087;font-size:11px;line-height:1.5}
.package-history{display:grid;gap:10px}
.package-history article{display:grid;gap:7px;padding:14px;border:1px solid #e1e7f0;border-radius:11px}
.package-history-head,.package-history-window{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.package-history-window{padding:8px 10px;border-radius:8px;background:#f6f8fc}.package-history article span,.package-history article small{color:#778297;font-size:11px}.package-history article p{margin:0;font-size:12px}
.package-change-list{display:grid;gap:7px;margin:12px 0;padding:12px;border:1px solid #e1e7f0;border-radius:11px}
.package-change-row{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:9px;padding:8px;border-radius:8px;background:#f7f9fc;font-size:11px}
.package-change-row span{color:#7a8496;overflow-wrap:anywhere}.package-change-row i{color:#8c96a8;font-style:normal}.package-change-row strong{color:#1f4fa8;overflow-wrap:anywhere}
.package-state-actions{margin-top:14px}.package-state-actions .admin-actions{padding:12px;margin:0}
@media(max-width:760px){
  body:has(.ops-app) .modal:has(.package-editor){width:100%}
  .package-manager-intro,.package-manager-card{align-items:stretch;flex-direction:column}
  .package-manager-actions,.package-manager-card>div:last-child{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .package-rate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .package-change-row{grid-template-columns:1fr}.package-change-row i{transform:rotate(90deg)}
}

/* C12A: stable user shell and lighter mobile imagery during route changes. */
.screen{position:relative}
.profile-cover{background-image:linear-gradient(90deg,rgba(24,20,67,.25),rgba(64,36,130,.55)),url('/assets/gamejoy-task-hero-v1-768.jpg?v=c12a')}
.login-bg{background-image:linear-gradient(rgba(43,25,119,.48),rgba(23,24,63,.68)),url('/assets/gamejoy-task-hero-v1-768.jpg?v=c12a')}
.user-route-state{position:fixed;z-index:26;top:max(68px,env(safe-area-inset-top));left:50%;display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 13px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(20,17,60,.92);box-shadow:0 8px 24px rgba(4,3,28,.3);color:#f7f6ff;font-size:11px;transform:translateX(-50%);animation:user-route-in .16s ease-out}
.user-route-state.is-error{top:auto;bottom:calc(84px + env(safe-area-inset-bottom));width:min(360px,calc(100% - 28px));border-radius:12px;background:rgba(38,27,78,.98)}
.user-route-state.is-error>div{display:grid;gap:5px;width:100%}.user-route-state.is-error p{margin:0;color:#d2cee3;line-height:1.45}.user-route-state.is-error button{justify-self:end;margin-top:2px}
.user-route-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.25);border-top-color:#72e5bd;border-radius:50%;animation:user-route-spin .65s linear infinite}
.nav button.route-loading i{animation:user-route-nav-pulse .72s ease-in-out infinite alternate}.nav button.route-loading i::after{content:"";display:block;width:4px;height:4px;margin:1px auto 0;border-radius:50%;background:#72e5bd}
@keyframes user-route-spin{to{transform:rotate(360deg)}}
@keyframes user-route-nav-pulse{from{opacity:.48;transform:scale(.94)}to{opacity:1;transform:scale(1.06)}}
@keyframes user-route-in{from{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%,0)}}
@media(prefers-reduced-motion:reduce){.user-route-state,.user-route-spinner,.nav button.route-loading i{animation:none}}

/* C12O: operator-first order review, readable daily tables and traceable funds history. */
.ops-app .ops-data-table th{font-size:13px}.ops-app .ops-data-table td{font-size:14px;line-height:1.45}.ops-app .ops-data-table td.is-primary{font-size:14px}.ops-app .ops-pagination{font-size:12px}.ops-app .ops-section-title h2,.ops-app .ops-panel-head h2{font-size:17px}.ops-app .ops-kpi-line strong{font-size:23px}
body:has(.ops-app) .modal.has-order-review{width:min(1180px,calc(100vw - 40px))}
.ops-order-review{display:grid;gap:14px;margin:16px 0;padding:18px;border:1px solid #cfdaeb;border-radius:14px;background:linear-gradient(135deg,#f4f8ff,#fbfffd)}
.ops-order-review>header{display:flex;align-items:center;justify-content:space-between;gap:18px}.ops-order-review>header>div{display:grid;gap:4px}.ops-order-review>header small,.ops-order-review>header span{color:#6d7a91;font-size:12px}.ops-order-review>header h3{margin:0!important;font-size:20px}.ops-order-review>header .ops-primary{margin:0;white-space:nowrap}
.ops-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ops-review-grid article{display:grid;gap:7px;min-width:0;padding:13px;border:1px solid #dde5f1;border-radius:11px;background:#fff}.ops-review-grid article>span{color:#6f7c92;font-size:12px}.ops-review-grid article>b{font-size:15px;line-height:1.4;overflow-wrap:anywhere}.ops-review-grid article>small{color:#79859a;font-size:11px;line-height:1.45}.ops-review-grid article.needs-attention{border-color:#f0c5a1;background:#fff8ef}.ops-review-grid article.needs-attention>b{color:#a35214}.ops-review-grid article.is-clear{border-color:#bfe5d6;background:#f4fcf8}.ops-review-grid article.is-clear>b{color:#137754}
.ops-review-details{border:1px solid #dde5f0;border-radius:11px;background:#fff;overflow:hidden}.ops-review-details>summary{padding:12px 14px;color:#33435e;font-size:13px;font-weight:750;cursor:pointer}.ops-member-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px 12px}.ops-member-list>span{display:grid;gap:3px;padding:10px;border-radius:8px;background:#f5f7fb}.ops-member-list b{font-size:12px}.ops-member-list small{color:#758197;font-size:11px}
.ops-funds-chain{display:grid;gap:12px;padding-top:4px}.ops-funds-chain .ops-panel-head{display:flex;justify-content:space-between;gap:16px}.ops-funds-chain .ops-panel-head h3{margin:0 0 4px!important}.ops-funds-chain .ops-panel-head small{color:#6f7c91;font-size:11px}.ops-current-reservation{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:12px 14px;border:1px solid #d6dffd;border-radius:10px;background:#f3f6ff}.ops-current-reservation span,.ops-current-reservation small{color:#69768d;font-size:12px}.ops-current-reservation b{font-size:17px;color:#185ca7}
.ops-balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ops-balance-grid>div{display:grid;gap:5px;padding:11px;border:1px solid #e0e6ef;border-radius:9px;background:#fff}.ops-balance-grid span,.ops-balance-grid small{font-size:11px;color:#748096}.ops-balance-grid b{font-size:14px}
.ops-funds-list{display:grid;padding:0 12px 12px}.ops-funds-event{display:grid;grid-template-columns:145px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px solid #edf0f5}.ops-funds-event:last-child{border-bottom:0}.ops-funds-event time{color:#778398;font-size:11px}.ops-funds-event>span{display:grid;gap:3px}.ops-funds-event b{font-size:12px}.ops-funds-event small{color:#788499;font-size:11px}.ops-funds-event>strong{font-size:13px}.ops-funds-event>strong.is-in{color:#12805a}.ops-funds-event>strong.is-out{color:#b54b50}
@media(max-width:760px){body:has(.ops-app) .modal.has-order-review{width:100%}.ops-order-review>header{align-items:stretch;flex-direction:column}.ops-review-grid,.ops-member-list,.ops-balance-grid{grid-template-columns:1fr}.ops-funds-event{grid-template-columns:1fr auto}.ops-funds-event time{grid-column:1/-1}.ops-current-reservation{grid-template-columns:1fr}.ops-order-review>header .ops-primary{width:100%}}

/* C13L: independent four-step PIX and USDT checkout. */
body:has(.checkout-shell){background:#090b20}
.checkout-shell{--checkout-green:#43e3a3;--checkout-yellow:#f1d55d;--checkout-panel:#171a3c;--checkout-soft:#22264c;width:100%;min-height:100svh;background:radial-gradient(circle at 50% -15%,rgba(76,70,196,.34),transparent 42%),linear-gradient(180deg,#10132f,#090b20);color:#f9faff;overflow-x:clip}
.checkout-screen{width:100%;min-height:100svh;padding:calc(env(safe-area-inset-top,0px) + 8px) max(18px,env(safe-area-inset-right,0px)) calc(28px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px))}
.checkout-top{width:min(100%,560px);min-height:54px;margin:0 auto;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px}.checkout-top>button{width:44px;height:44px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.055);color:#fff;font-size:30px;line-height:1}.checkout-top .brand b{font-size:16px}.checkout-top>span{padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#c8cce0;font-size:11px}
.checkout-main{width:min(100%,560px);margin:0 auto}.checkout-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:15px 0 20px;padding:0;list-style:none}.checkout-steps li{position:relative;display:grid;justify-items:center;gap:6px;color:#6f7595;font-size:10px}.checkout-steps li:not(:last-child):after{content:"";position:absolute;z-index:0;top:12px;left:calc(50% + 17px);width:calc(100% - 34px);height:2px;background:#2b315a}.checkout-steps li.done:not(:last-child):after{background:var(--checkout-green)}.checkout-steps i{position:relative;z-index:1;width:26px;height:26px;display:grid;place-items:center;border:2px solid #353b69;border-radius:50%;background:#10132f;color:#8990ad;font-size:10px;font-style:normal;font-weight:900}.checkout-steps li.active,.checkout-steps li.done{color:#edf0ff}.checkout-steps li.active i{border-color:var(--checkout-green);box-shadow:0 0 0 5px rgba(67,227,163,.08);color:#fff}.checkout-steps li.done i{border-color:var(--checkout-green);background:var(--checkout-green);color:#07180f}
.checkout-card{border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(155deg,rgba(29,33,72,.98),rgba(18,21,51,.98));box-shadow:0 22px 70px rgba(0,0,0,.28);padding:24px}.checkout-heading small{color:var(--checkout-green);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.checkout-heading h1{margin:7px 0 8px;font-size:30px;line-height:1.15}.checkout-heading p,.checkout-card>p{margin:0;color:#b3b8d1;font-size:13px;line-height:1.6}
.checkout-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.checkout-methods button{min-width:0;min-height:82px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#11142f;color:#fff;text-align:left}.checkout-methods button.selected{border-color:rgba(67,227,163,.65);background:linear-gradient(140deg,rgba(67,227,163,.13),rgba(241,213,93,.05));box-shadow:inset 0 0 0 1px rgba(67,227,163,.16)}.checkout-methods button[aria-disabled="true"]{opacity:.48}.checkout-methods svg{width:40px;height:40px}.checkout-methods span{display:grid;gap:3px;min-width:0}.checkout-methods b{font-size:15px}.checkout-methods small{color:#aeb4cc;font-size:10px}.checkout-methods i{grid-column:1/-1;color:var(--checkout-green);font-size:9px;font-style:normal;text-align:right}
.checkout-amount-form{display:grid;gap:12px}.checkout-amount-form>label{color:#d9dced;font-size:12px;font-weight:800}.checkout-money-input{height:62px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:0 16px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:#0e112a}.checkout-money-input:focus-within{border-color:var(--checkout-green);box-shadow:0 0 0 3px rgba(67,227,163,.1)}.checkout-money-input span{color:#8f96b4;font-size:12px;font-weight:800}.checkout-money-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:26px;font-weight:900;text-align:right}.checkout-quick-values{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.checkout-quick-values button{min-width:0;min-height:38px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#252a51;color:#dce0f0;font-size:10px;font-weight:800;padding:0 4px}.checkout-conversion{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:13px 14px;border-radius:14px;background:#24294f}.checkout-conversion span{color:#aeb4cc;font-size:11px}.checkout-conversion b{font-size:15px}.checkout-conversion small{grid-column:1/-1;color:#7f87a5;font-size:9px;line-height:1.45}.checkout-error{min-height:18px;color:#ffafb9;font-size:11px;line-height:1.4}
.checkout-primary,.checkout-secondary,.checkout-link{width:100%;min-height:52px;border-radius:15px;font-weight:900;cursor:pointer}.checkout-primary{border:0;background:linear-gradient(100deg,var(--checkout-green),var(--checkout-yellow));color:#101a20;font-size:14px;box-shadow:0 11px 28px rgba(67,227,163,.14)}.checkout-secondary{margin-top:10px;border:1px solid rgba(255,255,255,.14);background:#252a51;color:#fff;font-size:13px}.checkout-link{margin-top:10px;border:0;background:transparent;color:#aeb4cc;font-size:11px}.checkout-primary:disabled{opacity:.48;box-shadow:none}
.checkout-loading,.checkout-created,.checkout-result{display:grid;justify-items:center;text-align:center}.checkout-method-mark{width:64px;height:64px;display:grid;place-items:center;margin-bottom:15px;border-radius:20px;background:#252a52}.checkout-method-mark svg{width:46px;height:46px}.checkout-loader{width:27px;height:27px;border:3px solid rgba(255,255,255,.14);border-top-color:var(--checkout-green);border-radius:50%;animation:checkout-spin .75s linear infinite}.checkout-loading h1,.checkout-created h1,.checkout-result h1{margin:14px 0 8px;font-size:25px}.checkout-loading>small{margin-top:18px;color:#7f87a4;font-size:10px}.checkout-skeleton{width:100%;display:grid;gap:8px;margin:22px 0}.checkout-skeleton i{height:12px;border-radius:9px;background:linear-gradient(90deg,#24294c,#30365f,#24294c);background-size:220% 100%;animation:checkout-shimmer 1.1s linear infinite}.checkout-skeleton i:nth-child(2){width:72%}.checkout-skeleton i:nth-child(3){width:88%}
.checkout-status-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border:1px solid rgba(67,227,163,.26);border-radius:999px;background:rgba(67,227,163,.09);color:var(--checkout-green);font-size:10px;font-weight:850}.checkout-created>p{margin-bottom:18px}.checkout-order-resume{width:100%;display:grid;gap:0;margin:0 0 18px;border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden}.checkout-order-resume>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:11px 13px;background:#131630}.checkout-order-resume>div+div{border-top:1px solid rgba(255,255,255,.07)}.checkout-order-resume dt{color:#8e95b0;font-size:10px}.checkout-order-resume dd{min-width:0;margin:0;color:#e9ebf7;font-size:10px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkout-inline-wait{width:100%;display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:#24294e;text-align:left}.checkout-inline-wait .checkout-loader{flex:0 0 auto;width:25px;height:25px}.checkout-inline-wait>div{display:grid;gap:4px}.checkout-inline-wait b{font-size:12px}.checkout-inline-wait small{color:#9ca3be;font-size:10px;line-height:1.4}
.checkout-pay{display:grid;gap:16px}.checkout-pay-head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px}.checkout-pay-head svg{width:44px;height:44px}.checkout-pay-head>div{display:grid;gap:4px}.checkout-pay-head span{font-size:13px;font-weight:900}.checkout-pay-head b{color:var(--checkout-green);font-size:10px}.checkout-pay-head>small{padding:5px 7px;border-radius:999px;background:#272c51;color:#b8bdd2;font-size:8px}.checkout-hero-amount{display:grid;justify-items:center;gap:7px;padding:18px;border-radius:18px;background:linear-gradient(145deg,rgba(67,227,163,.12),rgba(241,213,93,.06));text-align:center}.checkout-hero-amount small,.checkout-hero-amount span{color:#aeb4cc;font-size:10px}.checkout-hero-amount strong{font-size:31px;line-height:1.15;color:#fff}.checkout-hero-amount button,.checkout-address button{min-height:38px;border:1px solid rgba(67,227,163,.3);border-radius:12px;background:rgba(67,227,163,.08);color:var(--checkout-green);font-size:10px;font-weight:900;padding:0 14px}.checkout-qr{width:min(246px,72vw);aspect-ratio:1;margin:0 auto;padding:16px;border-radius:18px;background:#fff}.checkout-qr svg{display:block;width:100%;height:100%}.checkout-address{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.checkout-address>span{grid-column:1/-1;color:#9ba2bc;font-size:10px}.checkout-address code{min-width:0;align-self:center;padding:13px;border-radius:12px;background:#0e112a;color:#e7e9f5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;user-select:all}.checkout-expiry{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:13px;background:#252a50;color:#aeb4cc;font-size:10px}.checkout-expiry b{color:#fff;font-size:12px;font-variant-numeric:tabular-nums}.checkout-help{padding:0 4px;text-align:center}.checkout-pix-safe{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid rgba(67,227,163,.18);border-radius:17px;background:#131831}.checkout-pix-safe>i{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--checkout-green);color:#07180f;font-size:20px;font-style:normal;font-weight:900}.checkout-pix-safe>div{display:grid;gap:5px}.checkout-pix-safe b{font-size:13px}.checkout-pix-safe small{color:#aeb4cc;font-size:10px;line-height:1.45}
.checkout-result-icon{width:78px;height:78px;display:grid;place-items:center;margin-bottom:16px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#252a51;color:#fff;font-size:28px;font-weight:900}.checkout-result.success .checkout-result-icon{border-color:rgba(67,227,163,.35);background:rgba(67,227,163,.14);color:var(--checkout-green)}.checkout-result.review .checkout-result-icon{border-color:rgba(241,213,93,.35);background:rgba(241,213,93,.1);color:var(--checkout-yellow)}.checkout-balance{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0;padding:15px;border-radius:14px;background:#252a50}.checkout-balance span{color:#aeb4cc;font-size:11px}.checkout-balance b{color:var(--checkout-green);font-size:17px}.checkout-progress{width:100%;height:9px;margin:20px 0;border:0;border-radius:99px;background:#252a50;overflow:hidden;-webkit-appearance:none;appearance:none}.checkout-progress::-webkit-progress-bar{background:#252a50}.checkout-progress::-webkit-progress-value{border-radius:99px;background:linear-gradient(90deg,var(--checkout-green),var(--checkout-yellow))}.checkout-progress::-moz-progress-bar{border-radius:99px;background:linear-gradient(90deg,var(--checkout-green),var(--checkout-yellow))}
.checkout-offline-state,.checkout-paid-warning{display:grid;gap:5px;margin:0 0 15px;padding:13px 14px;border:1px solid rgba(241,213,93,.28);border-radius:14px;background:rgba(241,213,93,.08);color:#eef0f8;text-align:left}.checkout-offline-state b,.checkout-paid-warning b{color:var(--checkout-yellow);font-size:12px}.checkout-offline-state span,.checkout-paid-warning span{color:#b7bed4;font-size:10px;line-height:1.55}.checkout-authority dd,.checkout-receipt dd{white-space:normal;overflow-wrap:anywhere}.checkout-channel-stages{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:18px 0}.checkout-channel-stages span{min-width:0;padding:9px 4px;border-radius:10px;background:#252a50;color:#8e95b0;font-size:9px;line-height:1.25}.checkout-channel-stages .done{color:var(--checkout-green)}.checkout-channel-stages .active{background:rgba(241,213,93,.1);color:var(--checkout-yellow)}.checkout-result>small{margin-top:13px;color:#8e95b0;font-size:9px;line-height:1.5}
.checkout-check-feedback{width:100%;min-height:0;margin-top:10px;color:#9fe6c9;font-size:11px;line-height:1.5;text-align:left}.checkout-check-feedback:not(:empty){padding:10px 12px;border:1px solid rgba(67,227,163,.22);border-radius:12px;background:rgba(67,227,163,.07)}.checkout-check-feedback.is-error{color:#ffbdc5}.checkout-check-feedback.is-error:not(:empty){border-color:rgba(255,117,135,.26);background:rgba(255,117,135,.08)}
@keyframes checkout-spin{to{transform:rotate(360deg)}}@keyframes checkout-shimmer{to{background-position:-220% 0}}
@media(min-width:700px){.checkout-screen{display:flex;flex-direction:column}.checkout-card{padding:30px}.checkout-main{margin:70px auto 0}.checkout-top{margin-bottom:4px}}
@media(max-width:390px){.checkout-screen{padding-left:14px;padding-right:14px}.checkout-card{padding:19px;border-radius:20px}.checkout-heading h1{font-size:27px}.checkout-methods{grid-template-columns:1fr}.checkout-methods button{min-height:68px;grid-template-columns:38px minmax(0,1fr) auto}.checkout-methods svg{width:36px;height:36px}.checkout-methods i{grid-column:auto}.checkout-hero-amount strong{font-size:27px}.checkout-pay-head{grid-template-columns:44px minmax(0,1fr)}.checkout-pay-head>small{grid-column:2}.checkout-address{grid-template-columns:1fr}.checkout-address button{width:100%}}
@media(max-height:720px) and (min-width:391px){.checkout-steps{margin:8px 0 12px}.checkout-card{padding:20px}.checkout-heading h1{font-size:25px}.checkout-methods{margin:14px 0}.checkout-qr{width:190px}}
@media(prefers-reduced-motion:reduce){.checkout-loader,.checkout-skeleton i{animation:none}}

/* C12Q: one visible card per stable plan, with owned purchase terms taking precedence. */
.plan-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.plan-card-heading h3{margin:0}.plan-owned-badge{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:rgba(101,213,170,.14);border:1px solid rgba(101,213,170,.34);color:var(--green);font-size:9px;font-weight:800}

/* Operator readability pass: preserve capabilities while moving internal identifiers out of the primary view. */
.ops-top-actions button,.ops-top-actions>b,.ops-role-switch{white-space:nowrap;word-break:keep-all}.ops-top-actions{flex-wrap:nowrap}
.ops-detail-head{padding:9px 12px;border:1px solid #dfe7f2;border-radius:9px;background:#f7faff;color:#52627b}.ops-detail-head>span:first-child{color:#16765a;font-weight:800}
body:has(.ops-app) .modal:has(.ops-user-overview){width:min(1180px,calc(100vw - 40px))}
.ops-user-overview{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.8fr);gap:12px;margin-bottom:14px}.ops-user-identity,.ops-user-facts{border:1px solid #dce5f0;border-radius:13px;background:#fff}.ops-user-identity{display:flex;flex-direction:column;justify-content:center;padding:18px;background:linear-gradient(145deg,#f2f7ff,#fbfffd)}.ops-user-identity>small{color:#6f7d93;font-size:12px}.ops-user-identity h3{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:7px 0!important;font-size:22px!important;line-height:1.25}.ops-user-identity p{margin:0;color:#65738a;font-size:12px}.ops-user-kind{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eee8ff;color:#684ac6;font-size:10px;font-weight:800}
.ops-user-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden}.ops-user-facts>div{display:grid;align-content:center;gap:5px;min-width:0;padding:13px 15px;border-right:1px solid #edf1f6;border-bottom:1px solid #edf1f6}.ops-user-facts>div:nth-child(2n){border-right:0}.ops-user-facts>div:nth-last-child(-n+2){border-bottom:0}.ops-user-facts span{color:#718097;font-size:12px}.ops-user-facts b{font-size:14px;line-height:1.45;overflow-wrap:anywhere}.ops-user-holdings{grid-column:1/-1;border-right:0!important}
.ops-holding-summary{display:flex;flex-wrap:wrap;gap:7px}.ops-holding-summary>span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #dfe6f1;border-radius:8px;background:#f7f9fc;color:#25344c}.ops-holding-summary b{font-size:12px}.ops-holding-summary small{color:#17765a;font-size:10px}
.user360-tabs{grid-template-columns:1fr}.user360-tabs section{padding:15px;overflow:hidden}.user360-tabs .ops-table-shell{max-height:360px;overflow:auto;border:1px solid #edf0f5;border-radius:9px}.user360-tabs .ops-data-table{min-width:860px}
.ops-technical-details{margin-top:14px;border:1px solid #dfe5ee;border-radius:10px;background:#fafbfd;overflow:hidden}.ops-technical-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;color:#536179;font-size:12px;font-weight:800;cursor:pointer;list-style:none}.ops-technical-details>summary::-webkit-details-marker{display:none}.ops-technical-details>summary span{color:#8a95a7;font-size:10px;font-weight:600}.ops-technical-details>div{display:grid;gap:0;padding:0 12px 12px}.ops-technical-details p{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0;padding:9px 2px;border-top:1px solid #edf0f4}.ops-technical-details p>span{color:#738096;font-size:11px}.ops-technical-details code{min-width:0;color:#34425a;font-size:11px;overflow-wrap:anywhere}.ops-technical-details button{min-height:30px;border:1px solid #d6deeb;border-radius:7px;background:#fff;color:#365a9c;padding:0 10px;font-size:11px}
.ops-runtime-table td:first-child{padding-left:14px}.ops-runtime-table .ops-link-button{white-space:nowrap}
@media(max-width:860px){.ops-user-overview{grid-template-columns:1fr}.ops-user-facts{grid-template-columns:1fr}.ops-user-facts>div{border-right:0}.ops-user-facts>div:nth-last-child(-n+2){border-bottom:1px solid #edf1f6}.ops-user-facts>div:last-child{border-bottom:0}.ops-technical-details p{grid-template-columns:1fr auto}.ops-technical-details code{grid-column:1/-1;grid-row:2}.ops-top-actions>b{display:none}}