/* fastwork-v16911-offer-instruction-editor */
.fw-admin-instruction-image-v1557{
  display:none!important;
}
.fw-admin-stage-block-v1662.stage-3{
  gap:18px!important;
}
.fw-admin-stage-block-v1662.stage-3 > .fw-admin-field:has(textarea[data-fw-v16911-instruction-source]){
  display:grid!important;
  gap:10px!important;
  padding:16px!important;
  border:1px solid #dce7e1!important;
  border-radius:18px!important;
  background:#f7faf8!important;
}
.fw-admin-stage-block-v1662.stage-3 > .fw-admin-field:has(textarea[data-fw-v16911-instruction-source]) > span{
  color:#17211b!important;
  font-size:17px!important;
  font-weight:800!important;
}
textarea[data-fw-v16911-instruction-source]{
  min-height:240px!important;
  resize:vertical!important;
  padding:15px!important;
  border:1px solid #cadbd1!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#17211b!important;
  font:500 14px/1.65 Inter,Manrope,system-ui,sans-serif!important;
  white-space:pre-wrap!important;
  tab-size:2!important;
}
textarea[data-fw-v16911-instruction-source]:focus{
  border-color:#00c96b!important;
  box-shadow:0 0 0 3px rgba(0,201,107,.13)!important;
  outline:none!important;
}
.fw-v16911-instruction-toolbar{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
}
.fw-v16911-instruction-toolbar button,
.fw-v16911-instruction-toolbar label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:38px!important;
  padding:0 13px!important;
  border:1px solid #cfe0d6!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#087347!important;
  font-size:13px!important;
  font-weight:760!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.fw-v16911-instruction-toolbar button:hover,
.fw-v16911-instruction-toolbar label:hover{
  border-color:#8fd5af!important;
  background:#eff9f4!important;
}
.fw-v16911-instruction-toolbar button.primary{
  border-color:#00d97b!important;
  background:#00e783!important;
  color:#fff!important;
}
.fw-v16911-instruction-toolbar button.primary:hover{
  background:#00d97b!important;
}
.fw-v16911-instruction-toolbar input[type=file]{
  display:none!important;
}
.fw-v16911-instruction-status{
  min-height:18px!important;
  margin-left:auto!important;
  color:#607068!important;
  font-size:12px!important;
}
.fw-v16911-instruction-status.error{
  color:#b42318!important;
}
.fw-v16911-instruction-help{
  margin:0!important;
  color:#6d7c74!important;
  font-size:12px!important;
  line-height:1.5!important;
}
.fw-v16911-instruction-preview{
  display:grid!important;
  gap:8px!important;
  padding:15px!important;
  border:1px solid #dce7e1!important;
  border-radius:15px!important;
  background:#fff!important;
}
.fw-v16911-instruction-preview::before{
  content:"Предпросмотр инструкции";
  display:block;
  margin-bottom:3px;
  color:#17211b;
  font-size:13px;
  font-weight:800;
}
.fw-v16911-instruction-preview.empty::after{
  content:"Добавьте текст, шаги и скриншоты — они появятся здесь в том же порядке.";
  color:#7a8981;
  font-size:13px;
  line-height:1.5;
}
.fw-v16911-instruction-preview p{
  margin:0!important;
  color:#435148!important;
  font-size:14px!important;
  line-height:1.6!important;
  white-space:pre-wrap!important;
}
.fw-v16911-instruction-preview .step{
  display:inline-flex!important;
  justify-self:start!important;
  align-items:center!important;
  min-height:26px!important;
  padding:0 10px!important;
  margin-top:5px!important;
  border-radius:999px!important;
  background:#eaf8f1!important;
  color:#087347!important;
  font-size:12px!important;
  font-weight:850!important;
}
.fw-v16911-instruction-preview figure{
  position:relative!important;
  display:grid!important;
  gap:7px!important;
  width:min(100%,420px)!important;
  margin:3px 0 7px!important;
  padding:9px!important;
  border:1px solid #d4e5dc!important;
  border-radius:14px!important;
  background:#f8fbf9!important;
}
.fw-v16911-instruction-preview figure img{
  display:block!important;
  width:100%!important;
  max-height:290px!important;
  object-fit:contain!important;
  border-radius:10px!important;
  background:#eef3f0!important;
}
.fw-v16911-instruction-preview figure figcaption{
  color:#617068!important;
  font-size:12px!important;
}
.fw-v16911-instruction-preview figure button{
  position:absolute!important;
  top:15px!important;
  right:15px!important;
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  padding:0!important;
  border:1px solid #d4dfd9!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#6d7a73!important;
  font-size:18px!important;
  cursor:pointer!important;
  box-shadow:0 5px 16px rgba(16,32,23,.12)!important;
}
.fw-admin-instruction-steps-head-v1557 h4{
  color:#17211b!important;
}
.fw-admin-instruction-steps-head-v1557 p{
  color:#6b7a72!important;
}
.fw-admin-instruction-step-v1557{
  border:1px solid #dce7e1!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(16,32,23,.04)!important;
}
.fw-admin-instruction-step-number-v1557{
  background:#eaf8f1!important;
  color:#087347!important;
}
.fw-admin-instruction-step-fields-v1557 .fw-admin-field:has(textarea[placeholder*="Короткая памятка"]){
  display:none!important;
}