/* --- ULTRA WIDE FORM --- */
.input-data-form-container.ultra-wide-form {
    max-width: 1000px !important; /* Jeszcze szerszy kontener */
    width: 100%;
    background: #ffffff !important;
    border: 1px solid #eeeeee !important;
    border-radius: 2px !important;
    padding: 60px !important; /* Większy padding wewnętrzny */
    margin-top: 40px;
    box-shadow: 0 1px 10px rgba(0,0,0,0.02) !important;
}

/* Nagłówek wyrównany do lewej, bardzo elegancki */
.form-title {
    font-size: 2rem !important;
    font-weight: 400 !important;
    color: #000;
    margin-bottom: 50px !important;
    letter-spacing: -1px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 20px;
}

/* Stylizacja pól wejściowych - usunięcie zaokrągleń i powiększenie */
.form-control, .form-select {
    border: 1px solid #e5e5e5 !important;
    border-radius: 0 !important; /* Całkowicie ostre krawędzie */
    padding: 18px 20px !important; /* Bardzo wysokie pola */
    font-size: 1.1rem !important;
    color: #333 !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
}

/* Efekt focus - tylko zmiana koloru ramki na Twój błękit */
.form-control:focus, .form-select:focus {
    border-color: #2a39d4 !important;
    background-color: #ffffff !important;
}

/* Specjalny styl dla ikony daty */
.input-group-text {
    border-radius: 0 !important;
    border: 1px solid #e5e5e5 !important;
    color: #2a39d4 !important;
    padding-left: 20px;
    padding-right: 20px;
}

/* Przycisk akcji - duży i wyraźny */
.btn-dark {
    background-color: #000000 !important;
    border: none !important;
    border-radius: 0 !important;
    letter-spacing: 2px;
    transition: all 0.3s ease !important;
}

.btn-dark:hover {
    background-color: #2a39d4 !important; /* Zmiana na błękit przy najechaniu */
}

/* Dostosowanie dla urządzeń mobilnych - żeby nie wystawało */
@media (max-width: 1000px) {
    .input-data-form-container.ultra-wide-form {
        padding: 30px !important;
        margin: 10px;
    }
}