.sepred-admin {
  --sepred-ink: #1c2a25;
  --sepred-muted: #65736b;
  --sepred-line: #d8e1db;
  --sepred-green: #235a40;
  --sepred-soft: #eff6ef;
  color: var(--sepred-ink);
}
.sepred-filter-form,
.sepred-settlement-form {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: 12px;
  margin: 18px 0;
  padding: 16px;
  border: 1px solid var(--sepred-line);
  background: #fff;
}
.sepred-filter-form label,
.sepred-settlement-form label,
.sepred-meta-grid label {
  display: grid;
  gap: 5px;
  color: var(--sepred-muted);
  font-weight: 600;
}
.sepred-filter-form select { min-width: 250px; }
.sepred-filter-form select,
.sepred-settlement-form input,
.sepred-settlement-form select,
.sepred-meta-grid input {
  min-height: 36px;
  max-width: 100%;
}
.sepred-table-wrap,
.sepred-public-table-wrap { overflow-x: auto; }
.sepred-fixture-table { min-width: 850px; }
.sepred-fixture-table td { vertical-align: middle; }
.sepred-fixture-table td strong,
.sepred-fixture-table td small { display: block; }
.sepred-fixture-table td small { margin-top: 4px; color: var(--sepred-muted); }
.sepred-outcome-prices { display: grid; gap: 3px; color: var(--sepred-muted); font-size: 11px; }
.sepred-destinations {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 15px;
  margin: 18px 0 8px;
  padding: 12px;
  border: 1px solid var(--sepred-line);
}
.sepred-destinations legend { padding: 0 6px; font-weight: 600; }
.sepred-destinations label { display: inline-flex; align-items: center; gap: 5px; }
.sepred-meta-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.sepred-full-field { flex-basis: 100%; }
.sepred-settlement-form { align-items: end; max-width: 800px; }
.sepred-settlement-form label { min-width: 180px; }
.sepred-single-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 22px 0; border: 1px solid var(--sepred-line); }
.sepred-single-details div { padding: 12px 15px; border-bottom: 1px solid var(--sepred-line); }
.sepred-single-details dt { color: var(--sepred-muted); font-size: 12px; }
.sepred-single-details dd { margin: 3px 0 0; font-weight: 600; }
.sepred-public { --sepred-green: #235a40; --sepred-muted: #69766d; --sepred-line: #d8e1db; color: #1c2a25; }
.sepred-tabs { display: flex; gap: 5px; overflow-x: auto; margin: 0 0 14px; border-bottom: 1px solid var(--sepred-line); }
.sepred-tabs a { position: relative; padding: 10px 12px; color: var(--sepred-muted); text-decoration: none; white-space: nowrap; }
.sepred-tabs a[aria-current="page"] { color: var(--sepred-green); font-weight: 700; }
.sepred-tabs a[aria-current="page"]::after { position: absolute; right: 9px; bottom: -1px; left: 9px; height: 3px; background: var(--sepred-green); content: ''; }
.sepred-public-table { width: 100%; min-width: 760px; border-collapse: collapse; background: #fff; }
.sepred-public-table th,
.sepred-public-table td { padding: 11px 13px; border-bottom: 1px solid #e6ece7; text-align: left; vertical-align: middle; }
.sepred-public-table th { color: var(--sepred-muted); background: var(--sepred-soft); font-size: 11px; text-transform: uppercase; }
.sepred-public-table td small { display: block; margin-top: 4px; color: var(--sepred-muted); }
.sepred-status { display: inline-block; padding: 3px 7px; border-radius: 4px; background: #f0f2f0; font-size: 11px; font-weight: 700; }
.sepred-status-won { color: #23663d; background: #e8f5e9; }
.sepred-status-lost { color: #a33e32; background: #f9e9e5; }
.sepred-status-void { color: #586a60; background: #edf0ed; }
.sepred-pagination { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 13px; }
.sepred-pagination .page-numbers { padding: 6px 9px; border: 1px solid var(--sepred-line); color: var(--sepred-green); text-decoration: none; }
.sepred-pagination .current { color: white; background: var(--sepred-green); }
.sepred-empty { padding: 15px; color: var(--sepred-muted); }
.sepred-analyst-header { margin-bottom: 20px; padding: 18px; border: 1px solid var(--sepred-line); background: #fff; }
.sepred-analyst-header h2 { margin: 0 0 6px; }
.sepred-analyst-stats { color: var(--sepred-green); font-weight: 600; }
.sepred-analyst-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.sepred-analyst-grid article { padding: 16px; border: 1px solid var(--sepred-line); background: #fff; }
.sepred-public {
  --sepred-ink: #1d2924;
  --sepred-muted: #6b7770;
  --sepred-line: #dbe3dc;
  --sepred-forest: #173f33;
  --sepred-leaf: #b6e75a;
  max-width: 1160px;
  margin: 24px auto 48px;
  color: var(--sepred-ink);
  font-family: inherit;
}
.sepred-page-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 19px;
  padding: 23px clamp(16px, 3vw, 28px);
  border-radius: 7px;
  color: #fff;
  background: var(--sepred-forest);
}
.sepred-page-heading h2 { margin: 3px 0 5px; color: inherit; font-size: clamp(25px, 4vw, 38px); line-height: 1.05; }
.sepred-page-heading p { margin: 0; color: #c4d3ca; font-size: 13px; }
.sepred-eyebrow { color: var(--sepred-leaf); font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.sepred-page-count { flex: 0 0 auto; padding: 6px 9px; border: 1px solid #49695a; border-radius: 4px; color: #e6f0e9; font-size: 11px; }
.sepred-tabs { gap: 1px; margin-bottom: 13px; }
.sepred-tabs a { padding: 10px 14px; font-size: 12px; font-weight: 600; }
.sepred-tabs a[aria-current="page"] { color: var(--sepred-forest); }
.sepred-tabs a[aria-current="page"]::after { background: #4d8258; }
.sepred-public-filters { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; }
.sepred-public-filters label { color: var(--sepred-muted); font-size: 11px; font-weight: 600; }
.sepred-public-filters select { min-height: 34px; padding: 5px 30px 5px 9px; border: 1px solid var(--sepred-line); border-radius: 5px; color: var(--sepred-ink); background: #fff; font: inherit; font-size: 12px; }
.sepred-public-table-wrap { border: 1px solid var(--sepred-line); border-radius: 7px; background: #fff; }
.sepred-public-table { min-width: 850px; }
.sepred-public-table th { padding: 10px 14px; color: #68756d; background: #edf3ed; font-size: 10px; letter-spacing: .04em; }
.sepred-public-table td { padding: 13px 14px; font-size: 12px; }
.sepred-public-table tbody tr:hover { background: #f8faf7; }
.sepred-kickoff { min-width: 112px; white-space: nowrap; }
.sepred-kickoff strong,.sepred-kickoff span,.sepred-fixture span { display: block; }
.sepred-kickoff span,.sepred-fixture span,.sepred-result-score { margin-top: 3px; color: var(--sepred-muted); font-size: 10px; }
.sepred-fixture { min-width: 210px; }
.sepred-fixture a { color: var(--sepred-ink); text-decoration: none; }
.sepred-fixture a:hover { color: var(--sepred-forest); text-decoration: underline; }
.sepred-market-tag { display: inline-block; padding: 4px 7px; border: 1px solid #e0e7e1; border-radius: 4px; color: #506057; background: #fafcfa; font-size: 10px; white-space: nowrap; }
.sepred-selection { font-weight: 700; }
.sepred-odds { font-size: 17px !important; font-weight: 700; font-variant-numeric: tabular-nums; }
.sepred-analyst-link { color: #315e43; font-weight: 600; text-decoration-color: #a7b9a9; text-underline-offset: 2px; white-space: nowrap; }
.sepred-status { padding: 4px 7px; border-radius: 4px; white-space: nowrap; }
.sepred-status-upcoming { color: #8b5d12; background: #fff1d2; }
.sepred-status-pending { color: #4d6871; background: #eaf1f2; }
.sepred-pagination { gap: 5px; margin-top: 13px; }
.sepred-pagination .page-numbers { min-width: 34px; border-radius: 4px; text-align: center; }
.sepred-pagination .current { border-color: var(--sepred-forest); background: var(--sepred-forest); }
.sepred-empty { display: grid; gap: 4px; padding: 28px 18px; border: 1px dashed #cbd6ce; border-radius: 6px; color: var(--sepred-muted); text-align: center; }
.sepred-empty strong { color: var(--sepred-ink); font-size: 14px; }
.sepred-analyst-header { border-radius: 7px; }
.sepred-analyst-grid article { border-radius: 6px; box-shadow: 0 2px 8px #173f3308; }
.sepred-analyst-grid article h3 { margin: 0 0 5px; }
.sepred-analyst-grid article > div { margin-top: 12px; color: #315e43; font-size: 11px; font-weight: 600; }
@media (max-width: 700px) {
  .sepred-meta-grid,
  .sepred-single-details { grid-template-columns: 1fr; }
  .sepred-filter-form label { flex: 1 1 100%; }
  .sepred-filter-form select { width: 100%; }
  .sepred-page-heading { align-items: flex-start; flex-direction: column; }
  .sepred-page-count { align-self: flex-start; }
  .sepred-tabs { margin-right: -12px; margin-left: -12px; padding: 0 12px; }
  .sepred-public-filters { align-items: flex-start; flex-direction: column; }
  .sepred-public-filters select { width: 100%; }
}