/* === TDC HOTFIX CSS === */
:root{
  --tdc-r: 6px;
}

/* Force 6px everywhere (kills any 999px pill rules) */
button, .btn, .nav-btn, .ls-league-pill, .league-pill, #toggleAdvanced,
body button {
  border-radius: var(--tdc-r) !important;
}

/* Banner/appbar: shorter + left aligned brand */
header.appbar{
  padding: 8px 14px !important;
  min-height: 54px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  position: relative;
}

/* Gradient bottom border on banner */
header.appbar::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:1px;
  background: linear-gradient(90deg,
    rgba(0,180,255,0.0),
    rgba(255,255,255,0.65),
    rgba(0,180,255,0.65),
    rgba(170,170,170,0.45),
    rgba(0,180,255,0.0)
  );
}

/* Brand block to far-left */
header.appbar .brand{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  margin: 0 !important;
}

header.appbar .brand-logo{
  width: 26px !important;
  height: 26px !important;
  display:block !important;
  margin: 0 !important;
}

header.appbar .brand-text{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  line-height: 1.05 !important;
}

header.appbar .brand-title{
  font-weight: 800 !important;
  font-size: 18px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

header.appbar .brand-subtitle{
  opacity: .85 !important;
  font-size: 12px !important;
  margin-top: 2px !important;
}

/* Add breathing room between rows */
.topbar{
  padding-top: 10px !important;
}
.topnav{
  margin-top: 6px !important;
}
.topbar .topnav{
  gap: 10px !important;
}
.topbar #toggleAdvanced{
  margin-top: 8px !important;
}

/* Advanced bar display control */
#advancedBar{
  display:none;
  align-items:center;
  gap:10px;
  width: 100%;
  padding: 10px 14px;
}
body[data-adv-open="1"] #advancedBar{
  display:flex !important;
}

/* Sort arrows: keep them tiny and prevent flash */
table thead th [class*="sort"],
table thead th [class*="Sort"],
table thead th .sort-arrow,
table thead th .sort-indicator{
  font-size: 10px !important;
  line-height: 10px !important;
}
table thead th [class*="sort"] svg,
table thead th .sort-arrow svg,
table thead th .sort-indicator svg{
  width: 10px !important;
  height: 10px !important;
}

/* Our tiny arrows for Player/Matchup when sorted */
table thead th[data-sort-dir="asc"]::after{
  content:" ▲";
  font-size: 10px;
  opacity:.85;
}
table thead th[data-sort-dir="desc"]::after{
  content:" ▼";
  font-size: 10px;
  opacity:.85;
}

/* === Banner tuning === */
header.appbar .brand-logo{
  width: 32px !important;
  height: 32px !important;
}

header.appbar .brand-title{
  font-weight: 900 !important;      /* thicker */
  letter-spacing: 0.06em !important;/* less spaced out */
  font-size: 19px !important;
}

header.appbar .brand-subtitle{
  font-weight: 400 !important;      /* unbold subtitle */
  letter-spacing: 0.02em !important;
}

/* ===== TDC UI STABILITY / LAYOUT FIXES ===== */

/* Never let actions bars become fixed/overlay */
#actionsBar, #advancedBar {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
}

/* CLOSED means CLOSED no matter what classes got stuck */
body[data-adv-open="0"] #actionsBar,
body[data-adv-open="0"] #advancedBar {
  display: none !important;
}
body[data-adv-open="1"] #actionsBar,
body[data-adv-open="1"] #advancedBar {
  display: flex !important;
}
#actionsBar .actions-center {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Put the blue/white/gray divider ABOVE Home/Props without changing HTML */
.topbar {
  display: flex !important;
  flex-direction: column !important;
}
.scoreboard-line {
  order: -1 !important;           /* moves it above .topnav */
  height: 2px !important;
  margin: 0 10px 10px !important;
  opacity: 1 !important;
}

/* Tighten space between banner -> nav -> leagues */
.appbar { padding-bottom: 6px !important; }
.topnav { margin-top: 6px !important; }

/* Table typography: header bigger, body slightly smaller */
#propsView thead th {
  font-size: 13px !important;
  letter-spacing: 0.3px !important;
}
#propsView tbody td {
  font-size: 12.5px !important;
}

/* Sort arrows smaller everywhere */
#propsView th .sort,
#propsView th .sort-arrow,
#propsView th .sort-indicator,
#propsView th .sort-ind {
  font-size: 10px !important;
  line-height: 1 !important;
}

/* Hide the dev badges if they somehow survive */
#__tdc_boot_badge,
#tdcBootBadge,
#tdcBootDiag { display:none !important; }