/* Team Keolis Paris — compte rendu des coordinateurs, scan conducteur, tableau de bord Direction (29/10/2026) */
.cr-ecran{max-width:640px;margin:0 auto}
.cr-tit{display:flex;align-items:center;gap:12px;margin:4px 0 14px}.cr-tit h2{margin:0;font-size:21px;color:var(--navy)}.cr-tit p{margin:2px 0 0;color:var(--gris);font-size:13px}.cr-tit .lien{margin-left:auto}
.cr-n{width:38px;height:38px;border-radius:50%;background:var(--kp,#5e3a8c);color:#fff;display:grid;place-items:center;font-weight:bold;font-size:17px;flex:none}
.lien{background:none;border:0;color:var(--teal);font-weight:bold;cursor:pointer;padding:6px 0;font-size:13.5px}
.cr-sync{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}
.sync{font-size:12px;border-radius:20px;padding:3px 10px;background:#e9f6ef;color:var(--vert);font-weight:bold}.sync.att{background:#fbefd6;color:#8a5a00}.sync.off{background:#e6e9eb;color:var(--gris)}
.puces{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 6px}
.puces button{border:1.5px solid var(--filet2);background:#fff;border-radius:22px;padding:10px 14px;font-size:14px;cursor:pointer;color:var(--ink);min-height:44px}
.puces button.on{background:var(--kp,#5e3a8c);border-color:var(--kp,#5e3a8c);color:#fff;font-weight:bold}
.cr-go{display:block;width:100%;min-height:58px;font-size:18px;margin:18px 0 8px;border-radius:14px}.cr-go.fin{background:var(--navy)}
.cr-band{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}
.cr-band div{background:#fff;border-radius:12px;padding:10px 8px;border-top:4px solid var(--vert);text-align:center}.cr-band div.o{border-top-color:#e09a00}.cr-band div.r{border-top-color:var(--rouge)}
.cr-band b{display:block;font-size:20px;color:var(--navy)}.cr-band span{font-size:11px;color:var(--gris);line-height:1.2;display:block}
@media (max-width:420px){.cr-band{grid-template-columns:repeat(2,1fr)}}
.cr-abs{display:flex;align-items:center;gap:10px;justify-content:space-between;background:#fff7e8;border-left:5px solid #e09a00;border-radius:10px;padding:10px 12px;margin:6px 0;font-size:13.5px}
.cr-abs.r{background:#fdeceb;border-left-color:var(--rouge);font-weight:bold}.cr-abs.i{background:#eef4fb;border-left-color:#3a8ab9}
.ici{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:10px 12px;margin:10px 0;border:1.5px solid var(--filet2)}.ici.ko{border-color:var(--rouge);background:#fdeceb}
.ici .pin{font-size:22px}.ici>div{flex:1;min-width:0}.ici b{display:block;font-size:15px}.ici small{color:var(--gris);font-size:12px}.ici select{max-width:120px;font-size:13px}
.cr-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.cr-b{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:#fff;border:0;border-radius:16px;padding:16px 14px;min-height:96px;cursor:pointer;box-shadow:0 1px 3px rgba(6,49,66,.12);text-align:left;border-left:6px solid var(--kp,#5e3a8c);font:inherit}
.cr-b .i{font-size:26px;line-height:1}.cr-b b{font-size:16px;color:var(--navy)}.cr-b small{font-size:11.5px;color:var(--gris)}
.cr-b:active{transform:scale(.98)}.cr-b.visite{border-left-color:var(--vert)}.cr-b.controle{border-left-color:var(--teal)}.cr-b.absence{border-left-color:#e09a00}.cr-b.incident{border-left-color:var(--rouge)}.cr-b.client{border-left-color:#3a8ab9}
.cr-b.autre{border-left-color:var(--gris2);grid-column:1/-1;min-height:60px;flex-direction:row;align-items:center;gap:12px}
.cr-choix{display:grid;gap:10px}
.cr-h{font-size:14px;color:var(--navy);margin:18px 0 6px;text-transform:uppercase;letter-spacing:.5px}
.cr-jl{display:flex;flex-direction:column;gap:6px}
.cr-l{display:flex;align-items:center;gap:10px;background:#fff;border:0;border-radius:10px;padding:10px 12px;text-align:left;cursor:pointer;font-size:13.5px;width:100%;font-family:inherit}
.cr-l .h{color:var(--gris);font-variant-numeric:tabular-nums;min-width:40px}.cr-l .d{flex:1;min-width:0}.cr-l .d small{display:block;color:var(--gris);font-size:12px}
.cr-l .t{font-size:11px;font-weight:bold;border-radius:10px;padding:2px 8px;background:var(--fond2);color:var(--navy);white-space:nowrap}
.cr-l .t.visite{background:#e2f3ea;color:var(--vert)}.cr-l .t.absence{background:#fbefd6;color:#8a5a00}.cr-l .t.incident{background:#f6dcdb;color:var(--rouge)}.cr-l .t.controle{background:#dff1f2;color:#04676b}
.cr-l em{font-style:normal;font-size:12px}.cr-l em.r{color:var(--rouge)}.cr-l em.v{color:var(--vert)}.cr-l .att{font-size:15px}
.cr-al{background:#fff;border-radius:12px;padding:10px 12px;margin:8px 0}.cr-al summary{cursor:pointer;font-weight:bold;color:var(--rouge)}
.al{padding:7px 10px;border-left:4px solid #e09a00;background:#fff7e8;margin:5px 0;border-radius:6px;font-size:13px}.al.r{border-left-color:var(--rouge);background:#fdeceb}.al.m{border-left-color:var(--violet);background:#f2ecf8}.al.i{border-left-color:#3a8ab9;background:#eef4fb}
.cr-txt{white-space:pre-wrap;background:#fff;border-radius:12px;padding:14px;font-size:13.5px;line-height:1.5;font-family:inherit;border:1px solid var(--filet);max-height:46vh;overflow:auto;margin:0 0 6px}
.dict{position:relative}.dict textarea{width:100%;padding-right:52px;font-size:15px;box-sizing:border-box}
.mic{position:absolute;right:6px;top:6px;width:42px;height:42px;border-radius:50%;border:0;background:var(--fond2);font-size:20px;cursor:pointer}.mic.on{background:var(--rouge);animation:kp-pulse 1s infinite}
@keyframes kp-pulse{50%{opacity:.6}}
.cr-ag{display:flex;flex-direction:column;gap:4px;max-height:220px;overflow:auto;margin:6px 0;border:1px solid var(--filet);border-radius:10px;padding:4px}
.cr-ag button{display:flex;justify-content:space-between;gap:8px;border:0;background:#fff;padding:9px 10px;border-radius:8px;text-align:left;cursor:pointer;font-size:14px;font-family:inherit}.cr-ag button small{color:var(--gris);font-size:12px}
.cr-ag button.on{background:var(--kp,#5e3a8c);color:#fff}.cr-ag button.on small{color:#e7dcf3}
.cr-feuille .fen-corps input[type=text],.cr-feuille .fen-corps input[type=search],.cr-feuille .fen-corps input[type=time],.cr-feuille .fen-corps input[type=date],.cr-feuille .fen-corps input[type=month]{font-size:15px;min-height:42px;width:100%;box-sizing:border-box}
.cr-val{position:sticky;bottom:-16px;background:#fff;display:flex;gap:10px;padding:12px 0 4px;margin-top:12px;border-top:1px solid var(--filet)}.cr-val .btn{flex:1;min-height:50px;font-size:16px}
@media (max-width:640px){.cr-feuille .fen{width:100vw!important;max-width:100vw;height:100%;max-height:100%;border-radius:0}.cr-feuille .fen-corps{max-height:calc(100vh - 60px)}}
.phs{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.phs figure{position:relative;margin:0}.phs img{width:84px;height:84px;object-fit:cover;border-radius:8px}
.phs figure button{position:absolute;top:-6px;right:-6px;border:0;background:var(--rouge);color:#fff;border-radius:50%;width:22px;height:22px;cursor:pointer}
.tag{display:inline-block;font-size:11px;border-radius:10px;padding:1px 8px;background:var(--fond2);color:var(--navy);margin-right:4px}.tag.o{background:#fbefd6;color:#8a5a00}
.flt{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.flt label{font-size:13px;display:flex;gap:6px;align-items:center}
tr.clic{cursor:pointer}tr.clic:hover{background:var(--fond)}.dir td{vertical-align:middle}.dl-sous td{background:var(--fond);font-size:12.5px;line-height:1.7}
.rep{margin:10px 0}.rep-b{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--fond2);margin:4px 0}.rep-b i{display:block}.rep-l{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--gris)}
/* scan conducteur */
.sc-veh{background:var(--navy);color:#fff;border-radius:16px;padding:16px;text-align:center;margin-bottom:12px}.sc-veh small{opacity:.7;text-transform:uppercase;font-size:11px;letter-spacing:1px}
.sc-veh b{display:block;font-size:30px;letter-spacing:2px}.sc-veh span{opacity:.85;font-size:13px}
.sc-l{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;background:#fff;border-radius:10px;padding:10px 12px;margin:6px 0}.sc-l span{color:var(--gris);font-size:12px;min-width:120px}.sc-l b{font-size:15px}
.sc-l em{font-style:normal;color:var(--gris);font-size:12.5px}.sc-l .lien{margin-left:auto}
.sc-ck{display:flex;flex-wrap:wrap;gap:8px}.sc-ck button{border:0;border-radius:22px;padding:10px 14px;font-size:14px;cursor:pointer;min-height:44px;background:#e2f3ea;color:var(--vert);font-weight:bold;font-family:inherit}
.sc-ck button.ko{background:#f6dcdb;color:var(--rouge);text-decoration:line-through}
.sc-plus{background:#fff;border-radius:10px;padding:10px 12px;margin:10px 0}.sc-plus summary{cursor:pointer;color:var(--gris);font-size:13px}
.qr-v .qr-im{font-size:24px;font-weight:bold;letter-spacing:2px;color:var(--navy);margin:4px 0}.qr-v .qr-i svg{width:100%;height:auto}
.flt select,.flt input{width:auto;max-width:260px;min-width:0}
/* organisation du contrat (29/10/2026) */
.org-contrat{background:var(--navy);color:#fff;border-radius:16px;padding:20px 22px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}
.org-contrat h2{margin:4px 0;font-size:22px;color:#fff}.org-contrat p{margin:0;opacity:.85;font-size:13.5px}.oc-sur{font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.75}
.oc-lots{display:flex;gap:10px;flex-wrap:wrap}.oc-lots a{display:flex;flex-direction:column;background:rgba(255,255,255,.1);border-left:5px solid var(--lc);border-radius:10px;padding:8px 12px;color:#fff;text-decoration:none;min-width:150px}
.oc-lots a b{font-size:15px}.oc-lots a span{font-size:12px;opacity:.85}.oc-lots a em{font-style:normal;font-size:11.5px;opacity:.7}
.org-eq td{vertical-align:top;font-size:13px}.org-eq th{font-size:12px}
.eq-cp{display:inline-block;background:#e9e1f3;color:#4a2d70;border-radius:10px;padding:1px 7px;font-size:11.5px;font-weight:bold;margin:1px}.eq-cp.a{background:var(--fond2);color:var(--navy)}
.veh{display:inline-block;background:#eef4fb;border-radius:8px;padding:2px 6px;font-size:12px;margin:1px;white-space:nowrap}.veh .lien{padding:0 2px;color:var(--rouge)}
.veh-s{font-size:12px;max-width:120px;margin-top:3px}
.fil{display:inline-block;background:var(--kp,#5e3a8c);color:#fff;border-radius:6px;padding:1px 7px;font-size:11.5px;font-weight:bold;margin-right:6px}
.ol-resp span{margin-right:14px}
@media print{.veh-s{display:none}}