:root{font-family:Inter,"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#162746;background:#f3f6fc;font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.topbar{height:72px;background:#fff;border-bottom:1px solid #e5ebf5;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1160px)/2));gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:1.28rem;font-weight:800;color:#102c61}.brand-mark{display:grid;place-items:center;background:#193c83;color:#ffda66;width:34px;height:34px;border-radius:10px}.topbar nav{display:flex;gap:8px}.topbar nav a{padding:10px 15px;border-radius:11px;color:#596d90;font-size:.9rem;font-weight:700}.topbar nav a.active,.topbar nav a:hover{background:#eaf0ff;color:#1b4ca5}.buyer-wrap{max-width:610px;margin:44px auto 70px;padding:0 18px}.buyer-head{display:flex;align-items:center;justify-content:space-between;margin:0 6px 22px}.eyebrow{font-size:.73rem;letter-spacing:.18em;color:#4e77c3;font-weight:800}.buyer-head h1,.dash-title h1,.login-card h1{font-size:2rem;margin:8px 0 6px;color:#10264b;letter-spacing:-.03em}.buyer-head p,.dash-title p,.login-card p{color:#667693;margin:0;line-height:1.55}.head-ornament{width:66px;height:66px;border-radius:20px;background:linear-gradient(145deg,#173d83,#6c95ea);color:#fff;display:grid;place-items:center;font-size:2rem;font-weight:800;box-shadow:0 12px 26px #294d9340}.buyer-card{padding:26px;border:1px solid #e3eaf6;border-radius:28px;background:#fff;box-shadow:0 18px 45px #213c6810}.segment{display:flex;padding:5px;background:#edf2fe;border-radius:18px;margin-bottom:26px}.segment button{border:0;background:transparent;color:#50658c;flex:1;padding:13px 8px;border-radius:14px;font-weight:700}.segment button.active{background:#fff;color:#143873;box-shadow:0 3px 12px #284b8012}.notice{display:flex;flex-direction:column;gap:6px;background:#fff8e7;border-left:4px solid #efad32;border-radius:12px;padding:15px 17px;margin-bottom:20px;line-height:1.5;color:#7b5717}.notice strong{font-size:.94rem}.notice span{font-size:.86rem}.panel{background:#f8faff;border:1px solid #e4ebf8;border-radius:20px;padding:20px}.stack{display:flex;flex-direction:column;gap:12px}.panel-title{display:flex;align-items:center;gap:12px;margin-bottom:7px}.icon-chip{display:grid;place-items:center;min-width:34px;height:34px;background:#dfe9ff;color:#245ac5;border-radius:10px;font-size:.8rem;font-weight:800}.panel-title h2,.section-heading h2{margin:0;color:#122d60;font-size:1.05rem}.panel-title p,.section-heading p{font-size:.83rem;color:#7a89a4;margin:4px 0 0}.stack label,.form-grid label{font-weight:700;color:#28416e;font-size:.88rem}input{width:100%;border:1px solid #d9e3f4;border-radius:12px;padding:13px 15px;background:#fff;color:#16305e;outline:0;min-height:46px}input:focus{border-color:#4a83eb;box-shadow:0 0 0 3px #5287e82c}input::placeholder{color:#a0aec7}.inline-form{display:flex;gap:10px}.inline-form input{min-width:0}.primary{border:0;border-radius:12px;background:#193d83;color:#fff;font-weight:800;padding:12px 20px;min-height:46px;white-space:nowrap;box-shadow:0 7px 16px #1c43852c}.primary:hover{background:#2852a0}.primary:disabled{opacity:.55;cursor:wait}.wide{width:100%}.ghost{border:1px solid #cad7ee;border-radius:11px;color:#214682;background:#fff;padding:11px 17px;font-weight:700}.ghost:hover{background:#eff4ff}.field-hint{margin:0;color:#8493ad;font-size:.8rem;line-height:1.5}.lookup-result{border:1px solid #cbdcf5;background:#fff;border-radius:14px;padding:16px;margin-top:2px}.lookup-result h3{margin:0 0 10px;color:#193d83;font-size:1rem}.lookup-result p{margin:6px 0;color:#50617c;font-size:.9rem}.spec-item{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #e9eff9}.spec-item span{color:#61718b}.spec-item strong{color:#1a417f;text-align:right}.spec-total{background:#eaf1ff;border-radius:10px;padding:11px 12px;margin-top:6px;color:#184582;font-weight:800;text-align:right}.buyer-foot{text-align:center;color:#8898b3;font-size:.77rem;margin-top:24px}.result-card{border:1px solid #c9d9f2;border-radius:14px;padding:17px;background:#fff;margin-top:6px}.result-card strong{color:#123568}.result-card p{margin:8px 0 0;color:#65758d;line-height:1.55}.status-guide{background:#edf3ff;border-radius:20px;margin-top:20px;padding:20px}.status-guide h3{font-size:1rem;margin:0 0 14px;color:#16396d}.status-guide>div{display:flex;align-items:center;gap:14px;padding:10px 0;border-top:1px solid #dfe8f9}.status-guide b{display:grid;place-items:center;background:#d2e0ff;color:#164384;border-radius:50%;min-width:34px;height:34px}.status-guide span{display:flex;flex-direction:column;gap:2px}.status-guide small{color:#6c7f9e;font-size:.8rem}.admin-wrap{max-width:1160px;margin:42px auto 80px;padding:0 20px}.login-card{max-width:420px;margin:65px auto;padding:35px;box-shadow:0 18px 45px #213c6810}.login-card form{margin-top:25px}.dash-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric{background:#fff;border:1px solid #e1e9f6;border-radius:17px;padding:20px;box-shadow:0 7px 23px #2c508009}.metric span{display:block;color:#7585a0;font-size:.85rem}.metric strong{display:block;color:#163b7a;font-size:1.85rem;margin-top:6px}.admin-grid{display:grid;grid-template-columns:185px minmax(0,1fr);gap:22px;align-items:start}.admin-menu{display:flex;flex-direction:column;background:#fff;border:1px solid #e1e9f6;border-radius:16px;padding:8px;gap:4px}.admin-menu button{border:0;border-radius:10px;text-align:left;background:transparent;padding:12px;color:#536a90;font-weight:700}.admin-menu button.active{background:#eaf0ff;color:#153d83}.admin-content{min-width:0}.admin-section{background:#fff;border:1px solid #e1e9f6;border-radius:19px;padding:24px;min-height:300px}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:19px}.section-heading h2{font-size:1.28rem}.section-heading p{font-size:.88rem;line-height:1.5}.form-details{background:#f8faff;border:1px solid #e5ecf8;border-radius:14px;margin-bottom:18px}.form-details summary{padding:14px 17px;cursor:pointer;color:#24528f;font-weight:800}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.form-grid label{display:flex;flex-direction:column;gap:7px}.form-grid button{align-self:end}.list{display:flex;flex-direction:column;gap:11px}.item-card{border:1px solid #e2eaf6;border-radius:14px;padding:16px;background:#fff}.item-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.item-head strong{color:#1b3767;overflow-wrap:anywhere}.item-meta{color:#7787a1;font-size:.82rem;margin-top:7px;line-height:1.5;overflow-wrap:anywhere}.item-spec{margin-top:10px;background:#f2f6ff;border-radius:9px;padding:9px 11px;color:#24518d;font-size:.88rem}.item-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.item-actions button{font-size:.8rem;padding:7px 10px;border:1px solid #d2dff3;color:#25508b;background:#fff;border-radius:8px;font-weight:700}.item-actions button:hover{background:#eef4ff}.badge{font-size:.73rem;background:#e8f0ff;color:#2459a1;padding:5px 9px;border-radius:99px;white-space:nowrap;font-weight:800}.badge.completed{background:#e5f7ef;color:#168456}.badge.invalid{background:#fcecec;color:#c54848}.badge.cooldown{background:#fff4d9;color:#93661c}.empty{color:#8492a9;background:#f8faff;border:1px dashed #dce6f6;padding:35px 20px;text-align:center;border-radius:13px}.button-row{display:flex;flex-wrap:wrap;gap:10px}.toast{position:fixed;top:82px;right:20px;max-width:min(380px,calc(100vw - 40px));background:#173b78;color:#fff;padding:13px 18px;border-radius:11px;box-shadow:0 15px 40px #102d5f40;z-index:100;opacity:0;transform:translateY(-8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#a63e3e}@media(max-width:780px){.topbar{padding:0 18px;height:64px}.brand{font-size:1.05rem}.topbar nav a{padding:9px;font-size:.8rem}.buyer-wrap{margin-top:28px}.buyer-head h1{font-size:1.7rem}.head-ornament{width:51px;height:51px;border-radius:16px}.buyer-card{padding:18px;border-radius:22px}.admin-wrap{margin-top:27px}.dash-title h1{font-size:1.7rem}.metrics{grid-template-columns:repeat(2,1fr);gap:10px}.metric{padding:15px}.metric strong{font-size:1.45rem}.admin-grid{grid-template-columns:1fr;gap:12px}.admin-menu{flex-direction:row;overflow-x:auto;white-space:nowrap}.admin-menu button{flex:0 0 auto;padding:10px}.admin-section{padding:17px}.form-grid{grid-template-columns:1fr}.inline-form{flex-wrap:wrap}.inline-form button{width:100%}}@media(max-width:410px){.brand span:last-child{display:none}.buyer-head p{font-size:.88rem}.buyer-card{padding:14px}.panel{padding:16px}.dash-title{align-items:start}}
.nav-label{font-size:.88rem;font-weight:700;color:#50658c}.badge.awaiting_friend_code{background:#fff4d9;color:#93661c}.badge.queued{background:#e8f0ff;color:#2459a1}.badge.processing{background:#e7efff;color:#174c97}.result-card{margin-top:14px}
.operator-password{margin-top:20px}.item-actions .danger{color:#b43e3e;border-color:#f0c9c9}.item-actions .danger:hover{background:#fff2f2}
.operator-sharing-intro{margin:18px 0 12px;padding:12px 15px;border:1px solid #d9e7f8;border-radius:11px;background:#f4f8ff;color:#315783;font-size:.85rem;line-height:1.55}
.operator-merchant-card{padding:18px}
.email-login-link{display:block;margin:12px auto 0;text-align:center}.email-check{display:flex;align-items:center;gap:8px;font-weight:600}.email-check input{width:auto;min-width:18px;height:18px}.email-required-note{border:1px solid #b9d0f4;background:#eef5ff;color:#163a79;border-radius:14px;padding:16px;margin:12px 0}.email-bind-form{margin-top:14px;padding:18px;border:1px solid #dce7fa;border-radius:14px;background:#f8fbff}.email-bind-form .inline-form{display:flex;gap:8px}.email-bind-form .inline-form input{flex:1;min-width:0}.operator-sharing-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}
.operator-sharing-option{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding:13px 14px;border:1px solid #dce7f6;border-radius:11px;background:#f8fbff;cursor:pointer}
.operator-sharing-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.operator-sharing-copy strong{color:#173e77;font-size:.88rem}.operator-sharing-copy small{color:#7185a1;font-size:.76rem;line-height:1.45}
.operator-switch{position:relative;display:inline-flex;align-items:center;flex:none;width:46px;height:28px}.operator-switch input{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;opacity:0;cursor:pointer;z-index:1}
.operator-switch-track{width:46px;height:28px;border-radius:999px;background:#c5d1e1;transition:background .16s}.operator-switch-track::after{content:"";display:block;width:20px;height:20px;margin:4px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #193d8340;transition:transform .16s}
.operator-switch input:checked+.operator-switch-track{background:#2768cb}.operator-switch input:checked+.operator-switch-track::after{transform:translateX(18px)}.operator-switch input:focus-visible+.operator-switch-track{outline:3px solid #80adfa;outline-offset:3px}.operator-switch input:disabled+.operator-switch-track{opacity:.6}
@media(max-width:720px){.operator-sharing-settings{grid-template-columns:1fr}}
.operator-entry-intro{min-height:0;margin-bottom:20px;background:linear-gradient(110deg,#fff 55%,#f4f8ff)}.operator-entry-intro .field-hint{color:#59749a}.operator-entry-alerts{margin:15px 0;padding:13px 16px;border:1px solid #f1b7b7;border-left:4px solid #c44545;border-radius:11px;background:#fff2f2;color:#a02e2e;font-size:.85rem;font-weight:750}.operator-merchant-entry-error{border-color:#ecabab;background:#fffdfd}.operator-system-id{display:inline-block;padding:3px 8px;border-radius:7px;background:#eaf1ff;color:#18467f;font-weight:800}.operator-entry-health{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.operator-entry-state{display:inline-flex;align-items:center;padding:5px 9px;border-radius:8px;font-size:.75rem;font-weight:750;line-height:1.45}.operator-entry-state.is-ok{background:#e9f7ef;color:#17724e}.operator-entry-state.is-unknown{background:#fff6df;color:#82611e}.operator-entry-state.is-error{background:#ffe9e9;color:#a62d2d}.operator-merchant-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.operator-entry-row{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:12px 14px;border:1px solid #dce8f7;border-radius:11px;background:#fbfdff}.operator-entry-label{min-width:0}.operator-entry-label strong{display:block;margin-bottom:6px;color:#315b91;font-size:.78rem}.operator-entry-label code{display:block;color:#204873;font-size:.78rem;overflow-wrap:anywhere;user-select:all}.operator-entry-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.operator-entry-actions button{padding:6px 10px;border:1px solid #c9d9f0;border-radius:7px;background:#fff;color:#24558f;font-size:.75rem;font-weight:750}.operator-entry-actions button:hover{background:#edf4ff}.operator-executor-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.operator-executor-metrics>div{display:flex;flex-direction:column;min-width:0;padding:13px 14px;border:1px solid #dce7f7;border-radius:12px;background:#f6f9ff}.operator-executor-metrics span{color:#617b9c;font-size:.79rem;font-weight:750}.operator-executor-metrics strong{margin-top:5px;color:#183f7f;font-size:1.38rem;line-height:1.2;overflow-wrap:anywhere}.operator-executor-metrics strong em{font-size:.7rem;font-style:normal;font-weight:650;white-space:nowrap}.operator-executor-metrics small{margin-top:5px;color:#8496af;font-size:.7rem}.operator-executor-metrics>div:nth-child(2) strong{color:#128061}
@media(max-width:760px){.operator-executor-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.operator-merchant-links{grid-template-columns:1fr}}
.password-field{position:relative}.password-field input{padding-right:78px}.password-field button{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;border-radius:8px;background:transparent;color:#2459a1;font-size:.86rem;font-weight:700;padding:7px 10px;min-height:34px}.password-field button:hover{background:#eaf0ff}.password-field button:focus-visible{outline:2px solid #4a83eb;outline-offset:1px}
.brand-mark,.merchant-brand-mark{display:block;object-fit:contain;background:transparent;border-radius:0}.login-brand-logo{display:block;width:76px;height:76px;object-fit:contain;margin:0 0 10px}
/* 登录入口：品牌名与图标成组，页面名称只作次级说明。 */
.merchant-console #login-view{width:min(470px,calc(100vw - 32px));max-width:none;margin:clamp(32px,7vh,76px) auto 48px;padding:34px 38px 38px;border:1px solid #dfe8f4;border-radius:24px;background:#fff;box-shadow:0 24px 64px #1b37651c}
.login-brand{display:flex;align-items:center;gap:15px;padding-bottom:23px;border-bottom:1px solid #e7edf5}
.login-brand .login-brand-logo{flex:none;width:62px;height:62px;margin:0;object-fit:contain}
.login-brand-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:5px}
.login-brand-copy strong{color:#102d58;font-size:1.35rem;font-weight:850;letter-spacing:-.025em;line-height:1.22;white-space:nowrap}
.login-brand-copy span{color:#7184a1;font-size:.82rem;font-weight:650;letter-spacing:.06em}
.login-heading{margin:25px 0 0}
.merchant-console #login-view .login-heading h1{margin:0 0 7px;color:#14366b;font-size:1.5rem;font-weight:800;letter-spacing:-.025em}
.merchant-console #login-view .login-heading p{color:#7385a0;font-size:.9rem;line-height:1.5}
.merchant-console #login-view form{margin-top:27px;gap:10px}
.merchant-console #login-view form label{color:#28446d;font-size:.88rem}
.merchant-console #login-view form input{min-height:51px;border-radius:11px}
.merchant-console #login-view form label:not(:first-child){margin-top:8px}
.merchant-console #login-view form .primary{min-height:51px;margin-top:10px;border-radius:11px;font-size:.98rem}
@media(max-width:520px){.merchant-console #login-view{padding:28px 24px 30px;margin:30px auto}.login-brand{gap:12px;padding-bottom:20px}.login-brand .login-brand-logo{width:55px;height:55px}.login-brand-copy strong{font-size:1.18rem}.merchant-console #login-view .login-heading h1{font-size:1.35rem}}
.badge.friend_code_error{background:#fff1de;color:#a75b14}
.badge.delivery_blocked{background:#fff0d8;color:#86531a}
.item-actions .task-sample-probe{border-color:#d8b471;background:#fff8e9;color:#875411}
.item-actions .task-sample-probe:hover{background:#ffefd0}
.voucher-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;align-items:end}.voucher-filters label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:700;color:#305584}.voucher-filters input,.voucher-filters select{min-width:0}.voucher-message{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.88rem;line-height:1.6;color:#244575}.store-qr-preview{width:154px;height:154px;object-fit:contain;padding:6px;border:1px solid #dce6f6;border-radius:10px;background:#fff}.store-qr-code img{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:640px){.voucher-filters{grid-template-columns:1fr 1fr}.voucher-filters label:first-child{grid-column:1/-1}}
#section-vouchers{background:#0e141e;border-color:#273747;color:#f3f7ff;min-height:600px}#section-vouchers h2,#section-vouchers h3{color:#fff}#section-vouchers .field-hint{color:#93a7bf}#section-vouchers .panel{background:#182330;border-color:#35485a;color:#e8f1fb}#section-vouchers .item-card{background:#14202d;border-color:#334656;color:#eaf2ff}#section-vouchers .item-head strong{color:#f4f8ff}#section-vouchers .item-spec{background:#1d2d40;color:#c8ddfa}#section-vouchers .item-meta{color:#97abc3}#section-vouchers input,#section-vouchers select,#section-vouchers textarea{background:#111b27;border:1px solid #394d60;color:#f3f7ff;border-radius:9px}#section-vouchers input::placeholder{color:#8196ad}#section-vouchers .ghost{background:#223447;color:#eaf2ff;border-color:#425669}#section-vouchers .item-actions button{background:#243447;color:#dbe9ff;border-color:#425669}.voucher-hero{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:6px 0 24px;border-bottom:1px solid #2c3b4a}.voucher-hero h2{font-size:1.9rem;margin:0 0 6px}.voucher-hero p{margin:0;color:#96acc3}.voucher-gold{border:0;border-radius:10px;background:#f7ca49;color:#111827;font-weight:850;padding:13px 17px;white-space:nowrap}.voucher-gold:hover{background:#ffdc6a}.voucher-metrics{display:flex;flex-wrap:wrap;gap:28px;padding:20px 0 24px}.voucher-metrics span{color:#dbe8f9}.voucher-metrics b{margin-left:9px;color:#f7ca49}.voucher-metrics span:nth-child(2) b{color:#54dfbc}.voucher-metrics span:nth-child(3) b{color:#9bb6ff}.voucher-metrics span:nth-child(4) b{color:#fa8d9b}.voucher-specs-disclosure{margin-bottom:22px}.voucher-specs-disclosure summary{cursor:pointer;color:#d8e6fc;font-weight:750;margin-bottom:12px}.voucher-specs-disclosure[open]{padding:16px;border:1px solid #344657;border-radius:14px;background:#141f2b}.voucher-quick{background:#182330;border:1px solid #344657;border-radius:18px;padding:24px;margin-bottom:30px}.voucher-quick-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:14px}.voucher-quick h3{margin:0;font-size:1.25rem}.voucher-quick-heading p{margin:0;color:#9eb2c8;font-size:.84rem}.voucher-spec-chips{display:flex;flex-wrap:wrap;gap:9px;margin:21px 0}.voucher-spec-chips button{background:#111b27;border:1px solid #41566a;color:#f5f8ff;border-radius:10px;padding:10px 14px;font-weight:700}.voucher-spec-chips button.active{border-color:#f7ca49;color:#f7ca49;background:#302c1d}.voucher-issue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:14px;align-items:end}.voucher-issue-grid label{display:flex;flex-direction:column;gap:7px;color:#afc4dc;font-size:.83rem}.voucher-issue-grid input,.voucher-issue-grid select{min-height:47px}.voucher-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.voucher-list-toolbar h3{font-size:1.2rem;margin:0}.voucher-filters{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.voucher-filters input{width:215px}.voucher-filters select{width:auto;min-width:110px}.voucher-filters input,.voucher-filters select,.voucher-filters button{min-height:42px;padding:8px 11px}.voucher-filters button:not(.voucher-gold){border:1px solid #3d5063;border-radius:9px;background:#223447;color:#f3f7ff;font-weight:700}.voucher-filters .voucher-gold{font-size:.85rem}.voucher-table-wrap{overflow-x:auto;border:1px solid #304252;border-radius:16px;background:#141f2b}.voucher-table{border-collapse:collapse;width:100%;min-width:780px}.voucher-table th{background:#1d2b39;color:#a9c1d8;font-size:.8rem;text-align:left;padding:14px 12px;white-space:nowrap}.voucher-table td{border-top:1px solid #2c3c4c;padding:15px 12px;color:#edf5ff;font-size:.86rem;vertical-align:middle}.voucher-table .voucher-code{font-family:ui-monospace,Consolas,monospace;color:#f6cf55;font-weight:800;letter-spacing:.03em}.voucher-table .voucher-note{max-width:180px;overflow-wrap:anywhere}.voucher-table .voucher-actions{white-space:nowrap}.voucher-table .voucher-actions button{border:1px solid #566478;border-radius:8px;background:#26384b;color:#eaf2ff;padding:7px 9px;margin-right:4px;font-size:.77rem;font-weight:700}.voucher-table .voucher-actions button.danger{background:#452b37;color:#ff9aa9;border-color:#67414b}.voucher-table .status-pill{display:inline-block;border-radius:99px;padding:5px 9px;font-weight:800;font-size:.74rem;background:#1d5749;color:#7ce5bd}.voucher-table .status-pill.redeemed{background:#4c3243;color:#ff9aaf}.voucher-table .status-pill.expired{background:#484332;color:#e7ca79}.voucher-table .status-pill.revoked{background:#49303a;color:#f49aaa}.voucher-table .voucher-legacy{color:#91a8c0;font-size:.7rem;margin-left:5px}@media(max-width:800px){.voucher-issue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.voucher-list-toolbar{align-items:flex-start}.voucher-filters{justify-content:flex-start}}@media(max-width:520px){.voucher-hero{align-items:flex-start;flex-direction:column}.voucher-issue-grid{grid-template-columns:1fr}.voucher-filters input{width:100%}.voucher-filters select{flex:1}.voucher-quick{padding:16px}}
#dashboard.voucher-mode>.dash-title,#dashboard.voucher-mode>.metrics{display:none}
.topbar nav .nav-label{display:inline-block;padding:10px 15px;border-radius:11px;color:#50658c;font-size:.88rem;font-weight:700}.topbar nav .nav-label:hover,.topbar nav .nav-label:focus-visible{background:#eaf0ff;color:#1b4ca5}
.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.help-link{border:0;background:none;color:#2862c8;font-size:.84rem;font-weight:700;padding:4px 0;white-space:nowrap}.help-link:hover{text-decoration:underline}
.friend-help-dialog{width:min(600px,calc(100vw - 24px),max(260px,calc(100dvh - 250px)));max-height:calc(100dvh - 24px);border:0;border-radius:15px;padding:0;background:#111d23;color:#f6f8fa;box-shadow:0 22px 70px #07111f70;overflow:hidden}.friend-help-dialog[open]{display:flex;flex-direction:column}.friend-help-dialog::backdrop{background:#0009}.friend-help-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #2b3a40;flex:none}.friend-help-head h2{font-size:1.15rem;margin:0}.dialog-close{border:0;background:transparent;color:#9eabb0;font-size:1.8rem;line-height:1;min-width:30px}.friend-help-body{min-height:0;overflow:hidden;padding:10px 20px;display:flex;flex-direction:column;align-items:center}.friend-help-body p{align-self:stretch;margin:0 0 8px;line-height:1.4;color:#b9c5c9;font-size:.88rem}.friend-help-body strong{color:#ffe132}.friend-help-body img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 280px);object-fit:contain;border:1px solid #354247;border-radius:7px}.friend-help-body .field-hint{margin:7px 0 0;color:#9fb0b5}.friend-help-foot{display:flex;justify-content:flex-end;padding:10px 20px;border-top:1px solid #2b3a40;flex:none}.friend-help-foot .primary{background:#ffe132;color:#1b2025;min-width:115px}.friend-help-foot .primary:hover{background:#fff06d}
@media(max-width:410px){.topbar nav .nav-label{padding:9px;font-size:.79rem}.help-link{font-size:.77rem}.field-label-row{gap:5px}}
select,textarea{width:100%;border:1px solid #d9e3f4;border-radius:12px;padding:13px 15px;background:#fff;color:#16305e;font:inherit}select{min-height:46px}textarea{resize:vertical}.form-block{margin-bottom:18px}.search-order+.search-order{border-top:1px solid #dce6f6;margin-top:18px;padding-top:18px}.segment{margin-bottom:20px}
.store-promo{display:grid;grid-template-columns:minmax(0,1fr) 154px;align-items:center;gap:16px;padding:18px;margin-top:20px;background:#f8fbff;border:1px solid #d3e2ff;border-radius:17px}.store-promo h3{margin:0 0 10px;color:#102e63;font-size:1rem}.store-promo p{margin:0 0 14px;color:#7b8ba5;line-height:1.55;font-size:.87rem}.store-promo .button-row{align-items:center}.store-open{display:inline-flex;align-items:center;justify-content:center;background:#2379f5;color:#fff;font-size:.86rem;font-weight:800;border-radius:8px;padding:10px 12px;box-shadow:0 4px 10px #2379f52a}.store-open:hover{background:#1268e4}.store-copy{border:0;background:none;color:#24518d;font-weight:700;padding:8px 2px;font-size:.83rem}.store-copy:hover{text-decoration:underline}.store-promo-qr{display:flex;align-items:center;flex-direction:column;gap:6px}.store-qr-code{width:154px;height:154px;display:grid;place-items:center;background:#fff;border:1px solid #e8edf5;border-radius:10px;padding:8px;color:#9aa9bd;font-size:.74rem;text-align:center}.store-qr-code svg{display:block;width:100%;height:100%}.store-promo-qr small{color:#8c9bb0;font-size:.7rem;white-space:nowrap}#store-form{margin-top:18px}
@media(max-width:560px){.store-promo{grid-template-columns:minmax(0,1fr) 114px;gap:10px;padding:13px}.store-qr-code{width:114px;height:114px;padding:5px}.store-promo-qr small{font-size:.62rem}.store-open{font-size:.78rem;padding:9px}.store-copy{font-size:.76rem}}
.buyer-actions{display:flex;align-items:center}.client-download-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 13px;border:1px solid #c8d9f4;border-radius:999px;background:#eaf2ff;color:#1d4f9d;font-size:.82rem;font-weight:800;white-space:nowrap;text-decoration:none;box-shadow:0 3px 10px #1b4b9012;transition:background .18s,border-color .18s,transform .18s}.client-download-link:hover{background:#dceaff;border-color:#9fbbea;transform:translateY(-1px)}.client-download-link:focus-visible{outline:3px solid #9fbbea;outline-offset:2px}.redeem-client-download{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:10px 12px;border:1px solid #cfe0fb;border-radius:10px;background:#f5f9ff;color:#617797;font-size:.78rem;line-height:1.45}.redeem-client-download a{display:inline-flex;align-items:center;gap:3px;color:#2058aa;font-weight:800;text-decoration:none;white-space:nowrap}.redeem-client-download a:hover{text-decoration:underline}.buyer-actions .service-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #cfddf4;border-radius:999px;background:#f3f7ff;color:#193f7f;font-size:.9rem;font-weight:800;padding:9px 16px;min-height:42px;box-shadow:0 3px 10px #1b4b9020;transition:background .18s,border-color .18s,transform .18s}.buyer-actions .service-action svg{width:20px;height:20px;flex:none}.buyer-actions .service-action:hover{background:#e5efff;border-color:#9fbbea;transform:translateY(-1px)}.buyer-actions .service-action:focus-visible{outline:3px solid #9fbbea;outline-offset:2px}.buyer-info-dialog{width:min(430px,calc(100vw - 30px));border:1px solid #dce6f6;border-radius:18px;padding:0;background:#fff;color:#21395f;box-shadow:0 24px 75px #102c5a4d}.buyer-info-dialog::backdrop{background:#10213b83}.buyer-info-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e7edf7}.buyer-info-head h2{font-size:1.13rem;color:#12366f;margin:0}.buyer-info-head .dialog-close{color:#6b7c99}.buyer-info-dialog p{padding:20px 22px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.buyer-info-foot{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:0 22px 20px;flex-wrap:wrap}.buyer-info-foot .store-open{min-height:44px}.buyer-info-foot .primary{min-height:44px}@media(max-width:410px){.buyer-actions .service-action{padding:8px 11px;gap:6px;font-size:.82rem}.buyer-actions .service-action svg{width:18px;height:18px}}
.buyer-announcement{display:flex;align-items:flex-start;gap:12px;background:#fff9e9;border-left:4px solid #f2ad2d;border-radius:16px;padding:17px 18px;margin:-3px 0 22px;color:#80530c;line-height:1.55;box-shadow:0 3px 16px #b2761210}.announcement-icon{font-size:1.16rem;color:#e8a023;line-height:1.5;flex:none}.buyer-announcement strong{display:block;font-size:.98rem;color:#7d4e05}.buyer-announcement p{margin:7px 0 0;font-size:.87rem;white-space:pre-line;overflow-wrap:anywhere}.buyer-announcement .announcement-warning{color:#d64427}.buyer-announcement p:empty{display:none}.announcement-toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.announcement-toggle input{width:18px;height:18px;min-height:18px;accent-color:#2459a1;padding:0;flex:none}@media(max-width:560px){.buyer-announcement{padding:14px;gap:9px}.buyer-announcement strong{font-size:.9rem}.buyer-announcement p{font-size:.82rem}}
.lookup-friend-form{display:flex;flex-direction:column;gap:10px;margin-top:17px;padding-top:16px;border-top:1px solid #e4ebf7}.lookup-friend-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.lookup-friend-heading label{font-weight:800;color:#173d7b}.lookup-friend-help{border:0;background:transparent;color:#2464c6;font-size:.82rem;font-weight:700;padding:4px;white-space:nowrap}.lookup-friend-help:hover{text-decoration:underline}.lookup-friend-form .field-hint{margin:0}.lookup-friend-form .primary{align-self:flex-start}.lookup-friend-form input{max-width:100%}@media(max-width:450px){.lookup-friend-heading{align-items:flex-start;flex-direction:column;gap:2px}.lookup-friend-form .primary{width:100%}}
/* 充值码后台沿用全站浅色视觉，参考排版而非参考深色配色。 */
#section-vouchers{background:#fff;border-color:#e1e9f6;color:#17305e;min-height:600px}#section-vouchers h2,#section-vouchers h3{color:#122d60}#section-vouchers .field-hint{color:#7e90aa}#section-vouchers .panel,#section-vouchers .item-card{background:#f8faff;border-color:#e1e9f6;color:#17305e}#section-vouchers .item-head strong{color:#17305e}#section-vouchers .item-spec{background:#eef4ff;color:#24518d}#section-vouchers .item-meta{color:#7a89a4}#section-vouchers input,#section-vouchers select,#section-vouchers textarea{background:#fff;border:1px solid #d7e2f4;color:#17305e;border-radius:11px}#section-vouchers input::placeholder{color:#a1afc7}#section-vouchers .ghost,#section-vouchers .item-actions button{background:#fff;color:#24518d;border-color:#cddbf0}.voucher-hero{border-color:#e3eaf6}.voucher-hero p,.voucher-quick-heading p{color:#71839f}.voucher-gold{background:#1c4a99;color:#fff}.voucher-gold:hover{background:#2b61b7}.voucher-metrics span{color:#29446f}.voucher-metrics b{color:#1c4a99}.voucher-metrics span:nth-child(2) b{color:#14885b}.voucher-metrics span:nth-child(3) b{color:#3867b3}.voucher-metrics span:nth-child(4) b{color:#bf4961}.voucher-specs-disclosure summary{color:#315d9c}.voucher-specs-disclosure[open]{border-color:#dce6f5;background:#f8faff}.voucher-quick{background:#f6f9ff;border-color:#dce6f5}.voucher-issue-grid{grid-template-columns:minmax(170px,1.5fr) minmax(100px,.55fr) minmax(150px,1fr) auto}.voucher-issue-grid label{color:#31527f}.voucher-list-toolbar{gap:14px}.voucher-filters button:not(.voucher-gold){background:#f3f7ff;color:#27508d;border-color:#d1dff3}.voucher-table-wrap{border-color:#dbe5f4;background:#fff}.voucher-table th{background:#eef4fd;color:#506b94}.voucher-table td{border-color:#e4ebf5;color:#243e68}.voucher-table .voucher-code{color:#184686;font-size:.96rem;white-space:nowrap}.voucher-table .voucher-actions button{background:#f3f7ff;color:#2a5597;border-color:#d2dff2}.voucher-table .voucher-actions button.danger{background:#fff0f2;color:#b74459;border-color:#f1cbd2}.voucher-table .status-pill{background:#e2f7ee;color:#138053}.voucher-table .status-pill.redeemed{background:#fceaf0;color:#b44664}.voucher-table .status-pill.expired{background:#fff3d9;color:#916b15}.voucher-table .status-pill.revoked{background:#fcecef;color:#b14c5d}.voucher-table .voucher-legacy{color:#8b9db4}@media(max-width:1060px){.voucher-issue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.voucher-issue-grid button{width:100%}}@media(max-width:600px){.voucher-issue-grid{grid-template-columns:1fr}.voucher-filters{width:100%}.voucher-filters input{width:100%}}
.action-dialog{width:min(440px,calc(100vw - 28px));border:1px solid #d9e5f5;border-radius:20px;padding:0;background:#fff;color:#18345f;box-shadow:0 26px 75px #14345c55}.action-dialog::backdrop{background:#132b4d80}.action-dialog-form{padding:0}.action-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px;border-bottom:1px solid #e6edf7}.action-dialog-head h2{margin:0;font-size:1.13rem;color:#15396e}.action-dialog-close{border:0;background:transparent;color:#8493aa;font-size:1.7rem;line-height:1}.action-dialog-message{margin:0;padding:20px 22px 0;line-height:1.6;color:#465e7e}.action-dialog-fields{display:grid;gap:14px;padding:20px 22px 0}.action-dialog-fields:empty{display:none}.action-dialog-fields label{display:grid;gap:7px;font-weight:750;font-size:.9rem}.action-dialog-error{min-height:18px;margin:10px 22px 0;color:#ba394a;font-size:.82rem}.action-dialog-actions{display:flex;justify-content:flex-end;gap:9px;padding:6px 22px 22px}
.language-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #cfddf4;border-radius:999px;background:#f3f7ff;flex:none}.language-switch button{border:0;background:transparent;color:#506b94;border-radius:999px;min-height:35px;padding:5px 10px;font-size:.8rem;font-weight:800;white-space:nowrap}.language-switch button.active{background:#fff;color:#173d83;box-shadow:0 2px 7px #193d8324}.language-switch button:focus-visible{outline:2px solid #4b81d5;outline-offset:2px}#buyer-actions{gap:9px}@media(max-width:520px){.topbar{padding:0 12px;gap:7px}.brand{font-size:.97rem}.brand-mark{width:29px;height:29px}.language-switch button{min-height:32px;padding:5px 7px;font-size:.73rem}#buyer-actions{gap:5px}.buyer-actions .service-action{padding:7px 9px;font-size:.75rem;min-height:38px}.buyer-actions .service-action svg{width:16px;height:16px}}@media(max-width:370px){.brand span:last-child{display:none}}
@media(max-width:520px){.topbar .brand span:last-child{display:none}}
/* 全站操作提示：顶部居中，避免宽屏时贴在右侧边缘。 */
.toast{left:50%;right:auto;top:82px;width:max-content;max-width:min(600px,calc(100vw - 32px));text-align:center;transform:translate(-50%,-10px)}
.toast.show{transform:translate(-50%,0)}
@media(max-width:780px){.toast{top:72px}}
/* 好友码说明弹窗与买家页面统一为浅色蓝白视觉。 */
.friend-help-dialog{background:#fff;color:#17345e;border:1px solid #dce6f6;box-shadow:0 24px 70px #183d7838}
.friend-help-dialog::backdrop{background:#17366380}
.friend-help-head{background:#f7faff;border-bottom:1px solid #e1e9f6}
.friend-help-head h2{color:#12366f}
.friend-help-head .dialog-close{color:#7187a7}
.friend-help-head .dialog-close:hover{color:#1b4e9b}
.friend-help-body{background:#fff}
.friend-help-body p{color:#526681}
.friend-help-body strong{color:#245db3}
.friend-help-body img{border:1px solid #d7e3f3}
.friend-help-body .field-hint{color:#7287a2}
.friend-help-foot{background:#f7faff;border-top:1px solid #e1e9f6}
.friend-help-foot .primary{background:#1d4388;color:#fff}
.friend-help-foot .primary:hover{background:#2a58a5}

/* 商家后台宽屏铺满可用视口；买家页和窄屏布局保持原样。 */
@media(min-width:1100px){
  .merchant-console .topbar{padding-left:clamp(28px,3vw,64px);padding-right:clamp(28px,3vw,64px)}
  .merchant-console .admin-wrap{width:100%;max-width:none;margin:28px auto 72px;padding-left:clamp(28px,3vw,64px);padding-right:clamp(28px,3vw,64px)}
  .merchant-console .admin-grid{grid-template-columns:220px minmax(0,1fr);gap:24px}
  .merchant-console .admin-content{min-width:0}
}
.job-filters{display:grid;grid-template-columns:minmax(250px,1fr) minmax(150px,220px);gap:12px;margin:0 0 18px}
.job-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 7px;color:#224b91;font-size:.86rem}
.job-progress-head strong{font-size:.93rem}
.job-progress-head span{color:#627895}
.job-progress-track{height:9px;border-radius:999px;background:#e5ecf8;overflow:hidden;margin-bottom:12px}
.job-progress-track>div{height:100%;border-radius:inherit;background:#346fee;transition:width .25s ease}
.reward-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:12px 0;color:#224b91}
.reward-breakdown-item{min-width:0;padding:10px 12px;border:1px solid #dbe5f7;border-radius:10px;background:#f6f9ff;font-size:.85rem}
.reward-breakdown-head,.buyer-reward-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.reward-breakdown-item .job-progress-track{margin:9px 0 0;height:6px}
.reward-breakdown-item strong{font-size:.9rem;font-variant-numeric:tabular-nums;color:#173d80}
.target-progress{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.target-progress .reward-breakdown-head{flex-wrap:wrap;gap:6px}
.target-progress .reward-breakdown-head span{font-variant-numeric:tabular-nums}
.target-progress .item-meta{margin-top:8px}
[data-cooldown-until]{font-variant-numeric:tabular-nums;color:#93661c!important}
.buyer-reward-progress{margin:14px 0 2px;padding:12px 13px;border:1px solid #dbe5f7;border-radius:12px;background:#f6f9ff;color:#224b91;font-size:.86rem}
.buyer-reward-head span{font-variant-numeric:tabular-nums;color:#49688f}
.buyer-reward-progress .job-progress-track{margin:10px 0 0;height:7px}
.voucher-spec-form{display:grid;gap:14px}
.voucher-reward-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(180px,1fr) auto;align-items:end;gap:14px;margin-bottom:12px}
.voucher-reward-row.single{grid-template-columns:minmax(160px,1fr) minmax(180px,1fr)}
.voucher-reward-row label{min-width:0}
.voucher-reward-row select,.voucher-reward-row input{width:100%}
.voucher-reward-row .voucher-remove-reward{align-self:end;margin-bottom:1px}
.voucher-sample-enabled{appearance:auto!important;width:22px!important;height:22px!important;min-height:22px!important;padding:0!important;margin:7px 0!important;accent-color:#346fee;cursor:pointer}
@media(max-width:640px){.voucher-reward-row{grid-template-columns:1fr 1fr}.voucher-reward-row .voucher-remove-reward{grid-column:1/-1}}
.badge.cancelled{background:#edf0f5;color:#66758b}
@media(max-width:640px){.job-filters{grid-template-columns:1fr}}

/* 商家工作台：顶部工具栏 + 图标导航 + 二级导航 + 全宽内容区。 */
.merchant-topbar,.merchant-primary-nav{display:none}
.admin-menu-heading{padding:18px 12px 6px;color:#8793a9;font-size:.73rem;font-weight:800;letter-spacing:.08em}
.admin-menu-heading:first-child{padding-top:9px}
.admin-menu button small{float:right;color:#9aa9bc;font-size:.68rem;font-weight:600}
.module-pending{display:inline-flex;align-items:center;border:1px solid #e1e9f5;background:#f5f8fd;border-radius:999px;padding:6px 11px;color:#7184a4;font-size:.74rem;font-weight:800;white-space:nowrap}
.module-ready{display:inline-flex;align-items:center;border:1px solid #c8dcff;background:#edf4ff;border-radius:999px;padding:6px 11px;color:#1b4b9b;font-size:.74rem;font-weight:800;white-space:nowrap}
.module-skeleton{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}
.module-skeleton>div{display:flex;flex-direction:column;gap:15px;min-height:130px;padding:19px;border:1px dashed #d9e3f2;border-radius:14px;background:#f9fbfe}
.module-skeleton strong{color:#173967}.module-skeleton span{color:#8797ac;font-size:.86rem}
@media(min-width:1100px){
  .merchant-console{background:#fff}
  .merchant-console>.topbar{display:none}
  .merchant-console .admin-wrap{width:100%;max-width:none;margin:0;padding:0}
  .merchant-console #dashboard{display:grid;grid-template-columns:82px 222px minmax(0,1fr);grid-template-rows:74px auto auto minmax(0,1fr);min-height:100vh;background:#fff}
  .merchant-console .merchant-topbar{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:clamp(12px,1.4vw,26px);padding:0 26px;border-bottom:1px solid #e7ebf2;background:#fff;position:sticky;top:0;z-index:20;min-width:0}
  .admin-sidebar-toggle{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;padding:0;border:1px solid #dbe4f1;border-radius:8px;background:#fff;color:#365785;font-size:1.05rem;line-height:1}
  .admin-sidebar-toggle:hover,.admin-sidebar-toggle:focus-visible{background:#edf4ff;border-color:#a9c4ef;outline:none}
  .merchant-brand{display:flex;align-items:center;gap:9px;min-width:245px;color:#142a52;white-space:nowrap}
  .merchant-brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#3259d7;color:#fff;font-size:1.15rem}
  .merchant-brand strong{font-size:1.15rem}.merchant-brand small{padding-left:7px;border-left:1px solid #d6dce8;color:#7d8da6;font-size:.7rem;font-weight:700}
  .merchant-top-search{display:flex;align-items:center;gap:7px;flex:0 1 430px;border:1px solid #edf0f5;border-radius:9px;background:#f5f6f9;padding:0 12px;color:#7888a2}
  .merchant-top-search input{border:0;box-shadow:none;min-height:40px;background:transparent;padding:8px 0;font-size:.87rem}
  .merchant-top-search input:focus{box-shadow:none}
  .merchant-top-notice{display:flex;align-items:center;gap:8px;margin-left:auto;color:#384a68;font-size:.82rem;white-space:nowrap}
  .notice-dot{width:8px;height:8px;background:#3775ec;border-radius:50%}
  .merchant-top-actions{display:flex;align-items:center;gap:14px;color:#18396a;font-size:.88rem;font-weight:800;white-space:nowrap}
  .merchant-top-actions button{padding:8px 13px;border:1px solid #d9e3f2;border-radius:8px;background:#fff;color:#45638d;font-size:.78rem;font-weight:700}
  .merchant-top-actions button:hover{background:#f1f5fc}
  .merchant-console .merchant-primary-nav{grid-column:1;grid-row:2/5;display:flex;flex-direction:column;gap:4px;align-items:stretch;padding:18px 8px;background:#f9fafc;border-right:1px solid #e6ebf2;position:sticky;top:74px;height:calc(100vh - 74px);z-index:5}
  .merchant-primary-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;border:0;border-radius:10px;background:transparent;color:#576781;padding:10px 0;min-height:60px}
  .merchant-primary-nav button span{font-size:1.26rem;line-height:1.15}.merchant-primary-nav button small{font-size:.75rem;font-weight:750}
  .merchant-primary-nav button:hover,.merchant-primary-nav button.active{background:#eaf0ff;color:#2858c8}
  .merchant-console .admin-grid{display:contents}
  .merchant-console .admin-menu{grid-column:2;grid-row:2/5;display:flex;flex-direction:column;gap:2px;align-self:start;position:relative;top:auto;height:auto;overflow:visible;padding:14px 12px;border:0;border-right:1px solid #e8ecf2;border-radius:0;background:#fff}
  .merchant-console .admin-menu button{flex:none;padding:11px 14px;border-radius:8px;color:#364a6c;font-size:.85rem}
  .merchant-console .admin-menu button:hover{background:#f4f7fc}
  .merchant-console .admin-menu button.active{background:#eaf0ff;color:#2055c5}
  .merchant-console .dash-title{grid-column:3;grid-row:2;margin:0;padding:31px clamp(24px,2.3vw,46px) 15px;min-width:0}
  .merchant-console .dash-title h1{font-size:1.65rem;margin:7px 0 4px}
  .merchant-console .dash-title #logout-btn{display:none}
  .merchant-console .metrics{grid-column:3;grid-row:3;margin:0;padding:0 clamp(24px,2.3vw,46px) 20px;gap:12px}
  .merchant-console .metric{padding:16px 18px;border-radius:11px;box-shadow:none}
  .merchant-console .metric strong{font-size:1.5rem}
  .merchant-console .admin-content{grid-column:3;grid-row:4;min-width:0;padding:20px clamp(24px,2.3vw,46px) 70px;border-top:1px solid #e8edf5}
  .merchant-console .admin-section{padding:0;border:0;border-radius:0;box-shadow:none;min-height:0}
  .merchant-console #dashboard.compact-view>.dash-title,.merchant-console #dashboard.compact-view>.metrics{display:none}
  .merchant-console #dashboard.compact-view .admin-content{grid-row:2/5;padding-top:30px;border-top:0}
  .merchant-console .section-heading{padding-bottom:17px;border-bottom:1px solid #e8edf5}
  .merchant-console .section-heading h2{font-size:1.35rem}
  .merchant-console .item-card{border-radius:10px}
  .merchant-console #dashboard.sidebar-collapsed{grid-template-columns:0 0 minmax(0,1fr)}
  .merchant-console #dashboard.sidebar-collapsed .merchant-primary-nav,.merchant-console #dashboard.sidebar-collapsed .admin-menu{display:none}
}
@media(min-width:1100px) and (max-width:1380px){.merchant-top-notice{display:none}}
@media(max-width:1099px){
  .merchant-console .merchant-topbar,.merchant-console .merchant-primary-nav{display:none}
  .merchant-console .admin-menu-heading{display:none}
}
@media(max-width:700px){.module-skeleton{grid-template-columns:1fr}.module-skeleton>div{min-height:90px}}

/* 离线参考页面对应的业务模块骨架。 */
.scaffold-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:18px 0 22px}
.scaffold-stat-grid article{display:flex;flex-direction:column;gap:7px;padding:20px;border:1px solid #dfe7f2;border-radius:12px;background:#fff;min-width:0}
.scaffold-stat-grid article.wide{grid-column:1/-1;background:#f7faff}
.scaffold-stat-grid span{font-size:.82rem;color:#687a96}.scaffold-stat-grid strong{font-size:1.7rem;color:#173e87}.scaffold-stat-grid small{color:#94a1b5;font-size:.74rem}
.scaffold-panel{border:1px solid #dfe7f2;border-radius:13px;padding:22px;margin:18px 0;background:#fff}
.scaffold-panel h2,.scaffold-panel h3{margin:0 0 15px;color:#16386d}.scaffold-panel h3{font-size:1.05rem}
.scaffold-panel .section-heading h2,.scaffold-panel .section-heading h3{margin:0}
.scaffold-chart{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));align-items:end;gap:5px;height:180px;border-bottom:1px solid #dce5f3;padding:20px 4px 0}
.scaffold-chart-column{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0}
.scaffold-chart-column span{display:block;width:100%;max-width:25px;min-height:3px;border-radius:5px 5px 0 0;background:#4b79e4}
.scaffold-chart-column small{height:19px;font-size:.65rem;color:#8494aa}
.scaffold-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:17px}.scaffold-flow span{border:1px solid #d7e3f5;border-radius:9px;background:#f3f7ff;color:#2c528c;padding:11px;font-size:.8rem;font-weight:750}.scaffold-flow i{color:#8ba3cb;font-style:normal}
.scaffold-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:15px 0 22px}
.scaffold-product{display:flex;flex-direction:column;text-align:left;gap:8px;min-height:94px;padding:18px;border:1px solid #dce5f3;border-radius:12px;background:#fff;color:#1c3f75}.scaffold-product strong{font-size:1rem}.scaffold-product small{font-size:.75rem;color:#8090aa}.scaffold-product.active{border-color:#4d78d7;background:#f1f5ff;box-shadow:0 0 0 2px #4d78d71c}
.scaffold-chips{display:flex;flex-wrap:wrap;gap:8px;min-height:40px;margin:14px 0}.scaffold-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #cbdcf8;border-radius:999px;padding:6px 8px 6px 13px;background:#edf4ff;color:#24518d;font-size:.84rem}.scaffold-chip button{border:0;border-radius:50%;width:21px;height:21px;background:#d4e3fb;color:#345b96;font-weight:800}
.scaffold-inline{display:flex;align-items:center;gap:10px;margin:12px 0}.scaffold-inline input{min-width:0}.scaffold-inline button{white-space:nowrap}
.scaffold-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:19px 0}.scaffold-form-grid label,.scaffold-panel>label{display:flex;flex-direction:column;gap:7px;color:#304d77;font-size:.85rem;font-weight:750}.scaffold-form-grid select{width:100%}
/* 创建任务：样本固定规格采用整行卡片，保留原生 checkbox 的键盘与表单行为。 */
.scaffold-form-grid .create-sample-card{grid-column:1/-1;position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:86px;margin:0;padding:15px 18px;border:1px solid #d9e5f4;border-radius:14px;background:#f8fbff;color:#173d77;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}
.create-sample-card:hover{border-color:#a9c4eb;background:#f4f8ff}
.create-sample-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e5efff;color:#3567bc;font-size:1.35rem;line-height:1}
.create-sample-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.create-sample-heading{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#163b75;font-size:1rem;font-weight:800;line-height:1.25}
.create-sample-tag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#edf3fd;color:#5575a8;font-size:.68rem;font-weight:800;white-space:nowrap}
.create-sample-description{color:#7185a3;font-size:.79rem;font-weight:500;line-height:1.45}
#create-sample-enabled{position:absolute;width:1px;height:1px;min-height:0;margin:0;padding:0;border:0;opacity:0;pointer-events:none}
.create-sample-control{display:inline-flex;align-items:center;gap:10px;justify-self:end;white-space:nowrap}
.create-sample-state{color:#8293ac;font-size:.75rem;font-weight:800}
.create-sample-state::before{content:'未开启'}
.create-sample-switch{position:relative;display:block;width:49px;height:28px;flex:none;border:1px solid #c6d3e6;border-radius:999px;background:#dce5f2;box-shadow:inset 0 1px 2px #173c6a16;transition:background .18s,border-color .18s,box-shadow .18s}
.create-sample-switch::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #173b6b3b;transition:transform .18s}
.create-sample-card:has(#create-sample-enabled:checked){border-color:#8db1ea;background:#f0f6ff;box-shadow:0 0 0 2px #4f82d916}
#create-sample-enabled:checked + .create-sample-control .create-sample-state{color:#245caa}
#create-sample-enabled:checked + .create-sample-control .create-sample-state::before{content:'已开启'}
#create-sample-enabled:checked + .create-sample-control .create-sample-switch{border-color:#326cce;background:#3977dc}
#create-sample-enabled:checked + .create-sample-control .create-sample-switch::after{transform:translateX(21px)}
.create-sample-card:has(#create-sample-enabled:focus-visible){outline:3px solid #6ea0ef;outline-offset:3px}
.create-sample-card:has(#create-sample-enabled:disabled){opacity:.55;cursor:not-allowed}
@media(max-width:520px){.scaffold-form-grid .create-sample-card{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px}.create-sample-icon,.create-sample-state{display:none}}
.scaffold-readonly{display:block;min-height:46px;padding:13px 15px;background:#f7f9fd;border:1px solid #e0e7f2;border-radius:10px;color:#8491a6}
.scaffold-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px;margin:18px 0;border-radius:10px;background:#f0f5ff;color:#2c5086}.scaffold-summary strong{color:#173d86}
.scaffold-notice{border-left:4px solid #5f87db;background:#f3f7ff;padding:14px 17px;border-radius:9px;color:#3d577d;line-height:1.55;font-size:.85rem}
.scaffold-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:14px 0 20px}.scaffold-toolbar label{display:flex;align-items:center;gap:9px;font-size:.8rem;color:#516887;font-weight:700}.scaffold-toolbar select{width:auto;min-width:150px}
.scaffold-pills{display:flex;gap:6px;flex-wrap:wrap}.scaffold-pills button{border:1px solid #d9e4f5;border-radius:8px;background:#fff;padding:9px 12px;color:#50709f;font-size:.8rem;font-weight:750}.scaffold-pills button.active{background:#eaf1ff;border-color:#92b2ed;color:#1e54b3}
.scaffold-account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:13px}.scaffold-account-card{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:165px;text-align:left;border:1px solid #dce5f4;border-radius:11px;background:#fff;padding:16px;color:#1b3d74}.scaffold-account-card:hover{border-color:#7299dc;background:#f9fbff}.scaffold-account-card strong{font-size:1rem}.scaffold-account-card small{color:#8496ae}.scaffold-account-card em{font-style:normal;font-weight:850;font-size:1.25rem;color:#2255ab;margin-top:auto}
#execution-account-search{width:min(360px,100%);flex:0 1 360px}
.scaffold-dialog{width:min(620px,calc(100vw - 24px));max-height:85vh}.scaffold-dialog-body{padding:22px;overflow:auto}.scaffold-dialog-body h3{color:#183b73;font-size:1rem;margin:20px 0 9px}.scaffold-detail-grid{display:grid;grid-template-columns:125px minmax(0,1fr);gap:9px}.scaffold-detail-grid span{color:#7d8ba1}.scaffold-detail-grid strong{overflow-wrap:anywhere}.scaffold-detail-row{padding:9px 0;border-top:1px solid #e7edf6;font-size:.82rem}
.scaffold-table-wrap{overflow:auto;border:1px solid #e1e8f3;border-radius:10px}.scaffold-table{border-collapse:collapse;width:100%;min-width:650px}.scaffold-table th{background:#f3f6fb;text-align:left;font-size:.8rem;color:#607593;padding:13px}.scaffold-table td{padding:17px 13px;border-top:1px solid #e8edf5;font-size:.82rem}.scaffold-empty-cell{text-align:center;color:#8c9bb1}.scaffold-pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px;font-size:.8rem;color:#7e8fa8}.scaffold-pager button{border:1px solid #d9e3f2;border-radius:7px;background:#fff;padding:7px 12px;color:#7386a3}.scaffold-pager button:disabled{opacity:.55;cursor:default}
@media(max-width:800px){.scaffold-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scaffold-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.scaffold-product-grid,.scaffold-form-grid{grid-template-columns:1fr}.scaffold-panel{padding:16px}.scaffold-chart{gap:2px}.scaffold-inline{flex-wrap:wrap}.scaffold-inline button{width:100%}}
#section-jobs .job-filters{grid-template-columns:minmax(250px,1fr) minmax(145px,210px) minmax(165px,215px) auto;align-items:center}
@media(max-width:550px){#section-jobs .job-filters{grid-template-columns:1fr}}
.steam-auth-dialog{width:min(500px,calc(100vw - 32px));max-height:calc(100dvh - 28px);padding:0;overflow-y:auto;border-radius:18px}
.steam-auth-dialog .action-dialog-head{padding:17px 22px}.steam-auth-dialog .action-dialog-head h2{font-size:1.15rem}.steam-auth-dialog .action-dialog-close{width:32px;height:32px;min-height:32px;padding:0;border:0;background:transparent;color:#7084a2;font-size:1.55rem;line-height:1}
.steam-auth-body{padding:17px 22px 20px}.steam-auth-account{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border:1px solid #e2eaf7;border-radius:10px;background:#f7faff;font-size:.86rem}.steam-auth-account span{color:#7689a5}.steam-auth-account strong{color:#163d7c;overflow-wrap:anywhere}
.steam-auth-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:15px 0;padding:4px;border-radius:11px;background:#edf3fc}.steam-auth-methods button{min-height:38px;border:0;border-radius:8px;background:transparent;color:#627899;font-weight:750}.steam-auth-methods button.active{background:#fff;color:#173f82;box-shadow:0 2px 8px #274e891c}
.steam-auth-dialog form{display:grid;gap:12px;margin:0}.steam-auth-dialog form.hidden,.steam-auth-dialog section.hidden{display:none}.steam-auth-dialog .steam-auth-field{display:grid;gap:6px;color:#24436f;font-size:.86rem;font-weight:750}.steam-auth-dialog input:not([type=checkbox]){width:100%;min-height:44px;padding:10px 12px;border-radius:9px}.steam-auth-dialog .steam-auth-save{display:flex;align-items:center;gap:9px;color:#395577;font-size:.82rem;line-height:1.35;cursor:pointer}.steam-auth-dialog .steam-auth-save input[type=checkbox]{appearance:auto;width:18px;height:18px;min-width:18px;min-height:18px;margin:0;padding:0;border:0;flex:none;accent-color:#1d58ad}.steam-auth-dialog .steam-auth-save span{flex:1}.steam-auth-dialog form>.primary,.steam-auth-dialog [data-start-qr]{width:100%;min-height:44px;padding:10px 16px;border-radius:9px}
.steam-auth-panel{min-width:0}.steam-auth-qr{width:190px;min-height:190px;max-width:100%;margin:8px auto 13px;background:#f7faff;color:#7489a5;display:grid;place-items:center;border:1px dashed #d8e4f3;border-radius:12px;text-align:center;font-size:.83rem}.steam-auth-qr p{margin:0}.steam-auth-qr svg{width:100%;height:auto}.steam-auth-panel>.field-hint{text-align:center;margin:9px 0 0}
.steam-auth-feedback{margin-top:15px}.steam-auth-dialog [data-status]{margin:0;padding:10px 12px;background:#eef5ff;color:#23518a;border-radius:9px;font-size:.82rem;line-height:1.45;overflow-wrap:anywhere}.steam-auth-dialog [data-error]{min-height:0;margin:6px 0 0;overflow-wrap:anywhere}.steam-auth-dialog [data-error]:empty,.steam-auth-dialog [data-expiry]:empty{display:none}.steam-auth-dialog [data-expiry]{margin:8px 0 0;font-size:.76rem}.steam-auth-dialog [data-guard],.steam-auth-dialog [data-playfab]{margin-top:11px;padding-top:12px;border-top:1px solid #e4ebf5}.steam-auth-dialog [data-playfab] p{font-size:.82rem;line-height:1.45}.steam-auth-dialog [data-playfab] button{min-height:38px;padding:8px 12px;border:1px solid #ccd9ee;border-radius:8px;background:#fff;color:#214a8c;font-weight:750}
@media(max-height:650px){.steam-auth-body{padding-top:12px;padding-bottom:14px}.steam-auth-methods{margin:10px 0}.steam-auth-qr{width:150px;min-height:150px}}
.steam-auth-dialog .action-dialog-close:focus-visible{outline:2px solid #8eb4f0;outline-offset:2px;border-radius:6px}
.buyer-steam-dialog .action-dialog-message{margin:0 0 12px;color:#61718b;font-size:.82rem;line-height:1.55}
.steam-target-ready{display:grid;gap:5px;margin-top:12px;padding:12px;border:1px solid #a9dbbd;border-radius:10px;background:#f1fbf4;color:#195e38}
.steam-target-ready strong,.steam-target-ready small{display:block;overflow-wrap:anywhere}.steam-target-ready small{margin-bottom:7px;color:#397252}
.execution-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.execution-download-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border:1px solid #bcd2f5;border-radius:11px;background:#edf4ff;color:#16468e;font-weight:750;white-space:nowrap}.execution-download-link:hover,.execution-download-link:focus-visible{background:#deebff;border-color:#8eb3ed}.execution-software-panel{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 17px;padding:14px 16px;border:1px solid #d9e5f7;border-radius:13px;background:#f8fbff;color:#294b80}.execution-software-title{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.execution-software-title span{font-size:.82rem;color:#7488a6}.execution-software-panel>a{color:#1956a3;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;min-width:0}.execution-software-password{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.execution-software-password strong{padding:5px 8px;border-radius:7px;background:#e6f0ff;color:#153d80;letter-spacing:.08em;user-select:all}.execution-software-password button{padding:5px 9px;border:1px solid #c6d8f1;border-radius:8px;background:#fff;color:#205090;font-weight:700}.operator-software-section{margin-bottom:20px}.operator-software-hint{grid-column:1/-1;margin:0}.operator-software-section input{min-width:0}.operator-client-upload{grid-column:1/-1;display:flex;align-items:end;gap:14px;flex-wrap:wrap;padding-top:2px}.operator-client-upload-field{flex:1 1 360px}.operator-client-upload-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:46px}.operator-client-upload-actions .field-hint{min-width:160px}.operator-client-upload input[type=file]{padding:9px 11px}
@media(max-width:760px){.execution-heading-actions{justify-content:flex-start;width:100%}.execution-heading-actions>*{flex:1 1 auto}.execution-software-panel{align-items:flex-start;flex-direction:column}.execution-software-panel>a{width:100%}}
.operator-created-credentials{margin:16px 0 20px;padding:18px;border:1px solid #bcd7f2;border-radius:14px;background:#f1f7ff}.operator-created-credentials>strong{display:block;color:#17437e;font-size:1rem}.operator-created-credentials>.field-hint{margin:5px 0 14px}.operator-credential-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.operator-credential-grid>div{min-width:0;padding:10px 12px;border:1px solid #d8e6f6;border-radius:9px;background:#fff}.operator-credential-grid>div:nth-child(2),.operator-credential-grid>div:nth-child(3){grid-column:1/-1}.operator-credential-grid span{display:block;margin-bottom:5px;color:#6980a0;font-size:.78rem}.operator-credential-grid code{display:block;color:#153c76;font-size:.91rem;font-weight:700;overflow-wrap:anywhere;user-select:all}.operator-created-credentials>.primary{width:100%}
@media(max-width:520px){.operator-credential-grid{grid-template-columns:1fr}.operator-credential-grid>div:nth-child(2),.operator-credential-grid>div:nth-child(3){grid-column:auto}}
.brand{min-width:0}#buyer-store-name{max-width:min(28vw,280px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#buyer-brand-title{white-space:nowrap}

.target-quota{margin-top:8px;padding-top:8px;border-top:1px dashed #d8e4f8}.quota-progress{height:5px}.quota-progress>div{background:#d5a232}.account-scheduling-detail{color:#a06b1b!important;overflow-wrap:anywhere;line-height:1.5}

.customer-service-preview{padding:14px 16px;border:1px solid #d9e5f8;border-radius:12px;background:#f6f9ff}.customer-service-preview p{margin:10px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}#buyer-info-body{white-space:pre-wrap;overflow-wrap:anywhere}

/* Full-store statistics remain independent of task search and pagination. */
#section-jobs>.section-heading{align-items:flex-start;gap:22px;flex-wrap:wrap}
.task-statistics{flex:1 1 570px;max-width:880px;margin-left:auto;min-width:0;color:#24518d}
.task-statistics-pill{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;padding:14px 20px;border:1px solid #e0e9f7;border-radius:32px;background:#f7faff;font-size:.88rem}
.task-statistics-pill>span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.task-statistics-pill i{font-style:normal;color:#7698bf;font-size:1rem}.task-statistics-pill strong{color:#102d58;font-size:1.03rem}
.task-statistics-speed{display:flex;justify-content:flex-end;gap:10px 20px;flex-wrap:wrap;margin:10px 5px 5px;font-size:.82rem}.task-statistics-speed strong{color:#174c97}.task-statistics>small{display:block;margin:7px 5px 0;color:#8192ab;line-height:1.5;font-size:.72rem}.task-statistics-other{margin:5px;font-size:.8rem;color:#6680a1}
@media(max-width:1100px){.task-statistics{max-width:none;flex-basis:100%;margin-left:0}.task-statistics-speed{justify-content:flex-start}}
@media(max-width:520px){.task-statistics-pill{justify-content:flex-start;border-radius:16px;padding:12px 14px;gap:10px 16px}.task-statistics-pill>span{flex:1 1 110px}.task-statistics-speed{gap:8px 14px}}

.item-actions .task-priority-button{color:#1756ad;border-color:#abc8f2;background:#edf4ff}.item-actions .task-priority-button:hover{background:#deebff}.task-priority-badge{background:#fff2cc;color:#8a6012;display:inline-block;vertical-align:middle;margin-left:7px;font-weight:700}

/* 订单中心：参考紧凑订单列表，长字段在详情行保留。 */
#section-orders{background:#f6f8fc;padding:18px;border-radius:12px}
.order-list-panel{min-width:0;padding:21px 16px 25px;border:1px solid #e6eaf1;border-radius:13px;background:#fff;box-shadow:0 3px 15px #25416908}
.order-list-heading{align-items:center;margin-bottom:10px}
.order-list-heading h2{font-size:1.2rem;color:#162846}
.order-list-heading p{color:#8b98a9;font-size:.77rem}
.order-list-heading .ghost{min-height:36px;padding:7px 13px;font-size:.78rem}
.order-search-row{display:flex;gap:10px;align-items:center;margin:12px 0 16px}.order-search-row input{flex:1;min-width:0;min-height:42px;padding:9px 13px;border:1px solid #d7e2f4;border-radius:8px;background:#fff;color:#26364d;font-size:.83rem}.order-search-row input:focus{outline:2px solid #9bbdf5;outline-offset:1px}.order-search-row .ghost{min-height:42px;padding:8px 15px;font-size:.8rem}
.order-table-wrap{width:100%;overflow-x:visible}
.order-table{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed}
.order-table th:nth-child(1){width:10%}.order-table th:nth-child(2){width:7%}.order-table th:nth-child(3){width:14%}.order-table th:nth-child(4),.order-table th:nth-child(5),.order-table th:nth-child(6),.order-table th:nth-child(7),.order-table th:nth-child(9){width:4.8%}.order-table th:nth-child(8){width:5.5%}.order-table th:nth-child(10){width:11%}.order-table th:nth-child(11){width:5.5%}.order-table th:nth-child(12){width:6%}.order-table th:nth-child(13),.order-table th:nth-child(14){width:8.5%}
.order-table thead{background:#f7f8fa}.order-table th{padding:10px 6px;text-align:left;color:#33435d;font-size:.75rem;font-weight:800;border-bottom:1px solid #e8ebf0;white-space:normal;line-height:1.25}
.order-table td{padding:10px 6px;border-bottom:1px solid #edf0f4;color:#26364d;font-size:.75rem;vertical-align:middle;overflow-wrap:anywhere}
.order-table-row:hover{background:#fafcff}.order-table-row:has(.order-table-key[aria-expanded="true"]){background:#f6f9ff}
.order-table-key{display:block;width:100%;border:0;background:none;padding:0;color:#1b4a8e;font-size:inherit;font-weight:700;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-table-key:hover{text-decoration:underline;text-underline-offset:2px}.order-table-key:focus-visible{outline:2px solid #4580dd;outline-offset:3px;border-radius:3px}
.order-player strong,.order-product strong,.order-amount strong,.order-weapon strong{display:block;min-width:0;font-weight:650}.order-player strong{color:#1c457c}.order-player small,.order-product small,.order-amount small,.order-weapon small{display:block;margin-top:3px;color:#8998ad;font-size:.7rem;line-height:1.35}
.order-amount{font-variant-numeric:tabular-nums}.order-table-dash{color:#a5afbd}.order-type{display:inline-block;padding:3px 7px;border:1px solid #e0d3fb;border-radius:6px;background:#faf6ff;color:#7351ab;font-size:.72rem;font-weight:700;white-space:nowrap}
.order-table .badge{display:inline-block;border:1px solid currentColor;border-radius:6px;padding:3px 7px;background:#fff;font-size:.72rem}
.order-created,.order-completion{font-variant-numeric:tabular-nums}.order-created-at,.order-completed-at{display:block;white-space:nowrap;line-height:1.3}.order-created-at span,.order-created-at small,.order-completed-at span,.order-completed-at small{display:block}.order-created-at small,.order-completed-at small{color:#8998ad;font-size:.7rem}
.order-table .badge.completed{color:#399a45;background:#f4fff2}.order-table .badge.queued,.order-table .badge.processing{color:#3b72bf;background:#f5f9ff}.order-table .badge.cooldown,.order-table .badge.friend_code_error{color:#a36c1d;background:#fff9ed}.order-table .badge.invalid,.order-table .badge.cancelled{color:#9c6470;background:#fff7f7}
.order-detail-row[hidden]{display:none}.order-detail-row td{padding:0;background:#f7faff}.order-detail-content{padding:18px 20px 21px}.order-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 22px}.order-detail-grid span{display:block;color:#8796ab;font-size:.73rem;margin-bottom:3px}.order-detail-grid strong{color:#304966;font-size:.81rem;font-weight:650;overflow-wrap:anywhere}.order-detail-note{margin:15px 0 10px;color:#71819a;font-size:.78rem}.order-detail-content>.ghost{padding:7px 11px;font-size:.76rem;min-height:34px}
.order-table-empty{text-align:center;padding:42px!important;color:#8796ab!important}
.order-list-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;color:#8796ab;font-size:.76rem}.order-list-footer>div{display:flex;gap:7px}.order-list-footer button{padding:6px 11px;border:1px solid #dbe3ee;border-radius:6px;background:#fff;color:#5d7293;font-size:.76rem}.order-list-footer button:disabled{opacity:.45;cursor:default}
@media(max-width:780px){#section-orders{padding:10px}.order-list-panel{padding:16px 12px}.order-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Approved task cards: compact identity/metrics split and recipient grid. */
#jobs-list .task-card{padding:22px;border-radius:16px;background:#fff;min-width:0}
.task-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.task-card-heading{min-width:0}.task-card-heading>strong{color:#163c78;font-size:1.06rem;overflow-wrap:anywhere}.task-card-heading .item-meta{margin-top:6px}.task-card-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;max-width:58%}.task-card-controls .item-actions{margin:0;justify-content:flex-end}.task-card-controls .badge{display:inline-block}
.task-overall{display:flex;align-items:center;gap:16px;margin:20px 0 18px;color:#173d80;font-size:.83rem}.task-overall>span{white-space:nowrap}.task-overall>strong{min-width:43px;text-align:right;font-size:.95rem}.task-overall .job-progress-track{flex:1;margin:0;height:9px}
.task-single{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:16px}.task-identity,.task-summary-panel,.task-target-panel{min-width:0;border:1px solid #dde7f8;border-radius:12px;padding:18px;background:#f7faff}.task-summary-panel{background:#fcfdff}.task-identity-title{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap}.task-identity-title>strong{font-size:.97rem;color:#173d80}.task-currency{padding:4px 10px;font-size:.73rem;font-weight:750;border-radius:20px;background:#e7f0ff;color:#245faf}
.task-id{display:flex;align-items:center;gap:8px;color:#657da5;font-size:.8rem;margin-top:16px;min-width:0}.task-id>span{overflow-wrap:anywhere;min-width:0}.task-copy-id{flex:0 0 auto;cursor:pointer;border:0;background:transparent;color:#2866bd;font-size:1rem;padding:2px 5px;border-radius:5px}.task-copy-id:hover{background:#e8f0ff}.task-copy-id:focus-visible{outline:2px solid #3478dd;outline-offset:2px}.task-binding{color:#568773;font-size:.77rem;line-height:1.6;margin-top:14px}
.task-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.task-metric{min-width:0}.task-metric>span{display:block;color:#6680a6;font-size:.78rem;line-height:1.5}.task-metric>strong{display:block;color:#174b98;font-size:1.45rem;line-height:1.35;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:5px}.task-metric small{font-size:.8rem;font-weight:650}.task-kpis .task-metric{padding:0 16px;border-left:1px solid #dfE7f4}.task-kpis .task-metric:first-child{padding-left:0;border:0}.task-kpis .task-metric:last-child{padding-right:0}
.task-finish-strip{padding:9px 12px;color:#188653;background:#e9f8f0;border-radius:8px;margin-top:18px;font-size:.8rem;line-height:1.5}.task-warning{color:#926311;background:#fff5dc}.task-timeline{display:flex;gap:12px 24px;justify-content:space-between;flex-wrap:wrap;color:#6880a7;font-size:.77rem;margin-top:18px;line-height:1.5}.task-timeline>span{min-width:0;overflow-wrap:anywhere}
.task-target-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.task-target-grid:has(>.task-target-panel:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.task-target-panel{padding:16px}.task-target-panel .task-identity{border:0;padding:0;background:transparent}.task-identity-compact .task-id{margin-top:10px}.task-identity-compact .task-binding{display:none}.task-target-amount{margin-top:16px;color:#163c78;font-size:1rem;font-weight:800;font-variant-numeric:tabular-nums}.task-target-amount small{font-size:.76rem;font-weight:600}.task-target-panel>.job-progress-track{height:7px;margin:10px 0 0}
.task-live-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;padding-top:12px;border-top:1px solid #e1e9f5}.task-live-metrics .task-metric>strong{font-size:1rem}.task-live-metrics .task-metric+ .task-metric{padding-left:14px;border-left:1px solid #e1e9f5}.task-cooling{margin-top:12px;color:#ae7610;font-size:.85rem}.task-cooling strong,.task-live-metrics [data-cooldown-until]{color:#ae7610;font-size:1rem}.task-card .target-quota{margin-top:14px;padding-top:10px;border-top:1px solid #e6edf7}.task-card .target-quota .item-meta{font-size:.74rem;line-height:1.6}.task-card .target-quota .job-progress-track{margin:8px 0 0;height:5px}.task-card .quota-progress>div{background:#dea626}.task-current-note{margin-top:10px;color:#7790b0;font-size:.74rem;line-height:1.5;overflow-wrap:anywhere}.task-pending{font-size:.77rem;color:#5e7aa8;line-height:1.6;margin-top:10px}
.task-card-footer{margin-top:17px;padding-top:12px;border-top:1px solid #e4ebf6}.task-card-footer>.task-pending{margin:0 0 10px}.task-details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;color:#41699e;font-size:.8rem;list-style:none;line-height:1.6}.task-details>summary::-webkit-details-marker{display:none}.task-details>summary>span:first-child:before{content:'⌄';display:inline-block;margin-right:9px;color:#3275ce}.task-details[open]>summary>span:first-child:before{content:'⌃'}.task-details>summary>span:last-child{color:#2462b5;white-space:nowrap}.task-details-body{padding:10px 12px;background:#f7faff;border-radius:8px;margin-top:10px}.task-details-body .item-meta{margin-top:5px}
@media(max-width:1100px){.task-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-kpis .task-metric{padding:0 10px}.task-metric>strong{font-size:1.22rem}}
@media(max-width:760px){#jobs-list .task-card{padding:16px}.task-single{grid-template-columns:1fr}.task-target-grid,.task-target-grid:has(>.task-target-panel:nth-child(2):last-child){grid-template-columns:1fr}.task-card-header{flex-direction:column;gap:10px}.task-card-controls{max-width:100%;width:100%;justify-content:flex-start}.task-card-controls .item-actions{justify-content:flex-start}.task-overall{margin:16px 0}.task-kpis .task-metric>strong{font-size:1.2rem}.task-identity,.task-summary-panel{padding:16px}.task-details>summary{align-items:flex-start}.task-target-panel{padding:16px}}

/* Approved recharge workspace: horizontal overview/list pages, real statistics. */
#section-jobs>.task-workspace-heading{align-items:center;flex-wrap:wrap;margin-bottom:20px;gap:12px}
.task-workspace-heading h2{font-size:1.6rem!important;letter-spacing:-.02em}
.task-workspace-heading p{margin-top:6px}
.task-workspace-refresh{display:flex;align-items:center;gap:8px;color:#6581ac;font-size:.8rem;white-space:nowrap}
.task-workspace-refresh i{width:7px;height:7px;border-radius:50%;background:#3476ef}
.task-workspace-nav{display:flex;gap:8px;background:#f6f9ff;border:1px solid #dce7fa;border-radius:11px;margin-bottom:22px;padding:3px;overflow-x:auto}
.task-workspace-nav button{position:relative;display:flex;align-items:center;justify-content:center;gap:11px;min-height:48px;min-width:145px;border:0;border-radius:8px;background:transparent;color:#516989;font-size:.94rem;font-weight:700;padding:10px 22px;flex:none}
.task-workspace-nav button.active{background:#e6efff;color:#1e64d8}
.task-workspace-nav button.active:after{content:'';position:absolute;height:3px;background:#3378f6;bottom:-3px;left:12px;right:12px;border-radius:2px}
.task-workspace-nav button:focus-visible{outline:3px solid #96baf8;outline-offset:-3px}
.task-workspace-nav svg{width:21px;height:21px;flex:none}
#section-jobs .task-statistics{display:block;max-width:none;flex:none;margin:0;width:100%;min-width:0;color:#204675}
.task-overview-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}
.task-overview-stat{display:flex;align-items:center;gap:15px;padding:20px 17px;background:#f7faff;border:1px solid #dbe7f9;border-radius:11px;min-width:0}
.task-overview-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#e9f1ff;color:#2876f0;flex:none}
.task-overview-icon svg{width:25px;height:25px}
.task-overview-stat>div{min-width:0}
.task-overview-stat>div>span{display:block;color:#526e96;font-size:.82rem}
.task-overview-stat strong{display:block;font-size:1.75rem;line-height:1.25;font-weight:800;color:#113670;margin-top:5px;overflow-wrap:anywhere}
.task-overview-rewards{padding:22px;border:1px solid #dce7fa;border-radius:12px;background:#fff;min-width:0}
.task-overview-rewards h3{margin:0 0 18px;font-size:1.14rem;color:#153b73}
.task-overview-live{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:stretch;margin-bottom:16px;min-width:0}
.task-overview-blue{display:grid;grid-template-columns:64px repeat(3,minmax(0,1fr));align-items:center;gap:0;border:1px solid #edf3ff;background:#f5f9ff;border-radius:11px;padding:20px 15px;min-width:0}
.task-overview-blue h4{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0;font-size:.9rem;color:#174785}
.task-overview-blue h4 svg{width:29px;height:29px;color:#2575f6}
.task-overview-kpi{padding:7px 16px;border-left:1px solid #d8e5fa;min-width:0}
.task-overview-kpi>span{display:block;font-size:.8rem;color:#6980a1;margin-bottom:12px}
.task-overview-kpi strong{display:block;font-size:1.35rem;color:#143e7d;line-height:1.4;overflow-wrap:anywhere}
.task-overview-kpi-primary strong{color:#2166da}
.task-overview-other{display:grid;gap:12px;min-width:0}
.task-overview-currency{display:grid;grid-template-columns:72px repeat(4,minmax(0,1fr));align-items:center;gap:10px;background:#f5f9ff;border-radius:10px;padding:16px 12px;min-width:0}
.task-overview-currency h4{display:flex;gap:8px;align-items:center;margin:0;font-size:.88rem;color:#174785}
.task-overview-currency h4 svg{width:21px;height:21px;color:#2672ed;flex:none}
.task-overview-currency>div{border-left:1px solid #dfeafa;padding-left:10px;min-width:0}
.task-overview-currency>div span{display:block;font-size:.7rem;color:#7890ad;margin-bottom:4px}
.task-overview-currency strong{font-size:.79rem;color:#224a82;line-height:1.5;overflow-wrap:anywhere}
.task-overview-future{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.task-overview-reserved{border:1px solid #e0eaf8;background:#f8faff;border-radius:10px;padding:17px;min-width:0}
.task-overview-reserved header{display:flex;align-items:center;gap:10px;margin-bottom:15px;flex-wrap:wrap}
.task-overview-reserved h4{font-size:.91rem;color:#294a79;margin:0}
.task-overview-reserved .task-overview-icon{width:34px;height:34px;border-radius:9px}
.task-overview-reserved .task-overview-icon svg{width:21px;height:21px}
.task-overview-pending{font-size:.68rem;color:#7891b2;background:#eaf0fb;border-radius:20px;padding:4px 9px;white-space:nowrap}
.task-overview-reserved-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.task-overview-reserved-metrics>div{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:10px 7px;font-size:.75rem;min-width:0;color:#7c90ae}
.task-overview-reserved-metrics>div:nth-child(even){border-left:1px solid #e0e9f7;padding-left:14px}
.task-overview-reserved-metrics>div:nth-child(n+3){border-top:1px solid #e0e9f7}
.task-overview-reserved-metrics strong{font-size:.78rem;white-space:nowrap;color:#657b9b}
.task-overview-foot{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:17px;color:#7a8da8;font-size:.75rem;line-height:1.6}
.task-overview-foot>p{margin:0}
.task-overview-foot>p>span{color:#7e9cc4;margin-right:5px}
.task-overview-explanation{min-width:0;max-width:100%;flex:1 0 auto;text-align:right}
.task-overview-explanation summary{cursor:pointer;color:#3071d5;font-size:.75rem;list-style:none}
.task-overview-explanation summary:after{content:'⌄';margin-left:9px}
.task-overview-explanation[open]{flex-basis:100%;text-align:left}
.task-overview-explanation[open] summary:after{content:'⌃'}
.task-overview-explanation p{margin:8px 0 0;line-height:1.75;max-width:100%;color:#7a8da8}
#section-jobs .task-list-toolbar{padding:13px;background:#f7faff;border:1px solid #e0e9f8;border-radius:11px;margin-bottom:15px;gap:12px;grid-template-columns:minmax(0,1fr) minmax(135px,185px) minmax(165px,210px) auto}
.task-list-search{position:relative;min-width:0}
.task-list-search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#7990b0;pointer-events:none}
.task-list-search input{padding-left:42px}
#section-jobs .task-list-toolbar input,#section-jobs .task-list-toolbar select,#section-jobs .task-list-toolbar button{height:46px;min-height:46px;font-size:.87rem;border-radius:9px}
#jobs-tasklist-panel>#job-list-count{margin:0 0 11px}
@media(max-width:1250px){.task-overview-live{grid-template-columns:1fr}.task-overview-stat{gap:10px;padding:17px 12px}.task-overview-stat .task-overview-icon{width:35px;height:35px}.task-overview-reserved-metrics>div{flex-wrap:wrap}.task-overview-kpi strong{font-size:1.5rem}}
@media(max-width:900px){.task-overview-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.task-overview-future{grid-template-columns:1fr}.task-overview-reserved-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.task-overview-reserved-metrics>div:nth-child(n+3){border-top:0}.task-overview-reserved-metrics>div:nth-child(n+2){border-left:1px solid #e0e9f7;padding-left:14px}#section-jobs .task-list-toolbar{grid-template-columns:1fr 1fr auto}.task-list-search{grid-column:1/-1}}
@media(max-width:560px){.task-workspace-heading h2{font-size:1.35rem!important}.task-workspace-refresh{font-size:.72rem}.task-workspace-nav button{min-width:125px;min-height:44px;padding:9px 16px;font-size:.88rem}.task-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.task-overview-stat:last-child{grid-column:1/-1}.task-overview-stat strong{font-size:1.5rem}.task-overview-rewards{padding:14px}.task-overview-blue{grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 8px}.task-overview-blue h4{grid-column:1/-1;flex-direction:row;justify-content:flex-start;margin:0 6px 15px;font-size:.82rem}.task-overview-blue h4 svg{width:23px;height:23px}.task-overview-kpi{padding:5px 9px}.task-overview-kpi:nth-child(2){border-left:0}.task-overview-kpi>span{font-size:.69rem;margin-bottom:8px}.task-overview-kpi strong{font-size:1.03rem}.task-overview-currency{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:13px}.task-overview-currency h4{grid-column:1/-1;margin-bottom:3px}.task-overview-currency>div{padding-left:0;border-left:0}.task-overview-currency strong{font-size:.8rem}.task-overview-currency>div span{font-size:.68rem}.task-overview-reserved{padding:13px}.task-overview-reserved-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.task-overview-reserved-metrics>div:nth-child(n+3){border-top:1px solid #e0e9f7}.task-overview-reserved-metrics>div:nth-child(odd){border-left:0;padding-left:7px}.task-overview-foot{font-size:.7rem}.task-overview-explanation{flex-basis:100%;text-align:left}#section-jobs .task-list-toolbar{grid-template-columns:1fr 1fr}.task-list-search{grid-column:1/-1}#section-jobs .task-list-toolbar button{grid-column:1/-1}}
/* Merchant voucher workspace: spacious light layout with bounded, server-paged rows. */
#section-vouchers{background:#fff;color:#183565}
#section-vouchers .voucher-hero{align-items:center;padding:3px 0 25px;border-color:#e2eaf5}
#section-vouchers .voucher-eyebrow{display:block;margin-bottom:12px;color:#5e80b8;font-size:.77rem;font-weight:800;letter-spacing:.12em}
#section-vouchers .voucher-hero h2{font-size:clamp(1.65rem,2.4vw,2.1rem);line-height:1.15}
#section-vouchers .voucher-hero p{line-height:1.5}
#section-vouchers .voucher-hero-action{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:10px 20px;border-radius:12px;background:#1e4b9a;color:#fff;font-weight:800;white-space:nowrap;box-shadow:0 7px 18px #1c4a9923}
#section-vouchers .voucher-hero-action:hover{background:#2b5eaf}
#section-vouchers .voucher-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:22px 0 18px}
#section-vouchers .voucher-metrics span{display:flex;flex-direction:column;gap:10px;min-height:92px;padding:17px 20px;border:1px solid #e1e9f5;border-radius:15px;background:#f8faff;color:#6880a2;font-size:.86rem;font-weight:650}
#section-vouchers .voucher-metrics b{margin:0;font-size:1.55rem;line-height:1;color:#1c4a99;font-variant-numeric:tabular-nums}
#section-vouchers .voucher-specs-disclosure{margin:0 0 19px}
#section-vouchers .voucher-specs-disclosure summary{display:inline-flex;align-items:center;min-height:38px;margin:0;color:#24539a}
#section-vouchers .voucher-specs-disclosure[open]{padding:15px;margin-bottom:18px}
#section-vouchers .voucher-quick{padding:22px 26px;margin-bottom:28px;background:#f4f7fd;border-color:#dce6f5;border-radius:18px}
#section-vouchers .voucher-quick-heading h3{font-size:1.17rem}
#section-vouchers .voucher-quick-heading p{font-size:.85rem}
#section-vouchers .voucher-issue-grid{margin-top:17px;grid-template-columns:minmax(180px,2fr) minmax(110px,.7fr) minmax(160px,1.2fr) auto;gap:12px}
#section-vouchers .voucher-issue-grid label{gap:7px;font-weight:700}
#section-vouchers .voucher-issue-grid button{min-height:46px;padding-inline:20px}
#section-vouchers .voucher-list-toolbar{align-items:end;margin:3px 0 13px;gap:14px}
#section-vouchers .voucher-list-title h3{font-size:1.3rem}
#section-vouchers .voucher-list-title p{margin-top:5px}
#section-vouchers .voucher-filters{gap:8px}
#section-vouchers .voucher-filters input{width:235px}
#section-vouchers .voucher-filters select{max-width:180px}
#section-vouchers .voucher-filters button{white-space:nowrap}
#section-vouchers .voucher-table-wrap{border-radius:15px;box-shadow:0 8px 26px #173d7508}
#section-vouchers .voucher-table th{padding:14px 15px;background:#edf3fd;color:#4d6a99;font-weight:800}
#section-vouchers .voucher-table td{padding:14px 15px}
#section-vouchers .voucher-table tbody tr:hover{background:#f8faff}
#section-vouchers .voucher-table .voucher-code{font-size:.94rem;letter-spacing:.035em}
#section-vouchers .voucher-pagination{display:flex;align-items:center;justify-content:flex-end;gap:17px;flex-wrap:wrap;margin-top:14px;color:#617797;font-size:.86rem}
#section-vouchers .voucher-pagination label{display:flex;align-items:center;gap:8px}
#section-vouchers .voucher-pagination select{width:auto;min-height:37px;padding:6px 30px 6px 10px;font-weight:700}
#section-vouchers .voucher-page-actions{display:flex;gap:6px}
#section-vouchers .voucher-page-actions button{min-height:37px;padding:6px 12px;border:1px solid #d2def0;border-radius:9px;background:#fff;color:#24518c;font-weight:700}
#section-vouchers .voucher-page-actions button:hover:not(:disabled){background:#eaf1ff}
#section-vouchers .voucher-page-actions button:disabled{opacity:.45;cursor:default}
@media(max-width:1150px){#section-vouchers .voucher-issue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#section-vouchers .voucher-list-toolbar{align-items:flex-start;flex-direction:column}#section-vouchers .voucher-filters{justify-content:flex-start;width:100%}}
@media(max-width:620px){#section-vouchers .voucher-hero{align-items:flex-start}#section-vouchers .voucher-hero-action{width:100%}#section-vouchers .voucher-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#section-vouchers .voucher-quick{padding:17px}#section-vouchers .voucher-issue-grid{grid-template-columns:1fr}#section-vouchers .voucher-filters input{width:100%}#section-vouchers .voucher-filters select{flex:1;min-width:0}#section-vouchers .voucher-pagination{justify-content:center}#section-vouchers .voucher-page-actions{width:100%;justify-content:center}}
.target-lookup-result{display:flex;flex-wrap:wrap;gap:8px 18px;margin:8px 0 12px;padding:12px 14px;border:1px solid #a9dbbd;border-radius:12px;background:#f1fbf4;color:#195e38;font-size:.86rem}.target-lookup-result strong{width:100%;font-size:.93rem}.target-lookup-result span{overflow-wrap:anywhere}.target-lookup-result small{width:100%;line-height:1.5}.target-lookup-result.warning{border-color:#f2cf95;background:#fff9ec;color:#84531e}.scaffold-chip{max-width:100%;overflow-wrap:anywhere}
.order-game-name{font-weight:700;color:#234778;max-width:150px;overflow-wrap:anywhere}.order-game-name .order-table-dash{font-weight:400}.order-name-lookup{display:block;border:0;background:transparent;color:#2863bd;padding:3px 0;font-size:.74rem;text-decoration:underline}

/* Buyer friend-code caution and accessible inline format errors. */
#redeem-form .friend-code-warning{margin:0;padding:10px 12px;border:1px solid #f4d4ba;border-radius:10px;background:#fff7ed;color:#9a4212;font-size:.84rem;line-height:1.65;overflow-wrap:anywhere}
#redeem-form .friend-code-error{margin:0;color:#b42318;font-size:.84rem;line-height:1.6;font-weight:600;overflow-wrap:anywhere}
#redeem-friend[aria-invalid="true"]{border-color:#d94841;box-shadow:0 0 0 3px #d9484112}

/* Execution workspace: top tabs and independently paginated lists. */
#section-execution .execution-workspace-nav{margin-top:17px}
#section-execution [data-execution-workspace-panel].hidden{display:none}
.execution-search-row{margin:16px 0 7px}
#execution-status-search{width:min(440px,100%)}
#section-execution .scaffold-pager{padding-top:12px;border-top:1px solid #e8eef8}
@media(max-width:550px){#section-execution .execution-workspace-nav button{min-width:0;flex:1;padding:9px 12px}.execution-search-row input{width:100%}}
#execution-shared-summary{margin-bottom:18px}.shared-execution-card{display:flex;flex-direction:column;gap:13px;min-width:0;padding:17px;border:1px solid #dae6f6;border-radius:13px;background:#f8fbff}.shared-execution-card .item-head strong{color:#19477e}.shared-execution-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.shared-execution-slots span{display:flex;flex-direction:column;gap:4px;min-width:0;padding:10px;border:1px solid #e0e9f6;border-radius:9px;background:#fff;color:#69809f;font-size:.75rem}.shared-execution-slots strong{color:#1c4b8e;font-size:1.1rem;font-variant-numeric:tabular-nums}.shared-execution-card p{margin:0;color:#6d829e;font-size:.78rem;line-height:1.5}#execution-shared-list .empty{grid-column:1/-1}#execution-shared-list [data-shared-retry]{margin-left:9px;padding:6px 12px;font-size:.8rem;min-height:0}@media(max-width:480px){.shared-execution-slots{gap:5px}.shared-execution-slots span{padding:8px;font-size:.7rem}}

/* One activity can claim up to three recipient slots. Planned lanes are not occupancy. */
#section-execution .scaffold-account-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr))}
.execution-capacity-card{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(440px,1.25fr);gap:22px;align-items:center}
.execution-speed-main{display:flex;flex-direction:column;gap:8px;min-width:0}
.execution-capacity-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.execution-capacity-metrics>div{display:flex;flex-direction:column;gap:6px;min-width:0;padding:13px 15px;border:1px solid #dce8fa;border-radius:11px;background:#fff}
.execution-capacity-metrics strong{font-size:1.35rem;color:#174c97}
.execution-capacity-metrics>div:nth-child(2) strong{color:#167451}
.execution-capacity-metrics>div:nth-child(3) strong{color:#265bc0}
.execution-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;min-width:0}
.execution-slots.compact{grid-template-columns:1fr;margin-top:5px}
.execution-slot{display:flex;flex-direction:column;gap:5px;min-width:0;padding:9px 11px;border:1px solid #dfe7f3;border-radius:9px;background:#f8fafd;color:#566c8b;font-size:.76rem;line-height:1.4;text-align:left}
.execution-slot.processing{border-color:#a9c4f5;background:#edf4ff;color:#174b9a}
.execution-slot.available{border-color:#b7dfca;background:#f1faf4;color:#176646}
.execution-slot.stale{border-color:#f2d29b;background:#fff9ed;color:#925a0b}
.execution-slot-top{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}
.execution-slot-top b{font-size:.78rem}.execution-slot-top strong{font-size:.72rem;font-weight:800;white-space:nowrap;color:inherit}
.execution-slot-target,.execution-slot-progress{display:block;overflow-wrap:anywhere;color:inherit}
.execution-slot-progress{font-weight:700}
.scaffold-account-card .execution-slots{margin-top:4px}
.scaffold-account-card .execution-slot{width:100%}
.scaffold-account-card .execution-slot-top strong{font-size:.72rem}
.scaffold-account-card .execution-slot-note{padding-top:2px;color:#647b9a}
.execution-slots-unavailable{display:block;color:#8092ad;font-size:.8rem}
@media(max-width:900px){.execution-capacity-card{grid-template-columns:1fr}}
@media(max-width:550px){.execution-capacity-metrics{gap:5px}.execution-capacity-metrics>div{padding:10px 7px}.execution-capacity-metrics strong{font-size:1.08rem}.execution-slots:not(.compact){grid-template-columns:1fr}}

/* Account management is a compact disclosure list; slot occupancy stays in the execution list. */
#execution-accounts-list details.item-card{padding:0;overflow:hidden}
.execution-account-summary{display:grid;grid-template-columns:minmax(170px,1.3fr) minmax(130px,1fr) minmax(170px,1.3fr) max-content max-content;align-items:center;gap:12px;min-height:62px;padding:12px 16px;cursor:pointer;list-style:none;color:#536b8e;font-size:.83rem}
.execution-account-summary::-webkit-details-marker{display:none}
.execution-account-summary:hover{background:#f7faff}
.execution-account-summary:focus-visible{outline:3px solid #70a0ec;outline-offset:-4px;border-radius:12px}
.execution-account-name{display:flex;align-items:center;gap:9px;min-width:0}
.execution-account-name strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#173a73;font-size:.96rem}
.execution-account-id,.execution-account-steam{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.execution-account-work{white-space:nowrap}.execution-account-work strong{color:#174688}
.execution-account-expand{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:#2457a2;font-weight:750}
.execution-account-expand span{font-size:1.1rem;line-height:1;transition:transform .2s ease}
#execution-accounts-list details[open] .execution-account-expand span{transform:rotate(180deg)}
.execution-account-detail{border-top:1px solid #e7edf7;padding:5px 18px 18px;background:#fbfcff}
.execution-account-detail .item-actions{margin-top:16px}
@media(max-width:1000px){.execution-account-summary{grid-template-columns:minmax(140px,1.2fr) minmax(110px,1fr) max-content max-content}.execution-account-steam{display:none}}
@media(max-width:640px){.execution-account-summary{grid-template-columns:minmax(0,1fr) max-content;gap:8px;padding:12px}.execution-account-id,.execution-account-work{display:none}.execution-account-name{flex-wrap:wrap;gap:5px}.execution-account-detail{padding:5px 13px 15px}}

/* Visible recipient lookup progress and string-preserving game ID. */
#redeem-friend-check{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;flex-shrink:0;min-width:100px}
#redeem-friend-check:disabled{cursor:wait;opacity:.8;background:#edf3ff;color:#2455a0}
.resolve-spinner{display:inline-block;flex:0 0 auto;width:16px;height:16px;border:2px solid #4276c538;border-top-color:currentColor;border-radius:50%;animation:friend-resolve-spin .75s linear infinite}
.target-lookup-result.loading{border-color:#cbdcf9;background:#f0f5ff;color:#2455a0}
.resolve-loading-head{display:flex;align-items:center;gap:9px;width:100%}
.target-lookup-result .resolve-loading-head strong{width:auto}
.target-lookup-result .resolved-game-id{display:flex;flex-direction:column;gap:6px;width:100%;min-width:0;padding:10px 12px;border:1px solid #b8dfc8;border-radius:9px;background:#ffffffad}
.resolved-game-id span{font-size:.8rem;font-weight:700}
.resolved-game-id code{font-family:Consolas,monospace;font-size:1.05rem;font-weight:700;line-height:1.55;overflow-wrap:anywhere;word-break:break-all;user-select:all}
@keyframes friend-resolve-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.resolve-spinner{animation:none}}

/* Compact buyer redemption form: inset lookup action, no double-height button. */
#buyer-app .buyer-card{padding:20px}
#redeem-form{padding:18px;border-radius:17px;gap:10px}
#redeem-form .panel-title{gap:10px;margin-bottom:5px}
#redeem-form .panel-title h2{font-size:1rem}
#redeem-form .panel-title p{font-size:.78rem}
#redeem-form .icon-chip{width:32px;min-width:32px;height:32px;border-radius:10px}
#redeem-form label{font-size:.83rem}
#redeem-form input{height:48px;min-height:48px;padding:11px 13px;font-size:.94rem;border-radius:11px}
#redeem-form .redeem-friend-control{position:relative;display:block;width:100%}
#redeem-form #redeem-friend{padding-right:118px}
#redeem-form #redeem-friend-check{position:absolute;right:7px;top:7px;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100px;min-width:100px;height:34px;min-height:34px;padding:0 9px;border:1px solid #dce6f8;border-radius:8px;background:#edf3ff;color:#2455a0;font-size:.82rem;font-weight:700;line-height:1;white-space:nowrap;box-shadow:none}
#redeem-form #redeem-friend-check:hover:not(:disabled){background:#dfeaff;border-color:#bbcef2;color:#193d83}
#redeem-form #redeem-friend-check:focus-visible{outline:2px solid #497fd0;outline-offset:2px}
#redeem-form #redeem-friend-check:disabled{opacity:.85;cursor:wait}
#redeem-friend-check .resolve-spinner{width:12px;height:12px}
#redeem-form .friend-code-warning{padding:8px 10px;border-radius:9px;font-size:.78rem;line-height:1.55}
#redeem-form .friend-code-error{font-size:.78rem;line-height:1.5}
#redeem-form .voucher-preview{display:flex;flex-direction:column;gap:3px;margin:0;padding:9px 11px;border:1px solid #cbdcf9;border-radius:10px;background:#f0f5ff;color:#2455a0;font-size:.8rem;line-height:1.5;overflow-wrap:anywhere}
#redeem-form .voucher-preview.available{border-color:#b8dfc8;background:#f1fbf4;color:#195e38}
#redeem-form .voucher-preview.warning{border-color:#f2cf95;background:#fff9ec;color:#84531e}
#redeem-form .voucher-preview.error{border-color:#efc7c7;background:#fff5f4;color:#a53c3c}
#redeem-form .voucher-preview-main{display:flex;align-items:center;justify-content:space-between;gap:8px}
#redeem-form .voucher-preview-main strong{font-size:.86rem}
#redeem-form .voucher-preview-status{flex:none;font-size:.75rem;font-weight:800}
#redeem-form .voucher-preview small{font-size:.75rem;opacity:.86}
#redeem-form .redeem-code-list{display:flex;flex-direction:column;gap:11px}
#redeem-form .redeem-code-item{display:flex;flex-direction:column;gap:6px;min-width:0}
#redeem-form .redeem-code-input-row{display:flex;gap:8px;align-items:stretch}
#redeem-form .redeem-code-input-row input{min-width:0;flex:1}
#redeem-form .redeem-code-remove{flex:none;min-height:46px;padding:0 12px;border:1px solid #ebc8c8;border-radius:10px;background:#fff;color:#a43c3c;font-size:.82rem;font-weight:700}
#redeem-form .redeem-code-remove:hover{background:#fff2f2}
#redeem-form .redeem-code-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#redeem-form .redeem-code-actions .ghost{padding:8px 12px;border-radius:9px;font-size:.82rem}
#redeem-form .redeem-code-actions .field-hint{color:#61718b}
#redeem-form .redeem-code-actions .ghost:disabled{opacity:.55;cursor:not-allowed}
.batch-redeem-result{margin:12px 0}
.batch-redeem-result .batch-code-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.batch-redeem-result .batch-code-list button{border:1px solid #cad7ee;border-radius:9px;background:#fff;color:#214682;padding:8px 11px;font-size:.82rem;font-weight:700;overflow-wrap:anywhere}
.batch-redeem-result .batch-code-list button.active{background:#eaf0ff;border-color:#8fb3ed;color:#123d86}
#redeem-form .field-hint{margin:0;font-size:.76rem;line-height:1.55}
#redeem-form .target-lookup-result{margin:0;padding:11px 12px;border-radius:11px;font-size:.8rem;gap:6px 12px;line-height:1.5}
#redeem-form .target-lookup-result strong{font-size:.86rem}
#redeem-form .redeem-steam-target{display:grid;gap:8px;margin-top:2px}
#redeem-form .redeem-target-divider{display:flex;align-items:center;gap:10px;color:#8a99af;font-size:.76rem}
#redeem-form .redeem-target-divider::before,#redeem-form .redeem-target-divider::after{content:"";height:1px;flex:1;background:#e1e8f3}
#redeem-form #redeem-steam-open{min-height:42px;border-style:dashed;color:#2455a0;background:#f7faff;font-weight:750}
#redeem-form #redeem-steam-open:hover{border-color:#9bb9e8;background:#edf4ff}
#redeem-form #redeem-steam-ready{align-items:center;justify-content:space-between}
#redeem-form #redeem-steam-ready>div{display:grid;gap:3px;min-width:0;flex:1}
#redeem-form #redeem-steam-ready strong,#redeem-form #redeem-steam-ready small{width:auto;overflow-wrap:anywhere}
#redeem-form #redeem-steam-clear{flex:none}
#redeem-form .resolved-game-id{flex-direction:row;align-items:baseline;gap:9px;padding:8px 10px}
#redeem-form .resolved-game-id span{flex:0 0 auto;font-size:.77rem}
#redeem-form .resolved-game-id code{flex:1;min-width:0;font-size:.9rem;line-height:1.5}
#redeem-form .primary.wide{min-height:45px;padding:11px 16px;border-radius:11px;font-size:.92rem;box-shadow:0 5px 12px #1c43851a}
@media(max-width:550px){#buyer-app .buyer-card{padding:14px}#redeem-form{padding:14px;gap:9px}#redeem-form .field-label-row{gap:6px}#redeem-form .help-link{font-size:.75rem}#redeem-form #redeem-friend{font-size:.87rem}#redeem-form .resolved-game-id code{font-size:.85rem}}

/* Merchant submenu: all groups open by default, independently collapsible. */
.admin-menu-group{min-width:0}
.admin-menu-items{display:flex;flex-direction:column;gap:2px}
.admin-menu-items[hidden]{display:none!important}
.admin-menu .admin-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:42px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#344968;font-size:.86rem;font-weight:800;letter-spacing:0;text-align:left;white-space:normal}
.admin-menu .admin-menu-heading:hover,.admin-menu .admin-menu-heading:focus-visible{background:#f2f6fd;color:#1d4a98;outline:none}
.admin-menu .admin-menu-heading:focus-visible{box-shadow:inset 0 0 0 2px #72a0e8}
.admin-menu .admin-menu-heading[aria-expanded="true"]{color:#1e52ad;background:#f3f7ff}
.admin-menu-chevron{flex:none;width:8px;height:8px;margin-right:3px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .15s ease}
.admin-menu-heading[aria-expanded="true"] .admin-menu-chevron{transform:rotate(225deg)}
.admin-menu-items button{width:100%}
@media(min-width:1100px){
  .merchant-console .admin-menu{align-self:start;position:sticky;top:74px;height:calc(100dvh - 74px);overflow:hidden}
  .merchant-console .admin-menu .admin-menu-heading{min-height:42px;padding:10px 14px;color:#344968;font-size:.86rem}
  .merchant-console .admin-menu .admin-menu-heading[aria-expanded="true"]{color:#1e52ad;background:#f3f7ff}
  .merchant-console .admin-menu-items button{padding:10px 18px;min-height:40px;white-space:nowrap}
}
@media(min-width:1100px) and (max-height:819px){
  .merchant-console .admin-menu{padding-top:8px;padding-bottom:8px}
  .merchant-console .admin-menu .admin-menu-heading{min-height:36px;padding-top:7px;padding-bottom:7px}
  .merchant-console .admin-menu-items button{min-height:33px;padding-top:7px;padding-bottom:7px}
}
@media(min-width:1100px) and (max-height:699px){
  .merchant-console .admin-menu{padding-top:6px;padding-bottom:6px}
  .merchant-console .admin-menu .admin-menu-heading{min-height:32px;padding-top:5px;padding-bottom:5px}
  .merchant-console .admin-menu-items button{min-height:29px;padding-top:5px;padding-bottom:5px}
}
@media(min-width:1100px) and (max-height:629px){
  .merchant-console .admin-menu{padding-top:5px;padding-bottom:5px}
  .merchant-console .admin-menu .admin-menu-heading{min-height:30px;padding-top:4px;padding-bottom:4px}
  .merchant-console .admin-menu-items button{min-height:27px;padding-top:4px;padding-bottom:4px}
}
@media(min-width:1100px) and (max-height:589px){
  .merchant-console .admin-menu{padding-top:4px;padding-bottom:4px}
  .merchant-console .admin-menu .admin-menu-heading{min-height:28px;padding-top:3px;padding-bottom:3px}
  .merchant-console .admin-menu-items button{min-height:24px;padding-top:3px;padding-bottom:3px;font-size:.8rem}
}
@media(max-width:1099px){
  .merchant-console .admin-menu{flex-direction:column;overflow:visible;white-space:normal}
  .merchant-console .admin-menu .admin-menu-heading{display:flex}
}
@media(min-width:1100px) and (max-height:539px){
  .merchant-console .admin-menu{position:relative;top:auto;height:auto;overflow:visible}
}

/* Full reward package names must wrap without squeezing progress or controls. */
.buyer-reward-head,.reward-breakdown-head{flex-wrap:wrap}
.buyer-reward-head strong,.reward-breakdown-head>span,.task-currency{min-width:0;overflow-wrap:anywhere}
.spec-item>span,#redeem-form .voucher-preview-main strong{min-width:0;overflow-wrap:anywhere}
#redeem-form .voucher-preview-status{flex-shrink:0}
@media(max-width:640px){
  .voucher-reward-row,.voucher-reward-row.single{grid-template-columns:minmax(0,1fr)}
  .voucher-reward-row .voucher-remove-reward{grid-column:auto}
  .spec-item{flex-wrap:wrap}
}

/* Buyer security footer: muted, icon-safe translations and narrow-screen wrapping. */
.buyer-foot.buyer-security-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;width:100%;max-width:380px;margin:24px auto 0;line-height:1.5}
.buyer-security-item{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}
.buyer-security-item svg{display:block;width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.buyer-security-label{display:block;min-width:0;max-width:100%;text-align:center;overflow-wrap:anywhere;word-break:keep-all}

/* Unified page-data state: keep navigation usable while the active page waits. */
.page-data-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:260px;background:#fff;color:#49aaff;font-size:1.12rem;font-weight:400;text-align:center}
.page-data-spinner{display:block;width:23px;height:23px;border:2px solid transparent;border-top-color:#58b6ff;border-right-color:#58b6ff;border-radius:50%;animation:page-data-spin .75s linear infinite}
@keyframes page-data-spin{to{transform:rotate(360deg)}}
.admin-section.page-data-loading>:not(.page-data-loader){display:none!important}
.admin-section.page-data-loading>.page-data-loader{min-height:300px}
#admin-data-gate.page-data-gate-loading{padding:0}
#admin-data-gate.page-data-gate-loading>#admin-data-gate-message{display:none}
#admin-data-gate:not(.page-data-gate-loading)>.page-data-loader{display:none}
#admin-data-gate:not(.page-data-gate-loading)>#admin-data-gate-message{margin:0 0 12px;color:#924131}
.operator-page-loader{min-height:360px;border:1px solid #e1e9f6;border-radius:19px}
#lookup-result.page-data-loading>:not(.page-data-loader){display:none!important}
#lookup-result.page-data-loading{background:#fff;border-color:#e1e9f6;padding:0}
#claim-summary.page-data-loading{display:block;padding:0;border:0;background:#fff;color:#49aaff}
#admin-session-check.page-data-gate-loading{padding:0;overflow:hidden}
#admin-session-check.page-data-gate-loading>#admin-session-message{display:none}
#admin-session-check:not(.page-data-gate-loading)>.page-data-loader{display:none}
@media(prefers-reduced-motion:reduce){.page-data-spinner{animation-duration:2s}}

/* Merchant account settings: horizontal module menu, one panel at a time. */
#section-accounts .account-settings-switcher{position:relative}
#section-accounts .account-settings-choice{position:absolute;width:1px;height:1px;min-height:1px;padding:0;margin:0;opacity:0;pointer-events:none}
#section-accounts .account-settings-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 24px;padding:6px;border:1px solid #e1e9f5;border-radius:12px;background:#f4f7fc}
#section-accounts .account-settings-tabs label{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:46px;padding:10px 12px;border:1px solid transparent;border-radius:9px;color:#627590;font-size:.87rem;font-weight:750;white-space:nowrap;cursor:pointer}
#section-accounts .account-settings-tabs label span{font-size:1.12rem;line-height:1}
#section-accounts .account-settings-tabs label:hover{background:#fff;color:#315b9a}
#account-settings-choice-entry:checked~.account-settings-tabs label[for=account-settings-choice-entry],#account-settings-choice-customer:checked~.account-settings-tabs label[for=account-settings-choice-customer],#account-settings-choice-announcement:checked~.account-settings-tabs label[for=account-settings-choice-announcement],#account-settings-choice-security:checked~.account-settings-tabs label[for=account-settings-choice-security]{background:#fff;border-color:#cbdcf8;color:#2056b2;box-shadow:0 3px 10px #1f4e9d13}
#account-settings-choice-entry:focus-visible~.account-settings-tabs label[for=account-settings-choice-entry],#account-settings-choice-customer:focus-visible~.account-settings-tabs label[for=account-settings-choice-customer],#account-settings-choice-announcement:focus-visible~.account-settings-tabs label[for=account-settings-choice-announcement],#account-settings-choice-security:focus-visible~.account-settings-tabs label[for=account-settings-choice-security]{outline:3px solid #80adfa;outline-offset:2px}
#section-accounts .account-settings-pane{display:none}
#account-settings-choice-entry:checked~.account-settings-panels #account-settings-panel-entry,#account-settings-choice-customer:checked~.account-settings-panels #account-settings-panel-customer,#account-settings-choice-announcement:checked~.account-settings-panels #account-settings-panel-announcement,#account-settings-choice-security:checked~.account-settings-panels #account-settings-panel-security{display:block}
#section-accounts .account-settings-pane-heading{margin:0 0 17px}
#section-accounts .account-settings-pane-heading h3{margin:0;color:#16386d;font-size:1.2rem}
#section-accounts .account-settings-pane-heading p{margin:5px 0 0;color:#8a9ab1;font-size:.83rem;line-height:1.5}
#section-accounts .account-settings-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
#section-accounts .account-settings-card{min-width:0;margin:0;padding:21px 22px;border:1px solid #dfe7f2;border-radius:13px;background:#fff}
#section-accounts .account-settings-card-heading{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:16px}
#section-accounts .account-settings-card-heading h4{margin:0;color:#16386d;font-size:1.05rem}
#section-accounts .account-settings-card-heading p{margin:5px 0 0;color:#8293ad;font-size:.82rem;line-height:1.5}
#section-accounts .account-settings-link-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #dfe8f7;border-radius:10px;background:#f8faff}
#section-accounts .account-settings-link-row #shop-link{flex:1;min-width:0;margin:0;color:#315985;font-family:Consolas,monospace;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#section-accounts .account-settings-link-row button{flex:none}
#section-accounts .account-settings-note{margin:13px 0 0;padding:12px 14px;border:1px solid #e2ebf9;border-radius:10px;background:#f4f8ff;color:#58749a;font-size:.8rem;line-height:1.55}
#section-accounts .account-settings-note strong{color:#315b91}
#section-accounts .account-settings-slug-row{display:flex;align-items:center;gap:8px;min-width:0}
#section-accounts .account-settings-slug-row #shop-slug-prefix{flex:none;margin:0;color:#6f82a0;font-size:.8rem}
#section-accounts .account-settings-slug-row input{flex:1;min-width:0}
#section-accounts .account-settings-card label:not(.announcement-toggle){font-weight:700;color:#304d77;font-size:.85rem}
#section-accounts .account-settings-card textarea{width:100%;border:1px solid #d9e3f4;border-radius:10px;background:#fff;padding:11px 13px;color:#16305e;resize:vertical}
#section-accounts .account-settings-card textarea:focus{border-color:#4a83eb;box-shadow:0 0 0 3px #5287e82c;outline:0}
#section-accounts .account-settings-card-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:auto;padding-top:12px}
#section-accounts .account-settings-card-actions button{min-width:128px}
#section-accounts #store-form{margin-top:0}
#section-accounts #worker-token-result:empty{display:none}
#section-accounts #worker-token-result:not(:empty){padding:11px;border:1px solid #cbdcf8;border-radius:9px;background:#f4f8ff;overflow-wrap:anywhere}
#section-accounts .account-settings-announcement-card{width:100%}
#section-accounts .account-settings-announcement-card .account-settings-card-heading{align-items:center}
#section-accounts .account-settings-language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#section-accounts .account-settings-language-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:14px;border:1px solid #e4ebf8;border-radius:10px;background:#f8faff}
#section-accounts .account-settings-language-card h5{margin:0 0 4px;color:#315b91;font-size:.88rem}
#section-accounts #password-form label{display:flex;flex-direction:column;gap:7px}
@media(max-width:850px){#section-accounts .account-settings-card-grid,#section-accounts .account-settings-language-grid{grid-template-columns:1fr}}
@media(max-width:700px){#section-accounts .account-settings-tabs{display:flex;overflow-x:auto;gap:5px;scrollbar-width:thin}#section-accounts .account-settings-tabs label{flex:0 0 auto;min-width:110px;min-height:42px;padding:9px 12px;font-size:.8rem}#section-accounts .account-settings-card{padding:17px}#section-accounts .account-settings-slug-row{flex-wrap:wrap}#section-accounts .account-settings-slug-row #shop-slug-prefix{width:100%}#section-accounts .account-settings-card-actions button{min-width:0}#section-accounts .account-settings-link-row{flex-wrap:wrap}#section-accounts .account-settings-link-row #shop-link{width:100%;flex-basis:100%;white-space:normal;overflow-wrap:anywhere}}


/* Human-first verification gates (2026-10-14). */
.human-gate{display:grid;gap:12px;margin:3px 0 9px;padding:16px;border:1px solid #bdd1f4;border-radius:16px;background:linear-gradient(130deg,#f1f6ff 0%,#eaf2ff 100%);box-shadow:0 8px 22px #2855a00f;transition:background .2s,border-color .2s,box-shadow .2s}
.human-gate-heading{display:flex;align-items:center;gap:11px;min-width:0}
.human-gate-mark{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#1c4d9c,#4f82df);color:#fff;font-size:1.1rem;box-shadow:0 5px 12px #2654ad30}
.human-gate-copy{display:grid;gap:3px;min-width:0}.human-gate-copy strong{color:#173c78;font-size:.95rem;line-height:1.4}.human-gate-copy small{color:#59749f;font-size:.79rem;line-height:1.5}
.human-gate-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;width:100%;padding:9px 14px;border:1px solid #1e4d9a;border-radius:11px;background:linear-gradient(135deg,#1b4387,#326bd0);color:#fff;font-weight:800;letter-spacing:.02em;box-shadow:0 7px 17px #204b9b29;transition:transform .15s,box-shadow .15s,background .15s}
.human-gate-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 21px #204b9b35}.human-gate-button:active:not(:disabled){transform:translateY(0)}.human-gate-button:focus-visible{outline:3px solid #8fb5f7;outline-offset:3px}.human-gate-button:disabled{opacity:.65;cursor:wait}
.human-gate-button [data-human-button-icon]{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#ffffff2b;font-size:.96rem;line-height:1}
.human-gate.is-verified{border-color:#b3dfc8;background:linear-gradient(130deg,#f0fbf5,#e4f7ed);box-shadow:0 8px 22px #168a4710}.human-gate.is-verified .human-gate-mark{background:linear-gradient(145deg,#138854,#35af73);box-shadow:0 5px 12px #168a4728}.human-gate.is-verified .human-gate-copy strong{color:#12613e}.human-gate.is-verified .human-gate-copy small{color:#4f8167}.human-gate.is-verified .human-gate-button{border-color:#17824f;background:linear-gradient(135deg,#16814f,#35a66d);box-shadow:0 7px 17px #168a4726}
#redeem-form.human-locked input:disabled,#lookup-form.human-locked input:disabled{opacity:1;background:#eef1f5;border-color:#dce2eb;color:#8a95a6;box-shadow:none;cursor:not-allowed}
#redeem-form.human-locked input:disabled::placeholder,#lookup-form.human-locked input:disabled::placeholder{color:#a5afbe}
#redeem-form.human-locked button:disabled:not(.human-gate-button),#lookup-form.human-locked button:disabled:not(.human-gate-button){opacity:.58;filter:grayscale(.55);cursor:not-allowed;box-shadow:none}
#redeem-form.human-locked #redeem-friend-check:disabled{cursor:not-allowed;opacity:.58}
@media(max-width:550px){.human-gate{padding:13px;border-radius:13px;gap:10px}.human-gate-copy strong{font-size:.9rem}.human-gate-copy small{font-size:.76rem}.human-gate-button{min-height:44px}}

/* Merchant login: editable credentials, verification button immediately before submit. */
.merchant-human-button{margin-top:4px;min-height:52px}
.merchant-human-button.is-verified{border-color:#17824f;background:linear-gradient(135deg,#16814f,#35a66d);box-shadow:0 7px 17px #168a4726}
#login-form button[type=submit]:disabled{opacity:.58;filter:grayscale(.55);cursor:not-allowed;box-shadow:none}
.agent-subtabs{display:flex;gap:6px;overflow-x:auto;margin:6px 0 12px;padding-bottom:2px;scrollbar-width:none}.agent-subtabs::-webkit-scrollbar{display:none}
.agent-subtabs button{flex:none;border:1px solid #d6e2f5;background:#fff;color:#506b94;border-radius:999px;padding:7px 15px;font-size:.88rem;font-weight:700;cursor:pointer;white-space:nowrap}
.agent-subtabs button.active{background:#e8f0ff;border-color:#9db9ee;color:#163b7a}
.agent-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.agent-panel-head .field-hint{margin:0;flex:1}
.agent-catalog .agent-catalog-row{grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px}
.agent-catalog .agent-catalog-row .agent-qty{display:flex;flex-direction:row;align-items:center;gap:4px;min-width:0}.agent-qty button{flex:none;width:30px;height:34px;border:1px solid #cfddf4;background:#f3f7ff;border-radius:8px;color:#193f7f;font-size:1.05rem;cursor:pointer}
.agent-catalog .agent-qty input{width:58px;min-width:0;height:34px;margin:0;text-align:center}
.agent-catalog .agent-row-total{display:block;min-width:64px;text-align:right;color:#163b7a}
.agent-pkg-preview{margin:0;color:#163b7a;font-weight:700;font-size:.9rem}
.agent-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.agent-chips button{border:1px solid #d6e2f5;background:#fff;color:#506b94;border-radius:999px;padding:5px 12px;font-size:.82rem;font-weight:700;cursor:pointer}
.agent-chips button.active{background:#f0f4fb;color:#163b7a;border-color:#9db9ee}
.agent-toolbar{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;margin-bottom:8px}
.agent-search{display:flex;gap:6px;flex:1;min-width:200px}.agent-search input{flex:1;min-width:0}
.agent-toolbar-actions{display:flex;gap:6px;flex-wrap:wrap}
.agent-list{display:flex;flex-direction:column;border:1px solid #e1e9f6;border-radius:12px;overflow:hidden;background:#fff}
.agent-list-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.3fr) 112px;gap:10px;align-items:center;padding:10px 12px;border-top:1px solid #e9eff9;font-size:.88rem}
.agent-list-row:first-child{border-top:0}
.agent-row-main{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}.agent-row-main small,.agent-row-sub small,.agent-row-end small{color:#7585a0;font-size:.78rem}
.agent-row-sub{display:flex;flex-direction:column;gap:3px;min-width:0}.agent-row-end{display:flex;flex-direction:column;gap:3px;align-items:flex-end}
.agent-list .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;color:#163b7a;word-break:break-all}
.agent-bar{height:7px;border-radius:4px;background:#e7ecf5;overflow:hidden}.agent-bar i{display:block;height:100%;background:#2f6bff;border-radius:4px}
.agent-pager{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:10px;color:#506b94;font-size:.85rem}
@media(max-width:560px){.agent-list-row{grid-template-columns:minmax(0,1fr) auto}.agent-row-sub{grid-column:1 / -1;order:3}.agent-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-catalog .agent-catalog-row{grid-template-columns:minmax(0,1fr) auto}.agent-catalog .agent-catalog-row .agent-row-total{text-align:left}.agent-panel-head{flex-direction:column;align-items:stretch}}
.agent-toolbar .agent-spec-filter{flex:0 1 200px;min-width:140px;height:40px}
.buyer-agent-tag{display:inline-flex;align-items:center;margin-left:6px;padding:1px 8px;border-radius:999px;background:#fff3d6;border:1px solid #f1d28a;color:#8a5a00;font-size:.72rem;font-weight:800;line-height:1.6;white-space:nowrap;flex:none}
.buyer-agent-tag.hidden{display:none}
.account-profile strong .buyer-agent-tag,.account-profile .buyer-agent-tag{vertical-align:middle}
@media(max-width:560px){.agent-toolbar .agent-spec-filter{flex:1 1 100%}}
.agent-notice{display:flex;flex-direction:column;gap:4px;padding:12px 14px;margin-bottom:10px;border:1px solid #f1d28a;background:#fff8e6;color:#6b4a00;border-radius:12px;font-size:.88rem;line-height:1.55}.agent-notice strong{color:#4d3500}
.agent-metrics.agent-metrics-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.agent-topup-form{display:flex;gap:8px;margin:0 0 10px}.agent-topup-form input{flex:1;min-width:0}
.operator-discount-row{margin-top:8px}.operator-actions{white-space:nowrap}.operator-actions button{margin-right:6px}
@media(max-width:560px){.agent-metrics.agent-metrics-3{grid-template-columns:1fr}}
.mt-nav{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid #e1e9f6;padding-bottom:0;margin-bottom:4px;scrollbar-width:thin}
.mt-nav button{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;border:0;border-bottom:3px solid transparent;background:transparent;color:#596d90;padding:11px 14px;font-weight:700;font-size:.92rem;border-radius:10px 10px 0 0;white-space:nowrap}
.mt-nav button:hover{background:#f2f6ff}
.mt-nav button.active{color:#153d83;border-bottom-color:#2f66c8;background:#eef3ff}
.mt-nav button span{font-size:1rem;line-height:1}
.mt-nav button em{font-style:normal;background:#e3ebfb;color:#2459a1;border-radius:99px;padding:1px 8px;font-size:.74rem}
.mt-nav button.active em{background:#2f66c8;color:#fff}
.mt-panel{margin-top:16px}
.mt-card{border:1px solid #e1e9f6;border-radius:14px;padding:16px;background:#fff;margin-top:14px}
.mt-card:first-child{margin-top:0}
.mt-card h3{margin:0 0 12px;color:#14336f;font-size:1rem}
.mt-card h3 small{color:#8493ad;font-weight:600;font-size:.78rem;margin-left:6px}
.mt-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.mt-pills span{background:#eef3ff;color:#24518d;border-radius:99px;padding:5px 12px;font-size:.82rem;font-weight:700}
.mt-quick{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mt-quick>span{color:#7585a0;font-size:.84rem;margin-right:2px}
.agent-chip-btn{border:1px solid #d6e2f5;background:#fff;color:#2459a1;border-radius:999px;padding:6px 14px;font-weight:700;font-size:.86rem}
.agent-chip-btn:hover{background:#eef3ff;border-color:#9db9ee}
.mt-summary{margin:0;padding:10px 12px;background:#f0f6ff;border-radius:10px;color:#24518d;font-size:.88rem;line-height:1.5}
.mt-table{border:1px solid #e2eaf6;border-radius:12px;overflow:hidden;background:#fff}
.mt-row{display:grid;gap:10px;align-items:center;padding:10px 14px;border-top:1px solid #edf2fa;font-size:.88rem;overflow-wrap:anywhere}
.mt-row:first-child{border-top:0}
.mt-row.mt-head{background:#f5f8fe;color:#7585a0;font-size:.78rem;font-weight:700}
.mt-row.mt-codes{grid-template-columns:minmax(0,1.5fr) 90px 90px minmax(0,2fr) auto}
.mt-row.mt-agents{grid-template-columns:minmax(0,1.6fr) 70px 90px 130px 110px auto}
.mt-row.mt-ledger{grid-template-columns:100px 80px minmax(0,1fr) 110px}
.mt-sub{display:block;color:#8493ad;font-size:.78rem;line-height:1.45}
.mt-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.mt-actions button{font-size:.8rem;padding:6px 10px;border:1px solid #d2dff3;color:#25508b;background:#fff;border-radius:8px;font-weight:700}
.mt-actions button.danger{color:#c54848;border-color:#f0cccc}
.mt-num{text-align:right}
.mt-ledger b.plus{color:#168456}.mt-ledger b.minus{color:#c54848}
@media(max-width:700px){
.mt-nav button{padding:10px 11px;font-size:.86rem}
.mt-row.mt-head{display:none!important}
.mt-row.mt-codes,.mt-row.mt-agents,.mt-row.mt-ledger{display:flex;flex-wrap:wrap;gap:4px 12px}
.mt-row.mt-codes>span:first-child,.mt-row.mt-agents>span:first-child{flex:1 1 100%}
.mt-actions{margin-left:auto}
.mt-card{padding:14px}
}
.action-dialog-fields select{width:100%;border:1px solid #d9e3f4;border-radius:12px;padding:12px 15px;background:#fff;color:#16305e;min-height:46px;font:inherit}
.operator-plan-section{margin-bottom:14px}.operator-plan-section h2{margin:0 0 6px;font-size:1.05rem;color:#14336f}
.operator-plan-prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:end;margin-top:12px}
.operator-plan-prices label{display:grid;gap:6px;font-weight:700;color:#28416e;font-size:.86rem}
.operator-plan-line{color:#2f7a52}.operator-merchant-name small.operator-plan-line.is-expiring{color:#a8680c}.operator-merchant-name small.operator-plan-line.is-expired{color:#c54848}
.buyer-account-wrap{position:relative;display:inline-flex}.buyer-account-action.signed-in::after{content:"";width:6px;height:6px;margin-left:2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);flex:none}.buyer-account-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:30;min-width:150px;display:flex;flex-direction:column;padding:6px;border:1px solid #cfddf4;border-radius:14px;background:#fff;box-shadow:0 12px 30px #1b4b9033}.buyer-account-menu.hidden{display:none}.buyer-account-menu button{border:0;background:transparent;color:#193f7f;text-align:left;padding:10px 14px;border-radius:10px;font-size:.92rem;font-weight:700;min-height:40px;cursor:pointer}.buyer-account-menu button:hover,.buyer-account-menu button:focus-visible{background:#eef4ff}.buyer-account-menu button[data-account-menu="logout"]{color:#b42318}.buyer-account-menu button[data-account-menu="logout"]:hover{background:#fdecea}.buyer-account-action .buyer-account-avatar{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#193d83;color:#fff;font-size:.75rem;font-weight:800;flex:none}.buyer-account-action #buyer-account-label{max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.redeem-saved{display:flex;flex-direction:column;gap:8px}.redeem-saved-title{font-weight:700;color:#28416e;font-size:.88rem}.redeem-saved-list{display:flex;flex-direction:column;gap:8px}.redeem-saved-option{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border:1px solid #d9e3f4;border-radius:12px;background:#fff;cursor:pointer;font-weight:400!important}.redeem-saved-option.selected{border-color:#4a83eb;box-shadow:0 0 0 3px #5287e81f;background:#f5f8ff}.redeem-saved-option input{width:auto;min-height:0;margin:3px 0 0;accent-color:#193d83}.redeem-saved-option span{display:flex;flex-direction:column;gap:2px;min-width:0}.redeem-saved-option strong{color:#16305e;font-size:.9rem;overflow-wrap:anywhere}.redeem-saved-option small{color:#7a89a4;font-size:.78rem;line-height:1.45;overflow-wrap:anywhere}
.buyer-account-dialog{width:min(520px,calc(100vw - 24px));max-height:calc(100vh - 32px)}.buyer-account-body{padding:18px 22px 22px;display:flex;flex-direction:column;gap:14px;overflow-wrap:anywhere}.buyer-account-dialog .buyer-account-body p{padding:0;white-space:normal}.buyer-account-intro{display:flex;flex-direction:column;gap:12px}.buyer-account-intro ul{margin:0;padding-left:20px;line-height:1.75;color:#3a4f75}.steam-login-button{display:flex;align-items:center;justify-content:center;text-align:center}
.account-profile{display:flex;align-items:center;gap:12px}.account-profile>div{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.account-profile strong{color:#12366f;font-size:1.05rem}.account-profile small{color:#7a89a4;font-size:.8rem}.account-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#173d83,#6c95ea);color:#fff;font-weight:800;font-size:1.2rem;flex:none}.ghost.account-small{padding:7px 12px;font-size:.8rem;min-height:0;white-space:nowrap}
.account-tabs{margin:0}.account-panel{display:flex;flex-direction:column;gap:12px}.wallet-balances{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.wallet-balance{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid #e1e9f6;border-radius:12px;background:#f8faff}.wallet-balance span{color:#5a6f93;font-size:.82rem;font-weight:700}.wallet-balance strong{color:#163b7a;font-size:1.35rem}.wallet-balance small{color:#7a89a4;font-size:.76rem;line-height:1.5}.wallet-empty{grid-column:1/-1;color:#7a89a4;margin:0;line-height:1.6}.wallet-warning{margin:0;padding:10px 12px;border-radius:10px;background:#fff8e7;color:#7b5717;font-size:.82rem;line-height:1.55}
.wallet-form{background:#f8faff;border:1px solid #e4ebf8;border-radius:14px;padding:14px}.wallet-form label small{color:#8493ad;font-weight:400}.wallet-form select{width:100%;border:1px solid #d9e3f4;border-radius:12px;padding:11px 13px;background:#fff;color:#16305e;min-height:46px;font:inherit}.wallet-form .inline-form{flex-wrap:nowrap}.wallet-form .inline-form button{white-space:nowrap;flex:none;width:auto}.wallet-check{display:flex;align-items:center;gap:8px}.wallet-check input{width:auto;min-height:0;accent-color:#193d83}
.account-subtitle{margin:6px 0 0;font-size:.92rem;color:#16396d}.wallet-history,.account-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.wallet-history li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #e9eff9;font-size:.85rem}.wallet-history .plus{color:#168456;font-weight:800}.wallet-history .minus{color:#2459a1;font-weight:800}.wallet-history small{color:#7a89a4;text-align:right}
.account-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid #e1e9f6;border-radius:12px;background:#fff}.account-list li>div{display:flex;flex-direction:column;gap:3px;min-width:0}.account-list strong{color:#1b3767}.account-list small{color:#7787a1;font-size:.8rem}.account-list .account-empty{color:#8492a9;justify-content:center;border-style:dashed}.account-bind{padding-top:4px}.account-orders-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.account-orders{display:flex;flex-direction:column;gap:10px}
.search-order .order-created-at{margin:4px 0 10px;color:#7183a3;font-size:.82rem}.account-profile-action{display:flex;justify-content:flex-end;margin:12px 0}.account-panel .email-bind-form,.account-panel #buyer-phone-change-form,.account-panel #buyer-password-form{margin-top:12px}
@media(max-width:520px){.buyer-account-action #buyer-account-label{max-width:5.5em}.buyer-account-action .buyer-account-avatar{width:20px;height:20px}.buyer-account-body{padding:14px 16px 18px}.wallet-history li{flex-direction:column;gap:2px}.wallet-history small{text-align:left}}
.buyer-login-perks{display:flex;flex-direction:column;gap:10px;margin:0 0 18px;padding:16px 18px;border:1px solid #cfe0fb;border-radius:18px;background:linear-gradient(135deg,#f3f7ff,#eef9f3)}.buyer-login-perks .perks-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.buyer-login-perks .perks-head strong{color:#12366f;font-size:1rem}.buyer-login-perks .perks-head .primary{display:inline-flex;align-items:center;min-height:40px;padding:9px 16px}.buyer-login-perks ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.buyer-login-perks li{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:12px;background:#ffffffc7}.buyer-login-perks li b{color:#193d83;font-size:.86rem}.buyer-login-perks li span{color:#5f7090;font-size:.78rem;line-height:1.5}.buyer-login-perks .perks-note{color:#7a89a4;font-size:.76rem;line-height:1.5}.buyer-login-perks.signed-in{flex-direction:row;align-items:center;justify-content:space-between;padding:12px 16px}.buyer-login-perks.signed-in>div{display:flex;flex-direction:column;gap:3px;min-width:0}.buyer-login-perks.signed-in strong{color:#12366f}.buyer-login-perks.signed-in small{color:#6a7c9b;font-size:.8rem;overflow-wrap:anywhere}.buyer-login-perks.signed-in .ghost{flex:none}@media(max-width:560px){.buyer-login-perks ul{grid-template-columns:1fr}.buyer-login-perks{padding:14px}}
@media(max-width:560px){.buyer-login-perks .perks-head{flex-direction:column;align-items:stretch;gap:10px}.buyer-login-perks .perks-head .primary{justify-content:center}.buyer-login-perks.signed-in{flex-direction:column;align-items:stretch}}@media(max-width:430px){.buyer-account-action.signed-in #buyer-account-label{display:none}.buyer-actions .buyer-account-action{padding:7px}}
.account-identity-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:2px}.account-identity-links .help-link{font-size:.78rem}
.agent-apply-title{font-weight:800;color:#12366f;margin:0!important}.buyer-account-body textarea,.agent-card textarea{width:100%;border:1px solid #d9e3f4;border-radius:12px;padding:11px 13px;font:inherit;color:#16305e;resize:vertical}
.agent-status-card{display:flex;flex-wrap:wrap;gap:6px 22px;padding:14px 16px;border:1px solid #e1e9f6;border-radius:14px;background:#f8faff}.agent-status-card strong{color:#12366f}.agent-status-card small{width:100%;color:#7a89a4;font-size:.8rem;line-height:1.5}.agent-status-card.active>div{display:flex;flex-direction:column;gap:2px}.agent-status-card.active span{color:#5a6f93;font-size:.8rem;font-weight:700}.agent-status-card.active strong{font-size:1.35rem;color:#163b7a}
.agent-catalog{display:flex;flex-direction:column;gap:8px}.agent-catalog-row{display:grid;grid-template-columns:minmax(0,1fr) 76px auto;gap:8px;align-items:center;padding:10px 12px;border:1px solid #e1e9f6;border-radius:12px;background:#fff}.agent-catalog-row>div{display:flex;flex-direction:column;gap:3px;min-width:0}.agent-catalog-row strong{color:#1b3767;font-size:.88rem}.agent-catalog-row small{color:#7787a1;font-size:.78rem}.agent-catalog-row small b{color:#168456}.agent-catalog-row input{min-height:40px;padding:8px 10px}.agent-catalog-row .primary{min-height:40px;padding:8px 14px}
.agent-codes{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid #a9dbbd;border-radius:12px;background:#f1fbf4}.agent-codes-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.agent-codes pre,.agent-history pre{margin:4px 0 0;padding:8px 10px;background:#fff;border-radius:8px;font-size:.85rem;white-space:pre-wrap;word-break:break-all;user-select:all}.agent-codes small{color:#195e38}.agent-history li{flex-direction:column}
.agent-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:8px}.agent-metrics>div{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid #e1e9f6;border-radius:14px;background:#f8faff}.agent-metrics span{color:#7585a0;font-size:.82rem}.agent-metrics strong{color:#163b7a;font-size:1.3rem}.agent-metrics small{color:#8493ad;font-size:.76rem}
.agent-heading{margin:18px 0 10px;font-size:1rem;color:#16396d}.agent-card{margin-bottom:10px}.agent-inline{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:#25508b;font-weight:700}.agent-inline input{width:64px;min-height:34px;padding:5px 8px}
.agent-add-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.agent-add-form input[name=buyer_id]{max-width:200px}.agent-add-form input[name=discount]{max-width:70px}
.agent-prices{display:flex;flex-direction:column;gap:8px}.agent-price-row{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:10px;align-items:center;padding:10px 14px;border:1px solid #e2eaf6;border-radius:12px;background:#fff}.agent-price-row label{display:flex;align-items:center;gap:6px;font-weight:700;color:#25508b}.agent-price-row input{min-height:38px;padding:7px 10px}
.agent-product-form{margin:0 0 12px}.agent-product-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}.agent-product-fields label{font-size:.8rem;color:#365982}.agent-product-fields input{width:100%;margin-top:5px}.agent-product-form>.primary{align-self:flex-start}.agent-product-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.agent-product-list .item-card{margin:0}.voucher-use-progress{display:block;margin-top:5px;color:#2459a1;font-size:.8rem;font-weight:700;line-height:1.5}
.agent-ledger{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.agent-ledger li{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:10px;padding:9px 0;border-top:1px solid #e9eff9;font-size:.85rem;color:#50617c}.agent-ledger .plus{color:#168456}.agent-ledger .minus{color:#2459a1}
.operator-agent-settings{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:12px;padding:12px 14px;border:1px dashed #cdd9ee;border-radius:12px;background:#f8faff;font-size:.85rem;color:#25508b;font-weight:700}.operator-agent-settings input[data-op-agent-commission]{width:72px;min-height:34px;padding:5px 8px}.operator-agent-settings input[type=checkbox]{width:auto;min-height:0}.operator-agent-toggle{display:flex;align-items:center;gap:6px}.operator-agent-settings button{font-size:.8rem;padding:7px 12px;border:1px solid #d2dff3;color:#25508b;background:#fff;border-radius:8px;font-weight:700}.operator-agent-settings small{width:100%;color:#6c7f9e;font-weight:400;line-height:1.5}
@media(max-width:780px){.agent-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-price-row,.agent-ledger li{grid-template-columns:1fr}}
@media(max-width:420px){.account-tabs button{padding:10px 4px;font-size:.82rem}.account-profile{flex-wrap:wrap}.account-profile>div{min-width:150px}.agent-catalog-row{grid-template-columns:minmax(0,1fr) 64px}.agent-catalog-row .primary{grid-column:1/-1}}
.agent-view-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px}.agent-view-tabs{margin:0;display:inline-flex;min-width:240px}.agent-view-tabs button{padding:9px 16px}.agent-id-filter{display:flex;gap:8px;align-items:center}.agent-id-filter input{width:250px;min-height:40px;padding:8px 12px}@media(max-width:620px){.agent-view-tabs{width:100%}.agent-id-filter{width:100%}.agent-id-filter input{flex:1;width:auto}}
.operator-shell{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;align-items:start}.operator-nav{position:sticky;top:16px;display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #e1e9f6;border-radius:16px;padding:8px}.operator-nav-group{font-size:.72rem;font-weight:800;color:#8a99b5;letter-spacing:.08em;margin:10px 10px 2px}.operator-nav button{display:flex;justify-content:space-between;align-items:center;gap:6px;border:0;border-radius:10px;text-align:left;background:transparent;padding:11px 12px;color:#536a90;font-weight:700}.operator-nav button.active{background:#eaf0ff;color:#153d83}.operator-nav-alert{font-size:.7rem;background:#fcecec;color:#c54848;border-radius:99px;padding:2px 7px}
.operator-pages{min-width:0}.operator-page>.admin-section,.operator-page>.metrics{margin-bottom:16px}.operator-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.operator-kpis .metric small{display:block;margin-top:6px;color:#8493ad;font-size:.78rem}.operator-kpis .metric small b{color:#33507f}
.operator-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 12px}.operator-toolbar input{max-width:320px}.operator-toolbar select{border:1px solid #d9e3f4;border-radius:12px;padding:0 12px;min-height:46px;background:#fff;color:#16305e;font:inherit}
.operator-table-wrap{overflow-x:auto}.operator-table{width:100%;border-collapse:collapse;font-size:.86rem}.operator-table th{text-align:left;font-size:.76rem;color:#7a89a4;font-weight:700;padding:9px 10px;border-bottom:1px solid #e3eaf6;white-space:nowrap}.operator-table td{padding:11px 10px;border-bottom:1px solid #eef2fa;vertical-align:middle;color:#26406b}.operator-table td small{display:block;color:#8493ad;font-size:.76rem}.operator-table td b+small{display:inline;margin-left:4px}
.operator-bar{display:inline-block;width:90px;height:7px;border-radius:99px;background:#eef2fa;overflow:hidden;vertical-align:middle;margin-right:8px}.operator-bar i{display:block;height:100%;background:#4a83eb}
.operator-todo-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:12px;padding:10px 14px;margin-bottom:8px;font-size:.88rem}.operator-todo-item.is-danger{background:#fcecec;color:#8a2b2b}.operator-todo-item.is-warn{background:#fff4d9;color:#7b5717}.operator-todo-item .ghost{padding:6px 12px;font-size:.8rem;flex:none}
.operator-merchant-card{padding:12px 14px}.operator-merchant-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.operator-merchant-name{display:flex;flex-direction:column;gap:2px;min-width:170px;flex:1 1 170px}.operator-merchant-name strong{color:#1b3767;overflow-wrap:anywhere}.operator-merchant-name small{color:#7787a1;font-size:.78rem}.operator-merchant-cell{display:flex;flex-direction:column;gap:1px;min-width:86px}.operator-merchant-cell span{font-size:.72rem;color:#8493ad}.operator-merchant-cell b{color:#163b7a}.operator-merchant-cell small{font-size:.72rem;color:#8493ad}
.operator-merchant-row .operator-sharing-settings{display:flex;gap:12px;margin:0;padding:0;border:0;background:none}.operator-merchant-row .operator-sharing-option{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:4px;padding:0;border:0;background:none;min-width:auto}.operator-merchant-row .operator-sharing-copy strong{font-size:.72rem;color:#8493ad;font-weight:700}.operator-merchant-row .operator-sharing-copy small{display:none}
.operator-merchant-row .operator-agent-settings{display:flex;align-items:center;gap:12px;margin:0;padding:6px 10px;border:1px dashed #cdd9ee;border-radius:12px;background:#f8faff}.operator-agent-commission{display:flex;align-items:center;gap:4px;font-size:.78rem;color:#25508b;font-weight:700}.operator-agent-commission input{width:58px;min-height:32px;padding:4px 8px;text-align:right}.operator-agent-commission input:disabled{background:#f1f4f9;color:#9aa8bf}
.operator-details-toggle{margin-left:auto;padding:7px 12px;font-size:.8rem}.operator-merchant-details{margin-top:12px;padding-top:12px;border-top:1px solid #e9eff9}
.operator-pager{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;color:#7a89a4;font-size:.85rem}.operator-pager .ghost{padding:7px 12px}
.operator-user-detail td{background:#f8faff}.operator-user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.operator-user-grid>div{background:#fff;border:1px solid #e1e9f6;border-radius:12px;padding:12px 14px}.operator-user-grid dl{display:grid;grid-template-columns:90px 1fr;gap:6px 10px;margin:8px 0 0;font-size:.84rem}.operator-user-grid dt{color:#8493ad}.operator-user-grid dd{margin:0;overflow-wrap:anywhere}
.badge.warn{background:#fff4d9;color:#93661c}
@media(max-width:900px){.operator-shell{grid-template-columns:1fr}.operator-nav{position:static;flex-direction:row;overflow-x:auto;white-space:nowrap}.operator-nav-group{display:none}.operator-nav button{flex:0 0 auto}.operator-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.operator-user-grid{grid-template-columns:1fr}.operator-details-toggle{margin-left:0}}
#buyer-app.account-mode{max-width:980px}#buyer-app.account-mode>:not(#buyer-account-page){display:none!important}.buyer-account-page{background:#fff;border:1px solid #e3eaf6;border-radius:24px;padding:22px 24px 28px;box-shadow:0 18px 45px #213c6810}.buyer-account-page-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}.buyer-account-page-head h1{margin:0;font-size:1.5rem;color:#10264b}.buyer-account-back{padding:8px 14px;font-size:.88rem}.buyer-account-page .buyer-account-body{padding:0}.buyer-account-page .buyer-account-body p{white-space:normal}.buyer-account-page .buyer-account-body:not(.is-signed-in){max-width:460px;margin:0 auto}@media(min-width:860px){.buyer-account-page .buyer-account-body.is-signed-in{display:grid;grid-template-columns:230px minmax(0,1fr);grid-template-rows:auto 1fr;gap:16px 26px;align-items:start}.buyer-account-page .is-signed-in .account-profile{grid-column:1;grid-row:1;flex-wrap:wrap;padding:14px;border:1px solid #e1e9f6;border-radius:16px;background:#f8faff}.buyer-account-page .is-signed-in .account-profile>div{min-width:0;flex-basis:calc(100% - 60px)}.buyer-account-page .is-signed-in .account-profile #buyer-logout{width:100%}.buyer-account-page .is-signed-in .account-tabs{grid-column:1;grid-row:2;flex-direction:column;gap:4px;padding:6px}.buyer-account-page .is-signed-in .account-tabs button{text-align:left;padding:11px 14px}.buyer-account-page .is-signed-in .account-panel{grid-column:2;grid-row:1 / span 2;min-width:0}}@media(max-width:520px){.buyer-account-page{padding:16px 14px 22px;border-radius:18px}.buyer-account-page-head h1{font-size:1.25rem}}
.buyer-login-dialog{width:min(440px,calc(100vw - 24px))}.buyer-login-body{padding:18px 22px 22px;display:flex;flex-direction:column;gap:14px}.buyer-login-dialog .buyer-login-body p{padding:0;white-space:normal}.buyer-login-dialog .account-tabs{margin:0}

.operator-merchant-topbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;padding:14px 18px;margin-bottom:12px;background:#fff}
.operator-topbar-text{flex:1 1 280px;min-width:0}.operator-topbar-text h2{margin:0;font-size:1.05rem}.operator-topbar-text p{margin:3px 0 0;font-size:.82rem;color:#6b7c99;line-height:1.5}
.operator-create-inline{display:flex;align-items:center;gap:10px;margin:0}.operator-create-inline input{width:230px;min-height:42px;margin:0}.operator-create-inline button{white-space:nowrap;min-height:42px}
.operator-merchants-section{padding:0;border:0;background:none;box-shadow:none}
.operator-merchants-section .operator-sharing-intro{margin:0 0 12px;padding:8px 14px;font-size:.8rem;line-height:1.5}
.operator-merchants-section .operator-toolbar{flex-wrap:nowrap}.operator-merchants-section .operator-toolbar input{flex:1 1 auto;min-width:0;max-width:none}.operator-merchants-section .operator-toolbar select{flex:0 0 170px}
@media(max-width:700px){.operator-create-inline{width:100%}.operator-create-inline input{flex:1;width:auto}.operator-merchants-section .operator-toolbar{flex-wrap:wrap}.operator-merchants-section .operator-toolbar select{flex:1 1 100%}}
.operator-renew-button{padding:7px 12px;font-size:.8rem;margin-left:auto}.operator-renew-button+.operator-details-toggle{margin-left:0}.operator-todo-actions{display:flex;gap:8px;flex:none}.operator-todo-actions .primary{padding:6px 12px;font-size:.8rem;min-height:0}.operator-renewals-dialog{width:min(820px,calc(100vw - 24px))}.operator-renewals-dialog .operator-table-wrap{max-height:55vh;overflow:auto;margin:6px 0 14px}
.merchant-account-menu{position:relative}.merchant-top-actions .merchant-account-trigger{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid #d9e3f2;border-radius:8px;background:#fff;color:#18396a;font-size:.88rem;font-weight:800}.merchant-account-trigger:hover{background:#f1f5fc}.merchant-account-caret{font-size:.7rem;color:#6b7f9e}.merchant-plan-dot{width:8px;height:8px;border-radius:50%;background:#e0a021}.merchant-plan-dot.is-bad{background:#d24646}
.merchant-account-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:290px;padding:14px 16px;background:#fff;border:1px solid #dbe4f1;border-radius:14px;box-shadow:0 18px 45px #1b315c26;text-align:left;white-space:normal;font-weight:400}.merchant-account-head{display:flex;flex-direction:column;gap:2px;padding-bottom:10px;border-bottom:1px solid #eaf0f8}.merchant-account-head strong{color:#12366f;font-size:1rem;overflow-wrap:anywhere}.merchant-account-head small{color:#7787a1;font-size:.78rem}.merchant-account-plan{display:grid;grid-template-columns:48px 1fr;gap:8px 10px;margin:12px 0;font-size:.86rem}.merchant-account-plan dt{color:#7a89a4}.merchant-account-plan dd{margin:0;color:#1b3767;font-weight:700}.merchant-account-plan dd small{display:block;color:#7787a1;font-weight:400;font-size:.78rem}.merchant-plan-badge{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:99px;background:#eef1f6;color:#5f6f8a;font-size:.72rem;font-weight:800}.merchant-plan-badge.is-ok{background:#e5f7ef;color:#168456}.merchant-plan-badge.is-warn{background:#fff4d9;color:#93661c}.merchant-plan-badge.is-bad{background:#fcecec;color:#c54848}.merchant-account-hint{margin:0 0 10px;padding:8px 10px;border-radius:10px;background:#fff8e7;color:#7b5717;font-size:.8rem;line-height:1.5}.merchant-account-links{display:flex;flex-direction:column;gap:6px;border-top:1px solid #eaf0f8;padding-top:10px}.merchant-account-links button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:#25508b;font-size:.88rem;font-weight:800;text-align:left}.merchant-account-links button:hover{background:#eef4ff}.merchant-account-links small{color:#8493ad;font-size:.74rem;font-weight:400}
.merchant-account-foot{margin-top:10px}.merchant-account-foot #merchant-top-logout{color:#b04141}.merchant-account-foot #merchant-top-logout:hover{background:#fcecec}
.operator-custom-flag{color:#7a4ec7!important}.operator-terms-dialog{width:min(640px,calc(100vw - 24px));max-height:calc(100vh - 32px);overflow:auto}.operator-terms-section{margin:8px 0 14px}.operator-terms-section h3{margin:0 0 8px;font-size:.95rem;color:#16396d}.operator-terms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.operator-terms-grid label{display:flex;flex-direction:column;gap:5px;font-size:.84rem;font-weight:700;color:#28416e}.operator-terms-grid input{min-height:40px;padding:8px 11px}.operator-terms-grid input::placeholder{color:#97a6bf}
.mt-rules-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px}.mt-rules-head h3{margin:0 0 4px}.mt-rules-head p{margin:0;color:#6b7c99;font-size:.86rem;line-height:1.5}
.mt-badge{flex:none;border-radius:99px;padding:4px 12px;font-size:.78rem;font-weight:800}.mt-badge.on{background:#e3f6ec;color:#127a4b}.mt-badge.off{background:#eef1f6;color:#6b7c99}
.mt-rules-block{margin-top:18px}.mt-rules-block h4{margin:0 0 10px;color:#1c3d78;font-size:.92rem}.mt-rules-block h4 small{color:#8493ad;font-weight:600;font-size:.78rem;margin-left:8px}
.mt-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.mt-tile{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:1px solid #dfe8f6;border-radius:14px;background:#f9fbff;min-width:0}.mt-tile.custom{border-color:#b9a6ea;background:#faf7ff}
.mt-tile-label{display:flex;flex-direction:column;gap:2px;font-weight:800;color:#25416f;font-size:.88rem}.mt-tile-label small{font-weight:600;color:#8493ad;font-size:.74rem}
.mt-tile-value{font-size:1.45rem;color:#14336f;letter-spacing:.2px}
.mt-tile-input{display:flex;align-items:center;gap:6px;border:1px solid #cdd9ee;border-radius:11px;background:#fff;padding:0 12px}.mt-tile-input:focus-within{border-color:#2f6bd8;box-shadow:0 0 0 3px rgba(47,107,216,.12)}
.mt-tile-input i{font-style:normal;color:#6b7c99;font-weight:800}.mt-tile-input input{border:0;outline:0;box-shadow:none;background:transparent;min-height:44px;padding:0;font-size:1.25rem;font-weight:800;color:#14336f;width:100%;min-width:0}
.mt-tile-note{color:#8a97ad;font-size:.76rem}.mt-tile.custom .mt-tile-note{color:#7a4ec7}
.mt-rules-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;padding-top:16px;border-top:1px dashed #dfe8f6}.mt-rules-tip{color:#8493ad;font-size:.8rem;flex:1 1 220px}
@media(max-width:560px){.mt-tiles{grid-template-columns:1fr 1fr}.mt-rules-head{flex-direction:column}}

/* 买家页宽屏：左侧标题与 3D 数值卡，右侧“刚刚到账”条和玻璃充值卡（手机版保持原样） */
html[data-app-route="buyer"] body{background:linear-gradient(180deg,#f7f9ff,#e9eff9) fixed}
html[data-app-route="buyer"] body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(640px 480px at 6% -4%,rgba(169,192,255,.7),transparent 62%),radial-gradient(560px 440px at 96% 14%,rgba(199,211,246,.8),transparent 62%),radial-gradient(520px 420px at 40% 108%,rgba(154,217,232,.45),transparent 62%)}
.buyer-split{display:block}
html[data-app-route="buyer"] .topbar{position:relative;z-index:60;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.buyer-left .buyer-head h1{background:linear-gradient(120deg,#0e2250 20%,#2459a1 70%,#4f8bff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;letter-spacing:-.03em}
.buyer-stage{display:flex;gap:10px;margin:2px 0 14px;padding:4px 6px 14px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.buyer-stage::-webkit-scrollbar{display:none}
.bs-rig{display:contents}
.bs-ring{display:none}
.bs-card{flex:0 0 148px;scroll-snap-align:start;padding:12px 14px;border-radius:16px;background:linear-gradient(150deg,rgba(255,255,255,.96),rgba(255,255,255,.6));border:1px solid #fff;box-shadow:0 18px 26px -20px rgba(22,59,122,.55);animation:bs-bob 6s ease-in-out infinite}
.bs2{animation-delay:-2s}.bs3{animation-delay:-4s}.bs4{animation-delay:-1s}
.bs-k{display:flex;align-items:center;gap:7px;font-weight:800;color:#2459a1;font-size:.8rem}
.bs-k i{width:9px;height:9px;border-radius:3px;background:#2f6bd8;rotate:45deg}
.bs-n{font-size:1.35rem;font-weight:800;color:#122c60;letter-spacing:-.01em;line-height:1.25}
.bs-card small{color:#7a89a4;font-size:.72rem}
#buyer-app .buyer-right .buyer-card{background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3);border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 60px -36px rgba(22,59,122,.45),inset 0 1px 0 #fff}
.recent-strip{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:9px 12px;border-radius:18px;background:rgba(255,255,255,.68);border:1px solid #fff;box-shadow:0 20px 34px -28px rgba(22,59,122,.5);backdrop-filter:blur(14px)}
.recent-strip.hidden{display:none}
.recent-h{display:flex;align-items:center;gap:7px;font-weight:800;color:#12366f;white-space:nowrap;font-size:.9rem}
.recent-dot{width:8px;height:8px;border-radius:50%;background:#2bb58a;animation:recent-ping 1.8s infinite}
.recent-mq{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.recent-track{display:flex;gap:10px;width:max-content;animation:recent-roll var(--roll,40s) linear infinite}
.recent-mq:hover .recent-track{animation-play-state:paused}
.recent-item{flex:none;display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:13px;background:#fff;border:1px solid #e6edf8}
.recent-item>i{width:10px;height:10px;border-radius:3px;rotate:45deg;background:#2f6bd8;flex:none}
.recent-item>i.k-medal{background:#e0a82e}.recent-item>i.k-sample{background:#8a5cf0}.recent-item>i.k-requisition{background:#2bb58a}.recent-item>i.k-accountXp{background:#d9647a}
.recent-item span{display:flex;flex-direction:column;line-height:1.3}
.recent-item b{font-size:.9rem;color:#12366f;white-space:nowrap}
.recent-item small{color:#7a89a4;font-size:.74rem;white-space:nowrap}
.recent-item em{font-style:normal;font-weight:700;color:#127a4b;font-size:.76rem;white-space:nowrap;margin-left:4px}
@keyframes recent-roll{to{transform:translateX(-50%)}}
@keyframes recent-ping{0%{box-shadow:0 0 0 0 rgba(43,181,138,.6)}70%,100%{box-shadow:0 0 0 8px rgba(43,181,138,0)}}
@keyframes bs-bob{50%{translate:0 -14px}}
@keyframes bs-spin{to{rotate:360deg}}
@media(min-width:1080px){
  html[data-app-route="buyer"] .topbar{background:transparent;border-bottom:0;padding:0 max(28px,calc((100vw - 1184px)/2))}
  #buyer-app:not(.account-mode){max-width:1240px;margin:20px auto 24px;padding:0 28px}
  .buyer-split{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:64px;align-items:start}
  .buyer-left,.buyer-right{min-width:0}
  .buyer-left{position:sticky;top:24px;padding-top:36px}
  #buyer-app .buyer-left .buyer-head{display:block;margin:0}
  .buyer-left .head-ornament{display:none}
  .buyer-left .buyer-head h1{font-size:clamp(3.2rem,5.6vw,5.4rem);line-height:1.04;font-weight:800;letter-spacing:-.03em;margin:14px 0 16px;background:linear-gradient(120deg,#0e2250 20%,#2459a1 70%,#4f8bff);-webkit-background-clip:text;background-clip:text;color:transparent}
  .buyer-left .buyer-head p{font-size:1.12rem;max-width:30em;color:#6b7b98}
  .buyer-stage{display:block;position:relative;height:330px;margin:38px 0 0;padding:0;overflow:visible;scroll-snap-type:none;perspective:1300px}
  .bs-rig{display:block;position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--brx,10deg)) rotateY(var(--bry,-16deg));transition:transform .3s ease-out}
  .bs-ring{display:block;position:absolute;left:50%;top:50%;width:380px;height:380px;margin:-190px 0 0 -190px;border-radius:50%;border:1.5px dashed rgba(36,89,161,.35);transform:rotateX(72deg) translateZ(-60px);animation:bs-spin 24s linear infinite}
  .bs-card{position:absolute;width:224px;padding:18px 20px;border-radius:22px;background:linear-gradient(150deg,rgba(255,255,255,.96),rgba(255,255,255,.55));border:1px solid #fff;box-shadow:0 36px 50px -26px rgba(22,59,122,.55),inset 0 1px 0 #fff;animation:bs-bob 6s ease-in-out infinite}
  .bs-k{gap:8px;font-size:.9rem}
  .bs-k i{width:10px;height:10px}
  .bs-n{font-size:2rem;margin:4px 0 2px;line-height:1.2}
  .bs-card small{font-size:.8rem}
  .bs1{left:0;top:6px;transform:translateZ(90px)}
  .bs2{left:30%;top:140px;transform:translateZ(10px);animation-delay:-2s}
  .bs3{left:55%;top:0;transform:translateZ(-50px);animation-delay:-4s}
  .bs4{left:66%;top:170px;width:200px;transform:translateZ(60px);animation-delay:-1s}
  #buyer-app .buyer-right .buyer-card{padding:30px;border-radius:30px;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(26px) saturate(1.4);backdrop-filter:blur(26px) saturate(1.4);border:1px solid rgba(255,255,255,.9);box-shadow:0 50px 90px -40px rgba(22,59,122,.5),inset 0 1px 0 #fff}
  #buyer-app .store-promo,#buyer-app .buyer-foot.buyer-security-footer{max-width:760px;margin-left:auto;margin-right:auto}
}
@media(prefers-reduced-motion:reduce){.recent-track,.bs-card,.bs-ring,.recent-dot{animation:none}.bs-rig{transition:none}}
/* 登录好处：下方一排卡片，充值卡里不再嵌套白色面板（对齐样稿 A1） */
#buyer-app .buyer-right .buyer-card .panel{background:transparent;border:0;box-shadow:none;padding:0}
#buyer-app .buyer-login-perks:not(.signed-in){display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:22px 0 0;padding:0;border:0;border-radius:0;background:none}
#buyer-app .buyer-login-perks:not(.signed-in) ul{display:contents}
#buyer-app .buyer-login-perks:not(.signed-in) li{padding:20px 22px;gap:6px;border-radius:22px;background:rgba(255,255,255,.7);border:1px solid #fff;box-shadow:0 24px 40px -30px rgba(22,59,122,.45);transition:transform .3s}
#buyer-app .buyer-login-perks:not(.signed-in) li:hover{transform:translateY(-4px)}
#buyer-app .buyer-login-perks:not(.signed-in) li b{font-size:1rem}
#buyer-app .buyer-login-perks:not(.signed-in) li span{font-size:.86rem}
#buyer-app .buyer-login-perks:not(.signed-in) .perks-head{order:4;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:22px;border-radius:22px;background:linear-gradient(150deg,#122c60,#2459a1)}
#buyer-app .buyer-login-perks:not(.signed-in) .perks-head strong{color:#fff;font-size:1.05rem}
#buyer-app .buyer-login-perks:not(.signed-in) .perks-head .primary{background:#fff;color:#122c60;box-shadow:none}
#buyer-app .buyer-login-perks:not(.signed-in) .perks-note{order:5;grid-column:1/-1;text-align:center}
#buyer-app .buyer-login-perks.signed-in{margin:18px 0 0;background:rgba(255,255,255,.7);border-color:#fff}
@media(min-width:640px){#buyer-app .buyer-login-perks:not(.signed-in){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1080px){#buyer-app .buyer-login-perks:not(.signed-in){grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}
.perk-ic{display:grid;place-items:center;width:40px;height:40px;margin-bottom:8px;border-radius:13px;background:linear-gradient(145deg,#eaf0ff,#d5e1ff);color:#2459a1}
.perk-ic svg{width:20px;height:20px}
.buyer-login-perks.signed-in .perk-ic{display:none}
#buyer-app .buyer-right #redeem-form>.panel-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.announcement-toggle .operator-switch input{width:100%;height:100%}
/* 3D 小队场景（WebGL）：无边框、四边柔和淡出，直接融进页面背景 */
.hd-stage{display:block;margin:0 0 6px}
.hd-scene{position:relative;width:100%;aspect-ratio:1.1;margin:-7% 0 0}
.hd-cv{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .6s;-webkit-mask-image:radial-gradient(ellipse 49% 49% at 50% 52%,#000 38%,transparent 100%);mask-image:radial-gradient(ellipse 49% 49% at 50% 52%,#000 38%,transparent 100%)}
.hd-scene.ready .hd-cv{opacity:1}
.hd-tag{position:absolute;z-index:2;transform:translate(-50%,-100%);display:none;align-items:center;gap:7px;white-space:nowrap;padding:5px 11px;border-radius:99px;background:rgba(255,255,255,.92);border:1.5px solid #c9d7f2;box-shadow:0 10px 22px -12px rgba(22,59,122,.55);font-size:.74rem;font-weight:700;color:#6b7b98;pointer-events:none}
.hd-tag b{font-weight:800;color:#122c60;font-size:.82rem}
.hd-tag i{width:9px;height:9px;border-radius:3px;rotate:45deg;flex:none;background:#2f6bd8}
.hd-tag i.k1{background:#e0a82e}.hd-tag i.k2{background:#8a5cf0}.hd-tag i.k3{background:#2bb58a}
.hd-tag:nth-of-type(1){border-color:#2f6bd8}.hd-tag:nth-of-type(2){border-color:#e0a82e}.hd-tag:nth-of-type(3){border-color:#8a5cf0}.hd-tag:nth-of-type(4){border-color:#2bb58a}
.hd-scene.ready .hd-tag{display:inline-flex}
@media(min-width:1080px){
  .hd-stage{margin:14px -6% 0}
  .hd-scene{aspect-ratio:1.16}
  .hd-tag{font-size:.8rem;padding:6px 13px}.hd-tag b{font-size:.9rem}
}
@media(max-width:560px){.hd-scene{aspect-ratio:1.02}.hd-tag{font-size:.66rem;padding:4px 8px;gap:5px}.hd-tag b{font-size:.74rem}}
/* 左侧标题区（订单发货 / 充值中心 / 副标题）不再显示：只保留给读屏和多语言脚本的节点，场景顶到最上面 */
#buyer-app .buyer-left .buyer-head{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hd-scene{margin-top:0}
@media(min-width:1080px){.buyer-left{padding-top:0}.hd-stage{margin-top:0}}
.hd-scene:not(.ready)::before{content:"";position:absolute;inset:20% 16%;border-radius:50%;background:radial-gradient(closest-side,rgba(47,107,216,.16),transparent);animation:hd-load 1.6s ease-in-out infinite}
@keyframes hd-load{50%{opacity:.35;transform:scale(.92)}}
@media(max-width:560px){.hd-scene{aspect-ratio:1.2}}
@media(prefers-reduced-motion:reduce){.hd-scene:not(.ready)::before{animation:none}}
/* 压矮场景容器，减少上下留白 */
.hd-scene{aspect-ratio:1.3}
@media(min-width:1080px){.hd-scene{aspect-ratio:1.38}}
@media(max-width:560px){.hd-scene{aspect-ratio:1.28}}
/* 秒充进度条：场景下方，约 3 秒跑满后变绿显示“已完成”，循环播放 */
.instant-bar{display:flex;position:relative;align-items:center;gap:14px;margin:2px 0 12px;padding:13px 16px;border-radius:20px;overflow:hidden;background:linear-gradient(100deg,#0f2a63,#1d4a96);color:#fff;box-shadow:0 26px 40px -26px rgba(18,44,96,.9)}
.ib-bolt{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#ffd24a,#ff9a1f);box-shadow:0 10px 18px -8px rgba(255,150,20,.9);transition:background .3s,transform .3s}
.ib-bolt svg{width:23px;height:23px}
.ib-mid{flex:1;min-width:0;display:grid;gap:8px}
.ib-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.ib-row b{font-size:1.5rem;line-height:1;font-weight:900;font-style:italic;letter-spacing:.04em;color:#ffd24a;text-shadow:0 0 22px rgba(255,200,60,.65)}
.ib-row span{font-weight:700;color:#cfe0ff;font-size:.78rem}
.ib-track{position:relative;height:12px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden}
.ib-track i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:99px;background:linear-gradient(90deg,#ff9a1f,#ffd24a);box-shadow:0 0 16px rgba(255,200,60,.8)}
.ib-track i::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.28) 0 8px,transparent 8px 16px);animation:ib-stripes .5s linear infinite}
.ib-track i::before{content:"";position:absolute;right:-6px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:radial-gradient(circle,#fff,rgba(255,230,140,.9) 40%,rgba(255,200,60,0) 70%)}
#ib-pct{flex:none;width:4.4em;white-space:nowrap;text-align:right;font-size:1.2rem;line-height:1;font-weight:800;font-style:normal;color:#fff;font-variant-numeric:tabular-nums}
.instant-bar.done .ib-bolt{background:linear-gradient(145deg,#5be39a,#1faa6a);box-shadow:0 10px 18px -8px rgba(31,170,106,.9);transform:scale(1.06)}
.instant-bar.done #ib-pct{color:#7ef0b3}
.instant-bar.done .ib-track i{background:linear-gradient(90deg,#1faa6a,#5be39a);box-shadow:0 0 16px rgba(91,227,154,.8)}
@keyframes ib-stripes{to{background-position:16px 0}}
@media(min-width:1080px){.instant-bar{margin:-4px 0 0;padding:16px 20px;gap:16px}.ib-bolt{width:54px;height:54px;border-radius:17px}.ib-bolt svg{width:29px;height:29px}.ib-row b{font-size:2.05rem}.ib-row span{font-size:.9rem}.ib-track{height:14px}#ib-pct{font-size:1.45rem}}
@media(prefers-reduced-motion:reduce){.ib-track i::after{animation:none}}
/* 只能点 × 关闭的弹窗（邮箱验证码、绑定邮箱） */
.locked-dialog{width:min(440px,calc(100vw - 28px))}
.locked-dialog form{display:grid;gap:12px;padding:16px 22px 22px}
.locked-dialog .action-dialog-error{margin:0;min-height:18px}
.locked-dialog .action-dialog-actions{padding:0;margin-top:2px}
.locked-dialog .action-dialog-message b{color:#12366f;word-break:break-all}
.locked-dialog .hidden{display:none}
.code-input{text-align:center;letter-spacing:.35em;font-size:1.3rem}
/* 软件方后台：全站邮箱验证容灾开关与“我的邮箱” */
.operator-verify-switch{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
.operator-verify-switch .ovs-copy{min-width:0}.operator-verify-switch p{margin:4px 0 0;color:#6b7b98;font-size:.86rem;line-height:1.55}
.ovs-toggle{display:flex;align-items:center;gap:10px;flex:none;cursor:pointer}.ovs-toggle b{min-width:5.4em;color:#12366f}
.operator-own-email{margin-bottom:14px}.operator-own-email small{color:#6b7b98}
@media(max-width:620px){.operator-verify-switch{flex-direction:column;align-items:flex-start}}

/* 登录注册 tab: the three tab panels share one grid cell, so the card never changes size when switching tabs */
.buyer-panels{display:grid}
.buyer-panels>div{grid-area:1/1;min-width:0;display:flex;flex-direction:column}
.buyer-panels>div.hidden{display:flex!important;visibility:hidden;opacity:0;pointer-events:none}
.buyer-panels>div>form{flex:1}
#redeem-form>button[type=submit],.auth-form .auth-submit{margin-top:auto}
/* 添加充值码 sits inside the code box; added codes show above it */
.redeem-code-chips{display:flex;flex-direction:column;gap:8px}.redeem-code-chips:empty{display:none}
.redeem-code-entry{position:relative}.redeem-code-entry input{padding-right:128px}
.redeem-add-code{position:absolute;right:6px;top:6px;bottom:6px;min-height:0;border:0;border-radius:9px;padding:0 13px;background:#eaf0ff;color:#163b7a;font-weight:800;font-size:.85rem;white-space:nowrap}
.redeem-add-code:hover:not(:disabled){background:#dbe6ff}.redeem-add-code:disabled{opacity:.55;cursor:not-allowed}
#redeem-form .is-added .redeem-code-input-row input{min-height:44px;background:#eaf0ff;border-color:#d3e0ff;color:#163b7a;font-weight:800;letter-spacing:.05em;cursor:default}
#redeem-form .is-added .redeem-code-remove{min-height:44px;width:44px;padding:0;font-size:1.25rem;line-height:1;border-color:#d3e0ff;color:#6b7b98}
#redeem-form .is-added .redeem-code-remove:hover{background:#eaf0ff;color:#a43c3c}
/* register / login forms */
.auth-form input:not([type=checkbox]){min-height:50px}
.auth-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.auth-code-row .ghost{min-height:50px;white-space:nowrap}
.auth-form .auth-agree{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:2px;color:#8895ad;font-size:.88rem;font-weight:500;cursor:pointer;user-select:none}
.auth-agree input{position:absolute;opacity:0;width:0;height:0;min-height:0;padding:0;border:0}
.auth-box{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;border:1.5px solid #c9d4ea;background:#fff;transition:background .2s,border-color .2s}
.auth-agree input:checked+.auth-box{background:#2f6bd8;border-color:#2f6bd8}.auth-agree input:checked+.auth-box::after{content:"";width:5px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.auth-agree input:focus-visible+.auth-box{box-shadow:0 0 0 4px rgba(47,107,216,.25)}
.auth-agree a{color:#2f6bd8;font-weight:700}.auth-agree a:hover{text-decoration:underline}
.auth-agree.shake{animation:authShake .4s}.auth-agree.shake .auth-box{border-color:#e5674f}
@keyframes authShake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.auth-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:#8895ad;font-size:.84rem}
.auth-link{border:0;background:none;padding:0;color:#2f6bd8;font-weight:700;font-size:inherit;cursor:pointer}.auth-link:hover{text-decoration:underline}
.auth-tips{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:10px}
.auth-tips li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:#f1f5fd}
.auth-tips i{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#fff;color:#2f6bd8;font-style:normal;font-size:.95rem;box-shadow:0 4px 10px -6px rgba(22,59,122,.5)}
.auth-tips span{display:grid;gap:2px;font-size:.82rem;line-height:1.5;color:#6b7b98}.auth-tips b{font-size:.9rem;color:#12366f}
/* 进度查询: status legend + tips fill the panel */
.lookup-guide{display:flex;flex-direction:column;gap:12px;margin-top:auto}
.lookup-steps{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;position:relative}
.lookup-steps::before{content:"";position:absolute;left:12.5%;right:12.5%;top:17px;height:3px;border-radius:3px;background:linear-gradient(90deg,#2bb58a 0 50%,#ffc93a 50% 66%,#dbe4f5 66%)}
.lookup-steps li{position:relative;display:grid;justify-items:center;gap:7px;font-size:.8rem;font-weight:700;color:#8895ad}
.lookup-steps i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e7edf8;color:#8895ad;font-style:normal;font-weight:800;border:3px solid #f6f9ff}.lookup-steps i svg{width:15px;height:15px}
.lookup-steps .done i{background:#2bb58a;color:#fff}.lookup-steps .done{color:#12366f}
.lookup-steps .now i{background:linear-gradient(145deg,#ffd24a,#ff9a1f);color:#fff;box-shadow:0 0 0 5px rgba(255,200,60,.28)}.lookup-steps .now{color:#c97400}
.buyer-doc-dialog .action-dialog-form{max-height:min(78vh,640px);overflow:auto}
.auth-doc p{margin:0 0 10px;line-height:1.7;color:#465e7e;font-size:.9rem}

/* 买家页宽屏：整页按视口高度排满、不出现滚动条（右侧卡片窄一点、左侧 3D 场景放大到与卡片底部对齐） */
@media(min-width:1080px){
  html[data-app-route="buyer"]{--bz-gutter:max(clamp(28px,10vw,200px),calc((100vw - 1480px)/2))}
  html[data-app-route="buyer"] .topbar{padding:0 var(--bz-gutter)}
  #buyer-app:not(.account-mode){max-width:none;margin:12px 0 0;padding:0 var(--bz-gutter)}
  #buyer-app:not(.account-mode)>.buyer-split{grid-template-columns:minmax(0,1fr) clamp(400px,29vw,500px);gap:clamp(28px,3.4vw,64px);align-items:stretch;height:clamp(540px,calc(100vh - 100px),940px);margin-bottom:24px}
  .buyer-left{position:static;display:flex;flex-direction:column;min-height:0}
  .buyer-left .hd-stage{flex:1;min-height:0;margin:0;position:relative}
  .buyer-left .hd-scene{position:absolute;inset:0;width:auto;height:auto;aspect-ratio:auto;margin:0}
  .buyer-left .instant-bar{flex:none;margin:0}
  .buyer-right{display:flex;flex-direction:column;min-height:0}
  .buyer-right .recent-strip{flex:none;margin-bottom:10px}
  #buyer-app .buyer-right .buyer-card{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;padding:clamp(16px,2.2vh,26px);border-radius:26px;scrollbar-width:thin}
  #buyer-app .buyer-card .segment{margin-bottom:clamp(12px,1.8vh,20px)}
  #buyer-app .buyer-card .buyer-panels{flex:1}
}
@media(min-width:1080px) and (max-height:900px){
  #buyer-app .buyer-card .segment button{padding:10px 6px}
  #buyer-app .buyer-card #redeem-form,#buyer-app .buyer-card .auth-form,#buyer-app .buyer-card #lookup-form{gap:8px}
  #buyer-app .buyer-card input:not([type=checkbox]):not([type=radio]){min-height:42px;padding-top:8px;padding-bottom:8px}
  #buyer-app .buyer-card .auth-form input:not([type=checkbox]),#buyer-app .buyer-card .auth-code-row .ghost{min-height:44px}
  #buyer-app .buyer-card .redeem-saved{gap:6px}#buyer-app .buyer-card .redeem-saved-list{gap:6px}
  #buyer-app .buyer-card .redeem-saved-option{padding:7px 12px}#buyer-app .buyer-card .redeem-saved-option small{display:none}
  #buyer-app .buyer-card #redeem-friend-hint{display:none}
  #buyer-app .buyer-card .panel-title{margin-bottom:2px}
  #buyer-app .buyer-card .auth-tips li{padding:9px 12px}
  #buyer-app .buyer-card .redeem-add-code{top:5px;bottom:5px}
}
@media(min-width:1080px) and (max-height:760px){
  #buyer-app .buyer-card .panel-title p,#buyer-app .buyer-card .auth-tips,#buyer-app .buyer-card .lookup-guide .auth-tips{display:none}
  #buyer-app .buyer-card .auth-foot span:first-child{display:none}
  #buyer-app .buyer-card .auth-foot{justify-content:center}
}
@media(min-width:1080px) and (max-height:700px){
  #buyer-app:not(.account-mode)>.buyer-split{height:clamp(520px,calc(100vh - 92px),940px)}
  #buyer-app:not(.account-mode){margin-top:8px}
  .buyer-right .recent-strip{padding:5px 10px;margin-bottom:8px}.buyer-right .recent-item{padding:4px 10px}
  #buyer-app .buyer-right .buyer-card{padding:12px 16px}
  #buyer-app .buyer-card .segment{margin-bottom:8px}#buyer-app .buyer-card .segment button{padding:8px 6px}
  #buyer-app .buyer-card #redeem-form,#buyer-app .buyer-card .auth-form,#buyer-app .buyer-card #lookup-form{gap:6px}
  #buyer-app .buyer-card input:not([type=checkbox]):not([type=radio]){min-height:38px}
  #buyer-app .buyer-card .auth-form input:not([type=checkbox]),#buyer-app .buyer-card .auth-code-row .ghost{min-height:40px}
  #buyer-app .buyer-card .redeem-saved-option{padding:5px 10px}
  #buyer-app .buyer-card .icon-chip{display:none}
}

/* 充值页紧凑排版：已添加的充值码一行显示“码 + 套餐 + 状态 + ×”，解析结果压成两行，整页不出现滚动条 */
.redeem-code-chips{gap:6px;max-height:142px;overflow-y:auto;scrollbar-width:thin}
#redeem-form .redeem-code-item.is-added{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:10px;min-height:42px;padding:0 4px 0 12px;border:1px solid #d3e0ff;border-radius:12px;background:#eaf0ff}
#redeem-form .redeem-code-item.is-added:has(.voucher-preview.available){border-color:#b8dfc8;background:#f1fbf4}
#redeem-form .redeem-code-item.is-added:has(.voucher-preview.warning){border-color:#f2cf95;background:#fff9ec}
#redeem-form .redeem-code-item.is-added:has(.voucher-preview.error){border-color:#efc7c7;background:#fff5f4}
#redeem-form .redeem-code-item.is-added .redeem-code-input-row{display:contents}
#redeem-form .redeem-code-item.is-added .redeem-code-input-row input{grid-column:1;grid-row:1;width:8.3em;height:34px;letter-spacing:.02em;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:.95rem}
#redeem-form .redeem-code-item.is-added .voucher-preview{grid-column:2;grid-row:1;min-width:0;padding:0;border:0;border-radius:0;background:none;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}
#redeem-form .redeem-code-item.is-added .voucher-preview small{display:none}
#redeem-form .redeem-code-item.is-added .voucher-preview-main{flex:1;min-width:0}
#redeem-form .redeem-code-item.is-added .voucher-preview-main strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}
#redeem-form .redeem-code-item.is-added .redeem-code-remove{grid-column:3;grid-row:1;width:34px;min-height:34px;padding:0;border:0;border-radius:9px;background:transparent;font-size:1.2rem}
#redeem-form .redeem-code-item.is-added .redeem-code-remove:hover{background:rgba(22,59,122,.08)}
#buyer-app .buyer-card #redeem-form .target-lookup-result{padding:7px 12px;gap:2px 14px;align-items:baseline}
#buyer-app .buyer-card #redeem-form .target-lookup-result strong{width:auto;flex:1 1 100%}
#buyer-app .buyer-card #redeem-form .target-lookup-result .resolved-game-id{width:auto;flex:1 1 auto;padding:0;border:0;background:none}
@media(min-width:1080px) and (max-height:760px){.redeem-code-chips{max-height:130px}}
@media(min-width:1080px){
  #buyer-app .buyer-card .redeem-saved-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  #buyer-app .buyer-card .redeem-saved-option{align-items:center}
}
@media(min-width:1080px) and (max-height:760px){
  .buyer-right .recent-strip{padding:5px 10px;margin-bottom:8px}.buyer-right .recent-item{padding:4px 10px}
  #buyer-app .buyer-card .segment{margin-bottom:8px}#buyer-app .buyer-card .segment button{padding:7px 6px}
  #buyer-app .buyer-card #redeem-form{gap:6px}
  #buyer-app .buyer-card #redeem-form .redeem-code-entry input{min-height:38px}
  #buyer-app .buyer-card #redeem-form .redeem-code-item.is-added{min-height:38px}
  #buyer-app .buyer-card #redeem-form .redeem-code-item.is-added .redeem-code-remove{min-height:30px}
  #buyer-app .buyer-card #redeem-form .target-lookup-result{padding:5px 10px;font-size:.78rem}
}
/* 4 个及以上充值码：三列紧凑格子，只显示码和状态色（套餐在鼠标悬停提示和上方合计里），10 个码约 4 行 */
#redeem-code-chips.dense{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;max-height:none;overflow:visible}
#redeem-form #redeem-code-chips.dense .redeem-code-item.is-added{grid-template-columns:minmax(0,1fr) auto;min-height:32px;padding:0 1px 0 7px;border-radius:10px}
#redeem-form #redeem-code-chips.dense .redeem-code-item.is-added .redeem-code-input-row input{width:100%;height:28px;font-size:.73rem;letter-spacing:-.02em}
#redeem-form #redeem-code-chips.dense .redeem-code-item.is-added .voucher-preview{display:none}
#redeem-form #redeem-code-chips.dense .redeem-code-item.is-added .redeem-code-remove{width:22px;min-height:26px;font-size:1rem}
#redeem-form .field-label-row #redeem-code-count{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;text-align:right}#redeem-form .field-label-row label{white-space:nowrap}
/* 不出屏幕：内容再多，提交按钮也始终吸在卡片底部可见；窗口太矮（<640px）时放弃“排满一屏”，改成整页自然滚动 */
@media(min-width:1080px){#redeem-form>button[type=submit]{position:sticky;bottom:0;z-index:3;box-shadow:0 -10px 14px -6px rgba(244,247,254,.95),0 12px 20px -12px rgba(22,59,122,.55)}}
@media(min-width:1080px) and (max-height:639px){
  #buyer-app:not(.account-mode)>.buyer-split{height:auto}
  .buyer-left .hd-stage{flex:none;height:380px}
  #buyer-app .buyer-right .buyer-card{overflow:visible}
  #redeem-form>button[type=submit]{position:static}
}
/* 方案 A：三步引导（编号标题行 + 引导文案）。空状态宽松排版；加了充值码后自动收紧并隐藏引导文案 */
.rs-head{justify-content:flex-start;gap:9px}.rs-head>label,.rs-head>.redeem-saved-title{flex:1;min-width:0}
.rs-num{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(145deg,#163b7a,#2f6bd8);color:#fff;font-style:normal;font-weight:800;font-size:.78rem;box-shadow:0 6px 12px -6px rgba(22,59,122,.7)}
.rs-cap{margin:-4px 0 0 33px;color:#8493ad;font-size:.8rem;line-height:1.5}
.rs-step3{display:flex;gap:9px;align-items:flex-start;margin-top:2px}.rs-step3>div{min-width:0}.rs-step3 h4{margin:1px 0 0;font-size:.9rem;color:#28416e}.rs-step3 .rs-cap{margin:2px 0 0}
#redeem-form:not(:has(.redeem-code-chips .is-added)){gap:12px}
.rs-card{display:flex;flex-direction:column;gap:10px;min-width:0}
#redeem-form:not(:has(.redeem-code-chips .is-added)) .rs-card{flex:1 1 auto;justify-content:center;padding:16px;border:1px solid #e4ebf8;border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 14px 26px -22px rgba(22,59,122,.45)}
#redeem-form:not(:has(.redeem-code-chips .is-added)) .rs-card3{flex-grow:.8}
.rs-legend{display:none}
#redeem-form:not(:has(.redeem-code-chips .is-added)) .rs-legend{display:block;margin-top:8px}
@media(min-width:1080px) and (max-height:900px){#redeem-form:not(:has(.redeem-code-chips .is-added)) .rs-card{padding:12px 14px}}
@media(min-width:1080px) and (max-height:760px){#redeem-form .rs-legend{display:none!important}}
#redeem-form:not(:has(.redeem-code-chips .is-added)) .redeem-code-entry input{min-height:50px}
#redeem-form:has(.redeem-code-chips .is-added) .rs-cap,#redeem-form:has(.redeem-code-chips .is-added) .rs-step3{display:none}
/* 手机（iPhone 15 宽 393）：添加按钮收窄、不重复引导图，页面不被拉长 */
@media(max-width:560px){
  .redeem-code-entry input{padding-right:104px;font-size:.92rem}.redeem-add-code{padding:0 10px;font-size:.8rem}
  #redeem-code-chips.dense{grid-template-columns:repeat(2,minmax(0,1fr))}
  #redeem-form #redeem-code-chips.dense .redeem-code-item.is-added .redeem-code-input-row input{font-size:.88rem;letter-spacing:0}
  #redeem-form .rs-legend{display:none!important}
  #redeem-form:not(:has(.redeem-code-chips .is-added)){gap:10px}
  #redeem-form:not(:has(.redeem-code-chips .is-added)) .rs-card{padding:14px}
}
/* 进度查询 方案 D（舒展版）：输入框在上、按钮在下，示例胶囊，带说明的状态条，两张提示卡贴底 */
#lookup-form .inline-form{flex-direction:column;gap:12px}
#lookup-form #lookup-trade{min-height:52px;font-size:1rem}
#lookup-form .inline-form>button{width:100%;min-height:52px}
.lookup-eg{display:flex;flex-wrap:wrap;gap:8px;margin-top:-2px}.lookup-eg span{padding:6px 12px;border-radius:99px;background:#eef3ff;color:#4a608a;font-size:.8rem;font-weight:700}
.lookup-steps-d li small{display:block;max-width:100%;font-weight:600;color:#8495ad;font-size:.72rem;line-height:1.35;text-align:center}
.lookup-steps-d li{align-content:start}
.lookup-guide .auth-tips{grid-template-columns:1fr 1fr;margin-top:6px}
.lookup-guide .auth-tips li{flex-direction:column;gap:6px;padding:12px}
@media(min-height:901px) and (min-width:1080px){#lookup-form #lookup-trade{min-height:60px;font-size:1.05rem}#lookup-form .inline-form>button{min-height:56px}}
@media(max-width:560px){.lookup-guide .auth-tips{grid-template-columns:1fr 1fr;gap:8px}.lookup-guide .auth-tips li{flex-direction:row;align-items:center;padding:9px 10px;gap:8px}.lookup-guide .auth-tips li span{font-size:0}.lookup-guide .auth-tips li b{font-size:.8rem}.lookup-guide .auth-tips i{width:26px;height:26px}}
@media(min-width:1080px) and (max-height:760px){
  #buyer-app .buyer-card .lookup-guide .auth-tips{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  #buyer-app .buyer-card .lookup-guide .auth-tips li{flex-direction:row;align-items:center;padding:8px 10px}
  #buyer-app .buyer-card .lookup-guide .auth-tips li span{font-size:0}#buyer-app .buyer-card .lookup-guide .auth-tips li b{font-size:.8rem}
}
/* 登录注册（参考图：大标题 + 舒展字段 + 醒目的“已有账号？立即登录”） */
.auth-head{display:flex;flex-direction:column;gap:6px;margin:2px 0 8px}
.auth-title{margin:0;font-size:1.6rem;line-height:1.2;color:#12264b;letter-spacing:-.01em}
.auth-sub{margin:0;color:#8895ad;font-size:.9rem;line-height:1.5}
.auth-form{justify-content:center;gap:14px}.auth-form .auth-submit{margin-top:6px}
.auth-switch{display:flex;justify-content:center;align-items:center;gap:8px;color:#6b7b98;font-size:1rem}
.auth-switch .auth-link{padding:6px 14px;border-radius:99px;background:#eaf1ff;color:#2f6bd8;font-size:1.02rem;font-weight:800;text-decoration:none}.auth-switch .auth-link:hover{background:#dce8ff;text-decoration:none}
.auth-note{margin:0;text-align:center;color:#97a6bf;font-size:.8rem}
@media(min-width:1080px) and (min-height:901px){.auth-title{font-size:2rem}.auth-form{gap:20px}.auth-form input:not([type=checkbox]),.auth-code-row .ghost{min-height:58px}.auth-form .auth-submit{min-height:56px}}
@media(min-width:1080px) and (max-height:760px){.auth-sub{display:none}.auth-title{font-size:1.4rem}.auth-note{display:none}}
/* 登录页方案 A：文字返回、眼睛显示密码、忘记密码行；个人中心返回改成文字样式 */
.auth-back,.buyer-account-back{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;border:0;background:none;box-shadow:none;padding:6px 10px 6px 4px;border-radius:10px;color:#6b7b98;font-size:.95rem;font-weight:700;cursor:pointer}
.auth-back{margin:0 0 -6px -4px}
.auth-back::before,.buyer-account-back::before{content:"";width:9px;height:9px;border:solid currentColor;border-width:0 0 2px 2px;transform:rotate(45deg);margin-right:5px}
.auth-back:hover,.buyer-account-back:hover{background:#eaf1ff;color:#2f6bd8}
.pw{position:relative}.pw input{padding-right:52px}
.eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:38px;height:38px;min-height:0;padding:0;border:0;border-radius:10px;background:none;color:#8aa0c6;display:grid;place-items:center;cursor:pointer}.eye:hover{background:#eef3ff;color:#2f6bd8}.eye svg{width:20px;height:20px}
.auth-lrow{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:.84rem;color:#8895ad;line-height:1.45}
.auth-link2{border:0;background:none;padding:0;color:#2f6bd8;font-weight:700;font-size:.88rem;white-space:nowrap;cursor:pointer}.auth-link2:hover{text-decoration:underline}
@media(min-width:1080px) and (max-height:760px){.auth-lrow span{display:none}.auth-lrow{justify-content:flex-end}}
/* 登录/注册 最终版：参考图样式 + 三组均分填满；高屏放大并显示横幅，矮屏/手机紧凑 */
#buyer-app .buyer-card .auth-form.ref{justify-content:space-between;gap:0}
.auth-form.ref{--ag:14px}
.auth-g{display:flex;flex-direction:column;gap:var(--ag)}
.auth-form.ref input:not([type=checkbox]){border-radius:10px;border-color:#d9e1ee}
.auth-form.ref .auth-code-row .ghost{border-radius:10px}
.auth-form.ref .auth-submit{border-radius:10px;background:linear-gradient(90deg,#1c4f9e,#2f6bd8);font-weight:600;letter-spacing:.08em;box-shadow:0 14px 24px -14px rgba(47,107,216,.8)}
.auth-form.ref .auth-title{font-weight:800;color:#14213d;letter-spacing:0}
.auth-back{padding:6px 12px;margin:0 0 -4px -8px}.auth-back::before{margin-left:2px}
.auth-hero{display:none;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;background:linear-gradient(120deg,#122c60,#2459a1 70%,#4f8bff);color:#fff;position:relative;overflow:hidden}
.auth-hero::after{content:"";position:absolute;right:-30px;top:-34px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(255,210,74,.55),transparent 70%)}
.auth-hero-mk{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.14)}.auth-hero-mk svg{width:30px;height:30px}
.auth-hero b{display:block;font-size:1.05rem}.auth-hero small{color:#cfe0ff;font-size:.84rem;line-height:1.4}
@media(min-width:1080px) and (min-height:1040px){
  .auth-form.ref{--ag:20px}.auth-hero{display:flex}
  .auth-form.ref .auth-title{font-size:2.15rem}
  #buyer-app .buyer-card .auth-form.ref input:not([type=checkbox]),#buyer-app .buyer-card .auth-form.ref .auth-code-row .ghost{min-height:64px;font-size:1.06rem}
  .auth-form.ref .auth-submit{min-height:62px;font-size:1.1rem}
}
@media(min-width:1080px) and (max-height:900px){.auth-form.ref{--ag:10px}}
@media(min-width:1080px) and (max-height:700px){.auth-form.ref{--ag:8px}}
#buyer-auth-panel{flex:1;display:grid;min-height:0}#buyer-auth-panel>form{grid-area:1/1;min-height:0}
#buyer-auth-panel>form.hidden{display:flex!important;visibility:hidden;pointer-events:none}
/* 登录/注册：多余高度由输入框自己吸收（最高 68px），其余在字段间均匀分布，不再出现组与组之间的大空隙 */
.auth-form.ref{--fh:52px}
#buyer-app .buyer-card .auth-form.ref{justify-content:flex-start}
.auth-form.ref .ag2{flex:1;justify-content:space-evenly;gap:var(--ag)}
.auth-form.ref .ag2>input,.auth-form.ref .ag2>.pw,.auth-form.ref .ag2>.auth-code-row{flex:1 1 0;min-height:var(--fh);max-height:68px}
.auth-form.ref .pw input,.auth-form.ref .auth-code-row input,.auth-form.ref .auth-code-row .ghost{height:100%;min-height:0}
.auth-form.ref .ag2>input{height:auto}
.auth-form.ref .ag3{padding-top:var(--ag)}
@media(min-width:1080px) and (min-height:901px){.auth-form.ref{--fh:64px}.auth-form.ref .ag2>input,.auth-form.ref .ag2>.pw,.auth-form.ref .ag2>.auth-code-row{max-height:84px}}
@media(min-width:1080px) and (max-height:900px){.auth-form.ref{--fh:46px}}
@media(min-width:1080px) and (max-height:700px){.auth-form.ref{--fh:40px}}
@media(min-width:1080px) and (min-height:781px){.auth-hero{display:flex}.auth-form.ref .auth-title{font-size:1.9rem}}
/* v3：输入框固定高度（不再拉粗），空白用真实内容填：横幅（≥701px 高）、权益条（≥961px 高），其余在组间均匀分开 */
.auth-form.ref{--fh:54px;--ag:14px}
#buyer-app .buyer-card .auth-form.ref{justify-content:space-between}
.auth-form.ref .ag2{flex:none;justify-content:flex-start;gap:var(--ag)}
.auth-form.ref .ag2>input,.auth-form.ref .ag2>.pw,.auth-form.ref .ag2>.auth-code-row{flex:none;height:var(--fh);min-height:0;max-height:none}
.auth-perks{display:none}
.auth-perks>div{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 6px;border-radius:14px;background:#f1f5fd;text-align:center}
.auth-perks i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#fff;color:#2f6bd8;font-style:normal;box-shadow:0 5px 10px -7px rgba(22,59,122,.55)}
.auth-perks b{font-size:.84rem;color:#12366f}.auth-perks small{font-size:.72rem;color:#8495ad;line-height:1.3}
@media(min-width:1080px) and (min-height:701px){.auth-hero{display:flex}}
@media(min-width:1080px) and (min-height:901px){.auth-form.ref{--fh:54px}}
@media(min-width:1080px) and (min-height:961px){.auth-form.ref{--fh:62px}}
@media(min-width:1080px) and (min-height:1040px){.auth-form.ref{--fh:68px}}
@media(min-width:1080px) and (min-height:941px){.auth-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}}
@media(min-width:1080px) and (min-height:781px) and (max-height:900px){.auth-form.ref{--fh:50px}}
@media(min-width:1080px) and (max-height:780px){.auth-form.ref{--fh:46px}}
@media(min-width:1080px) and (max-height:700px){.auth-form.ref{--fh:40px}.auth-hero{display:none}}
/* 标题在标签栏与第一个输入框之间上下居中；发送验证码按钮放进验证码输入框内 */
#buyer-app .buyer-card .auth-form.ref{justify-content:flex-start}
.auth-form.ref .ag1{flex:1;min-height:0}
.auth-form.ref .ag1 .auth-head,.auth-form.ref .ag1>.auth-title{margin-top:auto;margin-bottom:auto}
.auth-form.ref .auth-perks{margin-top:var(--ag)}
.auth-form.ref .ag1{padding-bottom:20px}
@media(min-width:1080px){.auth-form.ref .ag1{padding-bottom:clamp(12px,1.8vh,20px)}}
@media(min-width:1080px) and (max-height:760px){.auth-form.ref .ag1{padding-bottom:8px}}
.auth-form.ref .auth-head{margin-block:auto}
.auth-form.ref .auth-code-row{display:block;position:relative}
.auth-form.ref .auth-code-row input{width:100%;padding-right:136px}
#buyer-app .buyer-card .auth-form.ref .auth-code-row .ghost{position:absolute;right:6px;top:6px;bottom:6px;height:auto;min-height:0;padding:0 14px;border:0;border-radius:8px;background:#eaf0ff;color:#163b7a;font-size:.88rem;font-weight:800;white-space:nowrap}
#buyer-app .buyer-card .auth-form.ref .auth-code-row .ghost:hover:not(:disabled){background:#dbe6ff}
#buyer-app .buyer-card .auth-form.ref .auth-code-row .ghost:disabled{color:#7e8fae;cursor:default}
/* 空余高度由「标题区」和「字段区」共同吸收（字段区在字段之间均分），避免标题区一处空太大；861–940 高度用紧凑权益条 */
.auth-form.ref .ag2{flex:2 1 auto;justify-content:space-evenly;gap:0}
.auth-form.ref .ag1{flex:1 1 auto}
.auth-form.ref .ag2>.auth-lrow{margin-top:6px}
@media(min-width:1080px) and (min-height:861px){.auth-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.auth-perks small{display:none}.auth-perks>div{flex-direction:row;justify-content:center;gap:6px;padding:8px 6px}.auth-perks i{width:24px;height:24px;font-size:.8rem}}
@media(min-width:1080px) and (min-height:941px){.auth-perks small{display:block}.auth-perks>div{flex-direction:column;gap:3px;padding:12px 6px}.auth-perks i{width:30px;height:30px;font-size:1rem}}
#buyer-login-form.auth-form.ref .ag1{padding-bottom:0}
/* 邮箱验证码：6 个横杠方格，输满 6 位自动登录 */
.otp{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:4px 0 2px}
.otp>span{display:grid;place-items:center;height:60px;border-radius:12px;border:1.5px solid #d9e3f4;background:#fff;font-size:1.6rem;font-weight:800;color:#12366f;font-variant-numeric:tabular-nums;transition:border-color .15s,box-shadow .15s}
.otp>span:empty::before{content:"—";color:#c3cfe6;font-weight:600}
.otp:focus-within>span.on{border-color:#2f6bd8;box-shadow:0 0 0 4px rgba(47,107,216,.16)}
.otp>.otp-input{position:absolute;inset:0;width:100%;height:100%;min-height:0;opacity:0;border:0;padding:0;background:none;font-size:16px;color:transparent;caret-color:transparent;cursor:text}
@media(max-width:420px){.otp{gap:6px}.otp>span{height:52px;font-size:1.4rem}}
/* Personal center B: one live recharge form, a balance work area and three target choices. */
.buyer-center-workbench{display:flex;flex-direction:column;gap:16px;min-width:0}
.buyer-workbench-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-radius:18px;background:linear-gradient(120deg,#183e83,#3278d5);color:#fff}
.buyer-workbench-hero span{font-size:.76rem;font-weight:800;letter-spacing:.08em;opacity:.78}.buyer-workbench-hero h2{margin:5px 0;font-size:1.28rem;color:#fff}.buyer-workbench-hero p{margin:0;font-size:.82rem;line-height:1.55;opacity:.9}
.buyer-workbench-facts{display:flex;flex:none;flex-direction:column;align-items:center;min-width:90px;padding:9px 13px;border-radius:12px;background:#ffffff21}.buyer-workbench-facts strong{font-size:1.45rem}.buyer-workbench-facts small{font-size:.72rem;white-space:nowrap}
#buyer-app.buyer-signed-in #buyer-redeem>#redeem-form{display:none}
.buyer-redeem-entry{display:flex;flex-direction:column;gap:9px;padding:22px;border:1px solid #d9e6fa;border-radius:16px;background:#f5f9ff;text-align:center}.buyer-redeem-entry.hidden{display:none}.buyer-redeem-entry strong{color:#153b7b;font-size:1.03rem}.buyer-redeem-entry p{margin:0;color:#60779a;font-size:.84rem;line-height:1.6}.buyer-redeem-entry button{align-self:center;max-width:280px}
#buyer-app .buyer-workbench-redeem{padding:0;border:0;background:transparent;box-shadow:none}
#buyer-app .buyer-workbench-redeem #redeem-form{margin:0}
.buyer-workbench-wallet{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid #dce7f9;border-radius:18px;background:#fafdff}
.buyer-workbench-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.buyer-workbench-section-head h2{margin:0;color:#12366f;font-size:1.05rem}.buyer-workbench-section-head small{color:#687e9f;font-size:.78rem}
#buyer-app .buyer-workbench-redeem .redeem-saved-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.redeem-target-card{min-width:0;height:100%;background:#fff}.redeem-target-card span{min-width:0}.redeem-target-card small{font-size:.75rem}.redeem-target-card.is-disabled{opacity:.58;cursor:not-allowed}
.redeem-target-card select{display:block;width:100%;min-width:0;min-height:34px;margin-top:7px;padding:5px 8px;border:1px solid #ccdafa;border-radius:8px;background:#fff;color:#16305e;font-size:.78rem}
#buyer-app.buyer-signed-in #redeem-friend-block .rs-head .rs-num{display:none}
.wallet-kind-fields{display:flex;flex-direction:column;gap:9px}.wallet-kind-fields.hidden{display:none}
.wallet-fixed-once{display:flex;flex-direction:column;gap:5px;padding:13px 15px;border:1px solid #bfd4f8;border-radius:12px;background:#eef5ff}.wallet-fixed-once strong{color:#153c7d;font-size:.94rem}.wallet-fixed-once span{color:#526e9c;font-size:.8rem;line-height:1.55}
.buyer-account-page .account-tabs{min-width:0}
@media(max-width:760px){#buyer-app .buyer-workbench-redeem .redeem-saved-list{grid-template-columns:1fr}.buyer-workbench-hero{padding:16px}.buyer-workbench-facts{min-width:75px}.buyer-workbench-wallet{padding:14px}.buyer-account-page .account-tabs{overflow-x:auto;flex-wrap:nowrap}.buyer-account-page .account-tabs button{flex:none;white-space:nowrap}}
@media(max-width:440px){.buyer-workbench-hero{align-items:flex-start}.buyer-workbench-hero h2{font-size:1.08rem}.buyer-workbench-facts{padding:7px;min-width:62px}.buyer-workbench-facts small{white-space:normal;text-align:center}}

/* Signed-in buyer center: no path back to the guest recharge page. */
#buyer-app.account-mode{max-width:1120px;margin:28px auto 70px;padding:0 18px}
#buyer-app.account-mode .buyer-account-page{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#buyer-app.account-mode .buyer-account-body.is-signed-in{display:flex;flex-direction:column;gap:12px;min-width:0;width:100%}
#buyer-app.account-mode .buyer-account-page-head{display:none}
#buyer-app.account-mode .account-profile{display:flex;grid-column:auto;grid-row:auto;flex-wrap:nowrap;align-items:center;width:100%;padding:11px 15px;border:1px solid #e3eaf6;border-radius:13px;background:#fff;box-shadow:0 7px 20px #213c6809}
#buyer-app.account-mode .account-profile>div{flex:1;min-width:0;flex-basis:auto}
#buyer-app.account-mode .account-profile #buyer-logout{width:auto;flex:none}
#buyer-app.account-mode .account-avatar{width:36px;height:36px;border-radius:10px;font-size:1rem}
#buyer-app.account-mode .account-profile strong{font-size:.96rem}
#buyer-app.account-mode .account-profile small{font-size:.75rem}
#buyer-app.account-mode .account-tabs{display:flex;grid-column:auto;grid-row:auto;flex-direction:row;gap:3px;width:100%;margin:0;padding:5px;overflow-x:auto;white-space:nowrap}
#buyer-app.account-mode .account-tabs button{flex:1 0 auto;min-width:100px;text-align:center;padding:10px 13px;font-size:.84rem}
#buyer-app.account-mode .account-panel{grid-column:auto;grid-row:auto;min-width:0;width:100%}
.buyer-center-workbench{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(250px,.9fr);gap:16px;align-items:start;min-width:0}
.buyer-center-main,.buyer-center-sidebar{display:flex;flex-direction:column;gap:14px;min-width:0}
.buyer-center-form-card,.buyer-center-history,.buyer-center-side-card{min-width:0;padding:18px;border:1px solid #e2e9f6;border-radius:15px;background:#fff;box-shadow:0 10px 26px #213c680d}
.buyer-center-form-head,.buyer-center-side-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.buyer-center-form-head{margin-bottom:14px}.buyer-center-form-head h2{margin:0;color:#132f60;font-size:1.1rem}
.buyer-center-modes{width:auto;min-width:230px;margin:0;padding:3px;border:1px solid #dbe5f5;border-radius:10px;background:#f2f6fd}
.buyer-center-modes button{min-height:32px;padding:6px 10px;font-size:.78rem;white-space:nowrap}
#buyer-app.account-mode #redeem-form{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#buyer-app.account-mode #redeem-form>.panel-title{display:none}
#buyer-app.account-mode #redeem-saved-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#buyer-app.account-mode .redeem-target-card{padding:10px}
#buyer-app.account-mode .redeem-target-card small{display:block}
.buyer-center-balance-pane .wallet-balances{display:none}
.buyer-center-balance-pane .wallet-warning{margin-bottom:10px}
.buyer-center-history h3,.buyer-center-side-card h3{margin:0 0 12px;color:#132f60;font-size:.99rem}
.buyer-center-side-head h3{margin:0}
.buyer-center-balance-list{display:flex;flex-direction:column;gap:6px}
.buyer-center-balance-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;padding:10px 12px;border-radius:9px;background:#f2f6fe;color:#3a5b8a;font-size:.82rem}
.buyer-center-balance-row strong{color:#143b79;font-size:.95rem;text-align:right}
.buyer-center-balance-row small{grid-column:1/-1;color:#8091ae;font-size:.71rem}
.buyer-center-account-row{display:flex;align-items:center;gap:9px;margin-top:7px;padding:9px 10px;border-radius:9px;background:#f1f5fd}
.buyer-center-account-avatar{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:8px;background:#fff;color:#214981;font-size:.75rem;font-weight:800}
.buyer-center-account-row>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.buyer-center-account-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#204372;font-size:.81rem}
.buyer-center-account-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8392aa;font-size:.7rem}
.buyer-center-history .wallet-history{margin-top:0}
@media(max-width:800px){.buyer-center-workbench{grid-template-columns:1fr}.buyer-center-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){#buyer-app.account-mode{margin:14px auto 48px;padding:0 10px}#buyer-app.account-mode .account-profile{padding:9px 10px}#buyer-app.account-mode .account-profile small{font-size:.7rem}#buyer-app.account-mode .account-tabs button{min-width:85px;padding:9px 7px;font-size:.77rem}.buyer-center-form-card,.buyer-center-history,.buyer-center-side-card{padding:14px}.buyer-center-sidebar{grid-template-columns:1fr}#buyer-app.account-mode #redeem-saved-list{grid-template-columns:1fr}.buyer-center-modes{min-width:0}}
@media(max-width:390px){.buyer-center-form-head{align-items:stretch;flex-direction:column}.buyer-center-modes{width:100%}}
@media(max-width:520px){body:has(#buyer-app.account-mode) .brand span:last-child{display:inline}body:has(#buyer-app.account-mode) .buyer-account-wrap{display:none}}

#buyer-center-accounts .buyer-center-account-count{color:#637da6;font-size:.75rem;white-space:nowrap}
#buyer-center-accounts .buyer-center-account-list{display:flex;flex-direction:column;gap:7px;max-height:280px;overflow-y:auto;margin-top:12px}
#buyer-center-accounts .buyer-center-account-row{margin-top:0}
#buyer-center-accounts .buyer-center-account-row>span:nth-child(2){flex:1;min-width:0}
#buyer-center-accounts .buyer-center-account-row small{white-space:normal;overflow-wrap:anywhere}
#buyer-center-accounts .buyer-center-account-row .ghost.account-small{flex:none;padding:6px 9px}
#buyer-center-accounts .account-bind{margin-top:14px;padding-top:14px;border-top:1px solid #e4ebf6}
#buyer-center-accounts .account-bind label{color:#234774;font-size:.82rem;font-weight:750}
#buyer-center-accounts .account-bind .inline-form{display:flex;flex-wrap:wrap;gap:7px}
#buyer-center-accounts .account-bind input{flex:1 1 140px;min-width:0}
#buyer-center-accounts .account-bind button{flex:1 0 auto;min-height:42px}

#redeem-form .voucher-preview.verify{padding:0;border:0;background:transparent;box-shadow:none}
#redeem-form .voucher-preview.verify [data-redeem-preview-verify]{width:100%;min-height:44px;border:0;border-radius:10px;background:#eaf1ff;color:#1d4b96;font-weight:750}
#redeem-form .voucher-preview.verify [data-redeem-preview-verify]:hover{background:#dce9ff}

/* Software-operator login: same full-width field size; send action inside the code field. */
#operator-login-form input{display:block;width:100%;height:52px;min-height:52px}
#operator-login-form .operator-code-field{position:relative;width:100%}
#operator-login-form .operator-code-field input{padding-right:132px}
#operator-login-form .operator-code-field button{position:absolute;top:6px;right:6px;width:116px;height:40px;min-height:40px;padding:0 8px;border:0;border-radius:9px;background:#eaf0ff;color:#214682;font-size:.86rem;font-weight:700;white-space:nowrap}
#operator-login-form .operator-code-field button:hover{background:#dce8ff}
#operator-login-form .operator-code-field button:focus-visible{outline:2px solid #4a83eb;outline-offset:2px}
#operator-login-form .operator-code-field button:disabled{opacity:.6;cursor:wait}

/* Merchant email binding reminder and password-login OTP dialog. */
.merchant-email-bind-prompt{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 20px;padding:14px 18px;border:1px solid #bad3ff;border-radius:13px;background:#edf4ff;color:#18427f;font-weight:700}
.merchant-email-bind-prompt button{flex:none}
.merchant-password-email-dialog .action-dialog-message strong{color:#143c7c;overflow-wrap:anywhere}
.merchant-password-email-dialog .action-dialog-fields input{width:100%}
.merchant-password-email-dialog .action-dialog-actions{padding-top:10px}
@media(max-width:520px){.merchant-email-bind-prompt{align-items:stretch;flex-direction:column}.merchant-email-bind-prompt button{width:100%}}

/* Merchant alternate login: equal-height fields, inline send action. */
#merchant-email-login-form input{display:block;width:100%;height:52px;min-height:52px}
#merchant-email-login-form .merchant-email-code-field{position:relative;width:100%}
#merchant-email-login-form .merchant-email-code-field input{padding-right:130px}
#merchant-email-login-form .merchant-email-code-field button{position:absolute;top:6px;right:6px;width:114px;height:40px;min-height:40px;padding:0 8px;border:0;border-radius:9px;background:#eaf0ff;color:#214682;font-size:.86rem;font-weight:700;white-space:nowrap}
#merchant-email-login-form .merchant-email-code-field button:hover{background:#dce8ff}
#merchant-email-login-form .merchant-email-code-field button:focus-visible{outline:2px solid #4a83eb;outline-offset:2px}
#merchant-email-login-form .merchant-email-code-field button:disabled{opacity:.6;cursor:wait}
#buyer-center-accounts .buyer-bind-loading{display:inline-flex;align-items:center;justify-content:center;gap:8px}
#buyer-center-accounts .buyer-bind-spinner{width:17px;height:17px;flex:none;border:2px solid #ffffff70;border-top-color:#fff;border-radius:50%;animation:buyer-bind-spin .7s linear infinite}
@keyframes buyer-bind-spin{to{transform:rotate(360deg)}}

/* Buyer tabs size themselves to the active feature instead of reserving a viewport-high shell. */
#buyer-app .buyer-right .buyer-card{height:auto;min-height:0;align-self:start;overflow:visible}
#buyer-app .buyer-card .buyer-panels{display:block;min-height:0}
#buyer-app .buyer-card .buyer-panels>div{display:flex;grid-area:auto;min-height:0}
#buyer-app .buyer-card .buyer-panels>div.hidden{display:none!important;visibility:visible;opacity:1;pointer-events:auto}
#buyer-app .buyer-card .buyer-panels>div>form{flex:none;width:100%}
#buyer-app .buyer-card .auth-form.ref{justify-content:flex-start;gap:14px}
#buyer-app .buyer-card .auth-form.ref .auth-g{flex:none;gap:12px}
#buyer-app .buyer-card .auth-form.ref .ag1{flex:none;padding-bottom:0}
#buyer-app .buyer-card .auth-form.ref .ag2{flex:none;justify-content:flex-start;gap:12px}
#buyer-app .buyer-card .auth-form.ref .ag2>input,
#buyer-app .buyer-card .auth-form.ref .ag2>.pw,
#buyer-app .buyer-card .auth-form.ref .ag2>.auth-code-row{flex:none;height:52px;min-height:52px;max-height:none}
#buyer-app .buyer-card .auth-form.ref .ag3{padding-top:0}
#buyer-app .buyer-card .auth-form.ref .auth-perks{margin-top:0}
@media(min-width:1080px){
  #buyer-app:not(.account-mode)>.buyer-split{height:auto;min-height:0;align-items:start}
  #buyer-app:not(.account-mode) .buyer-right{display:block;min-height:0}
  #buyer-app:not(.account-mode) .buyer-right .buyer-card{flex:none;max-height:none}
}

/* The target step switches to a clear, customer-facing Steam requirement for Blue Coins. */
#redeem-target-card{transition:border-color .2s,background .2s}
#redeem-target-card .redeem-target-heading{align-items:flex-start;margin-bottom:10px}
#redeem-target-card .redeem-target-heading>div{display:flex;flex-direction:column;gap:3px;min-width:0}
#redeem-target-card .redeem-target-heading strong{color:#173b78;font-size:.92rem}
#redeem-target-card .redeem-target-heading small{color:#7789a6;font-size:.76rem;line-height:1.45}
#redeem-target-card.steam-required{border-color:#b9cff4;background:linear-gradient(145deg,#f6f9ff,#eef4ff)}
#redeem-form .redeem-steam-target{gap:12px;margin-top:4px}
#redeem-form .steam-required-head{display:flex;align-items:center;gap:11px;padding:12px 13px;border:1px solid #cbdcf8;border-radius:12px;background:#fff}
#redeem-form .steam-required-head>span{flex:none;padding:5px 8px;border-radius:999px;background:#dce9ff;color:#17478f;font-size:.72rem;font-weight:850}
#redeem-form .steam-required-head>div{display:flex;flex-direction:column;gap:2px;min-width:0}
#redeem-form .steam-required-head strong{color:#173b78;font-size:.9rem}
#redeem-form .steam-required-head small{color:#7185a6;font-size:.76rem;line-height:1.4}
#redeem-form #redeem-steam-open{min-height:48px;border:0;border-radius:12px;background:linear-gradient(90deg,#174686,#286ac4);color:#fff;font-weight:800;box-shadow:0 10px 20px -13px rgba(24,73,145,.85)}
#redeem-form #redeem-steam-open:hover{background:linear-gradient(90deg,#123b76,#225cac)}
#redeem-form .steam-customer-note{padding:0 3px;text-align:center}
#redeem-form #redeem-steam-ready{align-items:center;justify-content:space-between;border-color:#9bd5bb;background:#f0fbf6}
#redeem-form #redeem-steam-ready>div{display:grid;gap:3px;min-width:0;flex:1}
#redeem-form #redeem-steam-ready strong,#redeem-form #redeem-steam-ready small{width:auto;overflow-wrap:anywhere}
@media(max-width:560px){
  #buyer-app .buyer-card .auth-form.ref .ag2>input,
  #buyer-app .buyer-card .auth-form.ref .ag2>.pw,
  #buyer-app .buyer-card .auth-form.ref .ag2>.auth-code-row{height:48px;min-height:48px}
  #redeem-form .steam-required-head{align-items:flex-start}
}

/* Keep the desktop WebGL scene independently sized when the feature card uses natural height. */
@media(min-width:1080px){
  #buyer-app:not(.account-mode) .buyer-left .hd-stage{
    flex:none;
    width:100%;
    height:clamp(380px,36vw,680px);
  }
}

/* Buyer recharge choices: the no-login Windows client is the primary action. */
#redeem-form #redeem-client-download{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:14px;padding:17px;border:1px solid #a6c4f7;border-radius:16px;background:linear-gradient(135deg,#edf4ff,#f8fbff);box-shadow:0 5px 16px #2259a412;font-size:.82rem}
#redeem-client-download .recharge-client-head{display:flex;align-items:center;gap:11px}
#redeem-client-download .recharge-windows-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #c2d6f7;border-radius:12px;background:#fff;color:#2465ce}
#redeem-client-download .recharge-windows-icon svg{width:25px;height:25px}
#redeem-client-download .recharge-client-head>div{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:6px 9px;min-width:0}
#redeem-client-download .recharge-client-head strong{font-size:1rem;color:#173f7c;line-height:1.4}
#redeem-client-download .recharge-client-badge{padding:3px 8px;border:1px solid #b8dfd0;border-radius:999px;background:#e7f7ef;color:#116643;font-size:.7rem;font-weight:800;line-height:1.5;white-space:nowrap}
#redeem-client-download #redeem-client-description{margin:0;color:#506784;line-height:1.6;font-size:.8rem}
#redeem-form #redeem-client-download-link{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:54px;padding:12px;border:1px solid #245cb9;border-radius:12px;background:linear-gradient(110deg,#194c9d,#2873dc);color:#fff;font-size:.94rem;font-weight:800;line-height:1.5;white-space:normal;text-align:center;text-decoration:none;box-shadow:0 7px 16px #1c56aa26;transition:background .15s,box-shadow .15s}
#redeem-form #redeem-client-download-link svg{width:21px;height:21px;flex:none}
#redeem-form #redeem-client-download-link:hover{background:linear-gradient(110deg,#123c81,#1b61c0);box-shadow:0 9px 20px #1c56aa38;text-decoration:none}
#redeem-form #redeem-client-download-link:focus-visible{outline:3px solid #73a7fa;outline-offset:3px}
.recharge-play-notice{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:12px 13px;border:1px solid #ead8b6;border-radius:12px;background:#fff9ed;color:#785320;font-size:.76rem;line-height:1.6}
.recharge-play-notice .recharge-notice-icon{display:grid;place-items:center;flex:none;width:19px;height:19px;margin-top:2px;border-radius:50%;background:#bd7b20;color:#fff;font-size:.75rem;font-weight:900;line-height:1}
.recharge-play-notice>div{min-width:0}
.recharge-play-notice strong{color:#795017;font-size:.81rem;line-height:1.5}
.recharge-play-notice p{margin:4px 0 0;color:#826339;font-size:.75rem;line-height:1.65}
.recharge-play-notice .recharge-cooldown-note{display:flex;flex-wrap:wrap;gap:0 5px;margin-top:7px;padding-top:7px;border-top:1px solid #efdfc3}
.recharge-play-notice .recharge-cooldown-note b{font-weight:750;color:#795017}
#redeem-target-card.steam-required{border-color:#dce5f2;background:#fafbfe}
#redeem-form .steam-required-head{padding:9px 0;border:0;background:transparent;gap:9px}
#redeem-form .steam-required-head>span{background:#edf1f7;color:#63738b}
#redeem-form .steam-required-head strong{color:#536781;font-size:.82rem}
#redeem-form .steam-required-head small{color:#7c8da5;font-size:.74rem}
#redeem-form #redeem-steam-open{min-height:43px;padding:10px 12px;border:1px solid #c5d3e7;border-radius:11px;background:#fff;color:#3c5679;font-size:.84rem;font-weight:700;box-shadow:none;white-space:normal;line-height:1.5}
#redeem-form #redeem-steam-open:hover{background:#f0f5fc;border-color:#9fb8dc}
#redeem-form #redeem-steam-open:focus-visible{outline:3px solid #b5cef6;outline-offset:2px}
#redeem-form .steam-customer-note{color:#6c7f9b;text-align:left;font-size:.74rem;line-height:1.6}
#redeem-form:has(.steam-required)>button[type="submit"]:disabled{background:#e5eaf2;color:#7d8ba3;box-shadow:none;opacity:1;cursor:default;white-space:normal}
.buyer-steam-dialog .steam-recharge-notice{margin:12px 20px 0}
@media(max-width:400px){
  #redeem-form #redeem-client-download{padding:13px;gap:10px}
  #redeem-client-download .recharge-client-head{gap:8px}
  #redeem-client-download .recharge-client-head strong{font-size:.92rem}
  #redeem-client-download .recharge-client-badge{font-size:.67rem}
  #redeem-form #redeem-client-download-link{font-size:.86rem;gap:7px}
  .recharge-play-notice{padding:10px;gap:7px}
}