body{font-family:Arial,sans-serif;background-color:#f9f9f9;margin:0;padding:0.8em;font-size:15px;line-height:1.5}.page-wrapper{max-width:750px;margin:auto;background:#fff;padding:1.2em;box-shadow:0 0 10px rgba(0,0,0,0.05);border-radius:8px}h1,h2{color:#2c3e50;margin-top:0.5em;margin-bottom:0.5em}h1{font-size:1.6em}h2{font-size:1.3em;font-weight:bold}.template-tag{display:none;color:#aaa;font-size:0.75em;font-style:italic;margin-top:0.3em}.navbar{background-color:#ffffff;border-bottom:1px solid #ddd;padding:0.5em 1em;margin-bottom:1em;overflow-x:auto;white-space:nowrap}.nav-links{list-style:none;display:flex;flex-wrap:nowrap;gap:0.8em;margin:0;padding:0;align-items:center}.nav-links li a{display:inline-block;font-size:0.9em;font-weight:bold;text-decoration:none;color:#2c3e50;padding:0.25em 0.5em;border-radius:4px;transition:background-color 0.2s;white-space:nowrap}.nav-links li a:hover{background-color:#ecf0f1}@media (max-width:768px){.nav-links{flex-direction:column;align-items:flex-start;gap:0.5em}.nav-links li a{width:100%;background-color:#f7f7f7;border:1px solid #ccc}}.action-block{margin-top:2em;padding:1em;background-color:#f0f0f0;border-left:5px solid #888;border-radius:6px}.action-buttons{display:flex;flex-wrap:wrap;gap:1em;margin-top:1em}.action-button,.btn{display:inline-block;padding:0.5em 1.2em;border-radius:4px;font-weight:bold;text-align:center;text-decoration:none;cursor:pointer}.action-button{background-color:#3b5998;color:white}.action-button:hover{background-color:#2d4373}.button-danger,.action-button.danger,button.danger{background-color:#e74c3c;color:white;border:none}.button-danger:hover,.action-button.danger:hover,button.danger:hover{background-color:#c0392b}.action-disabled{padding:0.6em 1.2em;background-color:#ccc;border-radius:5px;color:#666;font-style:italic;cursor:not-allowed}.btn-primary{background-color:#3498db;color:white;border:none}.btn-primary:hover{background-color:#2980b9}.action-button.small{padding:0.3em 0.6em;font-size:0.85em;font-weight:normal}form label{display:block;margin-top:1em;font-weight:bold}form input[type="text"],form input[type="date"],form input[type="number"],form input[type="email"],form input[type="password"]{width:100%;padding:0.5em;border:1px solid #ccc;border-radius:4px;margin-top:0.2em}form button{margin-top:1.5em;padding:0.5em 1.2em;background-color:#2ecc71;color:white;border:none;border-radius:5px;cursor:pointer}form button:hover{background-color:#27ae60}form a{font-size:0.95em;text-decoration:none;color:#555;margin-left:1em}.team-table .col-prenom{min-width:140px;max-width:220px}.remove-btn{background:#e74c3c;color:#fff;border:none;padding:2px 6px;margin-left:4px;border-radius:4px;cursor:pointer;font-size:1em;display:inline-flex;align-items:center;justify-content:center;height:24px;width:24px}.remove-btn svg{display:block;margin:0 auto}.team-table .col-vac{min-width:62px}.team-table .col-vac input[type='number']{width:24px;min-width:24px;max-width:28px;text-align:right;padding-left:0;padding-right:0}table{border-collapse:collapse;width:100%;margin-top:1em;overflow-x:auto}th,td{border:1px solid #aaa;padding:8px;text-align:left;font-size:0.95em}th{background-color:#eee}.details-row[hidden]{display:none!important}.alert-zone{margin:1em 0}.alert{padding:0.7em 1.2em;margin-bottom:0.5em;border-radius:6px;font-weight:bold}.alert-success{background-color:#d4edda;color:#155724;border-left:5px solid #28a745}.alert-error{background-color:#f8d7da;color:#721c24;border-left:5px solid #dc3545}.skills-columns{display:flex;flex-direction:row;gap:1em;font-size:0.85em}.skills-columns ul{padding-left:1em}.skills-left,.skills-right{flex:1}@media (max-width:768px){.page-wrapper{padding:1em}.action-buttons{flex-direction:column}.nav-links{flex-direction:row;overflow-x:auto;white-space:nowrap;gap:0.5em}.nav-links li a{flex:0 0 auto;background-color:#fff;border:1px solid #ccc;padding:0.4em 0.8em;border-radius:6px}.event-table thead{display:none}.event-table tr{display:block;background:#fff;border-radius:8px;margin-bottom:0.8em;padding:0.6em 0.8em;box-shadow:0 1px 3px rgba(0,0,0,0.08);border:1px solid #eee}.event-table td{display:inline-block;border:none;padding:0.2em 0.4em;vertical-align:middle}.event-table td::before{content:none!important}.event-table td[data-label="Date"]{font-weight:600;font-size:0.9em;color:#333;float:left}.event-table td[data-label="ID"]{font-size:0.7em;color:#999;font-style:italic;float:right}.event-table td[data-label="Artiste"]{font-weight:bold;font-size:1em;margin-right:0.5em}.event-table td[data-label="Ville"],.event-table td[data-label="Lieu"]{font-size:0.9em;color:#444;margin-right:0.5em}.event-table td[data-label="Actions"]{display:block;text-align:right;margin-top:0.4em}.event-table td[data-label="Actions"] a,.event-table td[data-label="Actions"] button{padding:0.3em 0.6em;font-size:0.8em;border-radius:5px}.team-table thead{display:none}.team-table tr{display:grid;grid-template-areas:"prenom nom poste telephone" "getin vac actions actions";grid-template-columns:auto auto auto 1fr;gap:0.4em 0.6em;background:#fff;border-radius:8px;margin-bottom:0.8em;padding:0.6em 0.8em;box-shadow:0 1px 2px rgba(0,0,0,0.08);border:1px solid #eee}.team-table td{border:none;padding:0.2em 0.4em;font-size:0.9em}.team-table td.prenom{grid-area:prenom;font-weight:600}.team-table td.nom{grid-area:nom}.team-table td.poste{grid-area:poste}.team-table td.telephone{grid-area:telephone}.team-table td.getin{grid-area:getin}.team-table td.vac{grid-area:vac}.team-table td.actions{grid-area:actions;display:flex;gap:0.4em;justify-content:flex-end}.team-table td.getin::before,.team-table td.vac::before{content:attr(data-label) " ";font-weight:500;color:#888;margin-right:0.3em}.team-table td.telephone::before{content:"📞 "}.details-row td{display:block;padding:0.4em;font-size:0.85em}.team-getin-controls{font-size:0.7em;display:flex;flex-wrap:nowrap;align-items:center;gap:0.4em;overflow-x:auto}.team-getin-controls label,.team-getin-controls input,.team-getin-controls span{margin:0 0.2em 0 0;white-space:nowrap}}