/* /account only: approved orange / black / white theme; other pages retain their theme. */
.account-page .ac-plan-section{padding:18px;border:1px solid #d9e2ea;border-radius:18px;margin:14px 0}
.account-page .ac-plan-tone-white{background:#fff}.account-page .ac-plan-tone-grey{background:#f2f4f6}
.account-page .ac-plan-section .prow{background:transparent;border:0;padding:16px 0 0}
.account-page .ac-plan-section .pc-name{display:none}
.account-page .ac-plan-tone-grey :is(.pc-cov,.pc-use,.pc-exp){background:#fff}
.account-page .ac-plan-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;cursor:pointer;list-style:none}
.account-page .ac-plan-summary::-webkit-details-marker{display:none}
.account-page .ac-plan-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;flex:1 1 240px;overflow-wrap:anywhere}
.account-page .ac-plan-owner{border:1px solid #b8c1cb;border-radius:5px;padding:4px 9px;background:#fff;font-size:12px;font-weight:600;white-space:nowrap}
.account-page .ac-plan-owner.company{background:#fff0e9;color:#9c390d;border-color:#e9b395}
.account-page .ac-plan-owner.personal{background:#eff1f3;color:#20252b;border-color:#b8c1cb}
.account-page .ac-plan-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.account-page .ac-plan-child{margin-left:16px;border-left:3px solid #d9e2ea}
.account-page .ac-plan-summary button[aria-pressed=true]{background:#d1d5db;color:#4b5563}
html.avmode .ac-plan-summary .ac-plan-btn{display:inline-block!important}
body.account-page{--bg:#f5f7fa;--bg-2:#eff1f3;--surface:#fff;--surface-2:#f2f4f6;--text:#20252b;--text-light:#575f68;--border:#d9e2ea;--accent:#ff6b2b;--success:#137344;--error:#a92323;--warning:#805200;background:var(--bg);color:var(--text)}
.account-page .lp-header,.account-page .subnav{color:#fff;--text:#fff;--text-light:#aeb7c3;--border:#262d3d}
.account-page .step-header h2{color:#20252b}
.account-page .step-content{color:#20252b}
.account-page .summary-card,.account-page .ac-wallet{background:#fff;border:1px solid #d9e2ea;border-radius:24px;box-shadow:0 3px 12px #1725360c}
.account-page .ac-wallet{border-top:10px solid #ff6b2b;border-radius:0 0 24px 24px;padding:22px 24px}
.account-page .ac-wallet-bal{font-size:38px;color:#10151b}
.account-page .btn-secondary,.account-page .btn-pill-ghost,.account-page .ac-plan-btn{background:#e5e7eb;color:#4b5563;border:1px solid transparent}
.account-page .btn-primary,.account-page .ac-plan-btn-accent{background:#111;color:#fff;border-color:transparent}
.account-page .ac-card .ac-plan-btn{font:inherit;font-size:.72rem;font-weight:700;padding:.3rem .75rem}
.account-page .ac-wallet-link,.account-page summary{color:#20252b}
.account-page .ac-card{overflow:hidden;padding:22px 24px;margin-bottom:1.1rem;--card-bg:#ff6b2b;--card-text:#20252b;line-height:1.65;box-shadow:0 6px 20px #0000000a}
.account-page .ac-card[data-color=red]{--card-bg:#c62828;--card-text:#fff}
.account-page .ac-card[data-color=yellow]{--card-bg:#ffcf33;--card-text:#20252b}
.account-page .ac-card[data-color=blue]{--card-bg:#155bb5;--card-text:#fff}
.account-page .ac-card[data-color=green]{--card-bg:#79c56a;--card-text:#20252b}
.account-page .ac-card[data-color=purple]{--card-bg:#7440a6;--card-text:#fff}
.account-page .ac-card[data-color=pink]{--card-bg:#f6a5c6;--card-text:#20252b}
.account-page .ac-card-head{background:var(--card-bg);color:var(--card-text);margin:-22px -24px 16px;padding:20px 24px;flex-wrap:wrap}
.account-page .ac-card-head .ac-iccid,.account-page .ac-card-head .ac-brand-sub,.account-page .ac-card-head .wz-hint{color:inherit}
.account-page .ac-card-head .dc-chip,.account-page .ac-card-head .dc-chip.biz,.account-page .ac-card-head .dc-status{background:#fff;color:#20252b;align-self:flex-start}
.account-page .ac-card-id{flex:1;min-width:0;overflow-wrap:anywhere;gap:.12rem}
.account-page .ac-card-id strong{font-size:1rem;font-weight:800}
.account-page .ac-card-head img{box-shadow:0 2px 10px #0000001f;background:#fff}
.account-page .ac-brand-sub{font-size:.8rem}
.account-page .ac-card-head .ac-phone{color:inherit;font-size:.8rem}
.account-page .ac-iccid{font-size:.76rem;letter-spacing:normal}
.account-page .ac-status{align-self:flex-start}
.account-page .ac-card-head .dc-status{display:inline-flex;align-items:center;padding:.32rem .85rem;border:1.5px solid #d9e2ea;border-radius:999px;font-size:.76rem;font-weight:800;letter-spacing:.01em}
.account-page .ac-card-head .dc-status.ok{background:#f0fdf4;color:#15803d;border-color:#bbf7d0}
.account-page .ac-card-head .dc-status.ready{background:#fff3ec;color:#ff6b2b;border-color:#ffd9bd}
.account-page .ac-card-head .dc-status.off{background:#f8f8fb;color:#575f68}
.account-page .ac-card-head .dc-chip.biz{background:#fff;color:#111}
.account-page .ac-nick-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:end}
.account-page .ac-nick-grid .input-field{min-width:0;width:100%}
.account-page .ac-nick-row>.btn{margin-top:10px}
.account-page .ac-color-label{display:block;min-width:0;color:#20252b;font-size:12px}
.account-page .ac-color-label select{width:100%;margin-top:5px}
.account-page .input-field,.account-page select{background:#fff;color:#20252b;border-color:#aeb9c3}
.account-page .ptable{background:#fff;color:#20252b;border:0;border-radius:0;overflow:visible}
.account-page .prow{background:#fff;border-color:#d9e2ea;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;padding:20px 0;font-size:.82rem}
.account-page .phead{display:none}
.account-page .pc-name{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;line-height:1.5}
.account-page .pc-name b{font-size:16px}
.account-page .dc-chips{flex-wrap:wrap}
.account-page :is(.pc-cov,.pc-use,.pc-exp){background:#f2f4f6;border-radius:14px;padding:14px;line-height:1.6;min-width:0}
.account-page :is(.pc-cov,.pc-use,.pc-exp)::before{content:attr(data-l);display:block;color:#575f68;font-size:12px;margin:0 0 6px}
.account-page .pc-name::before,.account-page .pc-act::before{content:none}
.account-page .pc-use{gap:.2rem}
.account-page .pc-use .dc-bar{height:7px;margin:0}
.account-page .pc-act{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;justify-self:stretch;width:100%;margin-top:0}
.account-page .pc-act .ac-plan-btn{white-space:normal;min-width:0}
.account-page .ac-plan-section .prow-child{margin:0;padding-left:0;border:0}
.account-page .prow-child .pc-name{padding-left:0;border-left:0}
.account-page .prow-child .pc-name b{font-size:14px}
.account-page .pmuted{opacity:.58}
.account-page .pmuted .pc-name b{color:#575f68}
.account-page .dc-chip{font-size:.65rem;font-weight:800;padding:.12rem .5rem;letter-spacing:.04em}
.account-page .dc-chip.type{background:#eaf2ff;color:#2563eb}
.account-page .dc-chip.bundle{background:#fef3c7;color:#92400e}
.account-page .dc-chip.active{background:#dcfce7;color:#15803d}
.account-page .dc-chip.ready{background:#fff3ec;color:#ff6b2b}
.account-page .dc-chip.paused{background:#fee2e2;color:#b91c1c}
.account-page .dc-chip.expired{background:#f3f4f6;color:#575f68}
.account-page .pc-sub{font-size:.7rem}
.account-page .pc-sub,.account-page .wz-hint,.account-page .pc-use small{color:#575f68}
.account-page .dc-bar{background:#d9e2ea}.account-page .dc-bar-fill{background:#ff6b2b}
.account-page .dc-bar-fill.warn{background:#dc2626}
.account-page .ac-plan-entry{margin-top:16px}
.account-page .ac-plan-entry .ac-btn{width:auto;max-width:100%;padding:10px 18px;border-radius:999px;white-space:normal}
.account-page .ac-addplan{width:100%;margin:12px 0 0;background:#f2f4f6;border:1px solid #d9e2ea;border-radius:18px;padding:16px}
.account-page .ac-card-head .ac-addplan{flex-basis:100%;color:#20252b;margin:0}
.account-page .ac-card-head .ac-addplan .wz-hint{color:#575f68}
.account-page .ac-ap-inner{display:flex;flex-direction:column;gap:.55rem;background:transparent;border:0;border-radius:0;padding:0}
.account-page .ac-ap-inner .input-field{min-width:0;width:100%;margin:0;padding:.65rem .8rem;font:inherit;font-size:.9rem;border:1.5px solid #d9e2ea;border-radius:.5rem}
.account-page .ac-ap-inner .btn{white-space:normal;padding:.75rem;font:inherit;font-size:.93rem;font-weight:700;letter-spacing:normal;text-transform:none}
.account-page .ac-ap-note{color:#805200}
.account-page .ac-actions{border-top:1px solid #d9e2ea;margin-top:18px;padding-top:16px;gap:8px}
.account-page .ac-actions .ac-btn{flex:0 1 auto;min-width:0;max-width:100%;padding:.7rem .9rem;border-radius:999px;font:inherit;font-size:.9rem;font-weight:700;letter-spacing:normal;text-transform:none;white-space:normal}
.account-page .ac-card-head .ac-actions{flex-basis:100%;margin:0;padding-top:14px;border-top-color:currentColor;gap:.55rem}
.account-page .ac-card-head .ac-actions .btn-secondary{background:#fff;color:#4b5563;border-color:transparent}
.account-page .ac-card-head .ac-actions .btn-primary{background:#000;color:#fff;border:1px solid #9aa3ad}
.account-page .ac-iccid-howto{background:#fff;border-color:#d9e2ea;border-radius:18px;padding:16px 20px}
.account-page .ac-iccid-howto summary{font-size:13px;line-height:1.6}
.account-page .ac-iccid-howto .wz-hint{line-height:1.7;margin-bottom:0}
.account-page #ac-cards{margin-top:22px}
.account-page .ac-add{background:#fff;border:1px solid #d9e2ea;border-radius:24px;padding:22px 24px;box-shadow:0 3px 12px #1725360c}
.account-page .ac-add h3{font-family:inherit;font-size:20px;text-transform:none;letter-spacing:normal}
.account-page .ac-add .input-group{margin:18px 0 0}
.account-page .ac-add .input-field{max-width:440px;font-size:16px;padding:12px;border-radius:12px;min-width:0}
.account-page .ac-add .btn{width:auto;max-width:100%;border-radius:999px;padding:10px 18px;font-size:13px;white-space:normal}
.account-page .ac-dash-card{border-color:#d9e2ea;box-shadow:0 3px 12px #1725360c}
.account-page .ac-dash-fig img{border-color:#d9e2ea;box-shadow:none}
.account-page .ac-dash-row,.account-page .ac-dash-lbl{min-width:0;overflow-wrap:anywhere}
.account-page .ac-chip{white-space:normal;background:#f2f4f6;color:#575f68}
.account-page .ac-chip-accent{background:#fff0e9;color:#9c390d}
.account-page .ac-plan-note{border-color:#d9e2ea;background:#f2f4f6;padding:12px 14px;border-radius:12px}
.account-page .ac-card-id strong{overflow-wrap:anywhere}
.account-page .ac-plan-btn-danger,.account-page .ac-remove{color:#4b5563;border-color:transparent}
.account-page .ac-card :is(.ac-btn,.ac-plan-btn):disabled{opacity:.55;cursor:default}
.account-page :is(button,summary,input,select):focus-visible{outline:3px solid #20252b;outline-offset:3px}
.account-page .ac-card-head :is(button,summary,input,select):focus-visible{outline-color:var(--card-text)}
.account-page .ac-card-head .ac-addplan :is(button,summary,input,select):focus-visible{outline-color:#20252b}
.account-page .ac-card-head .ac-addplan .btn-primary{border:1px solid #9aa3ad}
@media(max-width:640px){.account-page .ac-card{padding:18px}.account-page .ac-card-head{margin:-18px -18px 14px;padding:18px}.account-page .ac-wallet{padding:18px}.account-page .ac-wallet-bal{font-size:34px}.account-page .prow{grid-template-columns:1fr}.account-page .ac-plan-section{padding:14px}.account-page .ac-plan-child{margin-left:8px}.account-page .ac-actions .ac-btn{font-size:.85rem;padding:.62rem .7rem}.account-page .ac-add,.account-page .ac-dash-card{padding:18px}.account-page .ac-iccid-howto{padding:14px}.account-page .ac-status{white-space:normal}.account-page .input-group .input-field{min-width:0;max-width:100%}}
@media(max-width:360px){.account-page .lp-header{display:flex;justify-content:space-between;flex-wrap:wrap}.account-page .lp-header .lang-btn{padding:6px 8px}}
