/* =========================================================
   AZALYS - Correctif final Accordéon Fiche Dossier
   Objectif : remplacer le rendu HTML brut par un vrai accordéon premium
   Chargé en dernier volontairement.
   ========================================================= */

#dossier-modal .modal-card.wide{
  max-width: 1080px !important;
  width: min(1080px, calc(100vw - 44px)) !important;
  border-radius: 26px !important;
  overflow: hidden !important;
}

#dossier-modal .dossier-acc{
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  margin: 18px 0 10px !important;
  width: 100% !important;
}

#dossier-modal .dossier-acc-item{
  display: block !important;
  width: 100% !important;
  border: 1px solid rgba(196, 210, 232, .95) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.94) !important;
  overflow: hidden !important;
  box-shadow: 0 10px 28px rgba(15, 45, 90, .045) !important;
}

#dossier-modal .dossier-acc-item.is-open{
  border-color: rgba(47, 120, 255, .28) !important;
  box-shadow: 0 16px 38px rgba(15, 45, 90, .075) !important;
}

#dossier-modal .dossier-acc-head{
  appearance: none !important;
  -webkit-appearance: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 64px !important;
  padding: 18px 24px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  color: #0b2b5c !important;
  font-family: inherit !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  text-align: left !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

#dossier-modal .dossier-acc-head:hover{
  background: #f3f7ff !important;
}

#dossier-modal .dossier-acc-title{
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  color: #0b2b5c !important;
  font-size: 18px !important;
  font-weight: 800 !important;
}

#dossier-modal .dossier-acc-num{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border-radius: 11px !important;
  background: linear-gradient(135deg, #eaf2ff, #edf4ff) !important;
  color: #1d5dff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

#dossier-modal .dossier-acc-item.is-open .dossier-acc-num{
  background: linear-gradient(135deg, #2f8cff, #1558ff) !important;
  color: #fff !important;
}

#dossier-modal .dossier-acc-chevron{
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  color: #0b2b5c !important;
  transform: rotate(0deg) !important;
  transition: transform .22s ease !important;
  flex: 0 0 22px !important;
}

#dossier-modal .dossier-acc-item.is-open .dossier-acc-chevron{
  transform: rotate(180deg) !important;
}

#dossier-modal .dossier-acc-body{
  display: none !important;
  width: 100% !important;
  border-top: 1px solid rgba(210, 221, 238, .9) !important;
  background: #fff !important;
}

#dossier-modal .dossier-acc-item.is-open .dossier-acc-body{
  display: block !important;
}

#dossier-modal .dossier-acc-inner{
  display: block !important;
  padding: 22px 24px 26px !important;
  overflow: visible !important;
  min-height: 0 !important;
}

#dossier-modal .module-checks{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
}

#dossier-modal .module-checks label,
#dossier-modal .module-check{
  min-height: 92px !important;
  border: 1px solid rgba(210, 221, 238, .95) !important;
  border-radius: 16px !important;
  background: #fbfdff !important;
  box-shadow: 0 8px 20px rgba(15, 45, 90, .035) !important;
}

#dossier-modal .modal-actions{
  display: flex !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  padding-top: 18px !important;
}

@media (max-width: 760px){
  #dossier-modal .module-checks{grid-template-columns: 1fr !important}
  #dossier-modal .dossier-acc-head{padding: 16px 18px !important}
}

/* AZALYS - Correctif final contenu accordéon équipe/client */
#dossier-modal .dossier-empty-note{
  display:block !important;
  padding:18px !important;
  border:1px dashed rgba(151,168,196,.85) !important;
  border-radius:16px !important;
  background:#f8fbff !important;
  color:#30415f !important;
}
#dossier-modal .dossier-empty-note strong{display:block !important;color:#0b2b5c !important;margin-bottom:6px !important;font-weight:800 !important;}
#dossier-modal .dossier-empty-note p{margin:0 0 12px !important;color:#63708a !important;font-weight:500 !important;}
#dossier-modal .dossier-access-panel:empty::before{
  content:'Chargement…';
  display:block;
  padding:18px;
  border:1px dashed rgba(151,168,196,.85);
  border-radius:16px;
  background:#f8fbff;
  color:#63708a;
}


/* === HOTFIX final - affichage propre des comptes client dans l'accordéon === */
#dossier-client-panel .dossier-client-cards,
#dossier-team-panel .dossier-client-cards{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin:14px 0;
}
#dossier-client-panel .dossier-client-card,
#dossier-team-panel .dossier-client-card{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
  padding:14px 16px;
  border:1px solid #dbe7f5;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 10px 26px rgba(15,35,75,.06);
}
#dossier-client-panel .dossier-client-main,
#dossier-team-panel .dossier-client-main{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
#dossier-client-panel .dossier-client-main input,
#dossier-team-panel .dossier-client-main input{
  width:20px!important;
  height:20px!important;
  accent-color:#2563eb;
  flex:0 0 auto;
}
#dossier-client-panel .dossier-client-avatar,
#dossier-team-panel .dossier-client-avatar{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:#fff;
  font-weight:800;
  background:linear-gradient(135deg,#2f80ff,#694cf6);
  flex:0 0 auto;
}
#dossier-client-panel .dossier-client-text,
#dossier-team-panel .dossier-client-text{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
#dossier-client-panel .dossier-client-text strong,
#dossier-team-panel .dossier-client-text strong{
  color:#0b2346;
  font-size:14px;
  line-height:1.2;
}
#dossier-client-panel .dossier-client-text small,
#dossier-team-panel .dossier-client-text small{
  color:#60738f;
  font-size:12px;
  font-weight:600;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#dossier-client-panel .dossier-client-actions,
#dossier-team-panel .dossier-client-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}
#dossier-client-panel .dossier-client-badge,
#dossier-team-panel .dossier-client-badge{
  display:inline-flex;
  align-items:center;
  padding:5px 10px;
  border-radius:999px;
  background:#eaf2ff;
  color:#1d4ed8;
  font-size:11px;
  font-weight:800;
}
@media (max-width:760px){
  #dossier-client-panel .dossier-client-card,
  #dossier-team-panel .dossier-client-card{align-items:flex-start;flex-direction:column}
  #dossier-client-panel .dossier-client-actions,
  #dossier-team-panel .dossier-client-actions{width:100%;justify-content:flex-start}
}

/* =========================================================
   AZALYS - Refonte premium fiche dossier / accordéon
   Objectif : sections empilées propres, une section ouverte,
   scroll interne du formulaire, actions stables en bas.
   ========================================================= */
#dossier-modal.modal{
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
  background:rgba(10,22,44,.68) !important;
  backdrop-filter:blur(8px) !important;
}
#dossier-modal .modal-card.wide{
  width:min(1180px, calc(100vw - 36px)) !important;
  max-width:1180px !important;
  max-height:calc(100vh - 36px) !important;
  border-radius:28px !important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
  box-shadow:0 30px 90px rgba(5,18,40,.35) !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}
#dossier-modal .modal-head{
  flex:0 0 auto !important;
  min-height:62px !important;
  padding:18px 24px !important;
  border-bottom:1px solid rgba(205,216,232,.85) !important;
  background:rgba(255,255,255,.92) !important;
}
#dossier-modal .modal-head h3{
  color:#08264f !important;
  font-size:18px !important;
  font-weight:800 !important;
  letter-spacing:-.01em !important;
}
#dossier-modal #dossier-form{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:22px 24px 0 !important;
  scrollbar-width:thin !important;
  scrollbar-color:#91a4c0 #eef4fb !important;
}
#dossier-modal #dossier-form::-webkit-scrollbar{width:10px !important;}
#dossier-modal #dossier-form::-webkit-scrollbar-track{background:#eef4fb !important;border-radius:999px !important;}
#dossier-modal #dossier-form::-webkit-scrollbar-thumb{background:#91a4c0 !important;border-radius:999px !important;border:2px solid #eef4fb !important;}
#dossier-modal .dossier-acc{
  gap:16px !important;
  margin:0 0 20px !important;
}
#dossier-modal .dossier-acc-item{
  border:1px solid rgba(190,205,226,.88) !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 12px 34px rgba(12,35,72,.055) !important;
  overflow:hidden !important;
}
#dossier-modal .dossier-acc-item.is-open{
  border-color:rgba(47,120,255,.32) !important;
  box-shadow:0 18px 48px rgba(12,35,72,.075) !important;
}
#dossier-modal .dossier-acc-head{
  min-height:74px !important;
  padding:18px 24px !important;
  background:#fff !important;
  border:0 !important;
}
#dossier-modal .dossier-acc-head:hover{background:#f8fbff !important;}
#dossier-modal .dossier-acc-title{
  gap:16px !important;
  align-items:center !important;
}
#dossier-modal .dossier-acc-text{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
}
#dossier-modal .dossier-acc-text strong{
  font-size:20px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  color:#08264f !important;
}
#dossier-modal .dossier-acc-text small{
  display:block !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
  color:#657590 !important;
}
#dossier-modal .dossier-acc-num{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  border-radius:12px !important;
  background:#eef5ff !important;
  color:#1d64ff !important;
  box-shadow:0 4px 12px rgba(30,100,255,.08) !important;
}
#dossier-modal .dossier-acc-item.is-open .dossier-acc-num{
  background:linear-gradient(135deg,#3b8bff 0%,#1559ff 100%) !important;
  color:#fff !important;
}
#dossier-modal .dossier-acc-chevron{
  width:20px !important;
  height:20px !important;
  color:#08264f !important;
}
#dossier-modal .dossier-acc-body{
  background:#fff !important;
  border-top:1px solid rgba(205,216,232,.85) !important;
}
#dossier-modal .dossier-acc-inner{
  padding:24px 28px 30px !important;
}
#dossier-modal .form-grid.three{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:20px 24px !important;
}
#dossier-modal .form-grid label{
  color:#33425a !important;
  font-size:13px !important;
  font-weight:700 !important;
}
#dossier-modal .control,
#dossier-modal input.control,
#dossier-modal select.control,
#dossier-modal textarea.control{
  min-height:52px !important;
  border:1px solid #cbd8ea !important;
  border-radius:14px !important;
  background:#fff !important;
  color:#09254e !important;
  font-size:14px !important;
  font-weight:600 !important;
  box-shadow:0 4px 16px rgba(12,35,72,.035) !important;
}
#dossier-modal textarea.control{
  min-height:98px !important;
}
#dossier-modal .module-checks{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px 20px !important;
}
#dossier-modal .module-checks label,
#dossier-modal .module-check{
  min-height:96px !important;
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  padding:18px 20px !important;
  border:1px solid #d8e4f2 !important;
  border-radius:17px !important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
  box-shadow:0 10px 28px rgba(12,35,72,.045) !important;
}
#dossier-modal .module-checks input[type="checkbox"]{
  width:22px !important;
  height:22px !important;
  accent-color:#2378ff !important;
  flex:0 0 auto !important;
}
#dossier-modal .dossier-config-card{
  border:1px solid #d8e4f2 !important;
  border-radius:18px !important;
  padding:20px !important;
  background:#fbfdff !important;
  box-shadow:0 12px 28px rgba(12,35,72,.04) !important;
}
#dossier-modal .dossier-user-list{
  margin:16px 0 !important;
  display:grid !important;
  gap:12px !important;
}
#dossier-modal .dossier-user-line{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  padding:14px 16px !important;
  border:1px solid #d8e4f2 !important;
  border-radius:16px !important;
  background:#fff !important;
}
#dossier-modal .dossier-user-line input[type="checkbox"]{
  width:20px !important;
  height:20px !important;
  accent-color:#2378ff !important;
}
#dossier-modal .dossier-client-card{
  padding:16px !important;
  border-radius:18px !important;
}
#dossier-modal .modal-actions{
  position:sticky !important;
  bottom:0 !important;
  z-index:5 !important;
  margin:0 -24px !important;
  padding:18px 24px !important;
  background:linear-gradient(180deg,rgba(248,251,255,.72) 0%,#ffffff 35%) !important;
  border-top:1px solid rgba(205,216,232,.85) !important;
  box-shadow:0 -12px 32px rgba(12,35,72,.06) !important;
}
#dossier-modal .btn.primary{
  min-height:46px !important;
  border-radius:14px !important;
  padding:0 22px !important;
  background:linear-gradient(135deg,#2f8cff,#1558ff) !important;
  box-shadow:0 12px 24px rgba(21,88,255,.22) !important;
}
#dossier-modal .btn.ghost{
  min-height:46px !important;
  border-radius:14px !important;
  padding:0 20px !important;
  background:#fff !important;
}
@media (max-width:900px){
  #dossier-modal .form-grid.three{grid-template-columns:1fr !important;}
  #dossier-modal .span-3{grid-column:auto !important;}
  #dossier-modal .module-checks{grid-template-columns:1fr !important;}
}
@media (max-width:620px){
  #dossier-modal.modal{padding:8px !important;}
  #dossier-modal .modal-card.wide{width:calc(100vw - 16px) !important; max-height:calc(100vh - 16px) !important; border-radius:22px !important;}
  #dossier-modal #dossier-form{padding:16px 14px 0 !important;}
  #dossier-modal .dossier-acc-head{padding:16px !important;}
  #dossier-modal .dossier-acc-inner{padding:18px 16px 22px !important;}
  #dossier-modal .dossier-acc-text small{display:none !important;}
  #dossier-modal .modal-actions{margin:0 -14px !important; padding:14px !important;}
}