/* KN_PARAMS_1131 */

.kn1131-legacy-hidden {
 display:none!important;
}

.kn1131-step {
 margin:20px 0;
 padding:20px;
 border:1px solid #c9a36a;
 border-radius:17px;
 background:linear-gradient(135deg,#193d41,#10282e);
 color:#f8f6ec;
 min-width:0;
}

.kn1131-step[hidden] {
 display:none!important;
}

.kn1131-head {
 display:flex;
 align-items:flex-start;
 gap:13px;
 margin-bottom:17px;
}

.kn1131-number {
 display:grid;
 place-items:center;
 flex:0 0 36px;
 width:36px;
 height:36px;
 border-radius:10px;
 background:#e9c487;
 color:#173036;
 font-size:20px;
 font-weight:900;
}

.kn1131-head h3 {
 margin:0 0 6px;
 color:#fff;
 font-size:21px;
}

.kn1131-head p,
.kn1131-note {
 margin:0;
 color:#bed1ca;
 font-size:13px;
 line-height:1.55;
}

.kn1131-rows {
 display:grid;
 gap:11px;
}

.kn1131-row {
 display:grid;
 grid-template-columns:
  minmax(0,2fr)
  minmax(95px,.9fr)
  minmax(85px,.8fr)
  auto;
 gap:10px;
 align-items:end;
 padding:12px;
 border:1px solid #52736d;
 border-radius:12px;
 background:#0b2429;
}

.kn1131-row label {
 display:grid;
 gap:7px;
 min-width:0;
 font-weight:800;
 font-size:12px;
 color:#e8d4aa;
}

.kn1131-row input,
.kn1131-row select {
 display:block;
 width:100%;
 min-width:0;
 min-height:43px;
 box-sizing:border-box;
 border:1px solid #68857e!important;
 border-radius:9px;
 background:#0b2227!important;
 color:#fff!important;
 padding:8px 10px;
 font-size:14px;
}

.kn1131-row select {
 cursor:pointer;
}

.kn1131-search {
 margin-bottom:6px;
}

.kn1131-delete,
.kn1131-add {
 min-height:43px;
 border:1px solid #bc9b68;
 border-radius:10px;
 padding:9px 13px;
 background:#244348;
 color:#efcd90;
 font-weight:800;
 cursor:pointer;
}

.kn1131-delete {
 border-color:#a97a72;
 color:#edb5ad;
}

.kn1131-add {
 margin:14px 0 8px;
}

.kn1131-label {
 font-size:15px;
 font-weight:900;
 color:#efcb89;
 margin:16px 0 11px;
}

@media(max-width:680px) {
 .kn1131-step {
  padding:14px;
 }

 .kn1131-row {
  grid-template-columns:
   minmax(0,1fr)
   minmax(90px,.7fr);
 }

 .kn1131-row label:first-child {
  grid-column:1/-1;
 }

 .kn1131-delete {
  grid-column:1/-1;
 }

 .kn1131-head h3 {
  font-size:19px;
 }
}