/* CSL V2.0.32 — photos privées des personnes autorisées */
.csl-reg-safety-person-row--photo{
  align-items:stretch;
}
.csl-reg-safety-photo{
  display:grid;
  grid-template-columns:62px minmax(0,1fr);
  grid-template-rows:auto auto;
  gap:6px 10px;
  align-items:center;
  min-width:0;
  padding:9px;
  border:1px solid rgba(21,64,78,.12);
  border-radius:14px;
  background:rgba(244,249,250,.92);
}
.csl-reg-safety-photo__preview{
  grid-row:1/3;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:2px solid #fff;
  border-radius:50%;
  background:#e7eef1;
  color:#637783;
  font-size:24px;
  box-shadow:0 3px 10px rgba(18,43,57,.10);
}
.csl-reg-safety-photo__preview img{width:100%;height:100%;display:block;object-fit:cover}
.csl-reg-safety-photo__upload{display:block!important;min-width:0;cursor:pointer}
.csl-reg-safety-photo__upload>span{display:block;padding:7px 9px;border-radius:9px;background:#e7f5f2;color:#216b58;font-size:11px;font-weight:900;text-align:center}
.csl-reg-safety-photo__upload input[type=file]{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;padding:0!important;margin:0!important;border:0!important}
.csl-reg-safety-photo__remove{display:flex!important;align-items:center;justify-content:center;gap:5px;color:#a72834!important;font-size:10px!important;font-weight:800!important;text-align:center!important}
.csl-reg-safety-photo__remove input{width:auto!important;margin:0!important}

body.csl-attendance-person-page .csl-attendance-pickup-person{justify-content:flex-start}
body.csl-attendance-person-page .csl-attendance-pickup-person>span{flex:1 1 auto}
body.csl-attendance-person-page .csl-attendance-pickup-photo{
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid #fff;
  box-shadow:0 2px 7px rgba(112,17,29,.15);
}
body.csl-attendance-person-page .csl-attendance-pickup-person>a{margin-left:auto}

/* Un dossier déjà informé reste verrouillé, sauf sa sécurité qui doit pouvoir
 * évoluer à tout moment. Les contrôles non sécurité sont désactivés par JS. */
.csl-reg-manager-form--informed [data-csl-informed-lock]{opacity:.82}
.csl-reg-manager-form--informed [data-csl-informed-lock] .csl-reg-pickup-panel,
.csl-reg-manager-form--informed [data-csl-informed-lock] .csl-reg-emergency-list,
.csl-reg-manager-form--informed [data-csl-informed-lock] [data-csl-add-emergency]{opacity:1}

@media (max-width:680px){
  .csl-reg-safety-photo{grid-template-columns:54px minmax(0,1fr);padding:8px}
  .csl-reg-safety-photo__preview{width:50px;height:50px;font-size:21px}
  .csl-reg-safety-photo__upload>span{padding:6px 7px;font-size:10px}
}

@media (prefers-color-scheme:dark){
  .csl-reg-safety-photo{background:#12212c;border-color:rgba(255,255,255,.10)}
  .csl-reg-safety-photo__preview{background:#263947;border-color:#334d5f;color:#cbd9e1}
  .csl-reg-safety-photo__upload>span{background:#173a34;color:#9ce6d0}
  .csl-reg-safety-photo__remove{color:#ff9ca7!important}
}