:root{--fg-principale:#0e7490;--fg-principale-sombre:#155e75;--fg-encre:#0f172a;--fg-encre-douce:#475569;--fg-fond:#f8fafc;--fg-surface:#fff;--fg-bordure:#e2e8f0;--fg-erreur:#b91c1c;--fg-erreur-fond:#fef2f2;--fg-rayon:10px;--fg-bandeau-hauteur:52px;--fg-police:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#racine{height:100%;margin:0}body{font-family:var(--fg-police);color:var(--fg-encre);background:var(--fg-fond);line-height:1.45}a{color:var(--fg-principale-sombre);text-decoration:none}button{font:inherit}h1{margin:0 0 .5rem;font-size:1.5rem}.coquille{flex-direction:column;min-height:100%;display:flex}.contenu{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px}.bandeau{z-index:10;height:var(--fg-bandeau-hauteur);background:var(--fg-surface);border-bottom:3px solid var(--fg-principale);align-items:center;gap:12px;padding:0 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0f172a14}.bandeau__marque{color:var(--fg-encre);align-items:center;gap:10px;font-weight:600;display:flex}.bandeau__accueil{background:var(--fg-principale);color:#fff;border-radius:999px;padding:4px 10px;font-size:.85rem}.bandeau__modules{flex:1;align-items:center;gap:4px;display:flex;overflow-x:auto}.bandeau__module{border-radius:var(--fg-rayon);align-items:center;display:inline-flex}.bandeau__module>a{color:var(--fg-encre);border-radius:var(--fg-rayon) 0 0 var(--fg-rayon);align-items:center;gap:6px;padding:8px 10px;display:inline-flex}.bandeau__module:hover{background:var(--fg-fond)}.bandeau__module--actif{background:#e0f2fe}.bandeau__module--actif>a{color:var(--fg-principale-sombre);font-weight:600}.bandeau__fenetre{color:var(--fg-encre-douce);cursor:pointer;border-radius:0 var(--fg-rayon) var(--fg-rayon) 0;background:0 0;border:0;padding:8px 6px}.bandeau__fenetre:hover{color:var(--fg-principale)}.bandeau__personne{align-items:center;gap:10px;display:flex}.bandeau__nom{color:var(--fg-encre-douce);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:.9rem;overflow:hidden}.bandeau__sortie{border:1px solid var(--fg-bordure);background:var(--fg-surface);color:var(--fg-encre);border-radius:var(--fg-rayon);cursor:pointer;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.bandeau__sortie:hover{border-color:var(--fg-principale);color:var(--fg-principale-sombre)}.bandeau__info{color:var(--fg-encre-douce);font-size:.85rem}.bandeau__info--erreur{color:var(--fg-erreur)}.accueil__sous-titre{color:var(--fg-encre-douce);margin:0 0 16px}.tuiles{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.tuile{background:var(--fg-surface);border:1px solid var(--fg-bordure);border-radius:var(--fg-rayon);color:var(--fg-encre);flex-direction:column;gap:8px;min-height:140px;padding:20px;transition:border-color .15s,box-shadow .15s;display:flex}.tuile:hover{border-color:var(--fg-principale);box-shadow:0 4px 14px #0e749026}.tuile svg{color:var(--fg-principale)}.tuile__nom{font-size:1.05rem;font-weight:600}.tuile__description{color:var(--fg-encre-douce);font-size:.9rem}.etat{color:var(--fg-encre-douce);padding:16px}.etat--erreur{color:var(--fg-erreur);background:var(--fg-erreur-fond);border-radius:var(--fg-rayon);border:1px solid #fecaca}.etat button{margin-top:8px}@media (max-width:720px){.bandeau{gap:8px;padding:0 10px}.bandeau__accueil,.bandeau__nom,.bandeau__sortie span,.bandeau__fenetre{display:none}.contenu{padding:16px}}