/* Общие стили для страниц */
body { 
    font-family: Arial, sans-serif; 
    max-width: 800px; 
    margin: 50px auto; 
    padding: 20px; 
    line-height: 1.6; 
}

.card { 
    border: 1px solid #ccc; 
    padding: 20px; 
    border-radius: 8px; 
    background: #fafafa; 
}

/* Меню переключения страниц */
.main-nav {
    margin-bottom: 20px; 
    border-bottom: 1px solid #ccc; 
    padding-bottom: 10px;
}

.main-nav a {
    text-decoration: none; 
    color: #333; 
    margin-right: 15px;
}

.main-nav a.active {
    font-weight: bold; 
    color: #007bff;
}

/* Стили элементов форм */
.form-group { 
    margin-bottom: 15px; 
}

.form-select {
    padding: 8px; 
    width: 100%; 
    max-width: 400px; 
    border-radius: 4px; 
    border: 1px solid #ccc;
}

.btn { 
    background: #28a745; 
    color: white; 
    padding: 10px 15px; 
    border: none; 
    border-radius: 4px; 
    cursor: pointer; 
}

.btn:hover { 
    background: #218838; 
}

.btn-upload {
    background: #007bff;
}

.btn-upload:hover {
    background: #0056b3;
}

/* Информационные блоки */
.alert { 
    padding: 10px; 
    margin-bottom: 15px; 
    border-radius: 4px; 
}

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

.alert-danger { 
    background: #f8d7da; 
    color: #721c24; 
    border: 1px solid #f5c6cb; 
    padding: 10px; 
    margin-bottom: 15px; 
    border-radius: 4px; 
}

.stats { 
    background: #e2e3e5; 
    padding: 15px; 
    border-radius: 4px; 
    margin-top: 15px; 
}

.errors-list { 
    background: #f8d7da; 
    color: #721c24; 
    padding: 15px; 
    border-radius: 4px; 
    margin-top: 15px; 
    border: 1px solid #f5c6cb; 
}

.errors-list ul { 
    margin: 5px 0 0 0; 
    padding-left: 20px; 
    font-family: monospace; 
}

ul { 
    margin: 5px 0 0 0; 
    padding-left: 20px; 
}

/* Блоки вывода результатов на странице query.php */
.task-description {
    font-size: 1.1em; 
    font-weight: bold; 
    color: #333; 
    background: #e9ecef; 
    padding: 10px; 
    border-radius: 4px; 
    border-left: 5px solid #28a745;
}

.sql-code { 
    background: #343a40; 
    color: #f8f9fa; 
    padding: 15px; 
    border-radius: 4px; 
    font-family: monospace; 
    overflow-x: auto; 
    margin: 15px 0; 
}

.table-responsive {
    overflow-x: auto;
}

table { 
    width: 100%; 
    border-collapse: collapse; 
    margin-top: 15px; 
    background: white; 
}

th, td { 
    border: 1px solid #dee2e6; 
    padding: 10px; 
    text-align: left; 
}

th { 
    background-color: #e9ecef; 
}

tr:nth-child(even) { 
    background-color: #f2f2f2; 
}

.no-data { 
    text-align: center; 
    color: #6c757d; 
    padding: 20px; 
    border: 1px solid #dee2e6; 
    background: white; 
    margin-top: 15px; 
}
/* Страница Task */
.task-body h3 { 
    margin-top: 20px; color: #007bff; 
    border-bottom: 1px solid #eee; 
    padding-bottom: 5px; 
}

.task-body ul { 
    margin-bottom: 15px; 
}

.task-body code { 
    background: #e9ecef; 
    color: #d63384; padding: 2px 6px; 
    border-radius: 4px; 
    font-family: monospace; 
    font-size: 0.9em; 
}

.task-body .db-schema { 
    background: #f1f3f5; 
    padding: 15px; 
    border-radius: 6px; 
    font-family: monospace; 
    border-left: 4px solid #6c757d; 
    margin: 15px 0; 
}