.admin-control-room {
  overflow: hidden;
  margin-bottom: 28px;
  border-radius: 14px 14px 0 0;
  background: var(--navy);
  color: #fff;
  border-bottom: 4px solid var(--yellow);
}

.admin-control-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  padding: 24px 28px 18px;
}

.admin-control-heading h2 {
  margin: 5px 0 2px;
  font-size: clamp(1.8rem, 4vw, 2.8rem);
}

.admin-control-heading p {
  margin: 0;
  color: #b9c9dc;
}

.admin-control-tabs {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  padding: 0 28px;
  scrollbar-width: thin;
}

.admin-control-tabs button {
  flex: 0 0 auto;
  padding: 13px 1px 11px;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  color: #b9c9dc;
  background: transparent;
}

.admin-control-tabs button:hover,
.admin-control-tabs button.active {
  color: #fff;
  background: transparent;
  border-bottom-color: var(--yellow);
}

.admin-control-legacy {
  display: none !important;
}

.admin-control-forms {
  display: contents;
}

#content [data-admin-module] {
  animation: admin-module-entry 140ms ease-out;
}

#content [data-admin-module][hidden] {
  display: none !important;
}

#content [data-admin-module="jornada"].live-section,
#content [data-admin-module="equipos"].live-section,
#content [data-admin-module="mesa"].live-section,
#content [data-admin-module="usuarios"].live-section,
#content [data-admin-module="informes"].live-section,
#content [data-admin-module="torneo"].live-section {
  margin-top: 22px;
  padding-top: 22px;
}

@keyframes admin-module-entry {
  from { opacity: .7; transform: translateY(3px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 700px) {
  .admin-control-room {
    margin-inline: -1vw;
    border-radius: 11px 11px 0 0;
  }

  .admin-control-heading {
    align-items: stretch;
    flex-direction: column;
    padding: 19px 17px 15px;
  }

  .admin-control-heading .primary {
    width: 100%;
  }

  .admin-control-tabs {
    gap: 17px;
    padding: 0 17px;
  }

  .admin-control-tabs button {
    min-height: 44px;
  }
}