/* Admin global styles for forms and edit cards */
:root {
  --admin-bg-card: #310909;
  --admin-border-card: #532222;
  --admin-bg-input: #1e0f10;
  --admin-border-input: #4b1e1e;
  --admin-border-input-focus: #7a1f1f;
  --admin-shadow: 0 3px 12px rgba(0,0,0,0.35);
}

/* Improve edit cards across modules */
main div[style*="background:#310909"] {
  box-shadow: var(--admin-shadow);
  border-color: var(--admin-border-card) !important;
  padding: 6px !important;
  border-radius: 7px !important;
  overflow: hidden;
}

/* Inputs, selects, textareas look & feel */
main input[type="text"],
main input[type="number"],
main input[type="file"],
main input[type="color"],
main input[type="password"],
main select,
main textarea {
  font-family: inherit;
  font-size: 12.5px;
  line-height: 1.2;
  border-color: var(--admin-border-input) !important;
  background: var(--admin-bg-input) !important;
  color: #fff !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
  padding: 6px !important;
  border-radius: 5px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
}

main input[type="text"]:focus,
main input[type="number"]:focus,
main input[type="file"]:focus,
main input[type="color"]:focus,
main input[type="password"]:focus,
main select:focus,
main textarea:focus {
  border-color: var(--admin-border-input-focus) !important;
  box-shadow: 0 0 0 2px rgba(122,31,31,0.35);
  outline: none;
}

/* Labels spacing */
main label {
  margin-bottom: 4px;
}

/* Buttons unify hover focus feel without overriding inline colors */
main button {
  transition: transform .08s ease, box-shadow .2s ease;
  padding: 7px 11px !important;
  border-radius: 6px !important;
}
main button:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.35);
}

/* Inner preview boxes usually set with #1a1a1a */
main div[style*="background:#1a1a1a"][style*="border:1px solid #333"][style*="border-radius:10px"] {
  padding: 6px !important;
  border-radius: 7px !important;
}

/* Avoid visual overflow inside inputs with very long values */
main input[type="text"],
main input[type="number"],
main input[type="password"],
main input[type="file"],
main input[type="color"] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}