/* Army layout and popup fixes */

.army-command-layout {
  grid-template-columns: minmax(13rem, 0.64fr) minmax(0, 1.7fr) minmax(18rem, 0.9fr);
  align-items: start;
}

.army-detail-panel,
.war-stage-panel {
  overflow: visible;
}

.army-column-sidebar,
.army-sidebar-stack {
  min-height: 0;
}

.army-hero {
  grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.95fr);
  gap: 1rem;
}

.army-hero-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.army-hero-metric,
.army-side-stat {
  min-width: 0;
}

.army-unit-group-header {
  grid-template-columns: minmax(0, 1fr) auto;
}

.army-group-columns,
.army-unit-values {
  grid-template-columns: repeat(3, minmax(4.25rem, 5.2rem));
  gap: 0.5rem;
}

.army-unit-row {
  grid-template-columns: minmax(0, 1fr) auto auto;
}

.army-unit-copy,
.army-unit-label,
.army-recruitment-copy,
.army-commander-copy {
  min-width: 0;
}

.army-unit-controls .button,
.army-recruitment-row .button {
  min-width: 6rem;
  white-space: nowrap;
}

.army-recruitment-row {
  grid-template-columns: minmax(0, 1fr) auto auto;
}

#army-roster-list {
  min-height: 18rem;
}

.army-command-layout > .army-column-sidebar:first-child {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  min-height: 42rem;
  max-height: 42rem;
}

.army-command-layout > .army-column-sidebar:first-child #army-roster-list {
  min-height: 0;
  max-height: none;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.army-sidebar-stack {
  display: grid;
  grid-template-rows:
    auto
    minmax(0, 25rem)
    minmax(0, 8.75rem)
    minmax(0, 8.75rem)
    minmax(0, 8.75rem);
  align-content: start;
}

.army-sidebar-stack > .war-sidebar-panel {
  min-height: 0;
  overflow: hidden;
}

.army-sidebar-stack > .war-sidebar-panel:nth-child(2) {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
}

.army-sidebar-stack > .war-sidebar-panel:nth-child(2) #army-list {
  min-height: 0;
  max-height: none;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

#army-upkeep-panel,
#army-logistics-panel,
#army-notes-panel,
#army-commander-panel {
  min-height: 0;
}

#army-upkeep-panel,
#army-logistics-panel,
#army-notes-panel {
  height: 100%;
}

#army-list,
#army-roster-list,
#war-fronts-list,
#war-summary-list,
#war-alerts-list,
#war-army-cards,
#campaign-list,
.army-unit-manager {
  padding-right: 0.45rem;
}

.academy-grid,
.vault-grid {
  overflow-x: visible;
}

.academy-grid .item-card,
.vault-grid .item-card {
  z-index: 1;
}

.academy-grid .item-card:hover,
.vault-grid .item-card:hover {
  z-index: 30;
}

.academy-grid .item-popup,
.vault-grid .item-popup {
  display: none;
}

.academy-grid .item-card:hover .item-popup,
.vault-grid .item-card:hover .item-popup {
  display: none;
}

@media (max-width: 1500px) {
  .army-command-layout {
    grid-template-columns: minmax(12rem, 0.6fr) minmax(0, 1.5fr) minmax(17rem, 0.88fr);
  }

  .army-hero {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1400px) {
  .army-command-layout > .army-column-sidebar:first-child,
  .army-sidebar-stack {
    min-height: auto;
    max-height: none;
    grid-template-rows: auto;
  }

  .academy-grid,
  .vault-grid {
    padding-right: 0.35rem;
  }

  .academy-grid .item-popup,
  .vault-grid .item-popup {
    display: none;
  }