/*
 * LIVE_RACING_002BO — Live Racing landing, Draw Stats and final shared
 * evidence-header refinement.
 *
 * Scope:
 *   - Shared evidence headers for Horse Profile, Trainer, Jockey, Sire and
 *     Dam-sire Stats
 *   - Draw Stats command/header and compact spacing polish
 *   - Live Racing landing summary cards, toolbar, Time view and Course view
 *
 * No application grid, sidebar, racecard, endpoint, evidence calculation,
 * exclusion, System or Race Profile behaviour changes.
 */

/* FINAL SHARED EVIDENCE HEADER */
#liveHorseFormModal:is(
  .is-horse-profile,
  .is-trainer-stats,
  .is-jockey-stats,
  .is-sire-stats,
  .is-dam-sire-stats
) .horse-drilldown-modal-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  min-height:92px!important;
  margin:-24px -24px 14px!important;
  padding:16px 48px 16px 40px!important;
  column-gap:24px!important;
  row-gap:10px!important;
  overflow:visible!important;
}
#liveHorseFormModal:is(
  .is-horse-profile,
  .is-trainer-stats,
  .is-jockey-stats,
  .is-sire-stats,
  .is-dam-sire-stats
) .horse-drilldown-title-block{
  align-self:center!important;
  min-width:0!important;
  padding:0!important;
  text-align:left!important;
}
#liveHorseFormModal:is(
  .is-horse-profile,
  .is-trainer-stats,
  .is-jockey-stats,
  .is-sire-stats,
  .is-dam-sire-stats
) .horse-drilldown-kicker{
  margin:0!important;
  font-size:10px!important;
  line-height:1.1!important;
}
#liveHorseFormModal:is(
  .is-horse-profile,
  .is-trainer-stats,
  .is-jockey-stats,
  .is-sire-stats,
  .is-dam-sire-stats
) .horse-drilldown-modal-header h2{
  margin:3px 0 2px!important;
  padding:0!important;
  font-size:clamp(27px,2vw,42px)!important;
  line-height:1.02!important;
}
#liveHorseFormModal:is(
  .is-horse-profile,
  .is-trainer-stats,
  .is-jockey-stats,
  .is-sire-stats,
  .is-dam-sire-stats
) .horse-drilldown-modal-header p{
  margin:0!important;
  padding:0!important;
  font-size:12px!important;
  line-height:1.22!important;
}
#liveHorseFormModal:is(
  .is-horse-profile,
  .is-trainer-stats,
  .is-jockey-stats,
  .is-sire-stats,
  .is-dam-sire-stats
) .horse-drilldown-actions{
  align-self:center!important;
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
#liveHorseFormModal:is(
  .is-horse-profile,
  .is-trainer-stats,
  .is-jockey-stats,
  .is-sire-stats,
  .is-dam-sire-stats
) .horse-drilldown-actions button{
  flex:0 0 auto!important;
  min-height:40px!important;
  padding:8px 13px!important;
  border-radius:11px!important;
  font-size:11.5px!important;
  font-weight:900!important;
}
#liveHorseFormModal:is(
  .is-horse-profile,
  .is-trainer-stats,
  .is-jockey-stats,
  .is-sire-stats,
  .is-dam-sire-stats
) .horse-drilldown-close{
  width:40px!important;
  min-width:40px!important;
  padding:0!important;
}

/* DRAW STATS — shared command language and compact spacing only */
#liveHorseFormModal.is-draw-stats .horse-drilldown-modal-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  min-height:88px!important;
  margin:-24px -24px 12px!important;
  padding:14px 44px 14px 36px!important;
  column-gap:22px!important;
  overflow:visible!important;
}
#liveHorseFormModal.is-draw-stats .horse-drilldown-actions{
  align-self:center!important;
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
#liveHorseFormModal.is-draw-stats .horse-drilldown-actions button{
  min-height:40px!important;
  padding:8px 13px!important;
  border-radius:11px!important;
  font-size:11.5px!important;
  font-weight:900!important;
}
#liveHorseFormModal.is-draw-stats .horse-drilldown-close{
  width:40px!important;
  min-width:40px!important;
  padding:0!important;
}
#liveHorseFormModal.is-draw-stats .draw-stats-evidence{gap:13px!important;}
#liveHorseFormModal.is-draw-stats :is(
  .draw-stats-locked-context,
  .draw-stats-filter-deck,
  .draw-stats-intelligence,
  .draw-stats-zone-section,
  .draw-stats-table-card,
  .draw-stats-chart-card,
  .draw-stats-diagnostics
){border-radius:18px!important;}
#liveHorseFormModal.is-draw-stats .draw-stats-locked-context{padding:12px!important;}
#liveHorseFormModal.is-draw-stats .draw-stats-context-grid{gap:8px!important;}
#liveHorseFormModal.is-draw-stats :is(
  .draw-stats-filter-deck,
  .draw-stats-zone-section,
  .draw-stats-table-card,
  .draw-stats-chart-card,
  .draw-stats-diagnostics
) > header{
  min-height:48px!important;
  padding:10px 16px!important;
}
#liveHorseFormModal.is-draw-stats .draw-stats-filter-grid{
  gap:9px!important;
  padding:10px!important;
}
#liveHorseFormModal.is-draw-stats .draw-stats-filter-group{
  padding:10px!important;
  border-radius:14px!important;
}
#liveHorseFormModal.is-draw-stats .draw-stats-chip{
  min-height:36px!important;
  padding:7px 11px!important;
}

/* LANDING — summary hierarchy */
#page-live-racing .live-summary-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
#page-live-racing .live-summary-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:92px!important;
  padding:13px 17px!important;
  border-radius:19px!important;
  overflow:hidden!important;
  box-shadow:0 14px 32px rgba(18,34,72,.075),inset 0 1px 0 rgba(255,255,255,.78)!important;
}
#page-live-racing .live-summary-card::before{
  content:""!important;
  position:absolute!important;
  inset:0 16px auto!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.96),rgba(92,230,246,.42),transparent)!important;
  opacity:1!important;
  pointer-events:none!important;
}
#page-live-racing .live-summary-card > *{position:relative!important;z-index:1!important;}
#page-live-racing .live-summary-kicker{
  font-size:9px!important;
  line-height:1.1!important;
  letter-spacing:.16em!important;
}
#page-live-racing .live-summary-card strong{
  margin-top:6px!important;
  font-size:clamp(24px,1.55vw,31px)!important;
  line-height:1.02!important;
}
#page-live-racing .live-summary-card > span{
  margin-top:5px!important;
  font-size:12px!important;
  line-height:1.22!important;
}
#page-live-racing .live-summary-racecards{
  border-color:rgba(52,211,153,.22)!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(45,212,191,.12),transparent 45%),
    linear-gradient(180deg,rgba(255,255,255,.95),rgba(238,252,249,.82))!important;
}
#page-live-racing .live-summary-quality{
  border-color:rgba(82,129,237,.34)!important;
  background:
    radial-gradient(circle at 92% 0%,rgba(45,212,191,.22),transparent 40%),
    linear-gradient(135deg,rgba(10,33,84,.98),rgba(42,70,170,.95) 62%,rgba(44,130,192,.90))!important;
  box-shadow:0 17px 38px rgba(24,49,124,.18),inset 0 1px 0 rgba(255,255,255,.20)!important;
}
#page-live-racing .live-summary-quality :is(.live-summary-kicker,strong,span){color:#fff!important;}
#page-live-racing .live-summary-quality > span{color:rgba(230,241,255,.88)!important;}
#page-live-racing .live-summary-quality .quality-summary-pills{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  margin-top:0!important;
  flex-wrap:wrap!important;
}
#page-live-racing .live-summary-quality .quality-summary-pills > span{
  min-width:66px!important;
  padding:6px 9px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.11)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
}
#page-live-racing .live-summary-quality .quality-summary-pills :is(b,em){color:#fff!important;}
#page-live-racing .live-summary-system{
  border-style:dashed!important;
  border-color:rgba(105,127,188,.24)!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(99,102,241,.07),transparent 46%),
    linear-gradient(180deg,rgba(248,250,255,.92),rgba(239,244,252,.78))!important;
}
#page-live-racing .live-summary-system strong{color:#8390a7!important;}
#page-live-racing .live-summary-profile{
  border-color:rgba(139,92,246,.23)!important;
  background:
    radial-gradient(circle at 92% 0%,rgba(139,92,246,.13),transparent 44%),
    linear-gradient(180deg,rgba(255,255,255,.95),rgba(247,242,255,.80))!important;
}
#page-live-racing .live-summary-profile strong{color:#5138a4!important;}

/* LANDING — toolbar and Time list */
#page-live-racing .live-racing-toolbar.compact{
  grid-template-columns:auto minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:9px!important;
  min-height:62px!important;
  padding:8px 10px!important;
  border-radius:18px!important;
}
#page-live-racing .live-view-toggle{
  display:inline-grid!important;
  grid-template-columns:repeat(2,minmax(74px,1fr))!important;
  min-height:40px!important;
  padding:3px!important;
  border:1px solid rgba(91,115,222,.20)!important;
  border-radius:12px!important;
  overflow:visible!important;
  background:rgba(255,255,255,.74)!important;
}
#page-live-racing .live-view-toggle button{
  min-height:34px!important;
  padding:7px 13px!important;
  border-radius:9px!important;
}
#page-live-racing .live-racing-toolbar .live-date-strip.compact{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  padding:3px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow-x:auto!important;
  flex-wrap:nowrap!important;
}
#page-live-racing .live-racing-toolbar .live-date-strip.compact .live-date-chip{
  flex:0 0 auto!important;
  min-width:94px!important;
  min-height:40px!important;
  padding:6px 11px!important;
  border-radius:11px!important;
}
#page-live-racing .live-racing-toolbar .live-date-strip.compact .live-date-chip span{font-size:10.5px!important;}
#page-live-racing .live-racing-toolbar .live-date-strip.compact .live-date-chip small{font-size:8.5px!important;}
#page-live-racing .live-racing-status{
  justify-self:end!important;
  font-size:11.5px!important;
  white-space:nowrap!important;
}
#page-live-racing .live-expand-button{
  min-height:40px!important;
  padding:8px 13px!important;
  border-radius:11px!important;
}
#page-live-racing .live-time-list{
  border:1px solid rgba(99,125,255,.14)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(243,248,255,.70))!important;
  box-shadow:0 12px 28px rgba(20,38,82,.065),inset 0 1px 0 rgba(255,255,255,.76)!important;
}
#page-live-racing .live-time-list .live-race-row.time-row{
  min-height:57px!important;
  padding:8px 12px!important;
}
#page-live-racing .live-time-list .live-race-row.time-row:hover{
  background:linear-gradient(90deg,rgba(229,248,252,.78),rgba(241,238,255,.74))!important;
}

/* LANDING — compact Course cards */
#page-live-racing .live-racing-list{gap:9px!important;}
#page-live-racing .live-racing-list .racing-results-course-card.live-course-card-modern{
  border-radius:18px!important;
  box-shadow:0 12px 28px rgba(19,39,84,.07),inset 0 1px 0 rgba(255,255,255,.75)!important;
}
#page-live-racing .live-racing-list .racing-results-course-head.live-course-header-modern{
  grid-template-columns:68px minmax(185px,260px) minmax(280px,1fr) 106px 139px 34px!important;
  gap:10px!important;
  min-height:82px!important;
  padding:9px 11px!important;
  align-items:center!important;
}
#page-live-racing .live-course-art{
  width:60px!important;
  height:52px!important;
  min-height:52px!important;
  border-radius:13px!important;
}
#page-live-racing .racing-results-course-title strong{
  font-size:18px!important;
  line-height:1.06!important;
}
#page-live-racing .racing-results-course-title small{
  margin-top:3px!important;
  font-size:10.5px!important;
  line-height:1.18!important;
}
#page-live-racing .racing-results-course-head.live-course-header-modern .racing-results-course-features{
  min-height:54px!important;
  padding:8px 13px!important;
  border-radius:13px!important;
}
#page-live-racing .racing-results-course-head.live-course-header-modern .racing-results-course-features > em{
  margin-bottom:2px!important;
  font-size:8px!important;
}
#page-live-racing .racing-results-course-head.live-course-header-modern .racing-results-course-features > strong{
  font-size:12px!important;
  line-height:1.15!important;
}
#page-live-racing .racing-results-course-head.live-course-header-modern .racing-results-course-features > small{
  margin-top:2px!important;
  font-size:8.5px!important;
  line-height:1.15!important;
}
#page-live-racing .live-course-weather-brief{
  min-width:98px!important;
  min-height:62px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
}
#page-live-racing .live-course-weather-brief b{font-size:15px!important;}
#page-live-racing .live-course-weather-brief small{
  font-size:8.5px!important;
  line-height:1.1!important;
}
#page-live-racing .racing-results-course-going{
  min-width:130px!important;
  min-height:62px!important;
  padding:8px 11px!important;
  border-radius:12px!important;
  font-size:10px!important;
  line-height:1.12!important;
}
#page-live-racing .racing-results-course-plus{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
}

/* VIEWPORT MATRIX */
@media(max-width:1500px){
  #page-live-racing .live-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #page-live-racing .live-racing-list .racing-results-course-head.live-course-header-modern{
    grid-template-columns:64px minmax(180px,245px) minmax(220px,1fr) 98px 125px 32px!important;
    gap:8px!important;
  }
}
@media(max-width:1200px){
  #liveHorseFormModal:is(
    .is-horse-profile,
    .is-trainer-stats,
    .is-jockey-stats,
    .is-sire-stats,
    .is-dam-sire-stats
  ) .horse-drilldown-modal-header,
  #liveHorseFormModal.is-draw-stats .horse-drilldown-modal-header{
    grid-template-columns:1fr!important;
    align-items:start!important;
    padding-right:32px!important;
  }
  #liveHorseFormModal:is(
    .is-horse-profile,
    .is-trainer-stats,
    .is-jockey-stats,
    .is-sire-stats,
    .is-dam-sire-stats
  ) .horse-drilldown-actions,
  #liveHorseFormModal.is-draw-stats .horse-drilldown-actions{
    justify-self:start!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
  }
  #page-live-racing .live-racing-toolbar.compact{
    grid-template-columns:auto minmax(0,1fr) auto!important;
  }
  #page-live-racing .live-racing-status{
    grid-column:1 / -1!important;
    justify-self:start!important;
    white-space:normal!important;
  }
  #page-live-racing .live-racing-list .racing-results-course-head.live-course-header-modern{
    grid-template-columns:60px minmax(0,1fr) 96px 120px 32px!important;
    grid-template-areas:
      "art title weather going plus"
      "features features features features features"!important;
    min-height:0!important;
  }
  #page-live-racing .live-course-art{grid-area:art!important;}
  #page-live-racing .racing-results-course-title{grid-area:title!important;}
  #page-live-racing .racing-results-course-head.live-course-header-modern .racing-results-course-features{grid-area:features!important;}
  #page-live-racing .live-course-weather-brief{grid-area:weather!important;}
  #page-live-racing .racing-results-course-going{grid-area:going!important;}
  #page-live-racing .racing-results-course-plus{grid-area:plus!important;}
}
@media(max-width:900px){
  #page-live-racing .live-summary-grid{grid-template-columns:1fr!important;}
  #page-live-racing .live-racing-toolbar.compact{grid-template-columns:1fr auto!important;}
  #page-live-racing .live-racing-toolbar .live-date-strip.compact{
    grid-column:1 / -1!important;
    order:3!important;
  }
  #page-live-racing .live-racing-status{order:4!important;}
  #page-live-racing .live-racing-list .racing-results-course-head.live-course-header-modern{
    grid-template-columns:58px minmax(0,1fr) 32px!important;
    grid-template-areas:
      "art title plus"
      "features features features"
      "weather going going"!important;
  }
  #page-live-racing .live-course-weather-brief,
  #page-live-racing .racing-results-course-going{
    width:100%!important;
    min-width:0!important;
  }
}
@media(max-width:700px){
  #liveHorseFormModal:is(
    .is-horse-profile,
    .is-trainer-stats,
    .is-jockey-stats,
    .is-sire-stats,
    .is-dam-sire-stats
  ) .horse-drilldown-modal-header,
  #liveHorseFormModal.is-draw-stats .horse-drilldown-modal-header{
    margin:-16px -16px 12px!important;
    padding:14px 20px!important;
  }
  #liveHorseFormModal:is(
    .is-horse-profile,
    .is-trainer-stats,
    .is-jockey-stats,
    .is-sire-stats,
    .is-dam-sire-stats
  ) .horse-drilldown-actions button,
  #liveHorseFormModal.is-draw-stats .horse-drilldown-actions button{
    min-height:38px!important;
    padding:7px 10px!important;
    font-size:10.5px!important;
  }
  #page-live-racing .live-summary-card{min-height:86px!important;}
}
@media(prefers-reduced-motion:reduce){
  #page-live-racing .live-summary-card,
  #page-live-racing .racing-results-course-card,
  #page-live-racing .live-view-toggle button,
  #page-live-racing .live-date-chip,
  #liveHorseFormModal .horse-drilldown-actions button{
    transition:none!important;
    transform:none!important;
  }
}