/* turnir ACC Portal UI additions
 * Data source via WP AJAX proxy (server-side fetch):
 *  - Windows Node API RESULTS: http://192.168.88.254:5150/api/results
 *  - Windows Node API STATUS : http://192.168.88.254:5150/api/status
 */

.tm_quick_tracks { margin: 12px 0 18px; }
.tm_quick_tracks_label { font-size: 12px; opacity: .8; margin-bottom: 8px; text-transform: uppercase; letter-spacing: .06em; }
.tm_quick_tracks_buttons { display: flex; gap: 10px; flex-wrap: wrap; }
.tm_track_btn {
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
  color: inherit;
  padding: 8px 14px;
  border-radius: 999px;
  cursor: pointer;
  font-weight: 600;
}
.tm_track_btn:hover { background: rgba(255,255,255,.10); }
.tm_track_btn_clear { opacity: .85; }

.tm_leaderboard_table tr.tm_top1 td { font-weight: 800; }
.tm_leaderboard_table tr.tm_top1 { background: rgba(255,215,0,.10); }
.tm_leaderboard_table tr.tm_top2 { background: rgba(255,255,255,.06); }
.tm_leaderboard_table tr.tm_top3 { background: rgba(205,127,50,.10); }

/* Driver modal */
.tm_modal { position: fixed; inset: 0; z-index: 99999; display: none; }
.tm_modal.is-open { display: block; }
.tm_modal__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.65); }
.tm_modal__panel {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(920px, calc(100% - 24px));
  max-height: calc(100% - 24px);
  overflow: auto;
  border-radius: 16px;
  background: #11151b;
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 10px 40px rgba(0,0,0,.55);
}
.tm_modal__close {
  position: sticky;
  top: 10px;
  margin-left: auto;
  display: block;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  color: #fff;
  font-size: 26px;
  line-height: 40px;
  cursor: pointer;
  margin: 10px 10px 0 auto;
}
.tm_modal__close:hover { background: rgba(255,255,255,.12); }
.tm_modal__content { padding: 14px 18px 18px; }
.tm_modal__title { font-size: 18px; font-weight: 800; margin-bottom: 10px; }
.tm_profile_meta { opacity: .85; margin-bottom: 10px; }
.tm_profile_tablewrap { overflow-x: auto; border-radius: 12px; border: 1px solid rgba(255,255,255,.12); }
.tm_profile_table { width: 100%; border-collapse: collapse; min-width: 720px; }
.tm_profile_table th, .tm_profile_table td {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  text-align: left;
}
.tm_profile_table thead th { border-bottom: 1px solid rgba(255,255,255,.14); }

.tm_driver_link { color: inherit; text-decoration: underline; text-decoration-color: rgba(255,255,255,.35); }
.tm_driver_link:hover { text-decoration-color: rgba(255,255,255,.8); }