/* V48 shared interface. Loaded after the base theme on every application page. */
:root{--ui-radius:16px}
html{scroll-padding-top:100px}
body{font-size:14px;line-height:1.6}
[hidden]{display:none!important}
.workspace .app-shell{grid-template-columns:240px minmax(0,1fr)}
.workspace .sidebar{width:240px;padding:24px 14px;overflow-y:auto;overscroll-behavior:contain}
.workspace .brand{font-size:13px;letter-spacing:.03em;overflow-wrap:anywhere;line-height:1.4}
.workspace .brand-mark{flex-shrink:0}
.workspace .nav a{font-size:13px;min-height:44px;height:auto;padding:11px 13px}
.workspace .nav-label{font-size:10px;letter-spacing:.12em;padding-top:20px;color:var(--muted)}
.workspace .sidebar-bottom{padding-top:26px}
.workspace .main{min-width:0;padding:0 32px 48px}
.workspace .content{max-width:1320px;padding-top:26px}
.workspace .topbar{height:92px;gap:16px}
.workspace .topbar-title{flex:1;min-width:0}
.workspace .topbar h1{font-size:23px;letter-spacing:-.6px;line-height:1.3}
.workspace .crumb{font-size:12px;color:var(--muted)}
.workspace .account b{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace .hero h2,.workspace .dash-hero h2{font-size:28px;line-height:1.25;letter-spacing:-.8px}
.workspace .hero p,.workspace .dash-hero p{font-size:14px;line-height:1.75}
.workspace .dash-hero{min-height:0;padding:28px}
.workspace .dash-orbit,.workspace .network-radar{display:none}
.workspace .dash-hero-copy{max-width:900px}
.workspace .dash-plan{margin-top:20px}
.workspace .panel-head{padding:20px 22px;flex-wrap:wrap}
.workspace .panel-head h2,.workspace .panel-head h3{font-size:16px;line-height:1.4}
.workspace .panel-body{padding:22px}
.workspace .mini{font-size:12px;line-height:1.65;color:var(--muted)}
.workspace .stat .k{font-size:12px}.workspace .stat .v{font-size:30px;line-height:1.3}.workspace .stat .s{font-size:12px;line-height:1.5}
.workspace .stat .v.date{font-size:18px;overflow-wrap:anywhere}.workspace .stat .v.compact{font-size:22px}
.workspace .proxy-name,.workspace .dash-proxy-name{font-size:16px;line-height:1.5}
.workspace .proxy-id,.workspace .admin-owner,.workspace .dash-proxy-owner{font-size:11px;overflow-wrap:anywhere;color:var(--muted)}
.workspace .proxy-card,.workspace .dash-proxy,.workspace .proxy-control{min-width:0}
.workspace .proxy-meta{gap:10px}.workspace .meta span{font-size:11px}.workspace .meta b{font-size:13px;overflow-wrap:anywhere}
.workspace .pill{font-size:10px;letter-spacing:.02em;white-space:nowrap}
button,.btn,input,select,textarea{font:inherit}
.workspace button,.workspace .btn{min-height:40px;font-size:12px;padding:10px 14px;line-height:1.4}
.workspace input,.workspace select,.workspace textarea{font-size:14px;min-height:44px;max-width:100%}
.workspace input[type=checkbox],.workspace input[type=radio]{min-height:18px;width:18px;height:18px}
.workspace .field label{font-size:12px;margin-bottom:7px;display:block}
.workspace button:disabled{opacity:.5;cursor:not-allowed}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.workspace .actions,.workspace .dash-actions{gap:10px;flex-wrap:wrap}
.workspace .proxyline{gap:12px}.workspace .proxyline code{font-size:12px;overflow-wrap:anywhere;min-width:0}
.workspace .table-wrap{overflow-x:auto;max-width:100%;scrollbar-width:thin}
.workspace table{font-size:13px}.workspace th{font-size:11px;letter-spacing:.03em;padding:14px 18px;white-space:nowrap}.workspace td{padding:15px 18px;line-height:1.6}
.workspace .notice,.workspace .empty{font-size:13px;line-height:1.7;padding:20px;border-radius:12px}
.workspace .empty{color:var(--muted);text-align:center;background:var(--bg-soft)}
.workspace .tabs{flex-wrap:wrap;gap:8px}
.workspace .access-timer,.workspace .api-card,.workspace .scope-item,.workspace .endpoint,.workspace .quick-step,.workspace .sms-action-card{background:var(--panel)!important;border-color:var(--stroke)!important;color:var(--text)!important}
.workspace .access-timer .sub,.workspace .access-timer .eyebrow,.workspace .api-card p,.workspace .scope-item span,.workspace .quick-step span,.workspace .docs-cta p,.workspace .endpoint code{color:var(--muted)!important;font-size:12px}
.workspace .key-fingerprint,.workspace .scope-item b,.workspace .api-requirement b{color:var(--text)!important;overflow-wrap:anywhere}
.workspace .api-hero{margin-bottom:20px}.workspace .api-card h3{font-size:16px}
.workspace .secret-row code,.workspace .credential-line code{background:var(--bg-soft)!important;color:var(--text)!important;overflow-wrap:anywhere}
.workspace .auto-chip{background:var(--bg-soft)!important;color:var(--muted)!important;font-size:11px}.workspace .auto-chip.on{color:var(--good)!important}
.workspace .sms-action-card p,.workspace .sms-card p{font-size:13px!important;line-height:1.65}
.getting-started{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0;padding:24px;border:1px solid var(--stroke);background:var(--panel);border-radius:var(--ui-radius)}
.getting-started>div{min-width:0}.getting-started b{font-size:13px}.getting-started p{font-size:12px;color:var(--muted);margin:10px 0 0;line-height:1.7}
.guide-number{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:9px;margin-right:8px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel));font-weight:800;font-size:12px}
.collection-tools{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin-bottom:22px;padding:16px;background:var(--bg-soft);border-radius:12px;border:1px solid var(--stroke)}
.collection-tools .field{margin:0;flex:1;min-width:150px}.collection-tools .field:first-child{flex:2}.collection-tools [role=status]{font-size:12px;color:var(--muted);padding-bottom:11px}
.skip-link{position:fixed;top:-100px;left:20px;background:var(--panel);color:var(--text);padding:12px 18px;border:2px solid var(--accent);z-index:300}.skip-link:focus{top:12px}
.nav-toggle,.nav-backdrop{display:none}
.password-control{display:flex;align-items:center;gap:8px}.password-control input{min-width:0;flex:1}.password-control button{flex-shrink:0;background:var(--panel2);color:var(--text);border:1px solid var(--stroke);padding:10px 12px;border-radius:9px;font-size:12px}
.landing-body.landing-dark{background:var(--bg)!important;color:var(--text)!important}
.landing-body .landing-nav{padding-top:24px;padding-bottom:24px}.landing-body .landing-grid{gap:60px;align-items:center;padding-top:36px;padding-bottom:52px}
.landing-body .landing-copy h1{font-size:clamp(32px,4.5vw,60px)!important;line-height:1.12!important;letter-spacing:-2px;color:var(--text)!important}
.landing-body .landing-copy>p{font-size:15px!important;line-height:1.8;color:var(--muted)!important}
.landing-body .landing-auth-panel{padding:32px!important;border-radius:20px!important;background:var(--panel)!important;border-color:var(--stroke)!important;box-shadow:var(--shadow-soft)!important}
.landing-body .landing-auth-panel h2{font-size:25px!important;color:var(--text)!important;line-height:1.3}
.landing-body .landing-auth-panel>p,.landing-body .auth-inline-note{font-size:13px!important;color:var(--muted)!important}
.landing-body .landing-auth-panel input{font-size:15px!important;min-height:48px!important;background:var(--input)!important;color:var(--text)!important;border-color:var(--stroke)!important}
.landing-body .landing-auth-panel label{font-size:12px!important;color:var(--muted)!important}
.landing-body .auth-tabs{background:var(--bg-soft)!important;border-color:var(--stroke)!important}.landing-body .auth-tab{font-size:13px!important;color:var(--muted)!important}.landing-body .auth-tab.active{background:var(--panel2)!important;color:var(--text)!important}
.landing-body .landing-facts b,.landing-body .landing-logo{color:var(--text)!important}.landing-body .landing-facts span{color:var(--muted)!important}
.landing-body .landing-plans,.landing-body .landing-footer{background:var(--bg)!important}.landing-body .landing-plans .plan-card{background:var(--panel)!important;border-color:var(--stroke)!important}.landing-body .landing-plans h2,.landing-body .landing-plans .plan-price{color:var(--text)!important}
@media(max-width:1100px){.workspace .main{padding:0 22px 36px}.workspace .account>div:not(.avatar){display:none}.workspace .proxy-grid,.workspace .admin-proxy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.getting-started{gap:12px;padding:18px}}
@media(max-width:760px){
 .workspace .app-shell{display:block}.workspace .main{padding:0 14px 30px}.workspace .topbar{height:76px;gap:10px}.workspace .topbar h1{font-size:19px}.workspace .crumb{font-size:10px}.workspace .topbar-actions{gap:8px}.workspace .account{display:none}.workspace .theme-toggle{padding:9px;min-width:38px}.workspace .theme-toggle [data-theme-label]{display:none}
 .workspace .sidebar{position:relative;inset:auto;width:auto;padding:14px;border-right:0;border-bottom:1px solid var(--stroke)}.workspace .sidebar .nav{display:grid;grid-template-columns:1fr 1fr}.workspace .sidebar .brand{padding-bottom:10px}.workspace .sidebar .nav-label{grid-column:1/-1}.workspace .sidebar-bottom{padding-top:10px}
 .workspace.nav-ready .sidebar{position:fixed;inset:0 auto 0 0;width:min(300px,85vw);height:100dvh;z-index:100;transform:translateX(-105%);transition:transform .2s ease;display:flex;background:var(--panel)}.workspace.nav-ready .sidebar .nav{display:flex}.workspace.nav-open .sidebar{transform:translateX(0)}.workspace.nav-open{overflow:hidden}.workspace.nav-ready .nav-toggle{display:block}.workspace.nav-ready .nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;border:0;border-radius:0;z-index:90;background:rgba(0,0,0,.45);width:100%;height:100dvh}
 .workspace .content{padding-top:18px}.workspace .hero,.workspace .dash-hero{padding:20px}.workspace .hero h2,.workspace .dash-hero h2{font-size:24px}.workspace .hero p,.workspace .dash-hero p{font-size:13px}.workspace .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workspace .stat{padding:14px}.workspace .stat .v{font-size:25px}.workspace .stat .v.date{font-size:14px}.workspace .stat .v.compact{font-size:19px}
 .workspace .proxy-grid,.workspace .admin-proxy-grid,.workspace .grid,.workspace .grid.two,.workspace .api-hero,.workspace .ebay-grid,.getting-started{grid-template-columns:1fr}.workspace .panel-head,.workspace .panel-body{padding:16px}.workspace .split,.workspace .access-timer,.workspace .docs-cta{align-items:flex-start;flex-direction:column;gap:14px}.workspace .proxy-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace .dash-plan{align-items:flex-start;flex-direction:column}.workspace input,.workspace select,.workspace textarea{font-size:16px}.workspace .support-popover{max-width:calc(100vw - 24px)}
 .landing-body .landing-grid{display:flex;flex-direction:column-reverse;gap:32px;padding:20px 0 32px}.landing-body .landing-auth-panel{width:100%;padding:24px!important}.landing-body .landing-copy h1{font-size:34px!important}.landing-body .landing-nav{gap:12px;flex-wrap:wrap}.landing-body .landing-nav nav{gap:14px}.landing-body .landing-facts{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep navigation and account controls available inside the mobile drawer. */
.workspace.nav-ready .sidebar .nav{flex-direction:column;overflow:visible}
.workspace.nav-ready .sidebar .nav-label{display:block}
.workspace.nav-ready .sidebar-bottom{display:block}
.workspace .timer-pill{color:var(--muted);border-color:var(--stroke-strong)}
.workspace .user-tools>.password-control{flex:1;min-width:180px}

.workspace .api-requirement{color:var(--text);font-size:12px;line-height:1.7}
/* Legacy page-local panels now follow the shared theme too. */
.workspace :is(.sms-balance-card,.sms-stock,.sms-stock-item,.sms-assignment,.ebay-card,.dns-card,.auto-box,.dns-diagnostic,.cron-command,.px-card,.px-top,.px-tabs,.px-stat,.px-conn,.px-autorotate,.px-rotatebox,.px-info-card,.px-traffic,.px-detail,.px-panel,.px-accessbar,.livebar,.carrier-section,.live-card,.docs-nav,.doc-mini,.step,.doc-endpoint,.doc-tester,.status-row){background:var(--panel)!important;border-color:var(--stroke)!important;color:var(--text)!important}
.workspace :is(.px-iphero,.px-history-chip,.px-port,.px-copyline,.px-ipbox,.px-cap,.px-download,.px-progress,.px-rotate-progress,.live-feature,.doc-code,.profile-chips code,.flow span,.doc-response){background:var(--bg-soft)!important;border-color:var(--stroke)!important;color:var(--text)!important}
.workspace :is(.os-dialog,.os-head,.os-current,.os-group,.os-option,.os-foot,.mv-dialog,.mv-footer,.mv-choice,.mv-debug){background:var(--panel)!important;border-color:var(--stroke)!important;color:var(--text)!important}
.workspace :is(.os-close,.os-icon,.mv-close,.px-copybtn,.px-btn.secondary,.doc-copy){background:var(--panel2)!important;border-color:var(--stroke)!important;color:var(--text)!important}
.workspace :is(.sms-number,.sms-balance-value,.sms-stock-item b,.px-wrap,.px-iphero .ip,.px-copyline code,.px-info-card strong,.px-ar-text b,.px-detail b,.px-accessbar .av,.carrier-title,.live-name,.os-title,.os-current b,.os-group-head b,.mv-dest,.mv-loading-title,.doc-mini b,.doc-mini code,.doc-code code,.doc-endpoint-title code,.doc-table code,.doc-response code){color:var(--text)!important}
.workspace :is(.sms-balance-meta,.sms-stock-head span,.sms-stock-item span,.sms-assignment-meta,.sms-price-note,.sms-hint,.sms-inline-toggle,.sms-message-preview,.sms-pool-policy,.px-id,.px-network,.px-iphero .sub,.px-stat .l,.px-section-head p,.px-mini,.px-ipbox span,.px-ar-text span,.px-auto-next,.px-info-card span,.px-traffic-meta,.px-detail span,.px-field label,.px-accessbar .al,.px-accessbar .as,.live-sub,.carrier-meta,.live-loc,.os-sub,.os-current span,.os-note,.os-option small,.mv-target-sub,.mv-note,.mv-hint,.mv-loading-sub,.docs-nav a,.docs-nav code,.doc-mini span,.doc-section>.section-sub,.step p,.doc-endpoint-head p,.doc-block>p,.doc-footer-note,.doc-tester-keybar p,.doc-tester-head p,.doc-response-head span){color:var(--muted)!important;font-size:12px;line-height:1.65}
.workspace :is(.px-tabs a,.os-option.active,.mv-choice.active,.docs-nav a:hover){color:var(--accent)!important}
.workspace :is(.px-field input,.px-field select,.px-ar-select,.mv-details textarea,.doc-key-row input,.doc-tester-fields input,.doc-tester-body){background:var(--input)!important;color:var(--text)!important;border-color:var(--stroke)!important;font-size:14px}
.workspace :is(.px-table th,.doc-table th){background:var(--bg-soft)!important;color:var(--muted)!important}.workspace .px-table td{color:var(--text)!important}
.workspace .sms-code b{color:var(--good)!important}.workspace .sms-number-status.error{color:var(--bad)!important}
.workspace .px-tabs{display:flex;flex-wrap:wrap}.workspace .px-copyline code{overflow-wrap:anywhere;min-width:0}.workspace .px-btn{min-height:40px;font-size:12px}.workspace .px-conn{min-width:0}