.cm-marketing-profile-root{
  width:100%;
  min-width:0;
  max-width:1150px;
  margin:0 auto;
}

.cm-marketing-profile-page{
  display:grid;
  grid-template-columns:570px 570px;
  justify-content:start;
  gap:10px;
  width:100%;
  min-width:0;
}

.cm-marketing-profile-panel{
  padding:16px 16px 14px;
  width:570px;
  min-height:262px;
  border:1px solid rgba(203, 223, 163, 0.95);
  border-radius:16px;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 24px rgba(160, 185, 110, 0.12);
}

.cm-marketing-profile-table-wrap{
  width:100%;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
}

.cm-marketing-profile-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.cm-marketing-profile-title{
  margin:0;
  color:#33352D;
  font-family:"Mulish", sans-serif;
  font-size:16px;
  font-weight:700;
  line-height:1;
  letter-spacing:0;
}

.cm-marketing-profile-subtitle{
  margin:16px 0 10px;
  color:#33352D;
  font-family:"Mulish", sans-serif;
  font-size:14px;
  font-weight:700;
  line-height:1;
  letter-spacing:0;
}

.cm-marketing-profile-active{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.cm-marketing-profile-active-meta{
  color:#33352D;
  font-family:"Mulish", sans-serif;
  font-size:12px;
  font-weight:500;
  line-height:1.25;
  letter-spacing:0;
}

.cm-marketing-profile-active-meta strong{
  font-weight:500;
}

.cm-marketing-profile-active-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.cm-app[data-page="cm-marketing-profile"] .btn,
.cm-app[data-page="cm-marketing-profile"] .sel,
.cm-marketing-profile-modal input[type="text"],
.cm-marketing-profile-modal input[type="number"],
.cm-marketing-profile-modal select,
.cm-marketing-profile-modal textarea{
  min-height:36px;
  padding:10px 12px;
  border:1px solid #DFE4CF;
  border-radius:4px;
  background:#fff;
  color:#33352D;
  box-sizing:border-box;
  font-family:"Mulish", sans-serif;
  font-size:12px;
  font-weight:400;
  line-height:1;
  letter-spacing:0;
}

.cm-app[data-page="cm-marketing-profile"] .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:auto;
  min-width:160px;
  padding:7px 17px;
  color:#33352D;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
}

.cm-app[data-page="cm-marketing-profile"] .btn.primary{
  background:#C3E366;
  border-color:#C3E366;
}

.cm-app[data-page="cm-marketing-profile"] .btn.icon .mi,
.cm-marketing-profile-modal .mi{
  font-family:"Material Symbols Outlined";
  font-size:18px;
  line-height:1;
}

.cm-app[data-page="cm-marketing-profile"] .btn.mini-outline{
  min-width:auto;
  height:28px;
  min-height:28px;
  padding:6px 16px;
  border-color:#C3E366;
  background:rgba(255,255,255,.4);
  color:#BDBDBD;
  font-size:12px;
  font-weight:700;
}

#mp-active-badge{
  width:28px;
  min-width:28px;
  padding:0;
}

#mp-open-active{
  width:112px;
  min-width:112px;
}

.cm-marketing-profile-filters{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}

.cm-marketing-profile-filters .sel{
  width:132px;
  min-width:132px;
}

.cm-marketing-profile-table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  background:#fff;
}

.cm-marketing-profile-table th,
.cm-marketing-profile-table td{
  padding:12px 12px;
  border:1px solid #ECEEDF;
  vertical-align:middle;
  background:#fff;
}

.cm-marketing-profile-table th{
  background:#FBFCF7;
  color:#92AD44;
  font-family:"Mulish", sans-serif;
  font-size:14px;
  font-weight:700;
  line-height:1;
  letter-spacing:0;
  text-align:left;
}

.cm-marketing-profile-table td{
  color:#33352D;
  font-family:"Mulish", sans-serif;
  font-size:12px;
  font-weight:500;
  line-height:1.25;
  letter-spacing:0;
}

.cm-marketing-profile-versions th:nth-child(1),
.cm-marketing-profile-versions td:nth-child(1){
  width:44px;
  text-align:center;
}

.cm-marketing-profile-versions th:nth-child(2),
.cm-marketing-profile-versions td:nth-child(2){
  width:112px;
}

.cm-marketing-profile-versions th:nth-child(3),
.cm-marketing-profile-versions td:nth-child(3){
  width:114px;
}

.cm-marketing-profile-versions th:nth-child(4),
.cm-marketing-profile-versions td:nth-child(4){
  width:88px;
}

.cm-marketing-profile-versions th:nth-child(5),
.cm-marketing-profile-versions td:nth-child(5){
  width:104px;
}

.cm-marketing-profile-questions th:nth-child(1),
.cm-marketing-profile-questions td:nth-child(1){
  width:86px;
}

.cm-marketing-profile-questions th:nth-child(2),
.cm-marketing-profile-questions td:nth-child(2){
  width:72px;
}

.cm-marketing-profile-questions th:nth-child(3),
.cm-marketing-profile-questions td:nth-child(3){
  width:108px;
}

.cm-marketing-profile-questions th:nth-child(5),
.cm-marketing-profile-questions td:nth-child(5){
  width:116px;
  text-align:right;
}

.cm-marketing-profile-table .actions{
  text-align:right;
}

.cm-app[data-page="cm-marketing-profile"] .btn.btn-open,
.cm-app[data-page="cm-marketing-profile"] .btn.btn-open-profile{
  min-width:96px;
  height:28px;
  min-height:28px;
  padding:6px 16px;
  border-color:#C3E366;
  background:rgba(255,255,255,.4);
  color:#BDBDBD;
  font-size:12px;
  font-weight:700;
}

.cm-marketing-profile-checkbox{
  width:20px;
  height:20px;
  margin:0;
  border:1px solid #BAD95E;
  border-radius:4px;
  appearance:none;
  background:#fff;
  position:relative;
}

.cm-marketing-profile-checkbox:checked::after{
  content:"";
  position:absolute;
  left:5px;
  top:1px;
  width:6px;
  height:12px;
  border-right:2px solid #BAD95E;
  border-bottom:2px solid #BAD95E;
  transform:rotate(45deg);
}

.cm-marketing-profile-modal{
  position:fixed;
  inset:0;
  display:none;
  z-index:60;
}

.cm-marketing-profile-modal.is-open{
  display:block;
}

.cm-marketing-profile-modal .backdrop{
  position:absolute;
  inset:0;
  background:rgba(137,149,104,.18);
  backdrop-filter:blur(1px);
}

.cm-marketing-profile-modal .dialog{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:min(760px, 94vw);
  max-height:88vh;
  overflow:auto;
  background:#fff;
  border:1px solid #E6EBD7;
  border-radius:8px;
  box-shadow:0 12px 30px rgba(99,111,72,.10);
}

#dlg-question .dialog{
  width:min(760px, 94vw);
  min-height:560px;
}

#dlg-profile .dialog{
  width:min(860px, 94vw);
  min-height:520px;
}

.cm-marketing-profile-modal header,
.cm-marketing-profile-modal footer{
  background:#fff;
}

.cm-marketing-profile-modal header{
  border-bottom:1px solid #EFF3E7;
}

.cm-marketing-profile-modal footer{
  border-top:1px solid #EFF3E7;
}

.cm-marketing-profile-modal .head,
.cm-marketing-profile-modal .foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:16px 18px;
}

#dlg-question .head{
  padding:18px 18px 16px;
}

#dlg-profile .head{
  padding:18px 18px 16px;
}

.cm-marketing-profile-modal .head h3{
  margin:0;
  color:#33352D;
  font-family:"Mulish", sans-serif;
  font-size:14px;
  font-weight:700;
  line-height:1;
  letter-spacing:0;
}

.cm-marketing-profile-modal .body{
  padding:16px 18px 18px;
  display:grid;
  gap:12px;
}

#dlg-question .body{
  padding:16px 18px 18px;
  gap:0;
}

#dlg-profile .body{
  gap:18px;
}

.cm-marketing-profile-modal .grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px 10px;
}

#dlg-profile .grid{
  grid-template-columns:1fr;
  gap:12px;
}

#dlg-profile .grid .field:first-child{
  max-width:142px;
}

#dlg-profile .grid .field:last-child{
  margin-top:-2px;
}

.cm-marketing-profile-modal .field{
  display:grid;
  gap:6px;
  min-width:0;
}

.cm-marketing-profile-modal .field label,
.cm-marketing-profile-modal .hint,
.cm-marketing-profile-modal .switch{
  color:#818181;
  font-family:"Mulish", sans-serif;
  font-size:12px;
  font-weight:500;
  line-height:1.2;
  letter-spacing:0;
}

.cm-marketing-profile-modal .field label{
  color:#565A48;
  font-size:11px;
  font-weight:600;
  line-height:1;
}

.cm-marketing-profile-modal .switch{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:36px;
}

.cm-marketing-profile-modal .switch input{
  width:20px;
  height:20px;
  margin:0;
  border:1px solid #BAD95E;
  border-radius:4px;
  appearance:none;
  background:#fff;
  position:relative;
}

.cm-marketing-profile-modal .switch input:checked::after{
  content:"";
  position:absolute;
  left:5px;
  top:1px;
  width:6px;
  height:12px;
  border-right:2px solid #BAD95E;
  border-bottom:2px solid #BAD95E;
  transform:rotate(45deg);
}

.cm-marketing-profile-modal .section{
  border:none;
  padding:0;
}

#dlg-profile .section{
  margin-top:2px;
}

.cm-marketing-profile-modal .xbtn{
  width:24px;
  min-width:24px;
  height:24px;
  padding:0;
  border:1px solid #E9EEDC;
  border-radius:4px;
  background:#fff;
  color:#8A9075;
  cursor:pointer;
}

.cm-marketing-profile-modal .foot{
  justify-content:flex-end;
}

#dlg-question .foot{
  padding:14px 18px 16px;
}

#dlg-profile .foot{
  padding:14px 18px 16px;
}

.cm-marketing-profile-modal .foot .btn{
  width:140px;
  min-width:140px;
  height:36px;
  min-height:36px;
}

#dlg-profile .foot .btn.primary{
  width:154px;
  min-width:154px;
}

.cm-marketing-profile-modal .foot .btn.primary{
  background:#C3E366;
  border-color:#C3E366;
}

.cm-marketing-profile-modal .ans-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}

.cm-marketing-profile-modal .ans-head strong,
.cm-marketing-profile-modal .cm-marketing-profile-modal-subtitle{
  color:#33352D;
  font-family:"Mulish", sans-serif;
  font-size:14px;
  font-weight:700;
  line-height:1;
  letter-spacing:0;
}

.cm-marketing-profile-modal .cm-marketing-profile-modal-subtitle{
  margin-bottom:8px;
}

.cm-marketing-profile-modal .ans-actions .btn{
  min-width:138px;
  height:36px;
}

.cm-marketing-profile-modal .ans-table,
.cm-marketing-profile-modal .p-table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
}

#dlg-profile .p-table th:nth-child(1),
#dlg-profile .p-table td:nth-child(1){
  text-align:center;
}

#dlg-profile .p-table th:nth-child(2),
#dlg-profile .p-table td:nth-child(2){
  width:138px !important;
}

#dlg-profile .p-table th:nth-child(3),
#dlg-profile .p-table td:nth-child(3){
  width:220px !important;
}

#dlg-profile .p-table th:nth-child(4),
#dlg-profile .p-table td:nth-child(4){
  width:auto !important;
}

.cm-marketing-profile-modal .ans-table th,
.cm-marketing-profile-modal .ans-table td,
.cm-marketing-profile-modal .p-table th,
.cm-marketing-profile-modal .p-table td{
  padding:10px 10px;
  border:1px solid #ECEEDF;
  background:#fff;
  vertical-align:middle;
}

#dlg-profile .p-table th{
  padding:12px 10px;
}

#dlg-profile .p-table td{
  padding:10px 10px;
}

.cm-marketing-profile-modal .ans-table th,
.cm-marketing-profile-modal .p-table th{
  background:#FBFCF7;
  color:#92AD44;
  font-family:"Mulish", sans-serif;
  font-size:14px;
  font-weight:700;
  line-height:1;
  letter-spacing:0;
  text-align:left;
}

.cm-marketing-profile-modal .ans-table td,
.cm-marketing-profile-modal .p-table td{
  color:#33352D;
  font-family:"Mulish", sans-serif;
  font-size:12px;
  font-weight:500;
  line-height:1.25;
  letter-spacing:0;
}

.cm-marketing-profile-modal .p-order{
  display:flex;
  align-items:center;
  gap:6px;
}

.cm-marketing-profile-modal .p-order .ord{
  width:52px;
  text-align:center;
}

.cm-marketing-profile-modal .prev-input{
  width:100%;
}

.cm-marketing-profile-modal em.hint{
  color:#BDBDBD;
}

.mp-question-dialog{
  top:50%;
}

.mp-question-body{
  display:flex;
  flex-direction:column;
  gap:0;
}

.mp-question-section{
  margin-bottom:14px;
}

.mp-question-row{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  column-gap:10px;
}

.mp-question-row-top{
  margin-bottom:6px;
}

.mp-question-row-middle{
  margin-bottom:8px;
}

.mp-question-row-bottom{
  align-items:end;
  margin-bottom:14px;
}

.mp-question-field{
  display:grid;
  gap:6px;
  min-width:0;
}

.mp-question-field input,
.mp-question-field select{
  width:100%;
}

.mp-question-field-type{
  max-width:318px;
}

.mp-question-field-required{
  display:flex;
  align-items:flex-end;
  padding-bottom:2px;
}

.mp-question-switch{
  min-height:36px;
}

.mp-question-text-hint{
  margin-top:6px;
}

.mp-question-code-hint{
  max-width:318px;
  line-height:1.2;
}

.mp-question-options{
  margin-top:4px;
}

.mp-question-options-head{
  margin-bottom:12px;
}

#dlg-question .ans-actions .btn{
  width:138px;
  min-width:138px;
  height:36px;
  min-height:36px;
}

.mp-question-options-table th:nth-child(1),
.mp-question-options-table td:nth-child(1){
  width:160px;
}

.mp-question-options-table th:nth-child(2),
.mp-question-options-table td:nth-child(2){
  width:160px;
}

.mp-question-options-table th:nth-child(3),
.mp-question-options-table td:nth-child(3){
  width:auto;
}

.mp-question-options-table th:nth-child(4),
.mp-question-options-table td:nth-child(4){
  width:56px;
}

.mp-question-options-table th{
  padding:10px 10px;
}

.mp-question-options-table td{
  padding:10px 10px;
}

.mp-question-options-hint{
  margin-top:8px;
}

.mp-question-foot{
  justify-content:flex-end;
}

#dlg-question .foot .btn.primary{
  width:126px;
  min-width:126px;
}

#dlg-question .foot .btn:not(.primary){
  width:126px;
  min-width:126px;
}

@media (max-width: 1100px){
  .cm-marketing-profile-page{
    grid-template-columns:1fr;
  }

  .cm-marketing-profile-panel{
    width:auto;
  }
}

@media (max-width: 720px){
  .cm-marketing-profile-root{
    max-width:none;
  }

  .cm-marketing-profile-page,
  .cm-marketing-profile-panel{
    width:100%;
    min-width:0;
  }

  .cm-marketing-profile-panel{
    padding:14px;
    min-height:0;
  }

  .cm-marketing-profile-head{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:start;
    gap:14px;
    margin-bottom:14px;
  }

  .cm-marketing-profile-title{
    line-height:1.1;
  }

  .cm-marketing-profile-head .btn.primary{
    width:166px;
    min-width:166px;
    justify-self:end;
  }

  .cm-marketing-profile-active{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:center;
    gap:10px;
    margin-bottom:16px;
  }

  .cm-marketing-profile-active-meta{
    font-size:14px;
    line-height:1.3;
  }

  .cm-marketing-profile-active-actions{
    justify-self:end;
    gap:10px;
  }

  .cm-marketing-profile-filters{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
    margin-bottom:14px;
  }

  .cm-marketing-profile-filters .sel{
    width:100%;
    min-width:0;
  }

  .cm-app[data-page="cm-marketing-profile"] .btn{
    min-width:0;
  }

  .cm-marketing-profile-versions{
    min-width:448px;
  }

  .cm-marketing-profile-questions{
    min-width:560px;
  }

  .cm-marketing-profile-modal .dialog{
    width:min(96vw, 502px);
    top:72px;
    transform:translateX(-50%);
    max-height:calc(100vh - 88px);
  }

  #dlg-question .dialog,
  #dlg-profile .dialog{
    width:min(96vw, 502px);
    min-height:0;
  }

  .cm-marketing-profile-modal .body,
  .cm-marketing-profile-modal .head,
  .cm-marketing-profile-modal .foot{
    padding-left:14px;
    padding-right:14px;
  }

  .cm-marketing-profile-modal .body{
    gap:14px;
  }

  .cm-marketing-profile-modal .grid{
    grid-template-columns:1fr;
  }

  .cm-marketing-profile-modal .foot{
    justify-content:space-between;
  }

  .cm-marketing-profile-modal .foot .btn{
    width:calc(50% - 5px);
    min-width:0;
  }

  #dlg-profile .foot .btn.primary,
  #dlg-question .foot .btn.primary,
  #dlg-question .foot .btn:not(.primary){
    width:calc(50% - 5px);
    min-width:0;
  }

  .cm-marketing-profile-modal-table-wrap{
    overflow-x:auto;
    overflow-y:hidden;
  }

  #dlg-profile .p-table{
    min-width:450px;
  }

  #dlg-question .ans-table{
    min-width:560px;
  }

  #dlg-profile .p-table th:nth-child(4),
  #dlg-profile .p-table td:nth-child(4){
    display:none;
  }

  .mp-question-row{
    grid-template-columns:1fr;
    row-gap:10px;
  }

  .mp-question-row-top,
  .mp-question-row-middle,
  .mp-question-row-bottom{
    margin-bottom:10px;
  }

  .mp-question-row-bottom{
    align-items:stretch;
  }

  .mp-question-field-type,
  .mp-question-code-hint{
    max-width:none;
  }

  .mp-question-field-required{
    padding-bottom:0;
  }

  .mp-question-options-head{
    display:grid;
    grid-template-columns:minmax(0, 1fr) auto;
    align-items:center;
    gap:10px;
  }

  #dlg-question .ans-actions .btn{
    width:176px;
    min-width:176px;
  }

  .mp-question-foot{
    justify-content:space-between;
  }
}

@media (max-width: 350px){
  .cm-marketing-profile-panel{
    padding:12px;
  }

  .cm-marketing-profile-head{
    grid-template-columns:1fr;
  }

  .cm-marketing-profile-head .btn.primary{
    width:100%;
    justify-self:stretch;
  }

  .cm-marketing-profile-active{
    grid-template-columns:1fr;
    align-items:start;
  }

  .cm-marketing-profile-active-actions{
    justify-self:start;
  }

  .cm-marketing-profile-filters{
    grid-template-columns:1fr;
  }

  .cm-marketing-profile-versions{
    min-width:448px;
  }

  .cm-marketing-profile-questions{
    min-width:560px;
  }

  .cm-marketing-profile-modal .foot{
    flex-wrap:wrap;
    gap:10px;
  }

  .cm-marketing-profile-modal .foot .btn,
  #dlg-profile .foot .btn.primary,
  #dlg-question .foot .btn.primary,
  #dlg-question .foot .btn:not(.primary){
    width:100%;
  }
}