/* Reset et base */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Arial', sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #f5f5f5;
    padding: 20px;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

h1, h2, h3 {
    margin-bottom: 20px;
    color: #2c3e50;
}

/* Formulaires */
.inscription-form, .login-form {
    max-width: 600px;
    margin: 0 auto;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="tel"],
.form-group input[type="date"],
.form-group input[type="password"],
.form-group input[type="moyenne"],
.form-group select,
.form-group textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
}

.form-group input[type="file"] {
    padding: 5px;
}

.btn-submit {
    background-color: #3498db;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.btn-submit:hover {
    background-color: #2980b9;
}

/* Alertes */
.alert {
    padding: 10px 15px;
    margin-bottom: 20px;
    border-radius: 4px;
}

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

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

/* Tableau de bord */
.dashboard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.btn-logout {
    background-color: #e74c3c;
    color: white;
    padding: 8px 15px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
}

.btn-logout:hover {
    background-color: #c0392b;
}

.search-box {
    margin-bottom: 20px;
}

.search-box input {
    padding: 8px;
    width: 300px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.search-box button {
    padding: 8px 15px;
    background-color: #2ecc71;
    color: white;
    border: none;
    border-radius: 4px;
    margin-left: 5px;
    cursor: pointer;
}

/* Table */
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

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

table th {
    background-color: #f2f2f2;
    font-weight: bold;
}

/* Statuts */
.status-en_attente {
    color: #f39c12;
    font-weight: bold;
}

.status-accepte {
    color: #2ecc71;
    font-weight: bold;
}

.status-refuse {
    color: #e74c3c;
    font-weight: bold;
}

/* Actions */
.actions {
    white-space: nowrap;
}

.action-form {
    display: inline;
}

.btn-accept, .btn-refuse {
    padding: 5px 10px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
}

.btn-accept {
    background-color: #2ecc71;
    color: white;
    margin-right: 5px;
}

.btn-accept:hover {
    background-color: #27ae60;
}

.btn-refuse {
    background-color: #e74c3c;
    color: white;
}

.btn-refuse:hover {
    background-color: #c0392b;
}

.no-results {
    text-align: center;
    padding: 20px;
    color: #7f8c8d;
}

/* Export buttons */
.header-actions {
    display: flex;
    align-items: center;
    gap: 15px;
}

.export-buttons {
    display: flex;
    gap: 10px;
}

.btn-export {
    padding: 8px 15px;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.btn-export.pdf {
    background-color: #e74c3c;
}

.btn-export.pdf:hover {
    background-color: #c0392b;
}

.btn-export.excel {
    background-color: #2ecc71;
}

.btn-export.excel:hover {
    background-color: #27ae60;
}

.btn-export::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
}

.btn-export.pdf::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="white" d="M181.9 256.1c-5-16-4.9-46.9-2-46.9 8.4 0 7.6 36.9 2 46.9zm-1.7 47.2c-7.7 20.2-17.3 43.3-28.4 62.7 18.3-7 39-17.2 62.9-21.9-12.7-9.6-24.9-23.4-34.5-40.8zM86.1 428.1c0 .8 13.2-5.4 34.9-40.2-6.7 6.3-29.1 24.5-34.9 40.2zM248 160h136v328c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V24C0 10.7 10.7 0 24 0h200v136c0 13.3 10.7 24 24 24zm-8 171.8c-20-12.2-33.3-29-42.7-53.8 4.5-18.5 11.6-46.6 6.2-64.2-4.7-29.4-42.4-26.5-47.8-6.8-5 18.3-.4 44.1 8.1 77-11.5 27.6-28.7 64.6-40.8 85.8-.1 0-.1.1-.2.1-27.1 13.9-73.6 44.5-54.5 68 5.6 6.9 16 10 21.5 10 17.9 0 35.7-18 61.1-61.8 25.8-8.5 54.1-19.1 79-23.2 21.7 11.8 47.1 19.5 64 19.5 29.2 0 31.2-30 19.7-37.6-13.1-8.8-31.4-17-51.1-17.9zM377 105L279 7c-4.5-4.5-10.6-7-17-7h-6v128h128v-6.1c0-6.3-2.5-12.4-7-16.9zm-74.1 255.3c4.1-2.7-2.5-11.9-42.8-9 37.1 15.8 42.8 9 42.8 9z"/></svg>');
}

.btn-export.excel::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="white" d="M14.06 463.3C-4.686 444.6-4.686 414.2 14.06 395.4L272.4 135.1H48.01c-26.51 0-48.01-21.49-48.01-47.1V47.1C0 21.49 21.49 0 47.1 0h287.1c19.57 0 37.31 11.75 44.84 29.82c7.531 18.06 3.812 38.82-9.469 52.1L218.4 253.7l229.8 229.7c18.75 18.74 18.75 49.14 0 67.88c-18.74 18.74-49.13 18.74-67.87 0L14.06 463.3zM48.01 79.1h159.1l-159.1 159.1V79.1zM336 432c13.25 0 23.1-10.75 23.1-23.1S349.3 384 336 384s-23.1 10.75-23.1 23.1S322.8 432 336 432zM272 304c13.25 0 23.1-10.75 23.1-23.1S285.3 256 272 256S248 266.7 248 280S258.8 304 272 304zM400 432c13.25 0 23.1-10.75 23.1-23.1S413.3 384 400 384s-23.1 10.75-23.1 23.1S386.8 432 400 432z"/></svg>');
}

.btn-export.csv {
    background-color: #3498db;
}

.btn-export.csv:hover {
    background-color: #2980b9;
}

.btn-export.csv::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="white" d="M14.06 463.3C-4.686 444.6-4.686 414.2 14.06 395.4L272.4 135.1H48.01c-26.51 0-48.01-21.49-48.01-47.1V47.1C0 21.49 21.49 0 47.1 0h287.1c19.57 0 37.31 11.75 44.84 29.82c7.531 18.06 3.812 38.82-9.469 52.1L218.4 253.7l229.8 229.7c18.75 18.74 18.75 49.14 0 67.88c-18.74 18.74-49.13 18.74-67.87 0L14.06 463.3zM48.01 79.1h159.1l-159.1 159.1V79.1zM336 432c13.25 0 23.1-10.75 23.1-23.1S349.3 384 336 384s-23.1 10.75-23.1 23.1S322.8 432 336 432zM272 304c13.25 0 23.1-10.75 23.1-23.1S285.3 256 272 256S248 266.7 248 280S258.8 304 272 304zM400 432c13.25 0 23.1-10.75 23.1-23.1S413.3 384 400 384s-23.1 10.75-23.1 23.1S386.8 432 400 432z"/></svg>');
}