/* =========================================================
   QUARZEO PRO V10.6
   CRM + Parcours unifié
   ========================================================= */

/* Suppression visuelle définitive de l'entrée Dossiers */
#app.app #sideNav [data-page="leads"]{
  display:none !important;
}

/* CRM : aperçu dossiers */
#app.app .qzp-crm-cases-preview{
  display:grid;
  gap:14px;
}

#app.app .qzp-crm-case-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

#app.app .qzp-crm-case-stat{
  position:relative;
  overflow:hidden;
  min-height:105px;
  padding:15px;
  border:1px solid #dde9ee;
  border-radius:17px;
  background:linear-gradient(145deg,#fff,#f8fcfd);
}

#app.app .qzp-crm-case-stat::after{
  position:absolute;
  right:-24px;
  bottom:-32px;
  width:86px;
  height:86px;
  border-radius:50%;
  background:var(--qzp-preview-soft,rgba(39,201,223,.09));
  content:"";
}

#app.app .qzp-crm-case-stat > *{
  position:relative;
  z-index:1;
}

#app.app .qzp-crm-case-stat.cyan{
  border-top:3px solid #27c9df;
  --qzp-preview-soft:rgba(39,201,223,.11);
}

#app.app .qzp-crm-case-stat.orange{
  border-top:3px solid #eea13a;
  --qzp-preview-soft:rgba(238,161,58,.11);
}

#app.app .qzp-crm-case-stat.green{
  border-top:3px solid #27b884;
  --qzp-preview-soft:rgba(39,184,132,.11);
}

#app.app .qzp-crm-case-stat.purple{
  border-top:3px solid #786ee8;
  --qzp-preview-soft:rgba(120,110,232,.11);
}

#app.app .qzp-crm-case-stat span{
  display:block;
  color:#708795;
  font-size:8px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#app.app .qzp-crm-case-stat strong{
  display:block;
  margin-top:9px;
  color:#12364a;
  font-size:27px;
  line-height:1;
}

#app.app .qzp-crm-case-stat small{
  display:block;
  margin-top:6px;
  color:#718998;
  font-size:8px;
  line-height:1.4;
}

/* Parcours */
#app.app .kanban.qzp-pipeline-upgraded{
  align-items:start;
  gap:13px;
  padding:4px 2px 12px;
}

#app.app .kanban.qzp-pipeline-upgraded .kanbanCol{
  min-height:360px;
  padding:11px;
  border:1px solid #d9e7ed;
  border-radius:21px;
  background:
    linear-gradient(180deg,#f3f9fc,#f9fcfd);
}

#app.app .kanban.qzp-pipeline-upgraded .kanbanCol.qzp-drop-active{
  border-color:#4acbd7;
  background:#effbfd;
  box-shadow:
    inset 0 0 0 2px rgba(39,201,223,.12),
    0 13px 32px rgba(8,73,98,.08);
}

#app.app .kanban.qzp-pipeline-upgraded .kanbanCol > header{
  position:sticky;
  top:0;
  z-index:2;
  margin:-2px -2px 8px;
  padding:8px 7px 11px;
  border-bottom:1px solid #dce9ee;
  background:rgba(246,251,253,.96);
  backdrop-filter:blur(8px);
}

#app.app .kanban.qzp-pipeline-upgraded .kanbanCol > header strong{
  color:#12364a;
  font-size:10px;
}

#app.app .kanban.qzp-pipeline-upgraded .kanbanCol > header span{
  border-color:#d6e6ec;
  background:#fff;
  color:#37657b;
}

#app.app .kanban.qzp-pipeline-upgraded .leadCard{
  position:relative;
  cursor:grab;
  border-color:#dce8ed;
  border-radius:17px;
  box-shadow:0 9px 25px rgba(8,45,71,.06);
  transition:
    transform .16s ease,
    box-shadow .16s ease,
    border-color .16s ease;
}

#app.app .kanban.qzp-pipeline-upgraded .leadCard:hover{
  transform:translateY(-2px);
  border-color:#c4dce5;
  box-shadow:0 14px 34px rgba(8,45,71,.10);
}

#app.app .kanban.qzp-pipeline-upgraded .leadCard:active{
  cursor:grabbing;
}

#app.app .kanban.qzp-pipeline-upgraded .leadCard.qzp-dragging{
  opacity:.48;
  transform:scale(.98);
}

#app.app .qzp-stage-current{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:9px;
  padding:7px 9px;
  border:1px solid #dce9ee;
  border-radius:10px;
  background:#f6fafc;
  color:#557385;
  font-size:8px;
  font-weight:800;
}

#app.app .qzp-stage-current::before{
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:#27c9df;
  box-shadow:0 0 0 4px rgba(39,201,223,.10);
  content:"";
}

#app.app .qzp-stage-actions{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:7px;
  margin-top:10px;
}

#app.app .qzp-open-case-btn,
#app.app .qzp-validate-stage-btn{
  min-height:34px;
  border-radius:10px;
  font-size:8px;
  font-weight:950;
  cursor:pointer;
}

#app.app .qzp-open-case-btn{
  padding:0 10px;
  border:1px solid #d7e5eb;
  background:#fff;
  color:#41677c;
}

#app.app .qzp-validate-stage-btn{
  padding:0 11px;
  border:1px solid #0e6f98;
  background:
    linear-gradient(135deg,#08324f,#0c79a5);
  color:#fff;
  box-shadow:0 8px 18px rgba(8,83,117,.15);
}

#app.app .qzp-validate-stage-btn:hover{
  background:
    linear-gradient(135deg,#082c46,#0d86b5);
}

#app.app .qzp-validate-stage-btn:disabled{
  border-color:#cddce3;
  background:#e7eef2;
  color:#76909e;
  box-shadow:none;
  cursor:default;
}

#app.app .qzp-pipeline-help{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
  padding:12px 14px;
  border:1px solid #cfe5ea;
  border-radius:16px;
  background:
    linear-gradient(105deg,#f5fcfd,#edf9fb);
}

#app.app .qzp-pipeline-help strong{
  display:block;
  color:#174459;
  font-size:10px;
}

#app.app .qzp-pipeline-help span{
  display:block;
  margin-top:3px;
  color:#65808f;
  font-size:8px;
}

#app.app .qzp-pipeline-help b{
  padding:6px 9px;
  border:1px solid #c7e6ea;
  border-radius:999px;
  background:#fff;
  color:#14859d;
  font-size:8px;
  white-space:nowrap;
}

/* Notification */
#app.app .qzp-workflow-toast{
  position:fixed;
  right:24px;
  bottom:88px;
  z-index:9999;
  max-width:340px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  background:#082f4b;
  color:#fff;
  box-shadow:0 18px 48px rgba(5,28,49,.24);
  font-size:9px;
  line-height:1.45;
  opacity:0;
  transform:translateY(8px);
  pointer-events:none;
  transition:.2s ease;
}

#app.app .qzp-workflow-toast.show{
  opacity:1;
  transform:none;
}

@media(max-width:1180px){
  #app.app .qzp-crm-case-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:620px){
  #app.app .qzp-crm-case-stats{
    grid-template-columns:1fr;
  }

  #app.app .qzp-pipeline-help{
    align-items:flex-start;
    flex-direction:column;
  }
}