:root{--fond:#f5f6f8;--carte:#fff;--texte:#1f2937;--discret:#5c6670;--bordure:#d9dde3;--accent:#1f5faf;--danger:#b3261e;color:var(--texte);background:var(--fond);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0}h1,h2,h3{margin:0 0 8px}h1{font-size:22px}h2{font-size:20px}h3{font-size:16px}button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;padding:8px 14px}button:disabled{opacity:.6;cursor:default}button.secondaire{color:var(--accent);background:0 0}button.danger{background:var(--danger);border-color:var(--danger)}button.lien{color:var(--accent);background:0 0;border:none;margin-bottom:12px;padding:0}input,select{font:inherit;border:1px solid var(--bordure);background:#fff;border-radius:6px;padding:7px 9px}input[type=checkbox]{padding:0}label{color:var(--discret);flex-direction:column;gap:4px;font-size:14px;display:flex}table{border-collapse:collapse;background:var(--carte);border:1px solid var(--bordure);width:100%}th,td{text-align:left;border-bottom:1px solid var(--bordure);vertical-align:top;padding:8px 10px}th{color:var(--discret);background:#fafbfc;font-size:13px;font-weight:600}tr.cliquable{cursor:pointer}tr.cliquable:hover{background:#eef3fa}.discret{color:var(--discret);font-size:14px}.erreur{color:var(--danger)}.connexion{place-items:center;min-height:100vh;padding:16px;display:grid}.carte{background:var(--carte);border:1px solid var(--bordure);border-radius:10px;flex-direction:column;gap:14px;width:min(380px,100%);padding:24px;display:flex}.barre{background:var(--carte);border-bottom:1px solid var(--bordure);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 20px;display:flex}.barre nav{flex:1;gap:4px;display:flex}.onglet{color:var(--texte);background:0 0;border-color:#0000}.onglet.actif{color:var(--accent);background:#e3edfa}.contenu{max-width:1200px;margin:0 auto;padding:20px;overflow-x:auto}.filtres{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.attributions{flex-direction:column;gap:4px;display:flex}.attributions label{color:var(--texte);flex-direction:row;align-items:center;gap:6px}.portail-immeuble{margin-bottom:32px}.sous-onglets{gap:4px;margin:8px 0 12px;display:flex}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.aligne{align-self:flex-end}.case{color:var(--texte);flex-direction:row;align-self:flex-end;align-items:center;gap:6px}.court{max-width:200px;margin-bottom:8px}.creneau{margin-right:14px;display:inline-block}.defilement{margin-bottom:16px;overflow-x:auto}.centre{text-align:center}.documents{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.documents li{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.documents button{min-width:180px}.edition{color:#8a5a00;margin-top:4px;font-size:13px;font-weight:600}.barre-masque{color:var(--discret);text-decoration:line-through}section h3{margin-top:16px}.mention{margin-top:24px}.contact{align-items:flex-end;margin:0}textarea{font:inherit;border:1px solid var(--bordure);border-radius:6px;padding:7px 9px}.zone-action{border:1px solid var(--bordure);background:var(--carte);border-radius:8px;margin-top:24px;padding:16px}.statut{border-radius:10px;padding:2px 8px;font-size:13px;font-weight:600;display:inline-block}.statut.a-faire{color:#5c6670;background:#eceef1}.statut.brouillon{color:#1f5faf;background:#e3edfa}.statut.conforme{color:#1e7b34;background:#e2f3e6}.statut.non-conforme{color:#b3261e;background:#fbe4e2}.statut.incomplet{color:#b45309;background:#fdebd3}.statut.autre{color:#6d28d9;background:#ede5fb}
