/* Общие настройки */
body {
    font-family: Arial, sans-serif;
    margin: 20px;
    padding: 20px;
    background-color: #f4f4f4;
}

h1 {
    text-align: center;
    color: #333;
}

/* Стиль для формы */
form {
    max-width: 600px; /* Ширина формы */
    margin: 0 auto;
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

label {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    color: #555;
}

input[type="file"] {
    margin-bottom: 20px;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
}

/* Стиль для кнопки "Сверить данные" */
.download-button.verify {
    background-color: #28a745; /* Зеленый цвет */
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    width: 100%; /* Кнопка занимает всю ширину формы */
}

.download-button.verify:hover {
    background-color: #218838;
}

/* Стиль для информационного блока (ограничение размера файла) */
.info-block {
    max-width: 600px; /* Та же ширина, что у формы */
    margin: 20px auto;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #d1ecf1; /* Голубой фон */
    border-color: #bee5eb;
    color: #0c5460;
    text-align: center;
}

/* Стиль для кнопок скачивания */
.download-button {
    display: block;
    margin: 10px auto;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    width: 60%;
    text-align: center;
    text-decoration: none;
    color: white;
}

.download-button.success {
    background-color: #17a2b8; /* Синий цвет для совпадающих записей */
}

.download-button.non-matching-pdf {
    background-color: #dc3545; /* Красный цвет для несоответствующих записей из PDF */
}

.download-button.non-matching-xlsx {
    background-color: #28a745; /* Зеленый цвет для несоответствующих записей из Excel */
}

.download-button:hover {
    opacity: 0.9;
}

/* Стили для сообщений */
.alert {
    max-width: 600px; /* Та же ширина, что у формы */
    margin: 20px auto;
    margin-top: 20px;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
}

.alert-info {
    background-color: #d1ecf1;
    border-color: #bee5eb;
    color: #0c5460;
}

.alert-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

.alert-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

/* Контейнер для кнопок скачивания */
.button-container {
    max-width: 600px;
    margin: 0 auto;
}

/* Стиль для кнопки "Выйти" */
.logout-button {
    display: inline-block;
    margin: 10px;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    background-color: #dc3545; /* Красный цвет */
    color: white;
    text-decoration: none;
}

.logout-button:hover {
    background-color: #c82333; /* Темнее красный при наведении */
}