/* Espace client et ADMIN Cloudflare : compléments à site.css (charte DAQUAE brun #0E2A3B, vert #1F8FA8, jaune #D99A2B). */
main.client { padding: 28px 0 56px; }
.bandeau-apercu { background: var(--jaune); color: var(--brun-fonce); font-weight: 700; text-align: center; padding: 8px 16px; font-size: 14px; }

/* Jauge de recherche Dropbox */
.recherche { background: var(--fond); border-radius: var(--rayon); padding: 18px 20px; }
.recherche .lib { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; font-weight: 600; margin: 0 0 8px; color: var(--brun); }
.recherche .piste { height: 12px; background: #E3ECEE; border-radius: 999px; overflow: hidden; }
.recherche .rempli { height: 100%; width: 0; background: linear-gradient(90deg, var(--brun), #1F8FA8); border-radius: 999px; transition: width .3s; }
.recherche .rempli.indetermine { width: 35% !important; animation: va-et-vient 1.1s ease-in-out infinite alternate; }
@keyframes va-et-vient { from { margin-left: 0; } to { margin-left: 65%; } }
.recherche .detail { font-size: 13px; color: var(--gris); margin: 8px 0 0; }

/* Onglets des dossiers Dropbox */
.onglets-dossiers { display: flex; gap: 6px; flex-wrap: wrap; border-bottom: 3px solid var(--jaune); margin: 0 0 16px; }
.onglets-dossiers button { border: 0; background: var(--fond); color: var(--brun); font: inherit; font-weight: 600; font-size: 14px; padding: 10px 16px; border-radius: 8px 8px 0 0; cursor: pointer; }
.onglets-dossiers button.actif { background: var(--brun); color: #fff; }
.onglets-dossiers .nb { display: inline-block; min-width: 20px; margin-left: 6px; padding: 0 6px; border-radius: 999px; background: rgba(0,0,0,.08); font-size: 12px; text-align: center; }
.onglets-dossiers button.actif .nb { background: var(--jaune); color: var(--brun-fonce); }

.liste-fichiers { width: 100%; border-collapse: collapse; font-size: 14px; }
.liste-fichiers th { text-align: left; font-size: 12px; text-transform: uppercase; letter-spacing: .03em; color: var(--gris); padding: 6px 8px; border-bottom: 1px solid var(--trait); }
.liste-fichiers td { padding: 10px 8px; border-bottom: 1px solid var(--trait); vertical-align: middle; }
.liste-fichiers td.nom a { font-weight: 600; text-decoration: none; word-break: break-word; }
.liste-fichiers td.nom a:hover { text-decoration: underline; }
.liste-fichiers .ext { display: inline-block; min-width: 42px; text-align: center; font-size: 11px; font-weight: 700; padding: 3px 6px; border-radius: 4px; background: var(--fond); color: var(--brun); margin-right: 10px; }
.liste-fichiers .ext.pdf { background: #FBE9E5; color: #8A2414; }
.liste-fichiers .ext.xls, .liste-fichiers .ext.xlsx, .liste-fichiers .ext.csv { background: #E3F1F4; color: #176F83; }
.liste-fichiers .ext.doc, .liste-fichiers .ext.docx { background: #E7EEF8; color: #23497A; }
.liste-fichiers td.sec { color: var(--gris); white-space: nowrap; }
.liste-fichiers tr.groupe td { background: var(--fond); font-weight: 700; color: var(--brun); font-size: 13px; padding: 7px 8px; }
@media (max-width: 640px) { .liste-fichiers .col-taille { display: none; } }

.photos-cf { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px; }
.photos-cf figure { margin: 0; }
.photos-cf button { display: block; width: 100%; padding: 0; border: 0; background: #E3ECEE; border-radius: 8px; overflow: hidden; aspect-ratio: 4 / 3; cursor: zoom-in; }
.photos-cf img { width: 100%; height: 100%; object-fit: cover; display: block; }
.photos-cf figcaption { font-size: 13px; line-height: 1.35; padding: 6px 2px 0; color: var(--texte, #13232C); }

.depot { border: 2px dashed #C5D5DA; border-radius: var(--rayon); padding: 22px; text-align: center; background: #FAFCFD; transition: background .2s, border-color .2s; }
.depot.survol { background: #FBF1DE; border-color: var(--jaune); }
.depot p { margin: 0 0 10px; }
.depot .choisis { font-size: 14px; color: var(--gris); margin: 10px 0 0; text-align: left; }
.depot textarea { width: 100%; box-sizing: border-box; min-height: 80px; padding: 10px 12px; border: 1px solid #C5D5DA; border-radius: 8px; font: inherit; margin: 12px 0; }
.progression { height: 10px; background: #E3ECEE; border-radius: 999px; overflow: hidden; margin: 12px 0 0; }
.progression div { height: 100%; width: 0; background: var(--vert, #1F8FA8); transition: width .2s; }

.page-connexion .boite input { width: 100%; box-sizing: border-box; }
.champ-mdp { position: relative; }

/* Voir / Télécharger et fenêtre d'aperçu */
.liste-fichiers td.nom .lien-fichier { background: none; border: 0; padding: 0; font: inherit; font-weight: 600; color: var(--brun); cursor: pointer; text-align: left; word-break: break-word; }
.liste-fichiers td.nom .lien-fichier:hover { text-decoration: underline; }
.liste-fichiers .col-actions { white-space: nowrap; text-align: right; }
.btn-fichier { display: inline-block; font: inherit; font-size: 13px; font-weight: 600; color: var(--brun); background: #fff; border: 1.5px solid var(--brun); border-radius: 999px; padding: 4px 12px; margin-left: 6px; cursor: pointer; text-decoration: none; }
.btn-fichier:hover { background: var(--brun); color: #fff; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.apercu-fichier { position: fixed; inset: 0; z-index: 1000; background: rgba(10, 25, 35, .82); display: flex; align-items: center; justify-content: center; padding: 16px; }
.cadre-apercu { background: #fff; border-radius: 10px; width: min(1100px, 100%); height: min(92vh, 100%); display: flex; flex-direction: column; overflow: hidden; }
.haut-apercu { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-bottom: 4px solid #D99A2B; }
.haut-apercu b { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--brun); }
.fermer-apercu { background: none; border: 0; font-size: 30px; line-height: 1; cursor: pointer; color: var(--brun); padding: 0 4px; }
.zone-apercu { position: relative; flex: 1; min-height: 0; background: #13232C; display: flex; align-items: center; justify-content: center; }
.zone-apercu iframe { width: 100%; height: 100%; border: 0; background: #fff; }
.zone-apercu img, .zone-apercu video { max-width: 100%; max-height: 100%; object-fit: contain; }
.chargement-apercu { position: absolute; color: #fff; margin: 0; }
@media (max-width: 640px) { .liste-fichiers .col-actions .btn-fichier { padding: 4px 9px; margin-left: 3px; } .haut-apercu .btn { padding: 6px 10px; } }

/* Photo de couverture en bandeau sur la fiche projet */
.bandeau-projet { margin: 0 0 20px; border-radius: 12px; overflow: hidden; height: clamp(160px, 26vw, 300px); background: var(--fond); }
.bandeau-projet.cache { display: none; }
.bandeau-projet img { width: 100%; height: 100%; object-fit: cover; display: block; }