/* CL_REQ_STEP2_HTML_REWRITE_V1 */

.cl-p1-grid{
  align-items:start !important;
}
.cl-p1-grid > .panel,
.cl-p1-panel{
  align-self:start !important;
  height:auto !important;
  min-height:0 !important;
}

.cl-p1-preset-card::before,
.cl-p1-preset-card::after{
  content:none !important;
  display:none !important;
}

.cl-p1-preset-card[data-cl-step2-active="1"]{
  position:relative;
  border-color:rgba(124,181,255,.94) !important;
  background:
    radial-gradient(circle at 14% 14%, rgba(97,158,255,.18), transparent 42%),
    linear-gradient(180deg, rgba(18,35,80,.98), rgba(10,20,48,.98)) !important;
  box-shadow:
    0 0 0 1px rgba(137,190,255,.28),
    0 22px 44px rgba(2,12,36,.34) !important;
  transform:translateY(-1px) scale(1.008);
}
.cl-p1-preset-card[data-cl-step2-active="1"] strong{
  color:#ffffff !important;
}
.cl-p1-preset-card[data-cl-step2-active="1"] span{
  color:rgba(231,240,255,.90) !important;
}
.cl-p1-preset-card[data-cl-step2-active="1"]::after{
  content:"Sélectionné" !important;
  display:inline-flex !important;
  position:absolute;
  left:12px;
  bottom:10px;
  align-items:center;
  height:20px;
  padding:0 8px;
  border-radius:999px;
  background:rgba(116,176,255,.18);
  border:1px solid rgba(135,189,255,.34);
  color:#e6f0ff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
}

#cl-p1-config-story{
  border:1px solid rgba(126,178,255,.24) !important;
  background:
    radial-gradient(circle at top left, rgba(84,146,255,.16), transparent 40%),
    linear-gradient(180deg, rgba(14,29,68,.96), rgba(9,18,42,.96)) !important;
  box-shadow:0 18px 36px rgba(1,8,28,.24) !important;
  padding:16px 16px 14px !important;
}
#cl-p1-config-story .cl-p1-dyn-title{
  font-size:24px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  color:#ffffff !important;
}
#cl-p1-config-story .cl-p1-dyn-copy{
  margin-top:8px;
  color:rgba(227,236,255,.88) !important;
  font-size:13px !important;
  line-height:1.45 !important;
}

#cl-p1-proof-panel{
  display:flex;
  flex-direction:column;
  gap:14px !important;
}
#cl-p1-proof-story{
  padding:16px 16px 14px !important;
  border:1px solid rgba(121,171,255,.20) !important;
}
#cl-p1-proof-story .cl-p1-dyn-title{
  font-size:24px !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  color:#ffffff !important;
}
#cl-p1-proof-story .cl-p1-dyn-copy{
  color:rgba(228,237,255,.86) !important;
  font-size:13px !important;
  line-height:1.45 !important;
}
#cl-p1-summary-card{
  border:1px solid rgba(132,184,255,.28) !important;
  background:
    radial-gradient(circle at top left, rgba(82,143,255,.14), transparent 38%),
    linear-gradient(180deg, rgba(15,29,67,.96), rgba(8,18,42,.96)) !important;
  box-shadow:
    0 0 0 1px rgba(121,177,255,.18),
    0 24px 48px rgba(0,0,0,.28) !important;
}
#cl-p1-create-active{
  min-height:52px !important;
  font-size:16px !important;
  font-weight:900 !important;
  border-radius:14px !important;
}
.chartBox{
  min-height:260px !important;
  height:260px !important;
}

.cl-p1-panel--config .cards{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px !important;
}
.cl-p1-panel--config .card{
  min-height:84px;
  padding:12px 12px 10px !important;
  border-radius:14px !important;
}
.cl-p1-panel--config .card .k{
  font-size:11px !important;
  line-height:1.25 !important;
  color:rgba(212,224,255,.76) !important;
}
.cl-p1-panel--config .card .v{
  font-size:24px !important;
  line-height:1.08 !important;
  font-weight:800 !important;
}
.cl-p1-panel--config .card .smallv{
  font-size:12px !important;
  line-height:1.28 !important;
}
.cl-p1-panel--config .field label{
  font-size:11px !important;
}
.cl-p1-panel--config input,
.cl-p1-panel--config select,
.cl-p1-panel--config button{
  min-height:40px;
}

#cl-p1-custom-shell{
  margin-top:14px !important;
  padding-top:14px !important;
  border-top:1px solid rgba(124,170,255,.12);
}
#cl-p1-custom-shell > .sectionTitle{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  margin:0 0 10px 0 !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}
#cl-p1-custom-shell > .sectionTitle .badge{
  font-size:10px !important;
}
#cl-p1-custom-intro{
  font-size:12px !important;
  line-height:1.4 !important;
  margin-bottom:10px !important;
}
[data-cl-step2-group]{
  display:none;
}
[data-cl-step2-group][data-cl-step2-visible="1"]{
  display:block;
}
#cl-p1-custom-shell .card{
  border-radius:14px !important;
}
#cl-p1-custom-shell .inline{
  gap:8px !important;
}
#cl-p1-custom-shell button{
  min-height:40px !important;
}

@media (max-width: 900px){
  .cl-p1-panel--config .cards{
    grid-template-columns:1fr !important;
  }
  .chartBox{
    min-height:240px !important;
    height:240px !important;
  }
}