/*
 * LGFT v5.05.1 Wallet Go-Live dashboard layout resolver.
 * Intellectual property notice: Copyright © Francois Coetsee. All rights reserved.
 * Platform source code, workflow logic, wallet architecture, QR/payment controls,
 * documentation and interface designs are intellectual property of Francois Coetsee as sole developer.
 */

/* Production Wallet Go-Live KPI repair: keep KPI cards in a real grid, not full-width bars. */
.wallet-golive-card .wallet-golive-kpi-grid,
.wallet-golive-card > .kpi-grid.wallet-golive-kpi-grid,
main .wallet-golive-kpi-grid,
main .card.wallet-golive-card .kpi-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(165px, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
  width: 100% !important;
  margin: 18px 0 !important;
}

.wallet-golive-kpi-grid .kpi,
.wallet-golive-card .kpi-grid .kpi,
.wallet-golive-card .wallet-golive-kpi-grid .kpi {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 10px !important;
  min-height: 92px !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 14px 15px !important;
  border: 1px solid rgba(148,163,184,.34) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(15,23,42,.96), rgba(15,23,42,.72)) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.14) !important;
  text-align: left !important;
}

.wallet-golive-kpi-grid .kpi strong,
.wallet-golive-card .kpi-grid .kpi strong {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #b7c4d8 !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  white-space: normal !important;
}

.wallet-golive-kpi-grid .kpi span,
.wallet-golive-card .kpi-grid .kpi span {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-size: clamp(17px, 1.8vw, 24px) !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: -.015em !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.wallet-golive-kpi-grid .kpi.pass { border-color: rgba(34,197,94,.45) !important; }
.wallet-golive-kpi-grid .kpi.warning { border-color: rgba(245,158,11,.58) !important; }
.wallet-golive-kpi-grid .kpi.blocked { border-color: rgba(239,68,68,.62) !important; }

/* Keep live gate table readable while preserving the existing data-table controls. */
.wallet-golive-card + .card .data-table,
.wallet-golive-card ~ .card .data-table {
  table-layout: auto !important;
}

.wallet-golive-card ~ .card .data-table th,
.wallet-golive-card ~ .card .data-table td {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  vertical-align: top !important;
}

/* App-wide copyright and IP footer notice. */
.footer .lgft-ip-footer-line {
  display: inline-block;
  max-width: 980px;
  color: #9fb0c8;
  font-size: 12px;
  line-height: 1.45;
}

@media (max-width: 900px) {
  .wallet-golive-card .wallet-golive-kpi-grid,
  main .wallet-golive-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 540px) {
  .wallet-golive-card .wallet-golive-kpi-grid,
  main .wallet-golive-kpi-grid {
    grid-template-columns: 1fr !important;
  }
  .wallet-golive-kpi-grid .kpi { min-height: 76px !important; }
}