/* Загальні стилі для модальних вікон */

#verificationModal, #signingBox {

    background-color: #fff;

    padding: 20px;

    border: 1px solid #ccc;

    border-radius: 10px;

    max-width: 600px;

    margin: 30px auto;

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

    color: #000; /* чорний текст */

}

/* Заголовки */

#verificationModal h3, #signingBox h3 {

    margin-top: 0;

    font-size: 22px;

    color: #333;

    text-align: center;

}

/* Всі написи і поля */

#verificationModal label, #signingBox label {

    display: block;

    margin-bottom: 10px;

    font-weight: bold;

}

/* Радіокнопки */

#verificationModal input[type="radio"] {

    margin-right: 10px;

}

/* Кнопки */

#verificationModal button, #signingBox button {

    padding: 10px 20px;

    font-size: 16px;

    cursor: pointer;

    border: none;

    border-radius: 5px;

    background-color: #007bff;

    color: #fff;

    display: block;

    width: 100%;

    margin-top: 10px;

}

#verificationModal button:hover, #signingBox button:hover {

    background-color: #0056b3;

}

/* Поле для файлу та паролю */

#signingBox input[type="file"],

#signingBox input[type="password"] {

    width: 100%;

    padding: 8px;

    margin: 5px 0;

    border: 1px solid #ccc;

    border-radius: 5px;

}

/* Додатково для перевірки даних (етап 3) */

.verification-data-box {

    padding: 20px;

    border: 1px solid #ccc;

    background-color: #f9f9f9;

    border-radius: 10px;

    margin-top: 15px;

    text-align: left;

    color: #000;

}

.verification-data-box h3 {

    margin-top: 0;

    color: #333;

    font-size: 20px;

}

.verification-data-table {

    width: 100%;

    border-collapse: collapse;

    margin-top: 10px;

    color: #000;

}

.verification-data-table td {

    padding: 8px 10px;

    border-bottom: 1px solid #ddd;

}

.verification-data-table td:first-child {

    font-weight: bold;

    color: #555;

    width: 40%;

}

.verification-actions {

    margin-top: 20px;

    text-align: center;

}

.verification-actions button {

    padding: 10px 20px;

    font-size: 16px;

    cursor: pointer;

    margin: 0 10px;

}

#rejectVerification {

    background-color: #f44336;

    color: #fff;

}

#proceedToSign {

    background-color: #28a745;

    color: #fff;

} 