/* Mise en page des écrans du neuf. Aucune couleur ni police ici : tout vient de charte-b1.css (P3). */
.k-qui{position:relative}
.menu{position:absolute;right:0;top:30px;z-index:5;min-width:130px;display:none;background:var(--k-surface);color:var(--k-encre);border:1px solid var(--k-filet)}
.menu.ouvert{display:block}
.menu button{display:block;width:100%;text-align:left;font:13px var(--k-texte);padding:7px 10px;border:0;background:var(--k-surface);color:var(--k-encre);cursor:pointer}
.menu button.on{font-weight:600;box-shadow:inset 3px 0 0 var(--k-jaune)}
.menu button:hover{background:var(--k-fond)}
.ecran-liste{padding:14px 0;min-height:calc(100vh - var(--k-barre))}
.ecran-liste h2{margin:0 16px 10px;font-size:15px}
.ecran-liste td,.ecran-liste th{padding:7px 16px;text-align:left;vertical-align:top}
.ecran-liste .d{text-align:right;white-space:nowrap}
.ecran-liste .client{display:block;opacity:.7;font-size:var(--k-taille-petite)}
.ecran-liste .k-note{margin:12px 16px}
@media (max-width:700px){.k-barre nav{display:none}.ecran-liste td,.ecran-liste th{padding:7px 8px}}
/* morceau 2 : connexion, invitation, questions posées une fois */
.lien{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
.porte{min-height:calc(100vh - var(--k-barre));display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;box-sizing:border-box;background:var(--k-fond)}
.boite{background:var(--k-surface);border:1px solid var(--k-filet);padding:20px 22px;width:100%;max-width:380px;box-sizing:border-box}
.boite .k-btn{margin-top:6px}
a.k-btn{display:inline-block;text-decoration:none}
.champ{display:block;margin:0 0 12px}
.champ span{display:block;font-size:var(--k-taille-petite);color:var(--k-gris);margin-bottom:3px}
.champ input{width:100%;box-sizing:border-box;font:var(--k-taille) var(--k-texte);padding:7px 8px;border:1px solid var(--k-filet);background:var(--k-surface);color:var(--k-encre);border-radius:0}
.champ input:focus{outline:2px solid var(--k-repere);outline-offset:-1px}
.message{border-left:3px solid var(--k-jaune);padding:6px 10px;margin:0 0 12px;background:var(--k-fond)}
.voile{position:fixed;inset:0;z-index:10;display:flex;align-items:flex-start;justify-content:center;padding:80px 16px;background:color-mix(in srgb,var(--k-encre) 45%,transparent)}
.voile[hidden],.porte [hidden]{display:none}
.choix{display:flex;flex-direction:column;gap:8px}
.choix .k-btn{text-align:left;margin:0}
.k-code{word-break:break-all}
/* morceau 3 : création d'un chantier, fiche */
.entete{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 16px 10px}
.entete h2{margin:0}
.boutons{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.boutons .k-btn{margin:0}
.aide{margin:-6px 0 12px}
.question{font-weight:600;margin:0 0 8px}
.propose{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin:0 0 8px;font-size:14px}
.message ul{margin:6px 0 4px;padding-left:18px}
a.vers-fiche{color:inherit;text-decoration:none;border-bottom:1px solid var(--k-filet)}
a.vers-fiche:hover{border-bottom-color:var(--k-encre)}
.ecran-fiche{padding:14px 18px 40px;max-width:1180px;margin:0 auto;box-sizing:border-box}
.retour{color:var(--k-gris);font-size:var(--k-taille-petite);text-decoration:none}
.tete{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:8px 0 16px;border-bottom:2px solid var(--k-encre);padding-bottom:8px}
.tete .k-code{font-size:15px}
.tete .k-titre-fiche{flex:1;min-width:0;overflow-wrap:anywhere}
.colonnes{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}
.k-manque{position:sticky;top:12px}
.k-manque h3{margin:0 0 6px;font-size:12px;letter-spacing:.05em;text-transform:uppercase}
.k-manque ul{margin:0;padding-left:18px}
.k-manque li{margin:2px 0}
.k-manque li.prio{font-weight:600}
.k-manque .prio-note{font-weight:400}
.section{border:0;margin:0 0 14px;padding:0;min-width:0}
.rangee{display:grid;grid-template-columns:190px minmax(0,1fr);gap:4px 12px;align-items:start;padding:6px 0;border-top:1px solid var(--k-filet)}
.rangee[hidden]{display:none}
.rangee .etiquette{font-size:var(--k-taille-petite);color:var(--k-gris);padding-top:6px}
.rangee input[type=text],.rangee input[type=number],.rangee select{font:var(--k-taille) var(--k-texte);padding:5px 7px;border:1px solid var(--k-filet);background:var(--k-surface);color:var(--k-encre);border-radius:0;box-sizing:border-box;max-width:100%}
.rangee input[type=text]{width:100%}
.rangee input[type=number]{width:110px;font-family:var(--k-chiffre)}
.rangee input:focus,.rangee select:focus{outline:2px solid var(--k-repere);outline-offset:-1px}
.cocher{display:flex;flex-wrap:wrap;gap:4px 14px}
.cocher label{display:flex;gap:5px;align-items:center;cursor:pointer}
.logements{display:flex;flex-wrap:wrap;gap:8px}
.logements label{display:flex;flex-direction:column;font-size:var(--k-taille-petite);color:var(--k-gris)}
.logements input[type=number]{width:70px}
.batiments{grid-column:1/-1;overflow-x:auto}
.batiments table{border-collapse:collapse;margin-bottom:6px}
.batiments th{font-size:11px;color:var(--k-gris);text-align:left;font-weight:600;padding:2px 6px 2px 0}
.batiments td{padding:2px 6px 2px 0}
.batiments input[type=text]{min-width:120px}
.batiments input[type=number]{width:80px}
.corrections{margin-top:22px;overflow-x:auto}
.corrections table{width:100%;border-collapse:collapse;font-size:12px}
.corrections th{text-align:left;color:var(--k-gris);font-size:11px;font-weight:600;border-bottom:1px solid var(--k-encre);padding:4px 8px 4px 0}
.corrections td{border-top:1px solid var(--k-filet);padding:4px 8px 4px 0;vertical-align:top;overflow-wrap:anywhere}
#fiche[hidden],.message[hidden]{display:none}
@media (max-width:820px){.colonnes{grid-template-columns:1fr}.k-manque{position:static;order:-1}.rangee{grid-template-columns:1fr}}
/* morceau 4 : le dossier du chantier */
.k-dossier{margin-top:18px;border-top:1px solid var(--k-filet);padding-top:10px}
.k-dossier h3{margin:0 0 6px;font-size:12px;letter-spacing:.05em;text-transform:uppercase}
.k-dossier p{margin:0 0 8px}
.signal,.refus,.lourdes li{color:var(--k-rouge)}
.depot{margin:0 0 16px}
.depot h3{margin:0 0 4px;font-size:12px;letter-spacing:.05em;text-transform:uppercase}
.depot .zone{border:1px dashed var(--k-gris);padding:14px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;background:var(--k-surface)}
.depot .zone.survol{border-color:var(--k-encre);background:var(--k-fond)}
.depot label.k-btn{cursor:pointer}
.rangee-courte{display:flex;align-items:center;gap:10px;margin:8px 0 2px;font-size:var(--k-taille-petite);color:var(--k-gris)}
.rangee-courte select,.langue-piece{font:var(--k-taille) var(--k-texte);padding:3px 5px;border:1px solid var(--k-filet);background:var(--k-surface);color:var(--k-encre);border-radius:0}
.lourdes{margin:6px 0;padding-left:18px}
.fil{margin:4px 0 8px;font-size:var(--k-taille-petite);color:var(--k-gris);overflow-wrap:anywhere}
.fil strong{color:var(--k-encre);font-weight:600}
table.pieces{width:100%;border-collapse:collapse;table-layout:auto}
.pieces th{text-align:left;color:var(--k-gris);font-size:11px;font-weight:600;border-bottom:1px solid var(--k-encre);padding:4px 8px 4px 0;white-space:nowrap}
.pieces td{border-top:1px solid var(--k-filet);padding:5px 8px 5px 0;vertical-align:top}
.pieces td.nom-piece,.pieces .dossier-nom{overflow-wrap:anywhere;text-align:left}
.pieces a{color:inherit}
.pieces .rang-dossier .dossier-nom{font-weight:600;text-decoration:none;border-bottom:1px solid var(--k-filet)}
#dossier[hidden],#d-apercu[hidden],#d-bilan[hidden],#d-depot[hidden]{display:none}
@media (max-width:820px){.pieces thead{display:none}.pieces tr{display:grid;grid-template-columns:1fr auto;gap:2px 10px;border-top:1px solid var(--k-filet);padding:6px 0}
  .pieces td{border:0;padding:0}.pieces td.nom-piece{grid-column:1/-1}}