/* Larger, regular UI text. Keep symbolic icons and payment data monospace. */
:root { --bp-font-ui: "Segoe UI", Roboto, Arial, system-ui, sans-serif; }
html, body { font-size: 16px; font-weight: 400; line-height: 1.5; }
body, button, input, select, textarea { font-synthesis: none; }
.brand strong { font-weight: 600; }
.topbalance, #content .metric .value, #content .bp-balance-value { font-weight: 500; }
#side.side .nav, #side.side .nav.active {
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  letter-spacing: normal !important;
  min-height: 44px;
  padding: 10px 11px;
}
#side.side .section-label {
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .09em !important;
  line-height: 1.5;
}
#side.side .sidefooter { font-size: 13px; font-weight: 400; }
#content .pagehero h1 { font-size: 28px; font-weight: 600; line-height: 1.3; }
#content .card h3, .modal h2 { font-size: 18px; font-weight: 600; line-height: 1.4; }
#content .mini-sub, #content .label, #content .small, #content .sub,
#content .gbs-product-details small, #content .action small {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
}
#content .tablelist th { font-size: 14px; font-weight: 500; }
#content .tablelist td { font-size: 15px; font-weight: 400; line-height: 1.55; }
#content .tablelist strong, #content .tablelist b { font-weight: 500; }
#content .pill, #content .tiny { font-size: 13px; font-weight: 400; }
#content .subtitle { font-size: 18px; font-weight: 500; }
#content .action b, #content .action strong, #content .gbs-product-details strong,
#content .gbs-gallery .gbs-product-details strong { font-size: 16px; font-weight: 500; line-height: 1.45; }
#content .gbs-order-number, #content .gbs-order-price { font-weight: 500; }
#content .gbs-order-title { font-size: 15px; font-weight: 400; line-height: 1.5; }
#content .gbs-order-date { font-size: 13px; }
#content .primary, #content .secondary, #content .bp-balance-open,
.bp-topup-primary, .bp-topup-secondary, .authbox button { font-size: 15px; font-weight: 500 !important; }
input, select, textarea { font-size: 16px; font-weight: 400; }
#content .callout, .modal .callout, .bp-topup-hint p { font-size: 14px; line-height: 1.6; font-weight: 400; }
.bp-topup-network strong { font-size: 15px; font-weight: 500; }
.bp-topup-network small, .bp-topup-label, .bp-topup-status { font-size: 14px; font-weight: 400; }
.bp-topup-address-value, .pre { font-size: 14px; line-height: 1.6; }
.money, .topbalance, .bp-balance-value, .tablelist { font-variant-numeric: tabular-nums; }
@media (max-width: 760px) {
  #side.side .nav { font-size: 15px !important; min-height: 46px; }
  #content .pagehero h1 { font-size: 24px; }
  #content .card h3 { font-size: 17px; }
}

/* Admin sales analytics: responsive, no external chart dependency. */
#content .bp-stats-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:0 0 22px}
#content .bp-stats-controls label{font-size:13px;display:grid;gap:3px}
#content .bp-stats-controls input{background:transparent;color:inherit;border:1px solid #4a5566;border-radius:8px;padding:8px;max-width:170px}
#content .bp-stats-controls button{min-height:39px}
#content .bp-stats-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#content .bp-stats-kpi{background:rgba(120,143,178,.08);border:1px solid rgba(145,166,197,.16);border-radius:12px;padding:17px;min-width:0}
#content .bp-stats-kpi small{display:block;color:#a6b1c0;font-size:14px}
#content .bp-stats-kpi strong{display:block;font-size:24px;line-height:1.35;font-weight:600;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#content .bp-stats-chart{height:230px;display:flex;gap:8px;min-width:0}
#content .bp-stats-chart svg{flex:1;min-width:0;height:100%;overflow:visible}
#content .bp-stats-chart svg rect{fill:#73aaff}
#content .bp-stats-chart svg rect:hover{fill:#9fc5ff}
#content .bp-stats-scale{display:flex;flex-direction:column;justify-content:space-between;font-size:12px;color:#a6b1c0;min-width:52px;text-align:right}
#content .bp-stats-dates{display:flex;justify-content:space-between;margin-left:60px;color:#a6b1c0;font-size:13px}
#content .bp-stats-family{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:12px 0;border-bottom:1px solid rgba(150,170,192,.15)}
#content .bp-stats-family small{grid-column:1/-1;color:#a6b1c0}
@media(max-width:900px){#content .bp-stats-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){#content .bp-stats-kpis{grid-template-columns:1fr 1fr}#content .bp-stats-kpi{padding:12px}#content .bp-stats-kpi strong{font-size:19px}#content .bp-stats-controls label{width:45%}#content .bp-stats-controls input{max-width:100%;width:100%}}