/* CL_REQ_STEP2_RUNTIME_UNIFIED_V1 */

#cl-p1-custom-shell{
  display:block !important;
  margin-top:14px !important;
}

#cl-p1-custom-follow,
#cl-p1-custom-struct,
#cl-p1-custom-threshold{
  display:none !important;
}

#cl-p1-custom-follow[data-cl-unified-visible="1"],
#cl-p1-custom-struct[data-cl-unified-visible="1"],
#cl-p1-custom-threshold[data-cl-unified-visible="1"]{
  display:block !important;
}

#cl-p1-custom-shell [data-cl-unified-hidden="1"]{
  display:none !important;
}

#cl-p1-custom-shell > .sectionTitle{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

#cl-p1-custom-intro{
  margin-bottom:10px !important;
}

#cl-p1-custom-shell .card{
  border-radius:14px !important;
  padding:12px !important;
  margin-bottom:10px !important;
}

#cl-p1-custom-shell .k{
  font-size:12px !important;
  font-weight:800 !important;
  margin-bottom:8px !important;
}

#cl-p1-custom-shell .inline{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(78px, 1fr));
  gap:8px !important;
  align-items:center !important;
}

#cl-p1-custom-shell .inline > button{
  min-width:110px;
}

#cl-p1-custom-shell input,
#cl-p1-custom-shell select,
#cl-p1-custom-shell button{
  min-height:38px !important;
}

#cl-p1-custom-shell .note{
  font-size:12px !important;
  line-height:1.35 !important;
}

#cl-p1-custom-follow > .note:first-of-type,
#cl-p1-custom-struct > .note:first-of-type,
#cl-p1-custom-threshold > .note:first-of-type{
  margin-bottom:10px !important;
}

#cl-p1-custom-follow[data-cl-unified-visible="1"] .row{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px !important;
  align-items:start !important;
}

#cl-p1-custom-follow[data-cl-unified-visible="1"] .row:last-of-type{
  grid-template-columns:minmax(180px, 220px) 1fr !important;
  align-items:center !important;
}

#cl-p1-custom-follow[data-cl-unified-visible="1"] .field{
  min-width:0;
}

#cl-p1-custom-follow[data-cl-unified-visible="1"] button{
  min-height:40px !important;
}

#cl-p1-custom-follow[data-cl-unified-visible="1"] .note{
  display:block !important;
}

@media (max-width: 900px){
  #cl-p1-custom-shell .inline{
    grid-template-columns:1fr 1fr !important;
  }
  #cl-p1-custom-shell .inline > button{
    grid-column:1 / -1;
  }
  #cl-p1-custom-follow[data-cl-unified-visible="1"] .row,
  #cl-p1-custom-follow[data-cl-unified-visible="1"] .row:last-of-type{
    grid-template-columns:1fr !important;
  }
}

/* CL_VNEXT_FOLLOW_LAYOUT FIX V2 */
body[data-cl-rq-vnext-base="v1"] #cl-p1-custom-follow[data-cl-unified-visible="1"]{
  display:block !important;
  width:100% !important;
  visibility:visible !important;
  opacity:1 !important;
  height:auto !important;
  min-height:1px !important;
  max-height:none !important;
  overflow:visible !important;
}

body[data-cl-rq-vnext-base="v1"] #cl-p1-custom-follow[data-cl-unified-visible="1"] > .note{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

body[data-cl-rq-vnext-base="v1"] #cl-p1-custom-follow[data-cl-unified-visible="1"] .row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:12px !important;
  align-items:end !important;
  width:100% !important;
  visibility:visible !important;
  opacity:1 !important;
  height:auto !important;
  min-height:1px !important;
  max-height:none !important;
  overflow:visible !important;
}

body[data-cl-rq-vnext-base="v1"] #cl-p1-custom-follow[data-cl-unified-visible="1"] .row[data-cl-rel-item="follow-actions"]{
  grid-template-columns:minmax(0,1fr) !important;
  gap:10px !important;
  align-items:start !important;
}

body[data-cl-rq-vnext-base="v1"] #cl-p1-custom-follow[data-cl-unified-visible="1"] .row[data-cl-unified-hidden="1"]{
  display:none !important;
}

body[data-cl-rq-vnext-base="v1"] #cl-p1-custom-follow[data-cl-unified-visible="1"] .field{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  visibility:visible !important;
  opacity:1 !important;
  height:auto !important;
  min-height:1px !important;
  max-height:none !important;
  overflow:visible !important;
}

body[data-cl-rq-vnext-base="v1"] #cl-p1-custom-follow[data-cl-unified-visible="1"] input,
body[data-cl-rq-vnext-base="v1"] #cl-p1-custom-follow[data-cl-unified-visible="1"] select{
  width:100% !important;
}

body[data-cl-rq-vnext-base="v1"] #cl-p1-custom-follow[data-cl-unified-visible="1"] #follow_create{
  display:inline-block !important;
  width:100% !important;
}

body[data-cl-rq-vnext-base="v1"] #cl-p1-custom-follow[data-cl-unified-visible="1"] #follow_status{
  display:block !important;
}