/* Customer account surfaces; intentionally no API or telephony changes. */
#viewTopup{max-width:1120px}
#viewTopup>.section-header{display:none}
#viewTopup [hidden],.guide-page [hidden]{display:none!important}
.payment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:4px 0 30px;padding:0 0 28px;border-bottom:1px solid #373b42}
.payment-summary>div{min-width:0;border-right:1px solid #373b42;padding-right:20px}.payment-summary>div:last-child{border:0}
.payment-summary dt{font-size:13px;color:#aeb7c3;margin-bottom:10px}.payment-summary dd{font-size:26px;line-height:1.25;font-weight:600;margin:0;color:#edf0f5;overflow-wrap:anywhere}
.payment-expired{display:block;font-size:12px;color:#e4a6ad;margin-top:7px;font-weight:400}
.payment-tabs{display:flex;gap:28px;border-bottom:1px solid #373b42;margin:0 0 32px}
.payment-tab{border:0;border-bottom:2px solid transparent;background:none;color:#aeb7c3;font-family:inherit;font-size:14px;font-weight:500;line-height:1.4;padding:0 2px 16px;min-height:44px;cursor:pointer;white-space:nowrap}
.payment-tab[aria-selected=true]{color:#c1d7f5;border-color:#adcaf2}
.payment-panel{display:grid;grid-template-columns:minmax(180px,0.7fr) minmax(0,1.3fr);gap:50px;padding:0 0 28px;background:none;border:0}
.payment-panel-heading{max-width:290px}.payment-panel-heading h3{font-size:20px;line-height:1.35;margin:0 0 12px!important}.payment-panel-heading>div{font-size:14px;line-height:1.7;color:#aeb7c3}
.payment-form{max-width:560px;min-width:0}.payment-form .field{margin-bottom:22px}.payment-form .field label{font-size:13px;color:#c1c8d3;display:block;margin:0 0 9px;text-transform:none;letter-spacing:0}
.payment-form input,.payment-form select{font:inherit;font-size:15px;min-height:46px;width:100%;padding:10px 12px;background:#202226;color:#edf0f5;border:1px solid #424852;border-radius:6px;max-width:100%!important}
.payment-form .btn{min-height:44px}.payment-form>.btn{width:100%;margin-top:8px!important}
.payment-form .renew-grid{display:block!important}.payment-form #renewCurrentAccess{padding:10px 0 18px;font-size:13px!important;line-height:1.6;color:#b7c6d8!important}
.payment-form #renewPrice{font-size:20px;font-weight:600;white-space:nowrap}.payment-form #renewBtn{margin-left:auto}
.amount-presets{display:flex!important;gap:8px!important;margin:0 0 24px!important;flex-wrap:wrap}.amount-presets .btn{min-height:36px;flex:1;padding:7px 10px;font-size:13px}
.amount-presets [aria-pressed=true]{background:#31425a;color:#d1e2fa;border-color:#6888b1}
.field-note{display:block;font-size:12px;line-height:1.5;color:#97a3b3;margin-top:8px}
.payment-result{background:#20252b!important;border:1px solid #42505d!important;border-radius:6px!important;padding:18px!important;line-height:1.7;overflow-wrap:anywhere}.payment-result code{white-space:normal}.payment-result .btn{margin-top:6px}
.payment-help{border-top:1px solid #373b42;padding-top:20px;font-size:13px}.payment-help a{color:#b9d1f2;text-decoration:none}.payment-help a:hover{text-decoration:underline}
.payment-tab:focus-visible,.guide-page a:focus-visible,.trunks-page a:focus-visible{outline:2px solid #adcaf2;outline-offset:4px}
.guide-page,.trunks-page{--bg:#18191c;--card:#202226;--panel:#202226;--panel2:#25282e;--line:#373b42;--border:#373b42;--text:#edf0f5;--muted:#a5aebc;--soft:#c2cad5;--blue:#adcaf2;background:var(--bg);color:var(--text);font:14px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0}
.guide-page *,.trunks-page *{box-sizing:border-box;letter-spacing:0}
.guide-page a,.trunks-page a{color:#b6d0f2}
.guide-page .top,.trunks-page .topbar{min-height:76px;height:auto;background:#202226;border-bottom:1px solid #373b42;padding:18px 32px;display:flex;flex-direction:row;align-items:center;gap:24px}
.guide-page .brand{position:static;display:flex;gap:12px;font-size:17px;font-weight:600;flex:1;min-width:0}.guide-page .mark{background:#304057;border-color:#495d79;color:#c6daf7;width:34px;height:34px;flex-shrink:0}
.guide-page .back{background:transparent;border-color:#484d57;white-space:nowrap;font-size:13px;padding:8px 12px}
.guide-page .layout{max-width:1200px;grid-template-columns:200px minmax(0,1fr);gap:64px;padding:38px 32px 70px}.guide-page .nav{top:104px;gap:6px;max-height:calc(100dvh - 140px);overflow:auto}.guide-page .nav a{padding:9px 12px;font-size:13px;border-radius:4px}.guide-page .nav a[aria-current=location]{background:#2d3b4e;color:#d4e5fd}
.guide-page .intro{padding-bottom:30px;margin-bottom:16px;scroll-margin-top:100px}.guide-page .intro h1{font-size:30px;font-weight:600;margin-bottom:12px}.guide-page .intro p{max-width:620px;font-size:15px;line-height:1.75}
.guide-search{margin-top:26px;max-width:520px}.guide-search label{display:block;font-size:13px;color:#bdc6d2;margin-bottom:8px}.guide-search input,.guide-jump select{width:100%;min-height:44px;border:1px solid #49515c;border-radius:6px;background:#202226;color:#edf0f5;padding:10px 12px;font:inherit;outline:none}.guide-search input:focus,.guide-jump select:focus{border-color:#adcaf2}
.guide-page .guide-section{padding:28px 0;scroll-margin-top:100px}.guide-section h2{font-size:21px!important;font-weight:600;margin-bottom:18px!important}.guide-section h3{font-size:15px!important;margin-top:26px!important;line-height:1.5}.guide-section p,.guide-section li{font-size:14px;line-height:1.85}.guide-section li{padding:5px 0 5px 4px}.guide-section ol,.guide-section ul{padding-left:22px}.guide-section ol li::marker{color:#a9c8f0;font-weight:600}
.guide-page .note{background:#202630;border:0;border-left:3px solid #718eb7;border-radius:0;padding:16px 18px;line-height:1.8;color:#c7d6eb;margin:20px 0}.guide-page .note.warning{background:#2c2920;border-left-color:#b9a06a;color:#e0d3b7}
.guide-table{max-width:100%;overflow:auto;border:1px solid #3b414c;border-radius:6px;margin:18px 0}.guide-page table{border:0;overflow:visible;border-radius:0;white-space:normal;min-width:440px;display:table}.guide-page td,.guide-page th{padding:13px 16px;vertical-align:top}.guide-page th{background:#24272d}.guide-page code{overflow-wrap:anywhere}.guide-jump{display:none}.guide-empty{padding:30px 0;color:#b9c2d0}
.trunks-page .topbar{justify-content:flex-start;flex-wrap:wrap}.standalone-brand{font-size:22px;font-weight:650;text-decoration:none;color:#edf0f5!important;margin-right:auto}.trunks-page .topbar>div{font-size:13px}.trunks-page .container{max-width:1060px;padding:38px 32px 60px}.standalone-heading h1{font-size:28px;font-weight:600;margin:0 0 26px}.trunks-page .notice{border:0;border-left:3px solid #718eb7;border-radius:0;background:#202630;padding:15px 18px;line-height:1.8;margin-bottom:36px;color:#c7d6eb}.trunks-page .trunk-section{background:none;border:0;border-bottom:1px solid #373b42;border-radius:0;padding:0 0 30px;margin:0 0 32px}.trunks-page .trunk-section h2{font-size:19px;font-weight:600;margin-bottom:8px}.trunks-page .trunk-section p.sub{line-height:1.7}.trunks-page .field label{font-size:13px;color:#c1c8d3;letter-spacing:0;text-transform:none}.trunks-page .field input,.trunks-page .field select{background:#202226;border-color:#424852;min-height:44px;font-size:15px;border-radius:6px}.trunks-page .field{margin-bottom:20px}.trunks-page .btn{min-height:42px;border-radius:6px}.trunks-page .btn-blue{background:#adcaf2;color:#16273e}.trunks-page .trunk-item{background:none;border:0;border-bottom:1px solid #343a43;padding:18px 0;border-radius:0}.trunks-page .trunk-host{overflow-wrap:anywhere}.trunks-page .row{gap:20px}.trunks-page .row .field{min-width:0}
.trunks-page .topbar .standalone-brand{font-size:22px}
@media(max-width:780px){
  .payment-summary{gap:12px;margin-bottom:24px;padding-bottom:22px}.payment-summary>div{padding-right:8px}.payment-summary dt{font-size:11px;line-height:1.5;min-height:33px;margin-bottom:8px}.payment-summary dd{font-size:20px}.payment-tabs{gap:22px;margin-bottom:26px}.payment-tab{font-size:13px;padding-bottom:13px}.payment-panel{display:block}.payment-panel-heading{max-width:none;margin-bottom:26px}.payment-panel-heading h3{font-size:19px}.payment-form{max-width:none}.payment-form input,.payment-form select{font-size:16px}.payment-form #renewBtn{width:100%;margin-top:12px}.payment-result .btn{display:block;text-align:center}
  .guide-page .top,.trunks-page .topbar{padding:14px 18px;gap:12px;flex-wrap:wrap;min-height:70px}.guide-page .brand{font-size:15px}.guide-page .back{font-size:12px}.guide-page .language-label,.trunks-page .language-label{margin-left:auto}.guide-page .layout{display:block;padding:24px 20px 50px}.guide-page .nav{display:none}.guide-page .intro h1{font-size:27px}.guide-page .guide-section{scroll-margin-top:150px;padding:24px 0}.guide-page .intro{scroll-margin-top:150px}.guide-jump{display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid #373b42;background:#1d1f23;position:sticky;top:0;z-index:8}.guide-jump label{font-size:12px;color:#adb8c7;white-space:nowrap}.guide-jump select{min-width:0;font-size:14px;min-height:40px}.guide-page .top{position:relative}.guide-page table{font-size:13px}.guide-search input{font-size:16px}
  .trunks-page .container{padding:28px 20px 48px}.standalone-heading h1{font-size:26px}.trunks-page .trunk-item{align-items:flex-start;flex-direction:column}.trunks-page .trunk-actions{width:100%;flex-wrap:wrap}.trunks-page .row{flex-wrap:wrap;gap:0 14px}.trunks-page .row .field{flex-basis:200px}.trunks-page .field input,.trunks-page .field select{font-size:16px}
  .trunks-page .topbar>div{order:2;flex-basis:100%;padding-top:4px}.trunks-page .topbar .language-label{order:1}
}
@media(prefers-reduced-motion:reduce){.guide-page{scroll-behavior:auto}.guide-page *{scroll-behavior:auto!important}}