/*
 * ApplyTM v3.8.2.27 final UI corrections.
 * Loaded last so the list controls and detail fallback keep their intended state.
 */

/* Inactive region pills must remain readable after global button rules load. */
.applytm-cn-sync .atm-cn-region-nav button:not(.active):not(:hover) {
  border-color: #d8e2ef !important;
  background: #fff !important;
  color: #344054 !important;
}

.applytm-cn-sync .atm-cn-region-nav button.active,
.applytm-cn-sync .atm-cn-region-nav button:hover {
  border-color: #5b7fe5 !important;
  background: #5b7fe5 !important;
  color: #fff !important;
}

/* Give the result summary its own row instead of letting it collide with the toolbar. */
.applytm-cn-sync.atm-list-enhanced .pq-list {
  margin-top: 0 !important;
  padding-top: 30px !important;
}

.applytm-cn-sync .atm-cn-result-note {
  display: block !important;
  min-height: 28px;
  margin: 0 0 18px !important;
  padding: 0 2px;
  color: #526079 !important;
  line-height: 1.55;
  overflow: visible !important;
}

/* The two-letter code is an image-error fallback, never a caption below a valid flag. */
.applytm-cn-sync .cn-detail-flag-stage > [hidden],
.applytm-cn-sync .atm-country-head > [hidden] {
  display: none !important;
}

@media (max-width: 800px) {
  .applytm-cn-sync.atm-list-enhanced .pq-list {
    padding-top: 22px !important;
  }
}