/* Handball Tracker Cloud v1.28 revision 5 — live-tracking stability and visual polish */

/* The experimental mobile bottom dock had no reliable navigation role. The
   existing application header and workspace controls remain the navigation. */
#mobileBottomNav,
.mobile-bottom-nav {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
@media (max-width: 900px) {
  body { padding-bottom: max(10px, env(safe-area-inset-bottom)) !important; }
}

/* Six compact live actions, including a permanently accessible End game. */
body.v128r2-ui .v128r2-live-actions {
  grid-template-columns: repeat(6, minmax(68px, 1fr)) !important;
}
body.v128r2-ui .v128r2-live-actions .v128r5-end-game {
  color: #ffb9b9 !important;
  border-color: rgba(239, 92, 92, .5) !important;
  background: linear-gradient(180deg, rgba(116, 29, 37, .52), rgba(68, 20, 27, .48)) !important;
}
body.v128r2-ui .v128r2-live-actions .v128r5-end-game b {
  color: #ff7f7f !important;
}
body.v128r2-ui .v128r2-live-actions .v128r5-end-game:hover {
  background: rgba(145, 38, 48, .68) !important;
  border-color: #ef6b74 !important;
}

/* Blocked shots and ball losses now use the same calm dark-card system as the
   rest of Live statistics instead of retaining the old light interface. */
body.v128r2-ui .filtered-action-section {
  margin-top: 12px !important;
  padding: 13px !important;
  border: 1px solid #203e54 !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg, #071827, #06131f) !important;
}
body.v128r2-ui .filtered-action-section > h3 {
  margin: 0 0 4px !important;
  color: #e7eff4 !important;
  font-size: 15px !important;
}
body.v128r2-ui .filtered-action-section > .hint {
  margin: 0 0 11px !important;
  color: #849aab !important;
}
body.v128r2-ui .team-action-summary-host {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(235px, 1fr)) !important;
  gap: 9px !important;
}
body.v128r2-ui .team-attack-summary-panel {
  padding: 10px !important;
  border: 1px solid #24465d !important;
  border-radius: 11px !important;
  background: #081b2b !important;
  box-shadow: none !important;
}
body.v128r2-ui .team-attack-summary-panel h4 {
  margin: 0 0 8px !important;
  color: #dce8ef !important;
  font-size: 12px !important;
}
body.v128r2-ui .team-attack-summary-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
}
body.v128r2-ui .team-attack-summary-metrics .stat,
body.v128r2-ui #liveActionSummary > .stat,
body.v128r2-ui #overviewActionSummary > .stat {
  min-width: 0 !important;
  min-height: 66px !important;
  padding: 8px 6px !important;
  border: 1px solid #1e3c51 !important;
  border-radius: 9px !important;
  background: #061522 !important;
  color: #91a6b5 !important;
  font-size: 9px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 4px !important;
}
body.v128r2-ui .team-attack-summary-metrics .stat strong,
body.v128r2-ui #liveActionSummary > .stat strong,
body.v128r2-ui #overviewActionSummary > .stat strong {
  color: #eef5f8 !important;
  font-size: 20px !important;
  line-height: 1 !important;
}
body.v128r2-ui .action-table-stack,
body.v128r2-ui #liveActionTables,
body.v128r2-ui #overviewActionTables {
  display: grid !important;
  gap: 9px !important;
  margin-top: 9px !important;
}
body.v128r2-ui .action-table-stack > div,
body.v128r2-ui #liveActionTables .mini-table,
body.v128r2-ui #overviewActionTables .mini-table {
  padding: 9px !important;
  border: 1px solid #203f55 !important;
  border-radius: 11px !important;
  background: #071725 !important;
}
body.v128r2-ui .action-table-stack h4,
body.v128r2-ui #liveActionTables h3,
body.v128r2-ui #overviewActionTables h3 {
  margin: 0 0 7px !important;
  color: #b9cad5 !important;
  font-size: 11px !important;
}
body.v128r2-ui .action-table-stack table,
body.v128r2-ui #liveActionTables table,
body.v128r2-ui #overviewActionTables table {
  background: transparent !important;
}
body.v128r2-ui .action-table-stack th,
body.v128r2-ui #liveActionTables th,
body.v128r2-ui #overviewActionTables th {
  background: #0a2031 !important;
  color: #8ea5b5 !important;
}
body.v128r2-ui .action-table-stack td,
body.v128r2-ui #liveActionTables td,
body.v128r2-ui #overviewActionTables td {
  background: #061521 !important;
  color: #d3dfe6 !important;
  border-color: #1a3448 !important;
}

/* The original End game remains available on desktop as well. */
body.v128r2-ui #endGameBtn {
  display: inline-flex !important;
  color: #ffd0d0 !important;
  border-color: rgba(239, 92, 92, .5) !important;
  background: rgba(111, 27, 36, .45) !important;
}

@media (max-width: 620px) {
  body.v128r2-ui .v128r2-live-actions {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  body.v128r2-ui .v128r2-live-actions button {
    font-size: 6.5px !important;
  }
  body.v128r2-ui .team-action-summary-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.v128r2-ui .filtered-action-section {
    padding: 9px !important;
  }
}