:root{--nuit:#14284b;--nuit-clair:#1b3a6b;--orange:#f5a623;--orange-fonce:#d98c0a;--vert:#16a34a;--rouge:#dc2626;--fond:#f5f7fa;--blanc:#ffffff;--texte:#1f2937;--texte-doux:#6b7280;--bord:#e5e7eb;--rayon:12px;--ombre:0 1px 3px rgba(20,40,75,0.08),0 4px 12px rgba(20,40,75,0.06);--barre-basse:64px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--fond);color:var(--texte);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--nuit-clair);text-decoration:none}a:hover{text-decoration:underline}.page{max-width:720px;margin:0 auto;padding:16px 16px calc(var(--barre-basse) + 24px)}.entete{background:var(--nuit);color:var(--blanc);padding:20px 16px}.entete-contenu{max-width:720px;margin:0 auto}.entete h1{margin:0;font-size:22px;letter-spacing:-.4px}.entete p{margin:4px 0 0;opacity:.8;font-size:14px}.entete a{color:var(--blanc)}.marque{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:24px;letter-spacing:-.5px}.marque-point{color:var(--orange)}.carte{background:var(--blanc);border:1px solid var(--bord);border-radius:var(--rayon);padding:16px;margin-bottom:12px;box-shadow:var(--ombre)}.carte-artisan{display:flex;gap:12px;align-items:flex-start}.carte-artisan .vignette{width:56px;height:56px;flex:0 0 56px;border-radius:var(--rayon);background:var(--nuit-clair);color:var(--blanc);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}.carte-artisan .corps{flex:1 1;min-width:0}.carte-artisan h3{margin:0 0 2px;font-size:17px}.carte-artisan .meta{color:var(--texte-doux);font-size:14px}.etiquette{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.6}.etiquette-avant{background:#fef3c7;color:#92400e}.etiquette-verifie{background:#dcfce7;color:#166534}.etiquette-urgent{background:#fee2e2;color:#991b1b}.etiquette-neutre{background:#eef2f7;color:var(--nuit)}.note{color:var(--orange-fonce);font-weight:600}.champ{margin-bottom:14px}.champ label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:var(--nuit)}.champ input,.champ select,.champ textarea{width:100%;padding:12px;border:1px solid var(--bord);border-radius:var(--rayon);font-size:16px;font-family:inherit;background:var(--blanc);color:var(--texte)}.champ input:focus,.champ select:focus,.champ textarea:focus{outline:2px solid var(--nuit-clair);outline-offset:1px;border-color:var(--nuit-clair)}.champ .aide{font-size:13px;color:var(--texte-doux);margin-top:4px}.bouton{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;border:none;border-radius:var(--rayon);background:var(--orange);color:#3d2c00;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;min-height:48px}.bouton:hover{background:var(--orange-fonce);color:#fff}.bouton:disabled{opacity:.5;cursor:not-allowed}.bouton-secondaire{background:var(--nuit);color:var(--blanc)}.bouton-secondaire:hover{background:var(--nuit-clair);color:var(--blanc)}.bouton-discret{background:transparent;color:var(--nuit-clair);border:1px solid var(--bord)}.bouton-discret:hover{background:#eef2f7;color:var(--nuit)}.bouton-compact{width:auto;padding:8px 14px;min-height:40px;font-size:14px}.grille-metiers{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));grid-gap:10px;gap:10px}.tuile-metier{background:var(--blanc);border:1px solid var(--bord);border-radius:var(--rayon);padding:14px 8px;text-align:center;cursor:pointer;font-size:14px;font-weight:600;color:var(--nuit);min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.tuile-metier:hover{border-color:var(--nuit-clair)}.tuile-metier[aria-pressed=true]{border-color:var(--orange);background:#fffbeb}.tuile-metier .pictogramme{font-size:22px}.barre-onglets{position:fixed;bottom:0;left:0;right:0;height:var(--barre-basse);background:var(--blanc);border-top:1px solid var(--bord);display:flex;z-index:40}.barre-onglets a{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;color:var(--texte-doux);text-decoration:none;padding:6px 0}.barre-onglets a[aria-current=page]{color:var(--nuit);font-weight:700}.barre-onglets .pictogramme{font-size:20px;line-height:1}.alerte{border-radius:var(--rayon);padding:12px 14px;margin-bottom:12px;font-size:14px;border:1px solid}.alerte-erreur{background:#fef2f2;border-color:#fecaca;color:#991b1b}.alerte-succes{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.alerte-info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.voile{position:fixed;inset:0;background:rgba(20,40,75,.55);display:flex;align-items:flex-end;justify-content:center;z-index:60}.lecteur{background:var(--blanc);width:100%;max-width:720px;max-height:88vh;border-radius:var(--rayon) var(--rayon) 0 0;display:flex;flex-direction:column}.lecteur-entete{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--bord)}.lecteur-entete h2{margin:0;font-size:17px}.lecteur-corps{overflow-y:auto;padding:16px;font-size:15px}.lecteur-corps h1,.lecteur-corps h2,.lecteur-corps h3{color:var(--nuit)}.lecteur-corps table{width:100%;border-collapse:collapse;margin:12px 0}.lecteur-corps td,.lecteur-corps th{border:1px solid var(--bord);padding:6px 8px;font-size:14px;text-align:left}.lecteur-pied{padding:14px 16px;border-top:1px solid var(--bord)}.etapes{display:flex;gap:4px;margin-bottom:16px}.etapes span{flex:1 1;height:4px;border-radius:2px;background:var(--bord)}.etapes span.faite{background:var(--vert)}.etapes span.courante{background:var(--orange)}.ligne{display:flex;align-items:center;justify-content:space-between;gap:12px}.pile>*+*{margin-top:10px}.discret{color:var(--texte-doux);font-size:14px}.titre-section{font-size:15px;text-transform:uppercase;letter-spacing:.5px;margin:20px 0 10px}.titre-section,.vide{color:var(--texte-doux)}.vide{text-align:center;padding:32px 16px}.vide .pictogramme{font-size:40px;display:block;margin-bottom:8px}.lien-evitement{position:absolute;top:-48px;left:8px;z-index:100;background:var(--nuit);color:var(--blanc);padding:10px 16px;border-radius:0 0 var(--rayon) var(--rayon)}.lien-evitement:focus{top:0}:focus-visible{outline:3px solid var(--nuit-clair);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.carte{transition:box-shadow .2s ease}}