#page-catalog > .landing-hero, #page-catalog > .live-stats, #page-catalog > .conversion-sections { display:none; }
body { background:#f4f7f6; color:#182824; }
.topbar { background:#fff; border-bottom:1px solid #dce4e0; }
.topbar .brand strong { color:#182824; }
.workspace-view { padding-top:20px; }
.workspace-view .section-tabs { background:transparent; border:0; border-radius:0; box-shadow:none; padding:0; margin:0 0 20px; }
.section-tabs button { border-radius:6px; }
.section-tabs button.active { color:#087653; background:#e2f4ed; }
.service-flow, .flow-card { color:#182824; }
.service-flow .service-search span { color:#63736e; }
.service-flow .popular-block { background:transparent; box-shadow:none; padding:0; border-radius:0; }
.service-flow .popular-head strong { color:#182824; font-size:13px; }
.service-flow .popular-services { grid-template-columns:repeat(2,minmax(0,1fr)); }
.service-flow .popular-service { min-height:64px; border:1px solid #dce4e0; border-radius:6px; box-shadow:none; }
.service-flow .popular-service.active { box-shadow:none; border-color:#087653; background:#e2f4ed; }
.service-flow .popular-icon { width:26px; height:26px; }
.service-flow .services-list.open { position:static; max-height:320px; margin:12px 0; padding:0; background:#fff; border:1px solid #dce4e0; border-radius:6px; box-shadow:none; display:grid; gap:0; }
.service-flow .services-list.open .service-item { display:grid; grid-template-columns:26px minmax(0,1fr) auto; gap:8px; padding:10px 8px; margin:0; border:0; border-bottom:1px solid #edf1ef; border-radius:0; box-shadow:none; min-height:54px; }
.service-flow .services-list.open .service-item + .service-item { margin-top:0; }
.service-flow .services-list.open .service-copy strong { font-size:13px; white-space:normal; overflow-wrap:anywhere; }
.service-flow .services-list.open .service-copy small { font-size:10px; }
.service-flow .services-list.open .service-price { font-size:11px; color:#087653; }
.service-flow .services-list.open .service-logo { width:26px; height:26px; font-size:12px; border-radius:4px; }
.service-flow .services-list.open .service-item.active { background:#e2f4ed; color:#182824; }
.service-flow .services-list.open .service-item.active small { color:#63736e; }
.service-flow .services-list.open .service-item:nth-child(even) { background:#f8faf9; }
.service-flow .services-list.open .service-item:hover { background:#e2f4ed; }
.flow-card input, .flow-card select { border-color:#d1dcd6; background:#fff; }
.flow-card input:focus, .flow-card select:focus { border-color:#087653; box-shadow:0 0 0 2px #08765320; }
.flow-card .empty, .country-results .empty { color:#63736e; background:transparent; border:1px dashed #cbd9d2; border-radius:6px; }
.tier-option, .tier-option[data-tier="all"] { min-height:44px; display:flex; align-items:center; justify-content:center; gap:0; color:#465d53; background:#fff; border:1px solid #d1dcd6; box-shadow:none; }
.tier-option[data-tier="all"]::before { display:none; }
.tier-option.gold, .tier-option.silver, .tier-option.gold.active, .tier-option.silver.active { box-shadow:none; }
.tier-option.active, .tier-option:hover { background:#e2f4ed; color:#087653; border-color:#087653; box-shadow:none; transform:none; }
.tier-option b { letter-spacing:0; }
.country-results .country-identity h3 { font-size:15px; }
.country-results { scrollbar-color:#c6d5cd transparent; }
.member-mode .member-dashboard { border-radius:0; box-shadow:none; padding:12px 0; }
.member-dashboard .member-metrics { grid-template-columns:none; }
.member-dashboard .member-metrics { margin-top:0; }
#page-catalog>.page-heading h2 { margin:0; }
.member-dashboard .member-metrics article { border:0; border-radius:0; box-shadow:none; background:transparent; }
.member-dashboard .member-metrics strong { font-size:18px; }
.member-dashboard .member-metrics small { font-size:13px; }
.recent-routes { border:1px solid #dce4e0; background:#fff; border-radius:6px; color:#182824; }
.recent-routes-head strong { color:#182824; white-space:nowrap; }
.recent-routes-head small { min-width:0; }
.recent-route { background:#f4f7f6; color:#182824; border-radius:4px; }
.recent-route small, .recent-routes-head small { color:#63736e; }
.recent-route b { color:#087653; }
.offer-pane .selected-service-title small { color:#63736e; }
main { width:min(1640px,100%); padding:20px; }
.workspace { width:100%; margin:0 auto; }
#workspace-view .sidebar { margin-bottom:16px; padding:0; background:transparent; border:0; border-radius:0; box-shadow:none; gap:8px; }
#workspace-view .sidebar .nav-item { min-width:auto; padding:10px 16px; border-radius:6px; }
#workspace-view .sidebar .nav-item.active { color:#087653; background:#e2f4ed; }
#page-catalog > .page-heading { margin:18px 0; }
#page-catalog > .page-heading h2 { font-size:24px; }
#page-catalog > .page-heading p, #page-catalog > .page-heading .eyebrow { display:none; }
.catalog-browser { display:grid; grid-template-columns:230px minmax(360px,1fr) 340px; gap:16px; align-items:start; }
.service-pane, .route-pane, .offer-pane { min-width:0; }
.service-pane, .route-pane { display:block; }
.flow-card, .offer-pane.panel { padding:0; background:transparent; border:0; box-shadow:none; border-radius:0; }
.catalog-browser > .service-pane, .catalog-browser > .route-pane, .catalog-browser > .offer-pane.panel { padding:14px; border:1px solid #c9d5ce; border-radius:0; background:#fff; box-shadow:none; }
.country-results .route-row { padding:10px; border:1px solid #a4b5ac; border-radius:6px; background:#fff; }
.country-results .route-row:hover, .country-results .route-row:focus-within { border-color:#087653; }
.service-logo, .selected-service-logo, .popular-icon { background:#fff url('/assets/services/service.svg') center/70% no-repeat; box-shadow:none; border-radius:4px; }
.service-flow .popular-icon { width:32px; height:32px; }
.service-logo img, .selected-service-logo img, .popular-icon img { padding:2px; background:#fff; }
.home-order-service { display:flex; align-items:center; gap:8px; min-width:0; }
.home-order-service .service-logo { width:26px; height:26px; }
.long-service strong { display:flex; align-items:center; gap:8px; }
.long-service .service-logo { display:grid; width:26px; height:26px; margin:0; }
.flow-card + .flow-card { margin-top:20px; }
.flow-step-head { margin-bottom:12px; }
.flow-step-head small, .workbench-heading, .workbench-guide, .workbench-note { display:none; }
.flow-step-head b { width:24px; height:24px; font-size:13px; }
.flow-step-head strong { font-size:16px; }
.service-search input, .country-controls input { height:44px; width:100%; min-width:0; }
.popular-services { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.popular-service { min-height:64px; padding:10px 6px; border-radius:6px; }
.popular-service small, .popular-head small { display:none; }
.popular-service .popular-icon { width:26px; height:26px; }
.popular-service span { font-size:13px; overflow-wrap:anywhere; }
.services-list.open { max-height:320px; overflow:auto; }
.tier-selector { display:flex; gap:6px; }
.tier-option { flex:1; min-width:0; padding:10px 6px; border-radius:6px; }
.tier-option b { font-size:13px; }
.tier-option small { display:none; }
.country-controls { display:grid; grid-template-columns:minmax(0,1fr) 128px; gap:8px; }
.country-controls select { width:100%; }
.country-results { display:block; }
.country-route-card { margin-bottom:8px; padding:12px; border-radius:6px; background:#fff; box-shadow:none; }
.country-results .catalog-card.country-route-card { padding:12px; border:1px solid #91a69b; border-radius:6px; box-shadow:none; }
.country-results .catalog-card.country-route-card:focus-within { border-color:#087653; }
.country-results .country-card-head { padding-bottom:10px; border-bottom:1px solid #c9d5ce; }
.country-card-head { display:flex; align-items:center; gap:10px; }
.country-identity { flex:1; min-width:0; }
.country-identity h3 { font-size:15px; overflow-wrap:anywhere; }
.country-results .country-flag { width:40px; height:30px; flex:none; border-radius:3px; box-shadow:inset 0 0 0 1px #dce4e0; font-size:13px; }
.country-results .country-flag img { padding:0; background:transparent; }
.long-country { display:flex; align-items:center; gap:10px; }
.long-country .country-flag { width:32px; height:24px; flex:none; border-radius:3px; font-size:12px; box-shadow:inset 0 0 0 1px #dce4e0; }
.long-country .country-flag img { padding:0; background:transparent; }
.country-price { flex:none; }
.country-price small { font-size:15px; color:#182d24; font-weight:700; }
.country-price strong { font-size:11px; color:#63736e; }
.route-picker summary { font-size:12px; padding-top:8px; }
.route-row { padding:10px 0; display:grid; grid-template-columns:64px minmax(0,1fr) 64px auto; gap:6px; }
.route-code em { font-size:11px; }
.route-actions { display:flex; gap:4px; flex-wrap:wrap; }
.route-actions .button { padding:8px; font-size:12px; }
.country-quick-buy { padding:9px 10px; white-space:nowrap; font-size:12px; }
.member-dashboard { padding:12px 0; margin:0; border:0; border-bottom:1px solid #dce8e3; background:transparent; box-shadow:none; }
.member-welcome { display:none; }
.member-metrics { display:flex; gap:24px; flex-wrap:wrap; }
.member-metrics article { display:flex; gap:10px; align-items:center; padding:0; border:0; background:transparent; box-shadow:none; }
.member-metrics strong { font-size:18px; }
.member-metrics article>span { display:none; }
.home-receiving-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:12px; }
.home-receiving-head h2 { font-size:20px; margin:0; }
.member-active-orders { display:grid; gap:10px; }
.home-order { padding:14px; border:1px solid #dce8e3; border-radius:6px; background:#fff; }
.home-order-header { display:flex; justify-content:space-between; align-items:start; gap:8px; font-size:14px; }
.home-order-header small { display:block; color:#63736e; margin-top:4px; }
.home-order-number, .home-order-code { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:12px; }
.home-order-number strong { font-size:19px; overflow-wrap:anywhere; }
.home-order-code strong { color:#087653; font-size:24px; }
.home-order-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.home-order-actions .button { padding:8px; font-size:12px; }
.home-order-time { display:block; margin-top:10px; font-size:12px; color:#63736e; }
.offer-pane .selection-overview { margin-top:20px; padding:12px 0; border:0; border-top:1px solid #dce8e3; background:transparent; }
.offer-pane .selection-overview h3 { font-size:16px; }
.offer-pane .selected-service-title h3 { font-size:16px; }
.offer-pane .selected-service-title { margin-bottom:10px; }
.offer-pane .selection-stats { background:transparent; border-radius:0; }
.offer-pane .selection-stats>div { padding:8px 0; flex:1; }
.offer-pane .selected-service-title .selected-service-logo { width:30px; height:30px; border-radius:4px; font-size:14px; }
.selection-stats { display:flex; gap:12px; }
.selection-stats strong { font-size:16px; }
.home-favorites { margin:16px 0; }
.home-favorites>div:first-child { display:flex; justify-content:space-between; align-items:center; gap:6px; font-size:13px; }
#favorite-services { display:grid; gap:6px; margin-top:8px; }
#favorite-services button { text-align:left; }
.batch-topup { margin-top:12px; display:flex; gap:12px; align-items:center; }
.batch-export-toolbar { display:flex; align-items:flex-end; gap:8px; flex-wrap:wrap; margin:12px 0; }
.batch-export-toolbar label { display:grid; gap:6px; min-width:0; }
.batch-export-toolbar select { max-width:100%; }
.ops-recovery { margin:16px 0; }
.recovery-row { display:flex; gap:12px; flex-wrap:wrap; align-items:center; padding:12px 0; border-bottom:1px solid #dce8e3; font-size:13px; overflow-wrap:anywhere; }
@media(min-width:1180px) { .offer-pane { position:sticky; top:100px; max-height:calc(100vh - 120px); overflow:auto; } }
@media(max-width:1179px) { .catalog-browser { grid-template-columns:210px minmax(0,1fr); }.offer-pane { grid-column:1/-1; }.member-active-orders { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .workspace { width:calc(100% - 24px); margin:12px auto; }.catalog-browser { grid-template-columns:minmax(0,1fr); gap:18px; }.offer-pane { grid-column:auto; }.popular-services { grid-template-columns:repeat(4,minmax(0,1fr)); }.member-active-orders { grid-template-columns:1fr; }.member-metrics { gap:12px; }.member-metrics article { gap:6px; }.member-metrics strong { font-size:16px; }.route-row { grid-template-columns:60px minmax(0,1fr) 60px; }.route-actions { grid-column:1/-1; justify-content:flex-end; }.country-card-head { flex-wrap:wrap; }.country-quick-buy { margin-left:auto; }.country-controls { grid-template-columns:minmax(0,1fr) 110px; } }
@media(max-width:700px) { .service-flow .popular-services { grid-template-columns:repeat(4,minmax(0,1fr)); }.offer-pane { position:static; }.topbar { padding:12px; }.topbar .header-actions { gap:6px; flex-wrap:wrap; }.home-favorites>div:first-child { flex-wrap:wrap; } }
@media(max-width:700px) {
  .service-flow .popular-services { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .service-flow .popular-service span:not(.popular-icon) { white-space:normal; text-overflow:clip; overflow:visible; overflow-wrap:anywhere; font-size:12px; line-height:1.25; }
  .offer-pane:has(.home-order) { grid-row:1; }
  .offer-pane:has(.home-order) .selection-overview { display:none; }
}
@media(max-width:360px) { .service-flow .popular-services { grid-template-columns:repeat(2,minmax(0,1fr)); } }
