/* Tableau de bord Windy — version d'essai. Palette de la maquette validée. */
:root{
  --page:#faf5ed; --paper:#fffaf5; --ink:#2e2019; --muted:#6f6156;
  --gold:#74462f; --gold-bright:#c7a16c; --gold-soft:#e8dcc8;
  --card-border:#e5dac6; --radius:22px;
  --shadow:0 18px 50px rgba(70,45,25,.12);
  --serif:"Playfair Display",serif; --sans:"Jost",sans-serif;
  --rouge:#a33327; --vert:#3d7a44;
}
*{box-sizing:border-box}
body{margin:0;background:var(--page);color:var(--ink);font-family:var(--sans);font-weight:300;padding:20px 14px 60px}
.wrap{max-width:1060px;margin:0 auto}
.wrap.etroit{max-width:520px}
.essai-banner{background:var(--gold);color:#fdf6ec;border-radius:14px;padding:10px 16px;text-align:center;letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:500;margin-bottom:18px}
h1{font-family:var(--serif);font-weight:700;font-size:1.9rem;text-align:center;margin:14px 0 4px}
.sub{text-align:center;color:var(--muted);margin:0 0 26px}
.screen{background:var(--paper);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;margin:0 0 26px}
.screen h2{font-family:var(--serif);font-size:1.4rem;margin:0 0 6px}
.screen p.lead{color:var(--muted);margin:0 0 14px}
label{display:block;font-size:.88rem;font-weight:500;letter-spacing:.03em;margin:14px 0 6px}
input[type=text],input[type=email],input[type=password],input[type=time],input[type=file],select,textarea{width:100%;padding:12px 14px;border:1px solid var(--card-border);border-radius:12px;background:#fff;font-family:var(--sans);font-size:1rem;color:var(--ink)}
textarea{min-height:74px;resize:vertical}
.btn{display:inline-block;background:var(--gold);color:#fff;border:none;border-radius:999px;padding:12px 26px;font-family:var(--sans);font-size:1rem;font-weight:500;cursor:pointer;text-decoration:none;margin-top:16px}
.btn.light{background:transparent;color:var(--gold);border:1.5px solid var(--gold)}
.btn.small{padding:8px 18px;font-size:.9rem;margin-top:0}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.danger{background:var(--rouge)}
.mdp-afficher{display:inline-flex;align-items:center;gap:7px;background:none;border:none;color:var(--gold);font-family:var(--sans);font-size:.95rem;font-weight:500;cursor:pointer;min-height:44px;padding:8px 6px;margin-top:2px;text-align:left}
.note{background:#fdf3e3;border:1px solid var(--gold-soft);border-radius:12px;padding:12px 16px;font-size:.93rem;margin-top:16px}
.erreur{background:#fbeae7;border:1px solid #e5b3ab;color:var(--rouge);border-radius:12px;padding:12px 16px;font-size:.95rem;margin-top:16px}
.succes{background:#e9f4ea;border:1px solid #b9d8bc;color:var(--vert);border-radius:12px;padding:12px 16px;font-size:.95rem;margin-top:16px}
a{color:var(--gold);font-weight:500}
.tiles{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}
.tile{border:1px solid var(--card-border);border-radius:18px;background:#fff;padding:16px 10px;text-align:center;cursor:pointer;color:var(--ink);text-decoration:none}
.tile .ic{font-size:1.6rem}
.tile h3{font-family:var(--serif);font-size:1.05rem;margin:6px 0 3px}
.tile p{color:var(--muted);font-size:.82rem;margin:0}
@media(max-width:400px){.tiles{gap:10px}.tile{padding:14px 8px}.tile h3{font-size:.98rem}}
.barre{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:18px}
.barre .liens{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.photos{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}
@media(max-width:640px){.photos{grid-template-columns:1fr}}
.ph{border:1px solid var(--card-border);border-radius:16px;overflow:hidden;background:#fff}
.ph img{width:100%;height:210px;object-fit:cover;display:block}
.ph .corps{padding:12px}
.tag{display:inline-block;background:var(--gold);color:#fff;border-radius:999px;padding:3px 11px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:500}
.consent{display:flex;gap:10px;align-items:flex-start;background:#fdf3e3;border:1px solid var(--gold-soft);border-radius:12px;padding:12px 14px;font-size:.93rem;margin-top:14px}
.consent input{width:20px;height:20px;margin-top:2px;accent-color:var(--gold);flex:none}
table{width:100%;border-collapse:collapse;font-size:.95rem}
th,td{text-align:left;padding:9px 7px;border-bottom:1px solid var(--gold-soft);vertical-align:middle}
th{font-weight:600}
.quand{color:var(--muted);font-size:.84rem;display:block}
.apercu{border:1.5px dashed var(--gold-bright);border-radius:16px;padding:16px;background:#fff;margin-top:16px}
.apercu .titre-apercu{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:600;margin:0 0 10px}
.ligne-boutons{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:var(--ink);color:#fdf6ec;padding:12px 22px;border-radius:999px;font-size:.95rem;box-shadow:var(--shadow);z-index:50;max-width:92vw;text-align:center}
[hidden]{display:none !important}
.guide h4{font-family:var(--serif);margin:18px 0 4px;font-size:1.08rem}
.guide p{color:var(--muted);margin:0}
.deux-col{display:grid;gap:14px;grid-template-columns:1fr 1fr}
@media(max-width:640px){.deux-col{grid-template-columns:1fr}}
.deux-col img{width:100%;border-radius:12px;border:1px solid var(--card-border)}
.petit{font-size:.86rem;color:var(--muted)}