/* Combat round boundary and round-start readiness cues. */

.combat-tracker-card > .initiative-axis.initiative-axis-with-controls {
  margin-right: 7.25rem;
}

.initiative-marker.initiative-marker-round-end span {
  left: auto;
  right: 5px;
}

.combatant-row.needs-initiative {
  border-color: #8a6a2d;
  background: #211b10;
  box-shadow: inset 0 0 0 1px rgba(213, 168, 74, .18);
}

.combatant-row.round-boundary {
  border-color: #6e8cae;
  background: #111c29;
  box-shadow: inset 0 0 0 1px rgba(137, 184, 230, .2);
}

.role-badge.needs-initiative {
  border-color: #8a6a2d;
  background: #32250f;
  color: #f0c76a;
}

.role-badge.round-complete {
  border-color: #54789f;
  background: #14263a;
  color: #b8dcff;
}

.combat-round-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: .85rem 0;
  padding: .75rem .9rem;
  border: 1px solid #46536a;
  border-radius: .6rem;
  background: #111923;
}

.combat-round-status > div {
  display: grid;
  gap: .18rem;
}

.combat-round-status.round-complete {
  border-color: #54789f;
  background: #102033;
}

.combat-round-status.needs-initiative {
  border-color: #8a6a2d;
  background: #211b10;
}

/* During round setup there is no trustworthy current actor until everyone has Initiative. */
.combat-tracker-card:has(.combat-round-status.needs-initiative) .role-badge.ready,
.combat-tracker-card:has(.combat-round-status.needs-initiative) .combatant-primary-controls form,
.combat-monitor-panel:has(.role-badge.needs-initiative) .role-badge.ready {
  display: none;
}

.combat-tracker-card:has(.combat-round-status.needs-initiative) .combatant-row.active-turn:not(.needs-initiative),
.combat-monitor-panel:has(.role-badge.needs-initiative) .combatant-row.active-turn:not(.needs-initiative) {
  border-color: var(--line);
  background: #0f151e;
  box-shadow: none;
}

.combat-tracker-heading-actions button:disabled {
  cursor: not-allowed;
  opacity: .5;
}

.monitor-combatant-row.needs-initiative .initiative-lane {
  border-color: #8a6a2d;
}

.monitor-combatant-row.round-boundary .initiative-lane {
  border-color: #54789f;
}

@media (max-width: 1080px) {
  .combat-tracker-card > .initiative-axis.initiative-axis-with-controls {
    margin-right: 0;
  }
}

@media (max-width: 760px) {
  .combat-round-status {
    align-items: flex-start;
    flex-direction: column;
  }
}