/* Dopełnienie Tailwind: klasy dla form-row, form-label, form-input, oraz
   stan "field-missing" (pole którego parser nie znalazł). */

.form-row {
  display: flex;
  flex-direction: column;
}

.form-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #475569; /* slate-600 */
  margin-bottom: 0.25rem;
  font-weight: 500;
}

.form-input {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 1px solid #cbd5e1; /* slate-300 */
  border-radius: 0.375rem;
  background: #fff;
  font-size: 0.875rem;
  transition: all 0.15s ease;
}

.form-input:focus {
  outline: none;
  border-color: #2563eb; /* blue-600 */
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

/* === KLUCZOWE: podświetlenie pól z brakującymi danymi === */
.field-missing {
  border-color: #dc2626 !important; /* red-600 */
  background-color: #fef2f2 !important; /* red-50 */
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.12) !important;
}

.field-missing::placeholder {
  color: #dc2626;
}

/* Krótki flash po zastąpieniu danych z rejestru (CEIDG/MF). */
.field-updated {
  background-color: #d1fae5 !important; /* emerald-100 */
  border-color: #10b981 !important;      /* emerald-500 */
  transition: background-color 2s ease-out, border-color 2s ease-out;
}

/* Dodatkowe "czerwone" oznaczenie wiersza tabeli pozycji */
.item-row-missing {
  background-color: #fef2f2;
}

/* Alerty */
.alert {
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.alert-warning {
  background: #fffbeb;
  border: 1px solid #f59e0b;
  color: #92400e;
}
.alert-error {
  background: #fef2f2;
  border: 1px solid #dc2626;
  color: #991b1b;
}
.alert-info {
  background: #eff6ff;
  border: 1px solid #3b82f6;
  color: #1e3a8a;
}
.alert-success {
  background: #f0fdf4;
  border: 1px solid #22c55e;
  color: #166534;
}

.alert button.close {
  margin-left: auto;
  color: inherit;
  opacity: 0.6;
}
.alert button.close:hover { opacity: 1; }

/* Drobiazgi iframe Bitrix24 */
html, body { height: 100%; }
body { min-height: 100vh; }