/*
 * ZWorld Classic — intégration visuelle de session native V1.
 */

.classic-native-session-form-v1,
.classic-native-session-mobile-form-v1 {
  display: grid;
  gap: 10px;
  margin: 12px 0;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(20, 20, 23, 0.72);
}

.classic-native-session-form-v1[hidden],
.classic-native-session-mobile-form-v1[hidden] {
  display: none;
}

.classic-native-session-label-v1 {
  display: grid;
  gap: 6px;
  color: #d5d5d9;
  font-size: 12px;
  font-weight: 700;
}

.classic-native-session-input-v1 {
  width: 100%;
  min-height: 42px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 11px;
  padding: 9px 11px;
  background: #0f0f12;
  color: #f4f4f5;
  font: inherit;
  outline: none;
}

.classic-native-session-input-v1:focus {
  border-color: rgba(255, 255, 255, 0.18);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.055);
  outline: none;
}

.classic-native-session-submit-v1 {
  min-height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 11px;
  padding: 9px 14px;
  background:
    linear-gradient(
      145deg,
      #29292f,
      #141417
    );
  color: #f4f4f5;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 0.075);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  transition:
    color 0.14s ease,
    background 0.14s ease,
    transform 0.14s ease,
    opacity 0.14s ease;
}

.classic-native-session-submit-v1:hover,
.classic-native-session-submit-v1:focus-visible {
  color: #ffffff;
  background:
    linear-gradient(
      145deg,
      #36363d,
      #1b1b1f
    );
  transform: translateY(-1px);
  outline: none;
}

.classic-native-session-submit-v1:active {
  transform: scale(0.98);
}

.classic-native-session-submit-v1:disabled {
  opacity: 0.58;
  cursor: wait;
}

.classic-native-session-status-v1 {
  min-height: 18px;
  margin: 0;
  color: #a8a8b0;
  font-size: 11px;
  line-height: 1.45;
}

.classic-native-session-status-v1[data-state="error"] {
  color: #ff9c9c;
}

.classic-native-session-status-v1[data-state="success"] {
  color: #8de5ad;
}

.classic-native-session-status-v1[data-state="pending"] {
  color: #d5c9ff;
}