body[data-admin-theme] .event-mixer-inline {
  border-top: 1px solid color-mix(in srgb, var(--admin-theme-primary, #3c3b6e) 28%, #ffffff);
  display: grid;
  gap: 0.65rem;
  margin-top: 0.8rem;
  padding-top: 0.75rem;
}

body[data-admin-theme] .event-mixer-inline > header > strong,
body[data-admin-theme] .event-mixer-inline-section h5,
body[data-admin-theme] .event-mixer-section > header strong {
  color: var(--admin-theme-ink, #14213d);
}

body[data-admin-theme] .event-mixer-inline > header > strong {
  font-size: 1rem;
}

body[data-admin-theme] .event-mixer-inline-section {
  display: grid;
  gap: 0.38rem;
}

body[data-admin-theme] .event-mixer-inline-section h5 {
  font-size: 0.77rem;
  letter-spacing: 0.02em;
  margin: 0;
}

body[data-admin-theme] .event-mixer-inline-card {
  align-items: center;
  background: color-mix(in srgb, var(--admin-theme-light, #eef2ff) 70%, #ffffff);
  border: 1px solid color-mix(in srgb, var(--admin-theme-primary, #3c3b6e) 24%, #ffffff);
  border-radius: 8px;
  display: grid;
  gap: 0.65rem;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 0.58rem 0.65rem;
}

body[data-admin-theme] .event-mixer-inline-card.is-available { background: #ffffff; }

body[data-admin-theme] .event-mixer-inline-card strong,
body[data-admin-theme] .event-mixer-inline-card span {
  display: block;
}

body[data-admin-theme] .event-mixer-inline-card strong { font-size: 0.84rem; }

body[data-admin-theme] .event-mixer-inline-card span,
body[data-admin-theme] .event-mixer-empty,
body[data-admin-theme] .event-mixer-section > header span {
  color: #56666d;
  font-size: 0.76rem;
  line-height: 1.35;
}

body[data-admin-theme] .event-mixer-empty { margin: 0; }

/* The Individual Mixer is a desktop workspace, not a narrow form. Its wide
   round grid needs the available screen width and height before it scrolls. */
body[data-admin-theme] [data-event-mixer-modal].event-mixer-modal {
  padding: 6px;
}

body[data-admin-theme] [data-event-mixer-modal] .event-mixer-modal-card {
  height: min(98dvh, 1080px);
  max-height: min(98dvh, 1080px);
  max-width: calc(100vw - 12px);
  width: min(1800px, calc(100vw - 12px));
}

body[data-admin-theme] .event-mixer-modal-body {
  display: grid;
  gap: 0.8rem;
  overflow: auto;
}

body[data-admin-theme] .event-mixer-title-row,
body[data-admin-theme] .event-mixer-section {
  background: #ffffff;
  border: 1px solid color-mix(in srgb, var(--admin-theme-primary, #3c3b6e) 22%, #ffffff);
  border-radius: 9px;
  padding: 0.75rem;
}

body[data-admin-theme] .event-mixer-title-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.85rem;
}

body[data-admin-theme] .event-mixer-title-row label {
  align-items: center;
  color: var(--admin-theme-ink, #14213d);
  display: inline-flex;
  font-size: 0.88rem;
  font-weight: 800;
  gap: 0.35rem;
}

body[data-admin-theme] .event-mixer-title-row input { accent-color: var(--admin-theme-primary, #3c3b6e); height: 17px; width: 17px; }

body[data-admin-theme] .event-mixer-title-row p { color: #56666d; font-size: 0.78rem; margin: 0; }

body[data-admin-theme] .event-mixer-section { display: grid; gap: 0.7rem; }

body[data-admin-theme] .event-mixer-round-strip {
  align-items: center;
  background: color-mix(in srgb, var(--admin-theme-light, #eef2ff) 52%, #ffffff);
  border: 1px solid color-mix(in srgb, var(--admin-theme-primary, #3c3b6e) 24%, #ffffff);
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.7rem;
  padding: 0.55rem 0.65rem;
}

body[data-admin-theme] .event-mixer-round-strip strong {
  color: var(--admin-theme-ink, #14213d);
  font-size: 0.92rem;
}

body[data-admin-theme] .event-mixer-round-strip span {
  color: #56666d;
  font-size: 0.75rem;
}

body[data-admin-theme] .event-mixer-round-strip div {
  display: flex;
  gap: 0.28rem;
  margin-left: auto;
}

body[data-admin-theme] .event-mixer-round-strip b {
  background: #ffffff;
  border: 1px solid color-mix(in srgb, var(--admin-theme-primary, #3c3b6e) 30%, #ffffff);
  border-radius: 4px;
  color: var(--admin-theme-ink, #14213d);
  font-size: 0.7rem;
  padding: 0.24rem 0.38rem;
}

body[data-admin-theme] .event-mixer-section > header {
  align-items: center;
  display: flex;
  gap: 0.7rem;
  justify-content: space-between;
}

body[data-admin-theme] .event-mixer-section > header div { min-width: 0; }
body[data-admin-theme] .event-mixer-section > header strong,
body[data-admin-theme] .event-mixer-section > header span { display: block; }
body[data-admin-theme] .event-mixer-section > header strong { font-size: 0.97rem; }

body[data-admin-theme] .event-mixer-layer-list { display: grid; gap: 0.65rem; }

body[data-admin-theme] .event-mixer-layer {
  align-items: start;
  background: color-mix(in srgb, var(--admin-theme-light, #eef2ff) 52%, #ffffff);
  border: 1px solid color-mix(in srgb, var(--admin-theme-primary, #3c3b6e) 22%, #ffffff);
  border-radius: 8px;
  display: grid;
  gap: 0.5rem 0.6rem;
  grid-template-columns: 26px minmax(185px, 1.35fr) minmax(145px, 0.9fr) 78px minmax(105px, 0.75fr) auto;
  padding: 0.62rem;
}

body[data-admin-theme] .event-mixer-layer > label > span,
body[data-admin-theme] .event-mixer-layer-rounds > span,
body[data-admin-theme] .event-mixer-layer-cut-controls label > span {
  color: #52645b;
  display: block;
  font-size: 0.68rem;
  font-weight: 800;
  margin-bottom: 0.2rem;
}

body[data-admin-theme] .event-mixer-layer-number {
  align-items: center;
  background: var(--admin-theme-primary, #3c3b6e);
  border-radius: 50%;
  color: #ffffff;
  display: flex;
  font-size: 0.78rem;
  font-weight: 900;
  height: 25px;
  justify-content: center;
  margin-top: 1.2rem;
  width: 25px;
}

body[data-admin-theme] .event-mixer-layer select,
body[data-admin-theme] .event-mixer-layer input[type="text"] {
  background: #ffffff;
  border: 1px solid color-mix(in srgb, var(--admin-theme-primary, #3c3b6e) 35%, #ffffff);
  border-radius: 5px;
  box-sizing: border-box;
  color: var(--admin-theme-ink, #14213d);
  font: inherit;
  height: 31px;
  min-width: 0;
  padding: 0 0.38rem;
  width: 100%;
}

body[data-admin-theme] .event-mixer-layer-type small { color: #52645b; display: block; font-size: 0.67rem; line-height: 1.25; margin-top: 0.25rem; }

body[data-admin-theme] .event-mixer-layer-rounds > div { display: flex; flex-wrap: wrap; gap: 0.25rem; }
body[data-admin-theme] .event-mixer-round-toggle { align-items: center; display: inline-flex; font-size: 0.75rem; gap: 0.18rem; }
body[data-admin-theme] .event-mixer-round-toggle input { accent-color: var(--admin-theme-primary, #3c3b6e); margin: 0; }

body[data-admin-theme] .event-mixer-layer-cut-controls {
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  grid-column: 2 / -1;
}

body[data-admin-theme] .event-mixer-layer-cut-controls label:first-child { width: 60px; }
body[data-admin-theme] .event-mixer-layer-cut-controls label:first-child input { text-align: center; }
body[data-admin-theme] .event-mixer-ties { align-items: center; display: inline-flex; font-size: 0.76rem; gap: 0.25rem; height: 31px; }
body[data-admin-theme] .event-mixer-ties input { accent-color: var(--admin-theme-primary, #3c3b6e); margin: 0; }
body[data-admin-theme] .event-mixer-error { color: #b42318; font-size: 0.72rem; font-weight: 750; }

body[data-admin-theme] .event-mixer-layer-remove {
  align-self: start;
  background: transparent;
  border: 0;
  color: var(--admin-theme-primary, #3c3b6e);
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 800;
  margin-top: 1.35rem;
  padding: 0.25rem;
}

body[data-admin-theme] .event-mixer-format-grid-wrap {
  border: 1px solid color-mix(in srgb, var(--admin-theme-primary, #3c3b6e) 24%, #ffffff);
  border-radius: 7px;
  max-width: 100%;
  overflow: auto;
  scrollbar-gutter: stable;
}

body[data-admin-theme] .event-mixer-format-grid {
  border-collapse: separate;
  border-spacing: 0;
  color: var(--admin-theme-ink, #14213d);
  font-size: 0.76rem;
  min-width: 1150px;
  width: 100%;
}

body[data-admin-theme] .event-mixer-format-grid th,
body[data-admin-theme] .event-mixer-format-grid td {
  border-bottom: 1px solid color-mix(in srgb, var(--admin-theme-primary, #3c3b6e) 18%, #ffffff);
  border-right: 1px solid color-mix(in srgb, var(--admin-theme-primary, #3c3b6e) 14%, #ffffff);
  padding: 0.36rem 0.4rem;
  text-align: center;
  vertical-align: middle;
}

body[data-admin-theme] .event-mixer-format-grid thead th {
  background: var(--admin-theme-primary, #3c3b6e);
  color: #ffffff;
  font-size: 0.69rem;
  font-weight: 800;
  white-space: nowrap;
}

body[data-admin-theme] .event-mixer-format-grid tbody tr:nth-child(even) > * {
  background: color-mix(in srgb, var(--admin-theme-light, #eef2ff) 55%, #ffffff);
}

body[data-admin-theme] .event-mixer-format-grid tbody tr:last-child > * { border-bottom: 0; }
body[data-admin-theme] .event-mixer-format-grid th:first-child { min-width: 30px; }
body[data-admin-theme] .event-mixer-format-grid .event-mixer-format-name { min-width: 220px; text-align: left; }
body[data-admin-theme] .event-mixer-format-grid select,
body[data-admin-theme] .event-mixer-format-grid input[type="text"] {
  background: #ffffff;
  border: 1px solid color-mix(in srgb, var(--admin-theme-primary, #3c3b6e) 38%, #ffffff);
  border-radius: 4px;
  box-sizing: border-box;
  color: var(--admin-theme-ink, #14213d);
  font: inherit;
  height: 29px;
  min-width: 64px;
  padding: 0 0.32rem;
}

body[data-admin-theme] .event-mixer-format-grid .event-mixer-format-name select { min-width: 210px; width: 100%; }
body[data-admin-theme] .event-mixer-format-grid .event-mixer-round-cell { min-width: 39px; }
body[data-admin-theme] .event-mixer-format-grid .event-mixer-round-cell input { accent-color: var(--admin-theme-primary, #3c3b6e); height: 17px; margin: 0; width: 17px; }
body[data-admin-theme] .event-mixer-format-grid .event-mixer-cut-input { min-width: 48px; text-align: center; width: 54px; }
body[data-admin-theme] .event-mixer-format-grid .event-mixer-field { color: #40584b; font-size: 0.71rem; min-width: 100px; white-space: nowrap; }
body[data-admin-theme] .event-mixer-format-grid .event-mixer-ties { align-items: center; display: inline-flex; font-size: 0.72rem; gap: 0.24rem; white-space: nowrap; }
body[data-admin-theme] .event-mixer-format-grid .event-mixer-ties input { accent-color: var(--admin-theme-primary, #3c3b6e); margin: 0; }
body[data-admin-theme] .event-mixer-format-grid .event-mixer-layer-remove { margin: 0; white-space: nowrap; }

body[data-admin-theme] .event-mixer-grid-wrap { border: 1px solid color-mix(in srgb, var(--admin-theme-primary, #3c3b6e) 24%, #ffffff); border-radius: 6px; overflow: auto; }
body[data-admin-theme] .event-mixer-grid { border-collapse: collapse; font-size: 0.75rem; min-width: 850px; width: 100%; }
body[data-admin-theme] .event-mixer-grid th,
body[data-admin-theme] .event-mixer-grid td { border-bottom: 1px solid color-mix(in srgb, var(--admin-theme-primary, #3c3b6e) 18%, #ffffff); padding: 0.4rem 0.48rem; text-align: center; }
body[data-admin-theme] .event-mixer-grid thead th { background: var(--admin-theme-primary, #3c3b6e); color: #ffffff; font-size: 0.7rem; }
body[data-admin-theme] .event-mixer-grid tbody th { color: var(--admin-theme-ink, #14213d); }
body[data-admin-theme] .event-mixer-grid td:nth-child(3) { text-align: left; }

@media (max-width: 760px) {
  body[data-admin-theme] [data-event-mixer-modal] .event-mixer-modal-card {
    height: calc(100dvh - 12px);
    max-height: calc(100dvh - 12px);
    width: calc(100vw - 12px);
  }
  body[data-admin-theme] .event-mixer-layer { grid-template-columns: 25px minmax(0, 1fr); }
  body[data-admin-theme] .event-mixer-layer-number { grid-row: 1 / span 2; }
  body[data-admin-theme] .event-mixer-layer > label,
  body[data-admin-theme] .event-mixer-layer-rounds,
  body[data-admin-theme] .event-mixer-layer-remove { grid-column: 2; }
  body[data-admin-theme] .event-mixer-layer-cut-controls { grid-column: 2; }
  body[data-admin-theme] .event-mixer-layer-remove { justify-self: start; margin-top: 0; }
}

/* Round 1 Multi-Day Formats is deliberately a compact vertical workspace.
   The former full-width mixer remains available only as a compatibility shell,
   while the live setup stays alongside the round it affects. */
body[data-admin-theme] [data-event-mixer-modal].event-mixer-modal {
  padding: 0.75rem;
}

body[data-admin-theme] [data-event-mixer-modal] .event-mixer-modal-card {
  height: min(92dvh, 850px);
  max-height: min(92dvh, 850px);
  max-width: 700px;
  width: min(100%, 700px);
}

body[data-admin-theme] [data-event-mixer-modal] .admin-event-settings-modal-head {
  background: #002868 !important;
  border-bottom-color: #002868 !important;
}

body[data-admin-theme] [data-event-mixer-modal] .admin-event-settings-modal-head strong,
body[data-admin-theme] [data-event-mixer-modal] .admin-event-settings-modal-head span {
  color: #ffffff !important;
  opacity: 1 !important;
}

body[data-admin-theme] [data-event-mixer-modal] .event-mixer-header-event,
body[data-admin-theme] [data-event-mixer-modal] .event-mixer-header-name {
  display: block;
  font-size: 14px;
  line-height: 1.25;
}

body[data-admin-theme] [data-event-mixer-modal] .admin-event-settings-modal-head span {
  display: block;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.25;
}

body[data-admin-theme] [data-event-mixer-modal] .admin-event-settings-modal-actions .admin-action.secondary {
  background: #ffffff !important;
  border-color: #002868 !important;
  color: #002868 !important;
}

body[data-admin-theme] .event-mixer-inline {
  border-color: color-mix(in srgb, #002868 28%, #ffffff);
  gap: 0.7rem;
}

body[data-admin-theme] .event-mixer-inline > header {
  display: grid;
  gap: 0.12rem;
}

body[data-admin-theme] .event-mixer-inline > header > strong {
  color: #002868;
  font-size: 1rem;
}

body[data-admin-theme] .event-mixer-add-card,
body[data-admin-theme] .event-mixer-inline-layer {
  background: #ffffff;
  border: 1px solid color-mix(in srgb, #002868 24%, #ffffff);
  border-radius: 8px;
}

body[data-admin-theme] .event-mixer-add-card {
  align-items: end;
  display: grid;
  gap: 0.6rem;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 1.25fr) auto;
  padding: 0.65rem;
}

body[data-admin-theme] .event-mixer-add-card > header strong,
body[data-admin-theme] .event-mixer-add-card label > span,
body[data-admin-theme] .event-mixer-inline-rounds > span,
body[data-admin-theme] .event-mixer-inline-name > span {
  color: #002868;
  display: block;
  font-size: 0.74rem;
  font-weight: 800;
}

body[data-admin-theme] .event-mixer-add-card select,
body[data-admin-theme] .event-mixer-inline-name input {
  background: #ffffff;
  border: 1px solid color-mix(in srgb, #002868 34%, #ffffff);
  border-radius: 5px;
  box-sizing: border-box;
  color: #14213d;
  font: inherit;
  height: 32px;
  margin-top: 0.22rem;
  min-width: 0;
  padding: 0 0.42rem;
  width: 100%;
}

body[data-admin-theme] .event-mixer-add-card .admin-action,
body[data-admin-theme] .event-mixer-inline-actions .admin-action:first-child,
body[data-admin-theme] .team-cup-inline-card .admin-action {
  background: #002868 !important;
  border-color: #002868 !important;
  color: #ffffff !important;
}

body[data-admin-theme] .team-cup-inline-card {
  align-items: center;
}

body[data-admin-theme] .team-cup-inline-card > div { min-width: 0; }

body[data-admin-theme] .team-cup-inline-card > div > span {
  color: #5a6878;
  font-size: 0.76rem;
  line-height: 1.35;
  margin-top: 0.16rem;
}

body[data-admin-theme] .event-mixer-inline-actions .admin-action.secondary {
  background: #ffffff !important;
  border-color: #002868 !important;
  color: #002868 !important;
}

body[data-admin-theme] .event-mixer-inline-layer {
  display: grid;
  gap: 0.55rem;
  padding: 0.65rem;
}

body[data-admin-theme] .event-mixer-inline-rounds {
  align-items: center;
  border-bottom: 1px solid color-mix(in srgb, #002868 17%, #ffffff);
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.65rem;
  padding-bottom: 0.5rem;
}

body[data-admin-theme] .event-mixer-inline-rounds > div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

body[data-admin-theme] .event-mixer-inline-rounds .event-mixer-round-toggle {
  background: #f5f8ff;
  border: 1px solid color-mix(in srgb, #002868 22%, #ffffff);
  border-radius: 5px;
  color: #002868;
  padding: 0.22rem 0.36rem;
}

body[data-admin-theme] .event-mixer-inline-layer-main {
  align-items: end;
  display: grid;
  gap: 0.6rem;
  grid-template-columns: 56px minmax(0, 1fr) auto;
}

body[data-admin-theme] .event-mixer-inline-count {
  align-items: center;
  display: grid;
  gap: 0.18rem;
  justify-items: center;
  text-align: center;
}

body[data-admin-theme] .event-mixer-inline-count span {
  color: #002868;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.05;
}

body[data-admin-theme] .event-mixer-inline-count b {
  align-items: center;
  background: #002868;
  border-radius: 50%;
  color: #ffffff;
  display: inline-flex;
  font-size: 0.8rem;
  height: 26px;
  justify-content: center;
  width: 26px;
}

body[data-admin-theme] .event-mixer-inline-name small {
  color: #5a6878;
  display: block;
  font-size: 0.72rem;
  line-height: 1.3;
  margin-top: 0.24rem;
}

body[data-admin-theme] .event-mixer-inline-actions {
  display: flex;
  gap: 0.4rem;
}

@media (max-width: 640px) {
  body[data-admin-theme] .event-mixer-add-card,
  body[data-admin-theme] .event-mixer-inline-layer-main {
    grid-template-columns: 1fr;
  }

  body[data-admin-theme] .event-mixer-inline-count {
    grid-template-columns: auto auto;
    justify-content: start;
    justify-items: start;
  }

  body[data-admin-theme] .event-mixer-inline-actions .admin-action {
    flex: 1 1 0;
  }
}