*{box-sizing:border-box}
body{margin:0;font-family:'Barlow','Segoe UI',sans-serif;color:#16222E;background:#EEF0F1;min-height:100vh}
body.sombre{background:#16222E}
a{color:#00538A}a:hover{color:#003D66}
input,select,textarea,button{font-family:inherit}
.barre{height:80px;background:#fff;border-bottom:1px solid #D9DEE2;display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:16px}
.marque{display:flex;align-items:center;gap:16px}
.logo{background:#C1121C;color:#fff;font:700 24px/1 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.04em;padding:6px 12px;text-decoration:none}
.logo:hover{color:#fff}
.logo-img{display:flex;align-items:center}.logo-img img{height:54px;width:auto;display:block}
.marque span,.droite{font-size:15px;color:#55606B}
.preprod{display:inline-flex;align-items:center;gap:8px;background:#FFF4E5;color:#8A4A00;border:1px solid #F5D9B0;border-radius:18px;padding:6px 14px;font-size:14px;font-weight:500;white-space:nowrap}
.preprod .pp-short{display:none}
.proto{background:#FFF4E5;color:#8A4A00;font-size:13px;padding:6px 40px;border-bottom:1px solid #D9DEE2}
.kicker{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#00538A}
.kicker.rouge{color:#C1121C}
h1,h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;margin:0;line-height:1.05}
.accueil{max-width:1570px;margin:0 auto;padding:44px 32px 48px;box-sizing:border-box;display:flex;flex-direction:column;gap:32px}
.accueil h1{font-size:44px;margin-top:8px}
.accueil .intro p{margin:8px 0 0;font-size:17px;color:#55606B}
.cartes{display:flex;gap:28px;align-items:stretch}
.carte{position:relative;flex:1 1 0;background:#fff;border:1px solid #D9DEE2;border-radius:6px;padding:32px 28px 28px;display:flex;flex-direction:column;gap:18px}
.carte.pro{border:2px solid #C1121C}
.carte.int{background:#16222E;color:#fff;border-color:#16222E}
.carte.int .kicker{color:#7FB2DA}
.carte h2{font-size:32px}
.carte p{margin:4px 0 0;font-size:15px;line-height:1.45;color:#55606B}
.carte.int p{color:#B7C0C8}
.tag{position:absolute;top:-13px;left:28px;background:#C1121C;color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:3px}
.liste{display:flex;flex-direction:column;gap:10px;flex-grow:1}
.liste div{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.4}
.liste .non{color:#6B7680}
.liste svg{flex:none;margin-top:1px}
.actions{display:flex;flex-direction:column;gap:10px}
.btn{height:48px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;text-decoration:none;border:0;cursor:pointer;padding:0 24px}
.btn.rouge{background:#C1121C;color:#fff}.btn.rouge:hover{background:#A50F18;color:#fff}
.btn.contour{border:1px solid #16222E;color:#16222E;background:transparent}.btn.contour:hover{background:#16222E;color:#fff}
.btn.blanc{background:#fff;color:#16222E}
.btn.bleu{background:#00538A;color:#fff}.btn.bleu:hover{background:#003D66;color:#fff}
.btn.noir{background:#16222E;color:#fff}
.lien{height:44px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;text-decoration:none}
.centre{min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center;padding:32px 16px}
.boite{width:440px;max-width:100%;background:#fff;border:1px solid #D9DEE2;border-radius:6px;padding:40px;display:flex;flex-direction:column;gap:20px}
.boite.large{width:620px;align-items:center;text-align:center}
.boite h1{font-size:34px;margin-top:6px}
.champ{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.champ em{color:#C1121C;font-style:normal}
.champ input,.champ select{height:44px;border:1px solid #C5CCD2;border-radius:4px;padding:0 12px;font-size:15px;background:#fff;font-weight:400}
.champ input:focus,.champ select:focus{outline:3px solid #00538A33;border-color:#00538A}
.plein{grid-column:1/-1}
.alerte{margin:0;padding:12px 14px;border-radius:4px;font-size:14px}
.alerte.erreur{background:#FDECEC;color:#8C0F14}
.alerte.ok{background:#E6F0F7;color:#003D66}
.petit{font-size:14px;color:#55606B}
.pied{border-top:1px solid #D9DEE2;padding-top:16px;font-size:14px;color:#55606B;text-align:center}
.inscription{max-width:1570px;margin:0 auto;padding:40px 32px;box-sizing:border-box;display:flex;gap:40px;align-items:flex-start}
.form{flex:1 1 0;background:#fff;border:1px solid #D9DEE2;border-radius:6px;padding:36px 40px;display:flex;flex-direction:column;gap:22px}
.form h1{font-size:36px;margin-top:6px}
.section{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#55606B;border-bottom:1px solid #D9DEE2;padding-bottom:8px}
.grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#55606B;line-height:1.4}
.consent input{width:18px;height:18px;margin:1px 0 0}
.cote{width:340px;display:flex;flex-direction:column;gap:20px}
.panneau{background:#fff;border:1px solid #D9DEE2;border-radius:6px;padding:28px;display:flex;flex-direction:column;gap:20px}
.panneau h2{font-size:24px}
.etape{display:flex;gap:14px}
.etape b{width:32px;height:32px;flex:none;border-radius:16px;background:#00538A;color:#fff;display:flex;align-items:center;justify-content:center}
.etape div{display:flex;flex-direction:column;gap:2px;font-size:14px;color:#55606B;line-height:1.4}
.etape strong{font-size:16px;color:#16222E}
.pastille{width:64px;height:64px;border-radius:32px;background:#E6F0F7;display:flex;align-items:center;justify-content:center}
.admin{max-width:1570px;margin:0 auto;padding:32px 32px 60px;box-sizing:border-box;display:flex;flex-direction:column;gap:28px}
.admin h1{font-size:36px}
.tableau{background:#fff;border:1px solid #D9DEE2;border-radius:6px;overflow-x:auto}
.tableau table{width:100%;border-collapse:collapse;font-size:14px}
.tableau th,.tableau td{text-align:left;padding:10px 14px;border-bottom:1px solid #EEF0F1;vertical-align:top}
.tableau th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#55606B;background:#F7F8F9}
.tableau form{display:inline}
.tableau .btn{height:36px;font-size:14px;padding:0 14px;display:inline-flex}
.statut{font-size:12px;font-weight:700;padding:2px 8px;border-radius:10px;background:#EEF0F1;color:#55606B}
.statut.attente{background:#FFF4E5;color:#8A4A00}.statut.ok{background:#E6F0F7;color:#003D66}.statut.non{background:#FDECEC;color:#8C0F14}
.fiche{display:grid;grid-template-columns:180px 1fr;gap:6px 16px;font-size:15px;background:#fff;border:1px solid #D9DEE2;border-radius:6px;padding:20px 24px}
.fiche dt{color:#55606B}.fiche dd{margin:0;font-weight:600}
.adm-tete{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.onglets{display:flex;gap:4px;background:#fff;border:1px solid #E3E7EB;border-radius:12px;padding:5px;overflow-x:auto;box-shadow:0 1px 2px rgba(22,34,46,.04);scrollbar-width:thin}
.onglets a{height:42px;display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:8px;font-size:15px;font-weight:600;color:#55606B;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.onglets a:hover{background:#F4F6F8;color:#16222E}
.onglets a.on{background:#003E91;color:#fff;box-shadow:0 1px 4px rgba(0,62,145,.3)}
.onglets a svg{flex:none;opacity:.85}
.onglets span{font-size:12px;font-weight:700;min-width:22px;height:20px;display:inline-flex;align-items:center;justify-content:center;background:#EEF1F3;color:#3B4652;border-radius:10px;padding:0 6px}
.onglets a.on span{background:rgba(255,255,255,.2);color:#fff}
.onglets span.alerte{background:#C1121C;color:#fff}
/* Espace SELM › Demandes d'accès */
.dm{display:flex;flex-direction:column;gap:16px}
.dm-k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dm-kc{background:#fff;border:1px solid #E3E7EB;border-radius:10px;padding:14px 18px;display:flex;flex-direction:column;gap:2px;box-shadow:0 1px 2px rgba(22,34,46,.04)}
.dm-kc span{font-size:14px;font-weight:600;color:#3B4652}.dm-kc b{font:700 36px/1.05 'Barlow Condensed','Arial Narrow',sans-serif;color:#16222E}.dm-kc small{font-size:13px;color:#6B7680}
.dm-kc.chaud{border-color:#E08A00;background:#FFF9F0}.dm-kc.chaud b{color:#8A4A00}
.dm-h{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-top:6px}.dm-h h2{font-size:24px;margin:0}
.dm-vide{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:#fff;border:1px dashed #C5CCD2;border-radius:12px;padding:32px 20px;color:#55606B;font-size:14.5px}
.dm-vide b{font-size:17px;color:#16222E}.dm-vi{width:56px;height:56px;border-radius:50%;background:#E6F2EA;color:#1B6B3A;display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.dm-l{display:flex;flex-direction:column;gap:10px}
.dm-c{display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid #E3E7EB;border-left:4px solid #E08A00;border-radius:10px;padding:14px 18px;box-shadow:0 1px 2px rgba(22,34,46,.04)}
.dm-av{width:52px;height:52px;border-radius:12px;background:#E8F0F8;color:#0E518D;font:700 20px 'Barlow Condensed',sans-serif;display:flex;align-items:center;justify-content:center}
.dm-i{min-width:0;display:flex;flex-direction:column;gap:4px}
.dm-t{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dm-t b{font-size:17px;color:#16222E}.dm-d{margin-left:auto;font-size:13px;color:#6B7680}
.dm-p{font-size:14.5px;color:#3B4652}
.dm-m{display:flex;gap:6px 18px;flex-wrap:wrap;font-size:13.5px;color:#55606B}.dm-m>*{display:inline-flex;align-items:center;gap:6px}.dm-m a{color:#0E518D}
.dm-b{height:40px!important}
@media (max-width:760px){.dm-k{grid-template-columns:1fr}.dm-c{grid-template-columns:44px 1fr}.dm-av{width:44px;height:44px}.dm-b{grid-column:1/-1}.dm-d{margin-left:0}}
.demande{background:#fff;border:1px solid #D9DEE2;border-radius:6px;padding:28px 32px;display:flex;flex-direction:column;gap:24px}
.dem-tete{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.dem-tete h2{font-size:34px;margin:4px 0 6px}
.statut.grand{font-size:14px;padding:6px 14px;border-radius:14px}
.dem-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px}
.dem-bloc{border:1px solid #D9DEE2;border-radius:6px;padding:18px 22px}
.dem-bloc h3{margin:0 0 10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#55606B;font-weight:700}
.dem-bloc dl{display:grid;grid-template-columns:140px 1fr;gap:0;margin:0}
.dem-bloc dt,.dem-bloc dd{padding:9px 0;border-bottom:1px solid #EEF0F1;font-size:15px}
.dem-bloc dt{color:#55606B}.dem-bloc dd{margin:0;font-weight:600;line-height:1.4}
.dem-bloc dt:last-of-type,.dem-bloc dd:last-of-type{border-bottom:0}
.dem-bloc dd a.petit{font-weight:400;margin-left:8px}
.dem-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid #D9DEE2;padding-top:20px}
@media (max-width:900px){
  .preprod{font-size:12px;padding:4px 10px}.preprod .pp-long{display:none}.preprod .pp-short{display:inline}
  .barre{height:64px}.logo-img img{height:40px}
  .dem-cols{grid-template-columns:1fr}.dem-tete{flex-direction:column}.demande{padding:20px}
  .barre{padding:0 16px}.barre .marque span{display:none}.proto{padding:6px 16px}
  .accueil,.inscription,.admin{padding:24px 16px}
  .accueil h1{font-size:30px}
  .cartes{flex-direction:column;gap:22px}
  .carte.pro{order:-1}
  .inscription{flex-direction:column}
  .cote{width:100%}
  .grille{grid-template-columns:minmax(0,1fr)}   /* une colonne qui peut rétrécir sous la largeur naturelle des champs */
  .form{padding:24px 20px}
}
/* Connexion : visuel + formulaire, code de sécurité */
.cnx{width:1040px;max-width:100%;display:grid;grid-template-columns:1.05fr 1fr;background:#fff;border:1px solid #D9DEE2;border-radius:8px;overflow:hidden;box-shadow:0 18px 40px -24px rgba(22,34,46,.45)}
.cnx .cnx-form{width:auto;border:0;border-radius:0;padding:40px 44px}
.cnx-visuel{position:relative;background:#16222E;color:#fff;min-height:560px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.cnx-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 35%}
.cnx-visuel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,34,46,0) 30%,rgba(22,34,46,.78) 62%,#16222E 100%)}
.cnx-txt{position:relative;z-index:1;padding:32px 36px 36px;display:flex;flex-direction:column;gap:12px}
.cnx-txt .kicker{color:#7FB2DA}
.cnx-txt h2{font-size:32px;color:#fff}
.cnx-txt ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:15px;color:#DCE3E9}
.cnx-txt li{display:flex;gap:10px;align-items:flex-start;line-height:1.35}.cnx-txt li svg{flex:none;margin-top:1px}
.cnx-ligne{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:-6px}
.cnx-cadenas{display:inline-flex;gap:6px;align-items:center;color:#2E6B3F}
.captcha{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.captcha em{color:#C1121C;font-style:normal}
.captcha-l{display:flex;gap:8px;align-items:stretch}
.captcha-l img{border:1px solid #C5CCD2;border-radius:4px;background:#F4F6F8;height:52px;width:auto;flex:1 1 auto;max-width:220px;object-fit:contain;object-position:left center}
.captcha-new{width:52px;border:1px solid #C5CCD2;border-radius:4px;background:#fff;color:#00538A;cursor:pointer;display:flex;align-items:center;justify-content:center}
.captcha-new:hover{background:#EEF4F9;border-color:#00538A}
.captcha input[name=captcha]{height:44px;border:1px solid #C5CCD2;border-radius:4px;padding:0 12px;font-size:17px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;background:#fff}
.captcha input[name=captcha]::placeholder{letter-spacing:normal;text-transform:none;font-weight:400;font-size:15px}
.captcha input[name=captcha]:focus{outline:3px solid #00538A33;border-color:#00538A}
.captcha .pot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
@media (max-width:860px){.cnx{grid-template-columns:1fr}.cnx-visuel{min-height:230px}.cnx-txt{padding:22px 24px}.cnx-txt h2{font-size:25px}.cnx-txt ul{display:none}.cnx .cnx-form{padding:28px 24px}}

/* ---------- Portail d'accueil : trois accès (index.php sans session) ---------- */
.portail{padding:0 0 40px}
.pt-tete{position:relative;min-height:300px;display:flex;align-items:flex-end;background:#16222E;overflow:hidden}
.pt-fond{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 40%}
.pt-tete::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,26,38,.92) 0%,rgba(14,26,38,.72) 45%,rgba(14,26,38,.15) 100%)}
.pt-intro{position:relative;z-index:1;width:1240px;max-width:100%;margin:0 auto;padding:48px 40px 110px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;gap:12px}
.pt-intro .kicker{color:#7FB2DA}
.pt-intro h1{font:700 46px/1.05 'Barlow Condensed','Arial Narrow',sans-serif;margin:0;max-width:640px;color:#fff}
.pt-intro p{margin:0;max-width:600px;font-size:17px;line-height:1.5;color:#DCE3E9}
.pt-cartes{position:relative;z-index:2;width:1240px;max-width:100%;margin:-80px auto 0;padding:0 40px;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.pt-carte{position:relative;background:#fff;border:1px solid #D9DEE2;border-radius:8px;padding:30px 30px 28px;display:flex;flex-direction:column;gap:16px;box-shadow:0 18px 40px -24px rgba(22,34,46,.45)}
.pt-carte h2{font:700 28px/1.1 'Barlow Condensed','Arial Narrow',sans-serif;margin:4px 0 0}
.pt-carte p{margin:0;font-size:15px;line-height:1.5;color:#3E4A55}
.pt-num{position:absolute;top:22px;right:24px;font:700 44px/1 'Barlow Condensed','Arial Narrow',sans-serif;color:#E3E7EA}
.pt-ico{width:52px;height:52px;border-radius:26px;background:#EEF4F9;color:#00538A;display:flex;align-items:center;justify-content:center}
.pt-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:15px}
.pt-liste li{display:flex;gap:10px;align-items:flex-start;line-height:1.35}.pt-liste svg{flex:none;color:#2E6B3F;margin-top:1px}
.pt-note{font-size:13.5px!important;color:#6B7680!important;border-top:1px solid #EEF0F1;padding-top:12px}
.pt-bas{margin-top:auto}
.pt-form{display:flex;flex-direction:column;gap:14px}
.pt-form .btn{width:100%}
.pt-form .pied{font-size:14px;color:#55606B;text-align:center}
.pt-carte.sombre{background:#16222E;border-color:#16222E;color:#fff}
.pt-carte.sombre h2,.pt-carte.sombre .champ span,.pt-carte.sombre .captcha{color:#fff}
.pt-carte.sombre .kicker{color:#7FB2DA}
.pt-carte.sombre .pt-num{color:#2A3846}
.pt-carte.sombre .pt-ico{background:#22313F;color:#7FB2DA}
.pt-carte.sombre .pied{color:#A9B4BE}
.pt-carte.sombre .captcha em,.pt-carte.sombre .champ em{color:#FF8A8F}
.pt-etat{display:flex;flex-direction:column;gap:12px;margin-top:auto}
.pt-etat .btn{width:100%}
.pt-carte.sombre .pt-etat p{color:#DCE3E9}
.btn.contour-clair{border:1px solid rgba(255,255,255,.6);color:#fff;background:transparent}.btn.contour-clair:hover{background:#fff;color:#16222E}
.pt-lien{font-size:14px;text-align:center}.pt-carte.sombre .pt-lien{color:#A9B4BE}
.pt-contact{text-align:center;font-size:14px;color:#55606B;margin:28px 16px 0}
@media (max-width:1060px){.pt-cartes{grid-template-columns:1fr 1fr}.pt-carte.sombre{grid-column:1/-1}}
@media (max-width:720px){.pt-intro{padding:32px 20px 90px}.pt-intro h1{font-size:34px}.pt-intro p{font-size:15px}.pt-cartes{grid-template-columns:1fr;padding:0 16px;gap:16px}.pt-carte{padding:24px 20px}}

/* Espace SELM : pages redessinées (devis, clients, clients divers, équipe, e-mails) */
.ad{display:flex;flex-direction:column;gap:14px}
.ad-k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ad-k3{grid-template-columns:repeat(3,minmax(0,1fr))}
.kc{background:#fff;border:1px solid #E3E7EB;border-radius:10px;padding:14px 18px;display:flex;flex-direction:column;gap:2px;box-shadow:0 1px 2px rgba(22,34,46,.04);min-width:0}
.kc span{font-size:14px;font-weight:600;color:#3B4652}.kc b{font:700 34px/1.1 'Barlow Condensed','Arial Narrow',sans-serif;color:#16222E;font-variant-numeric:tabular-nums}.kc b.kc-s{font-size:24px;line-height:1.4}
.kc small{font-size:13px;color:#6B7680;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kc.chaud{border-color:#E08A00;background:#FFF9F0}.kc.chaud b{color:#8A4A00}
.ad-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin-top:6px}.ad-h h2{font-size:24px;margin:0;display:flex;align-items:center;gap:10px}.ad-h .petit{flex:1;min-width:260px}
.ad-n{font:700 13px 'Barlow',sans-serif;background:#EEF1F3;color:#3B4652;border-radius:10px;padding:2px 8px}
.ad-btn{height:40px!important;gap:8px;font-size:15px!important;padding:0 16px!important;display:inline-flex!important}
.ad-chips{display:flex;gap:8px;flex-wrap:wrap}
.ad-chips a{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:18px;background:#fff;border:1px solid #D9DEE2;color:#3B4652;font-size:14px;font-weight:600;text-decoration:none}
.ad-chips a b{font-size:12px;background:#EEF1F3;border-radius:9px;padding:1px 7px;color:#3B4652}
.ad-chips a:hover{border-color:#9FC0DE}.ad-chips a.on{background:#16222E;border-color:#16222E;color:#fff}.ad-chips a.on b{background:rgba(255,255,255,.2);color:#fff}
.dot{width:8px;height:8px;border-radius:50%;background:#8A949E}.dot.s-nv{background:#E08A00}.dot.s-et{background:#0E518D}.dot.s-de{background:#6A4BC4}.dot.s-ga{background:#1B8A4A}.dot.s-pe{background:#C1121C}
.ad-bar{display:flex;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #E3E7EB;border-radius:10px;padding:10px}
.ad-bar select{height:42px;border:1px solid #D9DEE2;border-radius:8px;padding:0 10px;font-size:15px;background:#fff}.ad-bar .btn{height:42px}
.ad-q{flex:1;min-width:240px;display:flex;align-items:center;gap:8px;height:42px;border:1px solid #D9DEE2;border-radius:8px;padding:0 12px;background:#fff;color:#6B7680}
.ad-q:focus-within{border-color:#0E518D;box-shadow:0 0 0 3px rgba(14,81,141,.15)}.ad-q input{flex:1;border:0;outline:0;font-size:15px;height:100%;background:transparent;min-width:0}
.ad-q1{max-width:520px;flex:none;width:100%;box-sizing:border-box}
.ad-tab{border-radius:10px;border-color:#E3E7EB;box-shadow:0 1px 2px rgba(22,34,46,.04)}
.ad-tab th{background:#F7F8F9;padding:11px 14px}.ad-tab td{padding:12px 14px;vertical-align:middle}.ad-tab tr:hover td{background:#FAFBFC}.ad-tab tr.sel td{background:#EEF4FA}
.ad-tab .nb{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.ad-tab .nw{white-space:nowrap}.ad-tab .ac{text-align:right;white-space:nowrap}
.ad-tab a.num{font-family:Consolas,monospace;font-weight:700;color:#0E518D;text-decoration:none}.ad-tab a.num:hover{text-decoration:underline}
.ib{display:inline-flex!important;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid #D9DEE2;background:#fff;color:#3B4652;margin-left:4px;cursor:pointer;list-style:none;font-size:18px;line-height:1}
.ib:hover{border-color:#0E518D;color:#0E518D;background:#F4F8FB}.ib::-webkit-details-marker{display:none}
.statut.s-nv{background:#FFF1DC;color:#8A4A00}.statut.s-et{background:#E6F0F7;color:#003D66}.statut.s-de{background:#EFEAFB;color:#4B2FA0}.statut.s-ga{background:#E3F4EA;color:#1B6B3A}.statut.s-pe{background:#FDECEC;color:#8C0F14}
.ad-who{display:flex;align-items:center;gap:12px}.ad-who .av{width:38px;height:38px;border-radius:50%;background:#E8F0F8;color:#0E518D;font:700 15px 'Barlow',sans-serif;display:flex;align-items:center;justify-content:center;flex:none}.ad-who .av.selm{background:#003E91;color:#fff}
.ad-cc{font:700 11.5px Consolas,monospace;background:#EEF1F3;border-radius:4px;padding:1px 6px;color:#3B4652}
.ad-menu{display:inline-block;position:relative;vertical-align:middle}.ad-menu[open]>summary{border-color:#0E518D;color:#0E518D}
.ad-menu>div{position:absolute;right:0;top:42px;z-index:20;background:#fff;border:1px solid #E3E7EB;border-radius:10px;box-shadow:0 10px 30px rgba(22,34,46,.18);padding:6px;min-width:250px;display:flex;flex-direction:column;text-align:left}
.ad-menu>div a,.ad-menu>div button{display:block;width:100%;text-align:left;background:none;border:0;padding:10px 12px;border-radius:6px;font:500 14.5px 'Barlow',sans-serif;color:#16222E;text-decoration:none;cursor:pointer}
.ad-menu>div a:hover,.ad-menu>div button:hover{background:#F4F6F8}.ad-menu>div .dang{color:#8C0F14}.ad-menu form{display:block!important}
.ad-vide{text-align:center;padding:22px 12px;color:#6B7680;font-size:14.5px}
.ad-2{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;align-items:start}
.ad-card{gap:14px!important;border-radius:10px;border-color:#E3E7EB;box-shadow:0 1px 2px rgba(22,34,46,.04)}.ad-card h2{font-size:22px;margin:0}
.nc-chrono{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:-4px}.nc-chrono .btn{min-height:36px;padding:0 14px;font-size:14px}
@media (max-width:1100px){.ad-k{grid-template-columns:1fr 1fr}.ad-2{grid-template-columns:1fr}}
@media (max-width:640px){.ad-k,.ad-k3{grid-template-columns:1fr}}
/* ménage : boutons Supprimer (liste et fiches) */
.ad-suppr{display:inline-block;margin:0;vertical-align:top}
.ad-tab tr:nth-last-child(-n+2):not(:first-child:nth-last-child(-n+3)) .ad-menu>div{top:auto;bottom:42px}   /* dernières lignes : menu « ⋯ » ouvert vers le haut (tableau à bord masqué) */.ad-suppr .ib-dang:hover{color:#8C0F14;border-color:#E3B5B8;background:#FCF1F1}
.btn.dang{color:#8C0F14;border-color:#E3B5B8}.btn.dang:hover{background:#FCF1F1;color:#8C0F14}
.dem-tete .ad-suppr .btn{height:40px}
.ad-nbc{display:inline-block;min-width:34px;padding:3px 10px;border-radius:999px;background:#E8F0F8;color:#0B2E4F;font-weight:700;text-align:center}.ad-nbc.zero{background:#F4F6F8;color:#8A939B}