.rmss-byor { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
.rmss-byor__title { margin: 0 0 12px; }
.rmss-byor__controls { display: grid; gap: 16px; margin-bottom: 12px; }
.rmss-byor__block { background: #f8f9fb; padding: 12px; border: 1px solid #e3e7ee; border-radius: 8px; }
.rmss-byor__quick { margin: 8px 0; display: flex; gap: 8px; flex-wrap: wrap; }
.rmss-byor__checkboxes{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  padding-right: 0;
  max-height: none;
  overflow: visible;
}

.rmss-byor__chk { display: flex; align-items: baseline; gap: 8px; }
.rmss-byor__source { font-size: 11px; color: #6b7280; }
.rmss-byor__source--today { color: #2563eb; }
.rmss-byor__source--both { color: #059669; }
.rmss-byor__source--db { color: #7c3aed; }
.rmss-byor__tablewrap { overflow: auto; border: 1px solid #e5e7eb; border-radius: 8px; }
.rmss-byor__table { width: 100%; border-collapse: collapse; }
.rmss-byor__table th, .rmss-byor__table td { padding: 8px 10px; border-bottom: 1px solid #eef2f7; white-space: nowrap; }
.rmss-byor__table thead th { position: sticky; top: 0; background: #f1f5f9; z-index: 1; }
.rmss-byor-row--today { background: #fffbe6; font-weight: 600; }
.rmss-byor-row--hist { background: #f9fafb; }
.rmss-byor-row--hist:nth-of-type(2n) { background: #f3f4f6; }
/* === BYOR checkbox layout (3 groups, no scrollbar) === */
.rmss-byor__checkboxes{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  max-height: none !important;
  overflow: visible !important;
}

.rmss-byor__group{
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 12px 8px;
}

.rmss-byor__group-title{
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;
}

.rmss-byor__chk{
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin: 6px 0;
}
/* === BYOR pagination === */
.rmss-byor__actions{
  display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-bottom:12px;
}
.rmss-byor__rows{ display:flex; gap:8px; align-items:center; }

.rmss-byor__pager{
  display:flex; justify-content:space-between; align-items:center;
  gap:12px; margin:12px 0 20px;
  font-size:14px; flex-wrap:wrap;
}
.rmss-byor__pager .rmss-byor__pages{ display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
.rmss-byor__pager button{
  padding:4px 8px; border:1px solid #cbd5e1; background:#fff; cursor:pointer; border-radius:6px;
}
.rmss-byor__pager button[disabled]{ opacity:.5; cursor:not-allowed; }
.rmss-byor__pager .is-active{ background:#1a7f37; color:#fff; border-color:#1a7f37; }

/* make the three checkbox columns grow (no inner scrollbar) */
.rmss-byor__checkboxes{ max-height:none; overflow:auto; }
.rmss-byor__groups{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:18px; }
.rmss-byor__group h3{ margin:.25rem 0 .5rem; font-size:1.25rem; }
/* Force visible page numbers + ellipsis style */
.rmss-byor__pager button{ color:#111; min-width:2rem; }
.rmss-byor__pager button[disabled]{ color:#64748b; }
.rmss-byor__ellipsis{ padding:4px 8px; color:#64748b; }
/* === BYOR intro copy === */
.rmss-byor__intro{
  background:#f8fafc;
  border:1px solid #e5e7eb;
  border-radius:8px;
  padding:14px 16px;
  margin:0 0 14px;
}
.rmss-byor__intro h2{ margin:0 0 6px; font-size:20px; line-height:1.25; }
.rmss-byor__intro h3{ margin:10px 0 6px; font-size:16px; }
.rmss-byor__intro p{ margin:0 0 6px; }
.rmss-byor__intro ol,
.rmss-byor__intro ul{ margin:6px 0 0 18px; }
.rmss-byor__intro li{ margin:4px 0; }
.rmss-byor__tips{ color:#475569; font-size:14px; }
/* Bottom Apply button inside chooser box */
.rmss-byor__btn--apply-bottom{
  margin-top: 10px;
}
.rmss-byor__btn--apply-bottom { margin: 10px 0 0; }
/* stronger selector so it beats `.rmss-byor__intro p` */
.rmss-byor__intro p.rmss-space { 
  margin: 12px 0 !important;
}
/* Spacing around the "Previous runs per horse" card */
.rmss-byor__prev{
  margin: 16px 0;   /* top & bottom space (tweak to 20–24px if you want more) */
}
/* Utility: hide until data is ready */
.rmss-hidden { display: none !important; }


