/* Django admin: force light mode and use full screen width */

html {
  color-scheme: light;
}

/* Hide theme toggle (we use light mode only) */
button.theme-toggle {
  display: none !important;
}

#container {
  max-width: none;
  width: 100%;
  min-height: 100vh;
}

/* Login page: don't force full viewport height so page fits the form */
body.login #container {
  min-height: 0;
}

#container .main {
  max-width: none;
  width: 100%;
  min-height: 0;
  height: fit-content;
  flex: 0 0 auto;
  align-self: start;
}

/* Override Django login.css so main content doesn't stretch (login loads after us) */
body.login #main.main,
body.login #main main#content-start.content {
  width: 100%;
  min-height: 0 !important;
  height: fit-content !important;
  flex: 0 0 auto !important;
  align-self: start !important;
}

#content {
  max-width: none;
}

/* Shrink main to match inner #content height (e.g. login form), not full viewport */
#main main#content-start.content {
  width: 100%;
  min-height: 0;
  height: fit-content;
  align-self: start;
}

#content .module,
#content .module table {
  max-width: none;
}

.result-list table {
  width: 100%;
}

/* Variant axis tabular inline (Product / Retail / Service): hide first column (axis __str__ + Change).
   Editing is via “Add or edit values” on each row. */
fieldset.module.catalog-variant-axis-inline th.original,
fieldset.module.catalog-variant-axis-inline td.original {
  display: none !important;
}

/* Shared full-screen “import in progress” overlay (retail/product CSV uploads, etc.). */
.admin-csv-import-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(2px);
}

.admin-csv-import-overlay.is-visible {
  display: flex !important;
}

.admin-csv-import-overlay__panel {
  max-width: 28rem;
  width: 100%;
  padding: 1.5rem 1.75rem;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
  background: var(--body-bg, #fff);
  color: var(--body-fg, #333);
  border: 1px solid var(--hairline-color, #e0e0e0);
}

.admin-csv-import-overlay__title {
  margin: 0 0 0.35rem;
  font-size: 1.1rem;
  font-weight: 600;
}

.admin-csv-import-overlay__hint {
  margin: 0.5rem 0 0;
  font-size: 0.875rem;
  opacity: 0.85;
  line-height: 1.4;
}

.admin-csv-import-spinner {
  width: 2.5rem;
  height: 2.5rem;
  margin: 0.25rem auto 0.75rem;
  border: 3px solid var(--hairline-color, #ddd);
  border-top-color: var(--link-fg, #417690);
  border-radius: 50%;
  animation: admin_csv_import_spin 0.75s linear infinite;
}

@keyframes admin_csv_import_spin {
  to {
    transform: rotate(360deg);
  }
}

.admin-csv-import-progress-track {
  height: 4px;
  margin-top: 1rem;
  border-radius: 2px;
  background: var(--hairline-color, #e8e8e8);
  overflow: hidden;
}

.admin-csv-import-progress-indeterminate {
  height: 100%;
  width: 40%;
  border-radius: 2px;
  background: var(--link-fg, #417690);
  animation: admin_csv_import_indeterminate 1.2s ease-in-out infinite;
}

@keyframes admin_csv_import_indeterminate {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(350%);
  }
}