/* Local redesign. Keep the original DOM and business scripts intact. */
:root {
  --ink: #27343d;
  --muted: #71808a;
  --line: #e1e6e9;
  --paper: #f7f8f8;
  --surface: #fff;
  --mint: #39746d;
  --mint-dark: #2e625c;
  --mint-soft: #edf4f1;
  --navy: #315d58;
  --shadow: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
}
body { background: var(--paper); color: var(--ink); }
.topbar { height: 64px; padding: 0 clamp(16px,3vw,42px); background: #fff; border-color: var(--line); backdrop-filter: none; }
.brand { gap: 8px; }
.brand-mark { width: 37px; height: 37px; background: none; box-shadow: none; }
.brand-mark img { width: 38px; height: 38px; margin: 0; filter: none; }
.brand strong { font-size: 16px; font-weight: 750; letter-spacing: 0; }
.brand small { font-size: 11px; margin-top: 1px; }
.balance,.language-button { color: var(--mint-dark); background: #f3f7f5; border: 1px solid #dce8e2; border-radius: 5px; font-weight: 650; }
main { width: min(1340px,100%); padding: 23px clamp(16px,3vw,42px) 56px; }
.panel { background: #fff; border: 1px solid var(--line); border-radius: 8px; box-shadow: none; }
.button { border-radius: 5px; font-weight: 650; transition: background .15s,border-color .15s; }
.button:hover,.popular-service:hover { transform: none; }
.button.primary,.button.hero-primary,.catalog-bottom .button.primary,.country-results .catalog-bottom .button.primary { color:#fff; background:var(--navy); border-color:var(--navy); }
.button.primary:hover,.button.hero-primary:hover,.country-results .catalog-bottom .button.primary:hover { background:#234d48; }
.button.ghost,.button.hero-secondary { color:var(--ink); background:#fff; border:1px solid #cad5d9; }
input,select,textarea { border:1px solid #cdd8dc; border-radius:5px; transition:border-color .15s,box-shadow .15s; }
input:focus,select:focus,textarea:focus,.flow-card input:focus,.flow-card select:focus { border-color:var(--mint); box-shadow:0 0 0 2px #39746d22; }
.sidebar { margin-bottom:19px; padding:4px; background:#fff; border-radius:7px; border:1px solid var(--line); }
.nav-item { min-width:104px; padding:10px 15px; border-radius:4px; font-size:13px; }
.nav-item.active { background:var(--mint-soft); color:var(--mint-dark); }
.page-heading h2 { font-size:23px; letter-spacing:0; }
.eyebrow,.hero-kicker { font-size:11px; color:var(--mint-dark); letter-spacing:.03em; font-weight:700; }
.landing-hero { display:block; min-height:0; padding:24px 28px; margin-bottom:15px; border:1px solid var(--line); border-radius:8px; color:var(--ink); background:#fff; box-shadow:none; }
.landing-hero::before { display:none; }
.hero-copy,.hero-copy h1,.hero-copy>p { max-width:none; }
.hero-copy h1 { margin:7px 0 7px; font-size:26px; line-height:1.3; letter-spacing:0; }
.hero-copy>p { color:var(--muted); font-size:13px; line-height:1.65; }
.hero-actions { margin-top:15px; gap:8px; }
.hero-actions .button { padding:9px 14px; border-radius:5px; font-size:12px; }
.hero-promises { margin-top:15px; color:#71808a; font-size:11px; gap:8px 17px; }
.live-stats { position:static; margin:0 0 23px; width:100%; border:1px solid var(--line); border-radius:7px; background:#fff; box-shadow:none; }
.live-stats div { padding:13px 10px; gap:2px; }
.live-stats div+div { border-color:var(--line); }
.live-stats strong { color:var(--ink); font-size:17px; font-weight:700; }
.live-stats span { font-size:11px; }
.catalog-browser { grid-template-columns:minmax(360px,490px) minmax(0,1fr); gap:17px; }
.service-pane { gap:12px; }
.flow-card { padding:18px; border:1px solid var(--line); border-radius:8px; background:#fff; box-shadow:none; color:var(--ink); }
.flow-step-head { margin-bottom:13px; }
.flow-step-head>b { width:24px; height:24px; border-radius:4px; background:var(--mint-soft); color:var(--mint-dark); font-size:12px; }
.flow-step-head strong { font-size:15px; }
.flow-step-head small,.service-flow .service-search span,.service-flow .popular-head small { color:var(--muted); }
.flow-card input,.flow-card select { background:#fff; border-color:#cdd8dc; }
.service-flow .popular-block { padding:11px; background:#f7f9f8; border:1px solid var(--line); border-radius:6px; box-shadow:none; }
.service-flow .popular-head strong { color:var(--ink); }
.service-flow .popular-service { min-height:78px; background:#fff; border:1px solid var(--line); border-radius:6px; box-shadow:none; }
.service-flow .popular-service.active { border-color:var(--mint); box-shadow:inset 0 0 0 1px var(--mint); }
.brand-mark,.popular-icon,.service-logo,.selected-service-logo { background:#e4eeea; box-shadow:none; }
.service-flow .services-list.open { top:112px; left:14px; right:14px; border:1px solid #cbd6d8; border-radius:6px; background:#fff; box-shadow:0 10px 24px #233c4822; padding:6px; }
.service-flow .services-list.open .service-item,.service-flow .services-list.open .service-item:nth-child(even) { padding:10px 12px; margin:0; border:1px solid transparent; border-radius:4px; background:#fff; box-shadow:none; color:var(--ink); }
.service-flow .services-list.open .service-item:hover { background:#f2f6f4; border-color:#dce8e2; box-shadow:none; }
.service-flow .services-list.open .service-item.active { background:var(--mint-soft); border-color:var(--mint); color:var(--ink); }
.service-flow .services-list.open .service-item small,.service-flow .services-list.open .service-item.active small { color:var(--muted); }
.service-flow .services-list.open .service-item .service-price,.service-flow .services-list.open .service-item.active .service-price { color:var(--mint-dark); }
.tier-option { color:var(--ink); background:#f7f9f8; border:1px solid var(--line); border-radius:5px; }
.tier-option small { color:var(--muted); }
.tier-option.active,.tier-option.gold.active,.tier-option.silver.active { color:var(--ink); background:#eaf3ef; border-color:#7ca99c; box-shadow:none; }
.country-results .empty { color:var(--muted); border-color:var(--line); background:#f8f9f9; }
.country-results .catalog-card { border:1px solid var(--line); border-radius:6px; background:#fff; box-shadow:none; }
.country-results .price,.route-picker summary,.route-price,.country-price small { color:var(--mint-dark); }
.route-row { background:#f9faf9; border-color:var(--line); }
.offer-pane { top:82px; padding:23px; border-radius:8px; background:#fff; box-shadow:none; }
.workbench-heading h2 { font-size:23px; letter-spacing:0; }
.selection-overview { padding:17px; border:1px solid var(--line); border-radius:6px; box-shadow:none; }
.selection-overview .selected-service-title h3 { font-size:18px; }
.selection-stats { border-radius:5px; background:#f4f7f5; }
.selection-stats div+div { border-color:var(--line); }
.selection-stats strong { color:var(--ink); font-size:18px; }
.workbench-guide { margin-top:14px; gap:8px; }
.workbench-guide>div { padding:12px; border-radius:5px; background:#fff; }
.workbench-guide>div>b { width:23px; height:23px; border-radius:4px; background:var(--mint-soft); color:var(--mint-dark); font-size:12px; }
.workbench-note { margin-top:14px; padding:13px; border:1px solid #d8e8df; border-radius:5px; background:#f4f8f5; color:var(--ink); }
.workbench-note p { color:var(--muted); }
.member-dashboard { padding:20px; border:1px solid var(--line); border-radius:8px; background:#fff; box-shadow:none; }
.member-welcome h1 { font-size:23px; }
.member-metrics article { border-radius:5px; box-shadow:none; }
.benefit-grid { display:none; }
.conversion-sections { margin-top:20px; gap:15px; }
.recharge-guide { padding:22px; }
.recharge-guide h2,.faq-section h2 { font-size:20px; letter-spacing:0; }
.recharge-guide li { border-radius:5px; background:#f5f7f7; }
.recharge-guide li b { border-radius:4px; background:var(--mint-dark); }
.faq-section { padding:24px; grid-template-columns:230px minmax(0,1fr); gap:25px; border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--ink); }
.faq-section>div>p,.faq-list p { color:var(--muted); }
.faq-list details { padding:13px; border:1px solid var(--line); border-radius:5px; background:#fff; }
.rental-hero { padding:22px; color:var(--ink); border:1px solid var(--line); background:#fff; }
.rental-hero h1 { font-size:24px; letter-spacing:0; }
.rental-hero p,.rental-country small,.rental-country span { color:var(--muted); }
.rental-country { border:1px solid var(--line); border-radius:6px; background:#f8faf9; }
.auth-copy h1 { font-size:clamp(29px,4vw,44px); letter-spacing:0; }
.auth-card { border-radius:8px; }
.hero-copy { text-align:left; }
.hero-actions,.hero-promises { justify-content:flex-start; }
.member-metrics article,.order-summary article,.ops-overview>div,.ops-overview>article { border:1px solid var(--line); border-radius:6px; background:#fff; box-shadow:none; }
.member-metrics strong,.order-summary strong,.ops-overview strong { color:var(--ink); font-size:23px; letter-spacing:0; }
.ops-nav { gap:7px; padding:8px; border:1px solid var(--line); border-radius:6px; background:#f4f7f5; }
.ops-nav .button.active { color:var(--mint-dark); border-color:#9bbeb2; background:var(--mint-soft); box-shadow:none; }
.ops-filter-panel,.ops-simple-search,.mail-settings-section { border:1px solid var(--line); border-radius:6px; background:#f8faf9; box-shadow:none; }
.ops-table th { background:#f4f7f5; color:#50645f; }
.ops-table th,.ops-table td { border-bottom-color:var(--line); }
.ops-table tbody tr:hover { background:#fafcfb; }
#mail-action-result { background:#edf4f1; border-radius:5px; }
dialog { border:1px solid var(--line); border-radius:9px; }
.tabs,.tab,.order-filters,.order-filters button { border-radius:5px; }
.tab.active,.order-filters button.active { background:var(--mint-soft); color:var(--mint-dark); box-shadow:none; }
.text-button,.money-in,.recharge-purchase a { color:var(--mint-dark); }
.member-empty,.active-order-preview,.order-card,.order-card.active-order,.order-card.received-order { border:1px solid var(--line); border-radius:7px; background:#fff; box-shadow:none; }
.active-order-preview:hover,.country-results .catalog-card:hover { border-color:#9bbeb2; box-shadow:none; transform:none; }
.order-values>div,.order-values .code-value { border-color:var(--line); border-radius:5px; background:#f7faf8; }
.order-values .sms-code { color:var(--mint-dark); }
.copy-button,.copy-button.primary-copy { border-radius:4px; }
.copy-button.primary-copy { color:#fff; background:var(--mint-dark); border-color:var(--mint-dark); }
.order-waiting-guidance { border:1px solid #d8e8df; border-radius:6px; background:#f4f8f5; box-shadow:none; }
.waiting-guidance-icon { border-radius:5px; background:var(--mint-dark); box-shadow:none; }
.waiting-guidance-copy strong { color:var(--ink); }
.waiting-guidance-copy p { color:var(--muted); }
.countdown-track i { background:var(--mint); }
.status.received { color:var(--mint-dark); background:var(--mint-soft); }
.rental-country-option,.rental-service-trigger,.rental-service-option,.rental-service-option.all-service,.area-code-option { border-radius:6px; border-color:var(--line); background:#fff; box-shadow:none; }
.rental-country-option:hover,.rental-service-trigger:hover,.rental-service-trigger.open,.rental-service-option:hover,.area-code-option:hover { border-color:#7fa99b; background:#f7faf8; box-shadow:none; transform:none; }
.rental-country-option.active,.rental-service-option.active,.rental-service-option.all-service.active,.area-code-option.selected,.area-code-option:has(input:checked) { border-color:var(--mint); background:var(--mint-soft); box-shadow:none; }
.rental-service-tags i,.rental-all-badge { color:var(--mint-dark); border-color:#d4e4dc; background:#f4f8f5; border-radius:4px; }
.area-code-grid { border-color:var(--line); border-radius:6px; background:#f8faf9; }
.rental-price { border:1px solid #cbded5; border-radius:6px; color:var(--ink); background:#f4f8f5; }
.rental-price small { color:var(--muted); }
.rental-terms-icon,.order-type-icon,.order-type-icon.rental { border-radius:5px; background:var(--mint-dark); box-shadow:none; }
.rental-terms-highlight,.rental-procurement-notice { border-color:#cbded5; border-radius:6px; color:var(--ink); background:#f4f8f5; box-shadow:none; }
@media(max-width:700px) { .page-heading { align-items:flex-start; flex-direction:column; }.heading-actions { width:100%; }.member-metrics,.order-summary { gap:7px; }.member-metrics article,.order-summary article { padding:12px; }.member-metrics strong,.order-summary strong { font-size:20px; }.tier-selector { gap:6px; }.tier-option { padding:12px 8px; }.workbench-guide { grid-template-columns:1fr; } }
@media (max-width:1100px) { .catalog-browser { grid-template-columns:1fr; }.offer-pane { position:static; } }
@media (max-width:700px) { .topbar { height:auto; min-height:64px; padding:9px 15px; }.hero-copy { text-align:left; }.hero-actions,.hero-promises { justify-content:flex-start; }.landing-hero { padding:19px; }.hero-copy h1 { font-size:22px; }.live-stats { grid-template-columns:repeat(2,1fr); }.live-stats div:nth-child(3) { border-left:0; border-top:1px solid var(--line); }.live-stats div:nth-child(4) { border-top:1px solid var(--line); }.faq-section { grid-template-columns:1fr; }.service-flow .popular-services { grid-template-columns:repeat(3,minmax(0,1fr)); } }