/* Marinelli+ — design system v1 (29/10/2026). Interface claire et neutre ; orange = action principale et marque. */
:root{
  --orange:#f26b1d;--orange-fonce:#d6570f;--orange-pale:#fff1e8;--noir:#111214;
  --fond:#f5f6f8;--surface:#ffffff;--surface-2:#f9fafb;--bord:#e5e7eb;--bord-fort:#d1d5db;
  --texte:#1f2328;--texte-2:#57606a;--texte-3:#8b949e;--inverse:#fff;
  --vert:#15803d;--vert-pale:#dcfce7;--bleu:#1d4ed8;--bleu-pale:#dbeafe;--violet:#6d28d9;--violet-pale:#ede9fe;--cyan:#0e7490;--cyan-pale:#cffafe;--rouge:#b91c1c;--rouge-pale:#fee2e2;--jaune:#a16207;--jaune-pale:#fef9c3;--neutre:#4b5563;--neutre-pale:#f3f4f6;
  --rayon:8px;--rayon-g:12px;--ombre:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08);--ombre-g:0 10px 30px rgba(16,24,40,.14);
  --nav-l:232px;--nav-reduite:60px;--barre-h:52px;--police:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}html{font-size:14px}body{margin:0;font-family:var(--police);color:var(--texte);background:var(--fond);line-height:1.45;-webkit-font-smoothing:antialiased}
a{color:var(--bleu);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:20px}h2{font-size:16px}h3{font-size:14px}
[x-cloak]{display:none!important}i[data-lucide],svg.lucide{width:18px;height:18px;flex:none}small,.petit{font-size:12px}.muted{color:var(--texte-2)}.muted-3{color:var(--texte-3)}.orange{color:var(--orange)}kbd{font:11px/1 var(--police);color:var(--texte-3);border:1px solid var(--bord);border-radius:4px;padding:2px 5px;background:var(--surface)}
/* Navigation */
.nav{position:fixed;inset:0 auto 0 0;width:var(--nav-l);background:var(--noir);color:#cfd3d8;display:flex;flex-direction:column;padding:10px 8px;transition:width .15s;z-index:30}
.nav-reduite .nav{width:var(--nav-reduite)}.nav-reduite .nav span,.nav-reduite .marque-texte{display:none}.nav-reduite .page{margin-left:var(--nav-reduite)}
.nav-marque{display:flex;align-items:center;gap:10px;padding:6px 8px 14px;color:#fff;font-weight:700;font-size:16px;text-decoration:none}
.marque-logo{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--orange);color:#fff;font:italic 700 16px Georgia,serif;letter-spacing:-1px}.marque-logo span{font-style:normal;font-size:12px;margin-top:-8px}.marque-logo.grand{width:48px;height:48px;font-size:26px;margin:0 auto 10px}
.nav nav{display:flex;flex-direction:column;gap:2px}.nav-lien{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;color:#cfd3d8;font-weight:500;border:0;background:none;cursor:pointer;font:inherit;width:100%;text-align:left;white-space:nowrap}
.nav-lien:hover{background:rgba(255,255,255,.07);color:#fff;text-decoration:none}.nav-lien.actif{background:rgba(242,107,29,.18);color:#fff}.nav-lien.actif i{color:var(--orange)}
.nav-bas{margin-top:auto;display:flex;flex-direction:column;gap:2px;border-top:1px solid rgba(255,255,255,.08);padding-top:8px}
.page{margin-left:var(--nav-l);min-height:100vh;transition:margin .15s}
.barre{height:var(--barre-h);display:flex;align-items:center;gap:12px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--bord);position:sticky;top:0;z-index:20}
.recherche-bouton{flex:1;max-width:560px;display:flex;align-items:center;gap:10px;height:34px;padding:0 10px 0 12px;border:1px solid var(--bord);border-radius:var(--rayon);background:var(--surface-2);color:var(--texte-3);font:inherit;cursor:text;text-align:left}.recherche-bouton span{flex:1}.recherche-bouton:hover{border-color:var(--bord-fort)}
.barre-droite{margin-left:auto;display:flex;align-items:center;gap:6px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--orange-pale);color:var(--orange-fonce);font-weight:600;font-size:12px}.utilisateur{position:relative}.utilisateur-nom{font-weight:500}.point{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--orange);border:2px solid #fff}
.menu{position:absolute;right:0;top:calc(100% + 6px);min-width:200px;background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon);box-shadow:var(--ombre-g);padding:6px;z-index:40}.menu-entete{padding:8px 10px;font-weight:600;border-bottom:1px solid var(--bord);margin-bottom:4px}.menu-entete small{display:block;font-weight:400;color:var(--texte-3)}.menu-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;color:var(--texte)}.menu-item:hover{background:var(--surface-2);text-decoration:none}
.contenu{padding:20px 24px 60px;max-width:1500px}
.nav-mobile{display:none}
/* Boutons, pastilles, cartes */
.btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:var(--rayon);border:1px solid var(--bord-fort);background:var(--surface);color:var(--texte);font:inherit;font-weight:500;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--surface-2);text-decoration:none}.btn i{width:16px;height:16px}
.btn-primaire{background:var(--orange);border-color:var(--orange);color:#fff}.btn-primaire:hover{background:var(--orange-fonce)}.btn-secondaire{background:var(--surface)}.btn-fantome{border-color:transparent;background:transparent}.btn-fantome:hover{background:var(--neutre-pale)}.btn-icone{width:32px;padding:0;justify-content:center}.btn-petit{height:26px;padding:0 8px;font-size:12px}.btn-large{height:40px;font-size:15px;justify-content:center}
.pastille{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:500;background:var(--neutre-pale);color:var(--neutre);white-space:nowrap}.pastille i{width:12px;height:12px}
.pastille-vert{background:var(--vert-pale);color:var(--vert)}.pastille-bleu{background:var(--bleu-pale);color:var(--bleu)}.pastille-violet{background:var(--violet-pale);color:var(--violet)}.pastille-cyan{background:var(--cyan-pale);color:var(--cyan)}.pastille-rouge{background:var(--rouge-pale);color:var(--rouge)}.pastille-orange{background:var(--orange-pale);color:var(--orange-fonce)}.pastille-jaune{background:var(--jaune-pale);color:var(--jaune)}
.carte{background:var(--surface);border:1px solid var(--bord);border-radius:var(--rayon-g);box-shadow:var(--ombre)}.carte-corps{padding:16px}.carte-entete{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--bord)}.carte-entete h2{flex:1}
.entete-page{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.entete-page .actions{margin-left:auto;display:flex;gap:8px}
.grille{display:grid;gap:16px}.grille-4{grid-template-columns:repeat(4,1fr)}.grille-3{grid-template-columns:repeat(3,1fr)}.grille-2{grid-template-columns:repeat(2,1fr)}
.kpi{padding:14px 16px}.kpi .val{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.kpi .lib{color:var(--texte-2);margin-top:2px}.kpi.alerte .val{color:var(--rouge)}.kpi a{color:inherit}
/* Tableaux et listes */
.tableau{width:100%;border-collapse:collapse}.tableau th{text-align:left;font-weight:600;font-size:12px;color:var(--texte-2);padding:8px 12px;border-bottom:1px solid var(--bord);background:var(--surface-2);white-space:nowrap}.tableau td{padding:9px 12px;border-bottom:1px solid var(--bord);vertical-align:middle}.tableau tr:last-child td{border-bottom:0}.tableau tbody tr{cursor:pointer}.tableau tbody tr:hover{background:#fbfbfc}.tableau tr.selection{background:var(--orange-pale)}.tableau .num{text-align:right;font-variant-numeric:tabular-nums}.tableau .dense td{padding:6px 12px}
.cellule-titre{font-weight:500}.cellule-sous{color:var(--texte-3);font-size:12px}
.filtres{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.filtres input[type=search],.filtres select,.champ{height:32px;padding:0 10px;border:1px solid var(--bord-fort);border-radius:var(--rayon);font:inherit;background:var(--surface)}.filtres input[type=search]{min-width:300px}.filtres select{padding-right:28px}
.puces{display:flex;gap:6px;flex-wrap:wrap}.puce{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--bord);background:var(--surface);color:var(--texte-2);font-size:12px;font-weight:500;cursor:pointer}.puce.actif{background:var(--noir);color:#fff;border-color:var(--noir)}.puce b{font-weight:600;color:inherit}
.pagination{display:flex;align-items:center;gap:8px;padding:10px 12px;color:var(--texte-2);font-size:12px}.pagination .btn{height:26px}
/* Liste + panneau latéral */
.liste-detail{display:grid;grid-template-columns:1fr 440px;gap:16px;align-items:start}.panneau{position:sticky;top:calc(var(--barre-h) + 16px);max-height:calc(100vh - var(--barre-h) - 32px);overflow:auto}.panneau .vide{padding:40px 20px;text-align:center;color:var(--texte-3)}
.panneau-entete{display:flex;gap:12px;padding:16px;border-bottom:1px solid var(--bord)}.panneau-entete .ic{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--neutre-pale);color:var(--texte-2);flex:none}.panneau-entete h2{font-size:16px;line-height:1.25}
.section{padding:12px 16px;border-bottom:1px solid var(--bord)}.section:last-child{border-bottom:0}.section h3{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--texte-3);margin-bottom:8px}
.dl{display:grid;grid-template-columns:120px 1fr;gap:4px 10px;font-size:13px}.dl dt{color:var(--texte-3)}.dl dd{margin:0}
.ligne-item{display:flex;gap:10px;padding:7px 0;border-bottom:1px dashed var(--bord);font-size:13px}.ligne-item:last-child{border-bottom:0}.ligne-item .li-ic{color:var(--texte-3)}.ligne-item .li-corps{flex:1;min-width:0}.ligne-item .li-droite{color:var(--texte-3);white-space:nowrap}
/* Fiche */
.fiche{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start}.fiche-cote{position:sticky;top:calc(var(--barre-h) + 16px)}
.fiche-titre{display:flex;align-items:flex-start;gap:12px}.fiche-titre .ic{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--orange-pale);color:var(--orange-fonce);flex:none}.fiche-titre .ic i{width:24px;height:24px}
.onglets{display:flex;gap:2px;border-bottom:1px solid var(--bord);margin-bottom:16px;overflow:auto}.onglet{padding:10px 14px;color:var(--texte-2);font-weight:500;border-bottom:2px solid transparent;white-space:nowrap}.onglet:hover{color:var(--texte);text-decoration:none}.onglet.actif{color:var(--texte);border-bottom-color:var(--orange)}.onglet .n{margin-left:6px;font-size:11px;background:var(--neutre-pale);padding:1px 6px;border-radius:999px;color:var(--texte-2)}
.chrono{list-style:none;margin:0;padding:0}.chrono li{display:grid;grid-template-columns:20px 1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid var(--bord)}.chrono li:last-child{border-bottom:0}.chrono .ch-ic{width:20px;height:20px;border-radius:50%;background:var(--neutre-pale);display:flex;align-items:center;justify-content:center;color:var(--texte-2)}.chrono .ch-ic i{width:12px;height:12px}.chrono .ch-date{color:var(--texte-3);font-size:12px;white-space:nowrap}
.actions-rapides{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.alerte{padding:10px 12px;border-radius:var(--rayon);font-size:13px}.alerte-erreur{background:var(--rouge-pale);color:var(--rouge)}.alerte-info{background:var(--bleu-pale);color:var(--bleu)}.alerte-orange{background:var(--orange-pale);color:var(--orange-fonce)}
.vide-page{padding:60px 20px;text-align:center}.vide-page i{width:40px;height:40px;color:var(--texte-3)}.vide-page p{max-width:520px;margin:8px auto}
.vide{padding:24px;text-align:center;color:var(--texte-3)}
/* Recherche globale */
.modale-fond{position:fixed;inset:0;background:rgba(17,18,20,.45);z-index:50;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.modale{width:640px;max-width:calc(100vw - 32px);background:var(--surface);border-radius:var(--rayon-g);box-shadow:var(--ombre-g);overflow:hidden}
.recherche-champ{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--bord)}.recherche-champ input{flex:1;border:0;outline:0;font:inherit;font-size:16px}.recherche-resultats{max-height:60vh;overflow:auto;padding:6px}.recherche-groupe{padding:8px 10px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--texte-3)}
.recherche-item{display:grid;grid-template-columns:18px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:6px;color:var(--texte)}.recherche-item:hover,.recherche-item.actif{background:var(--surface-2);text-decoration:none}.recherche-item i{color:var(--texte-3)}.ri-sous{color:var(--texte-3);font-size:12px}
/* Connexion */
.connexion-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--noir)}.connexion{width:360px;background:var(--surface);padding:32px;border-radius:16px;box-shadow:var(--ombre-g);text-align:center}.connexion h1{font-size:22px}.connexion label{display:block;text-align:left;margin:14px 0 0;font-weight:500;font-size:13px}.connexion input{display:block;width:100%;margin-top:4px;height:38px;padding:0 10px;border:1px solid var(--bord-fort);border-radius:var(--rayon);font:inherit}.connexion .btn{width:100%;margin-top:18px}
.toasts{position:fixed;bottom:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:60}.toast{background:var(--noir);color:#fff;padding:10px 14px;border-radius:var(--rayon);box-shadow:var(--ombre-g);font-size:13px}
/* Réactif */
@media (max-width:1100px){.liste-detail{grid-template-columns:1fr}.panneau{position:fixed;inset:var(--barre-h) 0 0 auto;width:min(480px,100vw);max-height:none;border-radius:0;z-index:25;box-shadow:var(--ombre-g)}.fiche{grid-template-columns:1fr}.fiche-cote{position:static}.grille-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.nav{transform:translateX(-100%)}.page{margin-left:0}.nav-mobile{display:inline-flex}.recherche-bouton span{display:none}.utilisateur-nom{display:none}.contenu{padding:14px 16px 60px}.grille-4,.grille-3,.grille-2{grid-template-columns:1fr}.filtres input[type=search]{min-width:0;flex:1}}

/* Formulaires et modale */
.modale-form{width:720px;max-height:88vh;overflow:auto}.modale-form .modale-entete{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid var(--bord)}.modale-form .modale-entete h2{flex:1}.modale-form .modale-corps{padding:16px 20px}.modale-form .modale-pied{display:flex;gap:8px;justify-content:flex-end;padding:12px 20px;border-top:1px solid var(--bord);background:var(--surface-2)}
.form-grille{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 16px}.form-grille .large{grid-column:1/-1}
.champ-groupe{display:flex;flex-direction:column;gap:4px}.champ-groupe label{font-size:12px;font-weight:500;color:var(--texte-2)}.champ-groupe input,.champ-groupe select,.champ-groupe textarea{height:34px;padding:0 10px;border:1px solid var(--bord-fort);border-radius:var(--rayon);font:inherit;background:var(--surface);width:100%}.champ-groupe textarea{height:auto;min-height:70px;padding:8px 10px}.champ-groupe input:focus,.champ-groupe select:focus,.champ-groupe textarea:focus{outline:2px solid var(--orange-pale);border-color:var(--orange)}.champ-groupe .aide{font-size:11px;color:var(--texte-3)}.champ-groupe.erreur input{border-color:var(--rouge)}.champ-groupe .msg{font-size:12px;color:var(--rouge)}
.case{display:flex;align-items:center;gap:8px;font-size:13px}.case input{width:auto;height:auto}
.segmente{display:inline-flex;border:1px solid var(--bord-fort);border-radius:var(--rayon);overflow:hidden}.segmente label{padding:6px 10px;font-size:12px;font-weight:500;cursor:pointer;color:var(--texte-2);border-right:1px solid var(--bord)}.segmente label:last-child{border-right:0}.segmente input{display:none}.segmente input:checked+span{color:var(--texte)}.segmente label:has(input:checked){background:var(--orange-pale);color:var(--orange-fonce)}
.comparer{display:grid;grid-template-columns:140px 1fr 1fr;gap:0;font-size:13px}.comparer>div{padding:8px 10px;border-bottom:1px solid var(--bord)}.comparer .cle{color:var(--texte-3)}.comparer .val{cursor:pointer;border-radius:6px}.comparer .val:hover{background:var(--surface-2)}.comparer .val.choisi{background:var(--orange-pale);outline:1px solid var(--orange)}.comparer .entete{font-weight:600;background:var(--surface-2)}.comparer .diff .val{font-weight:500}
/* --- Étape C : interventions & planning --- */
.erreur-champ{color:var(--rouge);font-size:12px;margin-top:3px}.sous-titre{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--texte-3);margin:8px 0 0;padding-top:10px;border-top:1px solid var(--bord)}
.avatar-tech{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em;flex:none}
.btn-groupe{display:inline-flex}.btn-groupe .btn{border-radius:0}.btn-groupe .btn:first-child{border-radius:var(--rayon) 0 0 var(--rayon)}.btn-groupe .btn:last-child{border-radius:0 var(--rayon) var(--rayon) 0}.btn-groupe .btn+.btn{margin-left:-1px}.btn.actif{background:var(--texte);border-color:var(--texte);color:#fff}
.tableau tr.urgente td:first-child{box-shadow:inset 3px 0 0 var(--rouge)}.tableau tr.ligne-faite td{color:var(--texte-3);background:var(--vert-pale)}.tableau tr.ligne-faite i{width:14px;height:14px;vertical-align:-2px;color:var(--vert)}
.selecteur-tiers{position:relative}.selecteur-res{position:absolute;left:0;right:0;top:100%;z-index:5;background:var(--surface);border:1px solid var(--bord-fort);border-radius:var(--rayon);box-shadow:var(--ombre-g);max-height:260px;overflow:auto}.selecteur-res:empty{display:none}
.selecteur-res button{display:flex;gap:10px;align-items:center;width:100%;padding:8px 10px;border:0;background:none;font:inherit;text-align:left;cursor:pointer;border-bottom:1px solid var(--bord)}.selecteur-res button:hover{background:var(--orange-pale)}.selecteur-res button i{width:16px;height:16px;color:var(--texte-3);flex:none}.selecteur-res button span{display:flex;flex-direction:column;min-width:0}.selecteur-res button small{color:var(--texte-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.modale-form:has(.modale-form-interv){width:860px}
/* planning */
.planning-wrap{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start}.planning-corps{overflow:auto}.backlog{position:sticky;top:calc(var(--barre-h) + 16px);max-height:calc(100vh - var(--barre-h) - 32px);display:flex;flex-direction:column}.backlog-liste{overflow:auto;padding:8px;min-height:120px;flex:1}
table.planning{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}table.planning th{font-weight:600;font-size:12px;color:var(--texte-2);padding:8px;border-bottom:1px solid var(--bord);background:var(--surface-2);text-align:left}table.planning thead th.auj{color:var(--orange-fonce)}table.planning thead th.samedi{color:var(--texte-3)}table.planning thead th a{cursor:pointer}
table.planning .col-tech{width:120px;vertical-align:top;border-right:1px solid var(--bord)}table.planning tbody th.col-tech{display:flex;gap:8px;align-items:center;background:var(--surface);border-bottom:0;font-weight:600}table.planning tbody tr.sans-tech th.col-tech{color:var(--texte-3);font-weight:500}table.planning tbody tr.sans-tech th i{width:18px;height:18px}
table.planning td.cellule{vertical-align:top;padding:4px;border-bottom:1px solid var(--bord);border-right:1px solid var(--bord);min-height:60px;height:64px;position:relative;transition:background .12s}table.planning td.cellule.auj{background:#fffaf6}.cellule.survol{background:var(--orange-pale)!important;outline:2px dashed var(--orange);outline-offset:-2px}
.charge{position:absolute;right:6px;bottom:3px;font-size:10px;color:var(--texte-3);font-variant-numeric:tabular-nums}.charge.sur{color:var(--rouge);font-weight:700}
.carte-interv{position:relative;background:var(--surface);border:1px solid var(--bord);border-left:3px solid var(--c);border-radius:6px;padding:4px 6px 4px 7px;margin-bottom:4px;font-size:12px;line-height:1.3;cursor:grab;box-shadow:0 1px 1px rgba(0,0,0,.03);overflow:hidden}.carte-interv:hover{border-color:var(--bord-fort);border-left-color:var(--c);box-shadow:var(--ombre)}.carte-interv.drag{opacity:.4}.carte-interv:not([draggable]){cursor:pointer}
.carte-interv .ci-ligne1{display:flex;gap:5px;align-items:center;min-width:0}.carte-interv .ci-ligne1 b{font-variant-numeric:tabular-nums;color:var(--texte-2)}.carte-interv .ci-ligne1 i{width:13px;height:13px;flex:none;color:var(--texte-3)}.carte-interv .ci-titre{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.carte-interv .ci-ok{color:var(--vert)!important}.carte-interv .ci-ligne2{color:var(--texte-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.carte-interv.statut-terminee{background:var(--surface-2);opacity:.75}.carte-interv.urgente{border-color:var(--rouge);background:var(--rouge-pale)}.carte-interv.retard{border-color:var(--jaune);background:var(--jaune-pale)}.carte-interv.statut-a_replanifier{border-style:dashed}
.carte-interv.type-depannage .ci-ligne1 i{color:var(--rouge)}.carte-interv.type-pose .ci-ligne1 i{color:var(--violet)}.carte-interv.type-mesurage .ci-ligne1 i{color:var(--cyan)}.carte-interv.type-entretien .ci-ligne1 i{color:var(--vert)}
.jour{min-width:720px}.jour-entete{display:flex;border-bottom:1px solid var(--bord);background:var(--surface-2);font-size:12px;font-weight:600}.jour-entete .col-tech-j{padding:8px;display:flex;gap:6px;align-items:center;border-left:1px solid var(--bord)}.col-heures{width:52px;flex:none;position:relative}.col-tech-j{flex:1;min-width:0;position:relative}
.jour-corps{display:flex;position:relative}.jour-corps .heure{position:absolute;right:6px;transform:translateY(-7px);font-size:11px;color:var(--texte-3);font-variant-numeric:tabular-nums}.jour-corps .col-tech-j{border-left:1px solid var(--bord)}.jour-corps .ligne-h{position:absolute;left:0;right:0;border-top:1px solid var(--bord);pointer-events:none}.jour-corps .ligne-h:nth-child(2n){border-top-style:dashed;border-top-color:#eee}
.jour-corps .pos{position:absolute;left:3px;right:3px;z-index:2}.jour-corps .pos .carte-interv{height:100%;margin:0;box-sizing:border-box}.jour-corps .sans-heure{position:absolute;left:3px;right:3px;z-index:2}.jour-corps .sans-heure .carte-interv{opacity:.85;border-style:dashed}
.maintenant{position:absolute;left:52px;right:0;border-top:2px solid var(--orange);z-index:3;pointer-events:none}.maintenant:before{content:'';position:absolute;left:-5px;top:-5px;width:8px;height:8px;border-radius:50%;background:var(--orange)}
@media (max-width:1100px){.planning-wrap{grid-template-columns:1fr}.backlog{position:static;max-height:320px}}