[x-cloak] { display: none !important; }

.ig-input,
input.ig-input,
textarea.ig-input,
select.ig-input {
  width: 100%;
  background: rgb(2 6 23 / 0.6) !important;
  border: 1px solid rgb(30 41 59) !important;
  border-radius: 0.5rem !important;
  padding: 0.5rem 0.75rem !important;
  font-size: 0.875rem !important;
  color: rgb(241 245 249) !important;
  outline: none !important;
  transition: border-color 0.15s, box-shadow 0.15s;
  appearance: none;
}
.ig-input::placeholder { color: rgb(100 116 139); }
.ig-input:focus {
  border-color: rgb(217 70 239);
  box-shadow: 0 0 0 3px rgb(217 70 239 / 0.15);
}

.ig-btn-primary {
  background-image: linear-gradient(to right, rgb(217 70 239), rgb(236 72 153), rgb(245 158 11));
  color: white;
  font-weight: 500;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  transition: opacity 0.15s, transform 0.15s;
}
.ig-btn-primary:hover { opacity: 0.92; }
.ig-btn-primary:active { transform: translateY(1px); }

.ig-btn-ghost {
  display: inline-block;
  background: rgb(30 41 59 / 0.6);
  color: rgb(226 232 240);
  font-size: 0.875rem;
  padding: 0.4rem 0.8rem;
  border-radius: 0.5rem;
  margin-left: 0.25rem;
  transition: background 0.15s;
}
.ig-btn-ghost:hover { background: rgb(51 65 85 / 0.8); }

/* Override Chrome / Safari autofill yellow/white background on dark inputs */
.ig-input:-webkit-autofill,
.ig-input:-webkit-autofill:hover,
.ig-input:-webkit-autofill:focus,
.ig-input:-webkit-autofill:active {
  -webkit-text-fill-color: rgb(241 245 249) !important;
  -webkit-box-shadow: 0 0 0 1000px rgb(2 6 23 / 0.95) inset !important;
  box-shadow: 0 0 0 1000px rgb(2 6 23 / 0.95) inset !important;
  caret-color: rgb(241 245 249);
  transition: background-color 9999s ease-in-out 0s;
}

input[type="password"].ig-input {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.08em;
}

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: rgb(51 65 85); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: rgb(71 85 105); }
::-webkit-scrollbar-track { background: transparent; }