:root{--c-primaire: #683808;--c-primaire-sombre: #4A2706;--c-accent: #B6891A;--c-texte: #1A1A1A;--c-fond: #F6F5F1;--c-surface: #FFFFFF;--c-alerte: #C0392B;--rayon: 16px;--cible: 56px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--c-fond);color:var(--c-texte);font-size:18px;line-height:1.4}button{font-family:inherit;cursor:pointer}.ecran{max-width:560px;margin:0 auto;padding:calc(14px + env(safe-area-inset-top)) 16px calc(96px + env(safe-area-inset-bottom));min-height:100%}.barre{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.barre-surtitre{margin:0;color:#5b5b5b;font-size:15px}.barre-titre{margin:0;font-size:24px}.bouton-texte{background:none;border:none;padding:10px 8px;color:var(--c-primaire);font-size:17px;font-weight:600}.bouton-texte--danger{color:var(--c-alerte)}.vide{color:#6b6b6b;padding:24px 4px;text-align:center}.ecran--login{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;max-width:420px}.login-entete{text-align:center}.login-logo{width:156px;height:auto}.login-titre{margin:12px 0 4px;font-size:26px;color:var(--c-primaire-sombre)}.login-sous-titre{margin:0;color:#5b5b5b}.pin-points{display:flex;gap:18px;margin:8px 0}.pin-point{width:20px;height:20px;border-radius:50%;border:2px solid var(--c-primaire)}.pin-point--rempli{background:var(--c-primaire)}.pin-points--erreur .pin-point{border-color:var(--c-alerte);animation:secousse .4s}@keyframes secousse{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.pin-erreur{color:var(--c-alerte);margin:0;font-weight:600}.pavé{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%;max-width:320px}.touche{height:76px;font-size:30px;font-weight:600;background:var(--c-surface);color:var(--c-texte);border:none;border-radius:var(--rayon);box-shadow:0 2px 4px #00000014}.touche:active{background:#ececec}.touche--efface{color:var(--c-primaire)}.champ-recherche{width:100%;height:var(--cible);padding:0 16px;font-size:18px;border:2px solid #d8d8d2;border-radius:var(--rayon);background:var(--c-surface);margin-bottom:14px}.champ-recherche:focus{outline:none;border-color:var(--c-primaire)}.liste-projets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.carte-projet{width:100%;text-align:left;background:var(--c-surface);border:none;border-left:6px solid var(--c-primaire);border-radius:var(--rayon);padding:16px;box-shadow:0 2px 6px #00000012;display:flex;flex-direction:column;gap:6px}.carte-projet:active{background:#f0efe9}.carte-projet-nom{font-size:19px;font-weight:700}.carte-projet-meta{display:flex;justify-content:space-between;align-items:center;color:#5b5b5b;font-size:15px}.carte-projet-fleche{font-size:26px;color:var(--c-primaire)}.chantier-titre{font-size:22px;margin:6px 0 14px}.liste-entrees{display:flex;flex-direction:column;gap:12px}.entree{background:var(--c-surface);border-radius:var(--rayon);padding:14px 16px;box-shadow:0 2px 6px #00000012}.entree-haut{display:flex;justify-content:space-between;align-items:baseline}.entree-jour{font-weight:700;text-transform:capitalize}.entree-heures{font-size:22px;font-weight:800;color:var(--c-primaire)}.entree-detail{color:#5b5b5b;font-size:15px;margin-top:2px}.entree-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.badge{background:var(--c-fond);border-radius:999px;padding:4px 12px;font-size:14px}.entree-actions{display:flex;gap:8px;margin-top:6px;justify-content:flex-end}.bouton-flottant{position:fixed;left:50%;transform:translate(-50%);bottom:calc(16px + env(safe-area-inset-bottom));width:calc(100% - 32px);max-width:528px;height:60px;font-size:19px;font-weight:700;background:var(--c-accent);color:#fff;border:none;border-radius:var(--rayon);box-shadow:0 6px 16px #00000038}.bouton-flottant:active{filter:brightness(.94)}.feuille-fond{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:20}.feuille{width:100%;max-width:560px;background:var(--c-surface);border-radius:24px 24px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom));max-height:92vh;overflow-y:auto}.feuille-titre{margin:4px 0 16px;font-size:21px}.champ-label{display:block;font-size:14px;color:#5b5b5b;margin:12px 0 6px;font-weight:600}.champ{width:100%;height:var(--cible);padding:0 14px;font-size:18px;border:2px solid #d8d8d2;border-radius:12px;background:var(--c-surface)}.champ:focus{outline:none;border-color:var(--c-primaire)}.bascule{display:flex;gap:6px;background:var(--c-fond);padding:5px;border-radius:14px;margin:14px 0}.bascule-opt{flex:1;height:48px;border:none;background:transparent;border-radius:10px;font-size:17px;font-weight:600;color:#5b5b5b}.bascule-opt.actif{background:var(--c-primaire);color:#fff}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{min-width:64px;height:50px;padding:0 16px;border:2px solid var(--c-primaire);background:var(--c-surface);color:var(--c-primaire);border-radius:999px;font-size:17px;font-weight:700}.chip--actif{background:var(--c-primaire);color:#fff}.plage{display:flex;gap:12px}.plage>div{flex:1}.compteur{display:flex;align-items:center;gap:14px}.compteur-btn{width:52px;height:52px;border-radius:50%;border:2px solid var(--c-primaire);background:var(--c-surface);color:var(--c-primaire);font-size:26px;font-weight:700}.compteur-btn:active{background:var(--c-fond)}.compteur-val{font-size:20px;font-weight:700;min-width:80px;text-align:center}.feuille-actions{display:flex;gap:12px;margin-top:24px}.bouton{flex:1;height:58px;border:none;border-radius:var(--rayon);font-size:18px;font-weight:700}.bouton--primaire{background:var(--c-primaire);color:#fff}.bouton--secondaire{background:var(--c-fond);color:var(--c-texte)}.kpis{display:flex;gap:12px;margin:8px 0 18px}.kpi{flex:1;background:var(--c-surface);border-radius:var(--rayon);padding:16px 8px;text-align:center;box-shadow:0 2px 6px #00000012}.kpi-val{display:block;font-size:26px;font-weight:800;color:var(--c-primaire)}.kpi-lib{display:block;font-size:14px;color:#5b5b5b;margin-top:4px}.alerte-ecart{background:#fdecea;border:2px solid var(--c-alerte);border-radius:var(--rayon);padding:14px 16px;margin-bottom:18px;color:#7a241b}.alerte-ecart strong{color:var(--c-alerte);display:block;margin-bottom:8px}.alerte-ecart-ligne{display:flex;flex-direction:column;gap:2px;margin-top:8px}.alerte-ecart-detail{font-size:14px;color:#7a241b}.section-titre{font-size:17px;margin:18px 0 10px}.liste-collab{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ligne-collab{display:flex;justify-content:space-between;background:var(--c-surface);border-radius:12px;padding:14px 16px;box-shadow:0 1px 4px #0000000f}.ligne-collab-h{font-weight:700;color:var(--c-primaire)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:15;display:flex;background:var(--c-surface);border-top:1px solid #e2e1db;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -2px 8px #0000000d}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0 12px;text-decoration:none;color:#8a8a8a;font-size:13px;font-weight:600}.tab--actif{color:var(--c-primaire)}.tab-ico{font-size:22px;line-height:1}.bascule--petit{margin-top:14px}.bascule--petit .bascule-opt{height:42px;font-size:15px}.jour-bloc{background:var(--c-surface);border-radius:var(--rayon);padding:12px 14px;margin-bottom:10px;box-shadow:0 2px 6px #00000012}.jour-bloc-tete{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #eee}.jour-bloc-date{font-weight:700;text-transform:capitalize}.jour-bloc-total{font-weight:800;color:var(--c-primaire)}.jour-bloc-lignes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.jour-bloc-lignes li{display:flex;justify-content:space-between;color:#444;font-size:15px}.puce-ecart{display:inline-block;font-size:12px;font-weight:700;color:#fff;background:var(--c-alerte);border-radius:999px;padding:2px 9px;margin-left:8px;vertical-align:middle}