:root{--nuit:#06202b;--abysse:#03141b;--nuit-800:#0c2e3b;--givre:#eaf2ef;--brume:#9db3b5;--ardoise:#4a6470;--rouge:#cd2f4f;--rouge-vif:#ef6e8b;--line:#1f4351;--blanc:#fff;--surface:var(--nuit);--surface-raised:var(--nuit-800);--surface-sunken:var(--abysse);--ink:var(--givre);--ink-muted:var(--brume);--accent:var(--rouge);--accent-text:var(--rouge-vif);--font-titre:"Carilliantine Solid", "Federo", sans-serif;--font-texte:"Mendl Sans Dusk", "Josefin Sans", sans-serif;--chanfrein-s:6px;--chanfrein-m:14px;--nav-h:72px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--surface);color:var(--ink);font-family:var(--font-texte);-webkit-font-smoothing:antialiased;margin:0;font-size:16px}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--rouge-vif);outline-offset:2px}.chanfrein-s{clip-path:polygon(0 0, calc(100% - var(--chanfrein-s)) 0, 100% var(--chanfrein-s), 100% 100%, 0 100%)}.chanfrein-m{clip-path:polygon(0 0, calc(100% - var(--chanfrein-m)) 0, 100% var(--chanfrein-m), 100% 100%, 0 100%)}.losange{background:var(--accent);flex-shrink:0;width:8px;height:8px;display:inline-block;transform:rotate(45deg)}.titre{font-family:var(--font-titre);letter-spacing:.03em;text-transform:uppercase;margin:0;font-weight:400}.surtitre{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);margin:0;font-size:12px;font-weight:700}.surtitre.alerte{color:var(--accent-text)}.muted{color:var(--ink-muted)}.projet-tag{letter-spacing:.04em;color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;text-align:left;background:0 0;border:none;max-width:100%;padding:0;font-size:12px;overflow:hidden}button.projet-tag:hover{color:var(--ink);text-decoration:underline}.app{min-height:100%;display:flex}.main{min-width:0;padding:20px 16px calc(var(--nav-h) + 24px);flex-direction:column;flex:1;gap:22px;max-width:1100px;display:flex}.sidenav{display:none}.bottomnav{height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface-sunken);border-top:1px solid var(--line);z-index:10;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.navitem{min-width:60px;min-height:48px;color:var(--ink-muted);letter-spacing:.06em;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex}.navitem[aria-current=page]{color:var(--ink);font-weight:700}.navitem .marque{width:6px;height:6px}.navitem[aria-current=page] .marque{background:var(--accent);transform:rotate(45deg)}@media (width>=900px){.bottomnav{display:none}.sidenav{background:var(--surface-sunken);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:6px;width:240px;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.sidenav .navitem{letter-spacing:0;flex-direction:row;justify-content:flex-start;gap:12px;padding:12px;font-size:15px}.sidenav .navitem[aria-current=page]{background:var(--surface-raised)}.sidenav .navitem .marque{display:none}.main{padding:32px 48px}}.entete{justify-content:space-between;align-items:center;gap:12px;display:flex}.marque-app{font-family:var(--font-titre);letter-spacing:.08em;align-items:center;gap:10px;font-size:22px;display:flex}.carte{background:var(--surface-raised);flex-direction:column;gap:6px;padding:18px 20px;display:flex}.section{flex-direction:column;gap:12px;display:flex}.tache{align-items:flex-start;gap:12px;display:flex}.tache .contenu{flex-direction:column;gap:3px;min-width:0;display:flex}.tache .titre-tache{font-size:16px}.tache.faite .titre-tache{color:var(--ink-muted);text-decoration:line-through}.case{border:1.5px solid var(--ink-muted);background:0 0;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;padding:0;display:flex}.case.alerte{border-color:var(--accent-text)}.case.cochee{background:var(--accent);border-color:var(--accent)}.ligne{justify-content:space-between;gap:12px;font-size:14px;display:flex}.ligne .quand{color:var(--ink-muted);white-space:nowrap}.separateur{background:var(--line);height:1px;margin:8px 0 4px}.grille-accueil{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:28px;display:grid}.bouton-principal{background:var(--accent);min-height:48px;color:var(--blanc);border:none;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:700;display:inline-flex}.vide{color:var(--ink-muted);margin:0;font-size:15px}.message{background:var(--surface-raised);border-left:3px solid var(--accent-text);padding:12px 14px;font-size:14px}.segments{background:var(--surface-sunken);border:1px solid var(--line);gap:4px;padding:4px;display:flex}.segments button{min-height:40px;color:var(--ink-muted);letter-spacing:.08em;background:0 0;border:none;flex:1;font-size:13px;font-weight:700}.segments button[aria-selected=true]{background:var(--accent);color:var(--blanc)}.fleches{gap:4px;display:flex}.fleche{border:1px solid var(--line);background:0 0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.grille-heures{position:relative}.heure-label{color:var(--ink-muted);font-size:11px;position:absolute;left:0;transform:translateY(-50%)}.heure-ligne{background:var(--line);height:1px;position:absolute;right:0}.bloc{background:var(--surface-raised);border:none;border-left:3px solid var(--brume);color:var(--ink);text-align:left;flex-direction:column;gap:2px;padding:4px 8px;font-size:13px;line-height:16px;display:flex;position:absolute;overflow:hidden}.bloc.tournage{border-left-color:var(--rouge)}.bloc.postprod{border-left-color:var(--rouge-vif)}.bloc.faite{opacity:.55}.colonne-jour{background:#cd2f4f14;position:absolute;top:0;bottom:0}.entetes-semaine{text-align:center;padding-bottom:8px;display:grid}.entetes-semaine span{letter-spacing:.08em;color:var(--ink-muted);flex-direction:column;gap:2px;font-size:10px;font-weight:700;display:flex}.entetes-semaine b{color:var(--ink);font-size:16px;font-weight:400}.entetes-semaine .auj,.entetes-semaine .auj b{color:var(--accent-text);font-weight:700}.sans-heure{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:2px 0;padding:6px 0;display:grid}.puce-jour{background:var(--ardoise);color:var(--ink);text-align:center;white-space:nowrap;text-overflow:ellipsis;border:none;margin:0 1px;padding:4px 3px;font-size:11px;overflow:hidden}.mois{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.mois .jours-sem{letter-spacing:.1em;color:var(--ink-muted);text-align:center;padding-bottom:6px;font-size:10px;font-weight:700}.case-mois{background:var(--surface-raised);text-align:left;min-height:54px;color:var(--ink);border:none;flex-direction:column;gap:3px;padding:4px;font-size:13px;display:flex}.case-mois.hors{color:var(--ink-muted);background:0 0}.case-mois.auj>span:first-child{color:var(--accent-text);font-weight:700}.case-mois[aria-pressed=true]{outline:1.5px solid var(--ink);outline-offset:-1.5px}.barre{background:var(--brume);height:4px}.barre.tournage{background:var(--rouge)}.barre.postprod{background:var(--rouge-vif)}.barre.admin{background:var(--ardoise)}.liste-jour{flex-direction:column;gap:10px;display:flex}.creneau{align-items:flex-start;gap:12px;display:flex}.creneau .heure{flex-shrink:0;width:52px;font-size:14px}.connexion{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100%;padding:24px;display:flex}.connexion .losange{width:18px;height:18px}
