/* INORIX Vision : compléments à socle.css + ops.css (charte INORIX : bleu nuit #063142, sarcelle #03979d, Arial) */
.cache{display:none!important}
.req{color:var(--rouge)} label.ch small{display:block;font-weight:normal;color:var(--gris2);font-size:11.5px}
.chp{margin-bottom:6px} .chp>input,.chp>textarea,.chp>select{width:100%}
.esp{flex:1}
.chips{margin:2px 0 8px} .chipb{transition:background .1s,border-color .1s}
.chipb:hover{border-color:var(--teal)} .chipb:disabled{opacity:.55;cursor:default}
.chips.grand .chipb{padding:9px 14px;font-size:13.5px;border-radius:10px}
.chips.grand .chipb small{display:block;font-size:10.5px;opacity:.8} .chips.grand .chipb b{font-size:16px}
.case{display:flex;gap:8px;align-items:center;margin:12px 0 4px;font-weight:bold;color:var(--navy);cursor:pointer} .case input{width:18px;height:18px;accent-color:var(--teal)}
.consigne{background:#eef8f8;border-left:4px solid var(--teal);border-radius:8px;padding:9px 12px;font-size:13px;margin:8px 0;color:#0c3d4c}
.dtq{display:flex;gap:6px;align-items:center;flex-wrap:wrap} .dtq input{flex:1;min-width:190px}
.phrases{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px} .phrases .chipb{font-size:12px;padding:4px 10px;color:var(--gris)}
.drop{display:block;margin-top:10px;border:2px dashed var(--line2);border-radius:10px;padding:16px;text-align:center;color:var(--gris);cursor:pointer;background:#fbfdfd}
.drop.on,.drop:hover{border-color:var(--teal);background:#f0f9f9}
.vig{margin-top:10px} .vig .fic{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;border:1px solid var(--line);border-radius:6px;font-size:34px;text-decoration:none;background:#f5f8f9}
/* choix du client : tuiles colorées */
.tuiles-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.tuiles-g.grandes{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.tg{position:relative;text-align:left;border:1px solid #e3eaec;border-radius:12px;background:#fff;padding:12px 14px 12px 18px;cursor:pointer;font:inherit;color:inherit;overflow:hidden;transition:box-shadow .15s,border-color .15s}
.tg::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--gc)}
.tg:hover{box-shadow:0 4px 14px -6px rgba(6,49,66,.3);border-color:var(--gc)} .tg.on{border-color:var(--gc);background:color-mix(in srgb,var(--gc) 8%,#fff);box-shadow:inset 0 0 0 1px var(--gc)}
.tg b{display:block;font-size:15px;color:var(--navy)} .tg small{display:block;font-size:11.5px;color:var(--gris);margin-top:2px} .tg[data-off]{opacity:.5}
.grp-choisi{display:flex;align-items:center;gap:14px;border-left:6px solid var(--gc);padding:6px 12px;font-size:16px;color:var(--navy)}
.gpt{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--gc,#c9d6da);margin-right:6px;vertical-align:middle}
/* listes */
.ligne.lf{grid-template-columns:120px 1.3fr 1.3fr 2fr 100px;border-left:4px solid var(--gc,#e3eaec)}
.ligne.lr{grid-template-columns:2fr 1.4fr 1fr 1.4fr 1.2fr} .ligne.lrp{grid-template-columns:2fr 1.3fr 1fr;border-left:4px solid var(--gc)}
.ligne.ls{grid-template-columns:100px 1.6fr 1.2fr 110px 2.4fr} .ligne.lsi{grid-template-columns:2fr 1fr 2.4fr 1fr 90px}
.indic .carte.clic{cursor:pointer} .indic .carte.sel{box-shadow:inset 0 0 0 2px var(--teal)}
@media (max-width:860px){.ligne.lf,.ligne.lr,.ligne.ls,.ligne.lsi{grid-template-columns:1fr 1fr} .ligne.lf>div:nth-child(4),.ligne.ls>div:nth-child(5),.ligne.lsi>div:nth-child(n+3){display:none} .ligne.lrp{grid-template-columns:1fr}}
/* fiche */
.fiche-t{display:flex;gap:14px;align-items:flex-start;justify-content:space-between} .fiche-t h1{margin:2px 0 4px;font-size:21px;color:var(--navy)}
.r-sur{font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--teal);font-weight:bold}
.obs{background:#f5f8f9;border-radius:10px;padding:12px 14px;margin:10px 0;line-height:1.5;font-size:14px}
dl.det{display:grid;grid-template-columns:minmax(150px,max-content) 1fr;gap:6px 18px;margin:12px 0;font-size:13.5px} dl.det dt{color:var(--gris)} dl.det dd{margin:0;font-weight:bold;color:var(--navy)}
.suivi>div{border-left:3px solid var(--teal2);padding:4px 0 8px 12px;margin-left:4px}
.suivi-f{margin-top:12px;border-top:1px solid #e9eff1;padding-top:12px} .suivi-f textarea{width:100%}
.etapes{display:flex;gap:4px;margin:10px 0} .etapes span{flex:1;text-align:center;font-size:11.5px;padding:6px 4px;border-radius:6px;background:#eef3f4;color:var(--gris)} .etapes span.on{background:var(--teal);color:#fff;font-weight:bold}
.lien-i,.lien-c{font-size:13px;display:flex;flex-wrap:wrap;gap:6px;align-items:center} .lien-i input,.lien-c input{flex:1;min-width:240px}
/* protocole */
.aide-tech{background:#063142;color:#e6f6f7;border-radius:8px;padding:10px 14px;margin:6px 0 10px;font-size:13px} .aide-tech b{color:#7fe3e6}
.zl{display:grid;grid-template-columns:60px 1fr auto 30px;gap:6px;margin-bottom:6px;align-items:center} .zl .zx{border:0;background:none;font-size:20px;color:var(--gris);cursor:pointer}
.sigbloc canvas{margin-top:2px} .sigpied{display:flex;justify-content:space-between;align-items:center;margin-top:4px}
/* sélection des sites (indicateurs, rapports) */
.sel-sites{background:#fff;border:1px solid #e3eaec;border-radius:10px;padding:8px 12px} .sel-sites summary{cursor:pointer;font-weight:bold;color:var(--navy)}
.ss-l{max-height:200px;overflow:auto;columns:3;column-gap:16px;font-size:12.5px;margin-top:6px} .ss-l label{display:block;break-inside:avoid;padding:2px 0}
@media (max-width:860px){.ss-l{columns:1}}
/* ===================== rapport d'activité ===================== */
.rapport{background:#fff;border:1px solid #e3eaec;border-radius:14px;padding:24px 26px;box-shadow:0 14px 30px -26px rgba(6,49,66,.35)}
.r-tete{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:4px solid var(--gc);padding-bottom:14px;margin-bottom:16px}
.r-tete h1{margin:4px 0;font-size:24px;color:var(--navy)} .r-tete img{height:34px;filter:brightness(0) saturate(100%) invert(14%) sepia(37%) saturate(1500%) hue-rotate(160deg)} .r-per{color:var(--gris);font-size:13.5px}
.r-tuiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px;margin-bottom:18px}
.tu{position:relative;background:#f5f8f9;border-radius:10px;padding:14px 14px 12px 16px} .tu::before{content:"";position:absolute;left:0;top:14px;height:24px;width:3px;border-radius:0 3px 3px 0;background:var(--teal)}
.tu b{display:block;font-size:24px;color:var(--navy);line-height:1.1} .tu span{display:block;font-size:12px;color:var(--gris);margin-top:4px} .tu small{display:block;font-size:11px;color:var(--gris2);margin-top:4px}
.tu.r::before{background:#c8392f} .tu.r b{color:#b3261e} .tu.o::before{background:#d79a1e} .tu.v::before{background:#1e7b4f} .tu.v b{color:#1e7b4f}
.r-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .rb{border:1px solid #e9eff1;border-radius:12px;padding:14px 16px;min-width:0;break-inside:avoid} .rb.large{grid-column:1/-1}
.rb h3{margin:0 0 10px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--teal);display:flex;gap:8px;align-items:center} .rb h3::after{content:"";flex:1;height:1px;background:#e3eaec}
.rb .bar span small{font-weight:normal;color:var(--gris2)} .duo{display:grid;grid-template-columns:1fr 1fr;gap:18px} .mini{font-size:13px;margin:4px 0 8px}
svg.serie{width:100%;height:170px;display:block} svg.serie rect{fill:var(--teal)} svg.serie rect.we{fill:#7cc9cc} svg.serie .grille{stroke:#e9eff1} svg.serie .lg{font-size:10px;fill:#7d8a91}
.lgd{font-size:11px;color:var(--gris2)} .lgd i{display:inline-block;width:10px;height:10px;background:var(--teal);border-radius:2px;margin:0 4px 0 10px;vertical-align:middle} .lgd i.we{background:#7cc9cc}
table.hm{border-collapse:separate;border-spacing:3px;width:100%;font-size:11px} .hm th{color:var(--gris2);font-weight:normal;text-align:center} .hm tbody th{text-align:left}
.hm td{background:rgba(3,151,157,var(--a));text-align:center;border-radius:4px;height:26px;color:#063142;font-weight:bold} .hm td:empty{background:#f5f8f9}
.t tr.clic{cursor:pointer} .t tr.clic:hover td{background:#f2f8f9}
.r-pied{margin-top:18px;border-top:1px solid #e9eff1;padding-top:10px;font-size:11px;color:var(--gris2)}
@media (max-width:900px){.r-grille,.duo{grid-template-columns:1fr} .rapport{padding:16px}}
@media print{.rapport{border:0;box-shadow:none;padding:0} .rb{border-color:#dfe7ea} .noprint,.barre-bas,.suivi-f,.lien-i,.lien-c{display:none!important} @page{size:A4;margin:12mm}}
/* pages publiques (protocole, questionnaire, rapport client) */
body.pub{background:#f2f5f6} .pub-tete{background:#063142;color:#fff;padding:18px 22px;border-bottom:4px solid var(--teal)} .pub-tete img{height:28px} .pub-tete h1{margin:8px 0 2px;font-size:20px} .pub-tete p{margin:0;color:#9fd4d6;font-size:13px}
.pub-corps{max-width:980px;margin:18px auto;padding:0 14px 60px}
.rb .bar{grid-template-columns:minmax(0,1fr) 140px 78px} .rb .bar span:last-child{white-space:nowrap}
.rb{overflow-x:auto} @media (max-width:760px){.r-tete h1{font-size:19px} .r-tete img{height:24px} .tb .btn{padding:0 10px;font-size:12.5px} .tb{gap:6px;overflow-x:auto}}

.matrice{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
@media print{body:has(.fp-doc) .ct{padding:0} body:has(.fp-doc) #main>.carte{display:none}}
body.pub-fp{background:#e9ecef}