/* Subtle refresh of the paper overview, single_bot, the checkup pages and the RTDS start page,
   keeps the original colors and layout, markup unchanged */

/* ---------- paper overview (index) ---------- */
body > .container {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-radius: 0.4rem;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}
.container > .row:first-child { align-items: center; padding-top: 0.6rem; }
.container > .row:first-child h1 { margin: 0; font-weight: 600; }

.col-sm.text-center > h2 { font-weight: 700; margin: 0.8rem 0 0.5rem; }
.col-sm.text-center > a { display: block; margin-bottom: 0.3rem; text-decoration: none; }
.col-sm.text-center > a > div {
  padding: 0.3rem 0.5rem;
  border-radius: 0.25rem;
  transition: filter 0.15s;
}
.col-sm.text-center > a:hover > div { filter: brightness(1.12); }
.col-sm.text-center > a h3 { margin: 0; font-weight: 700; font-variant-numeric: tabular-nums; }
.col-sm.text-center > a p { margin: 0; font-size: 0.8rem; opacity: 0.85; }
.col-sm.text-center > a > div.bg-secondary:not(.fight-done):not(.fight-control-done) {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.08));
}

/* ---------- single_bot ---------- */
.matchInfo { padding-top: 0.6rem; font-size: 0.75rem; color: #6c757d; text-transform: uppercase; letter-spacing: 0.04em; }
.matchInfo .headInfo { font-size: 1.7rem; color: #212529; text-transform: none; letter-spacing: 0; font-variant-numeric: tabular-nums; }

.titleLine { border-radius: 0.25rem; letter-spacing: 0.06em; }
.titleBlue { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.15), transparent 60%); }
.titleRed { background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.15), transparent 60%); }
.fighterId { color: #6c757d; }

.bgColor { background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(0, 0, 0, 0.06)); color: #fff; }
.res.btn { min-width: 3rem; font-variant-numeric: tabular-nums; }

/* active round easier to spot */
/* neutral gray, matching the dark round button; yellow stays reserved for Gam-jeom */
.round-active-tr { background-color: #e9ecef; box-shadow: inset 4px 0 0 #343a40; }

.col-buttons .btn { border-radius: 0.35rem; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
.btn-group-toggle .btn.active { box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25); }
.card { border-radius: 0.4rem; }

/* ---------- checkup ---------- */
#refresh {
  border: 1px solid #ced4da;
  border-radius: 0.35rem;
  background: #fff;
  color: #495057;
  padding: 0.1rem 0.5rem;
  font-size: 1.4rem;
  vertical-align: middle;
}
#refresh:hover { background: #e9ecef; }
#fighterIdent { border-radius: 0.35rem; }

/* fighter found by the ID search: light tint and a yellow frame instead of a full yellow
   column, so the green checklist stays readable */
.fighterInfo > .bg-warning {
  background-color: #fffbea !important;
  box-shadow: inset 0 0 0 3px #ffc107;
  border-radius: 0.4rem;
  padding-top: 0.5rem;
}

/* checklist */
.btn-group-vertical > .btn-outline-success { padding: 0.55rem 0.9rem; }
.fighterInfo .bg-light { border-radius: 0.35rem; }

/* ---------- RTDS start page ---------- */
body > .container > h1 { margin-top: 0.6rem; font-weight: 600; }
body > .container > h2 { font-size: 1.2rem; color: #6c757d; }
body > .container > h4,
body > .container > h5 {
  margin: 1.2rem 0 0.5rem;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6c757d;
}
.col-sm.text-center > a > div > h2 { margin: 0; font-size: 1.6rem; font-weight: 700; }
.col-sm.text-center > a > div > h2 small { display: block; font-size: 0.55em; font-weight: 400; opacity: 0.85; }