/* =========================================================
   GIGZAKAZ — карточка сделки в кабинете, единый слой (пакет 18)
   ---------------------------------------------------------
   Собран дословно из трёх файлов, которые описывали карточку сделки
   и грузились только в кабинете:
     1. deal-composition-2212.css
     2. compact-deal-ui-22134.css
     3. deal-process-22143.css

   Порядок сохранён. Ни одно правило не изменено — сверка действующих
   значений до и после дала ноль расхождений.

   Правило на будущее: карточку сделки правим ЗДЕСЬ. Новый файл
   поверх этого заводить нельзя — именно так и появились три.
   ========================================================= */


/* ---------- было: deal-composition-2212.css ---------- */
/* GIGZAKAZ 2.21.2 — компактный состав исполнения */
.modal-deal-composition{max-width:980px;width:min(980px,calc(100vw - 32px))}
.deal-composition-intro{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1px solid #b9d7d2;border-radius:18px;background:#eef9f6;margin-bottom:14px}
.deal-composition-intro>i{font-size:25px;color:#009c77;margin-top:2px}.deal-composition-intro strong{display:block;font-size:18px;color:#0a2b25}.deal-composition-intro p{margin:4px 0 0;color:#607873;line-height:1.4}
.deal-composition-section{border:1px solid #bfd5d1;border-radius:18px;padding:14px;margin-top:12px;background:#fbfaf6}.deal-composition-section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.deal-composition-section-head>div{display:flex;gap:9px;align-items:center}.deal-composition-section-head small{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#55cfc6;color:#073a33;font-weight:800}.deal-composition-section-head strong{font-size:18px;color:#0a2b25}
.deal-composition-options{display:grid;gap:9px}.deal-composition-option{position:relative;display:grid;grid-template-columns:auto auto 1fr auto;gap:11px;align-items:center;padding:12px;border:1px solid #d3e1de;border-radius:14px;background:#fff;cursor:pointer}.deal-composition-option:hover{border-color:#55cfc6}.deal-composition-option.is-selected{border-color:#00a77d;box-shadow:inset 0 0 0 1px #00a77d}.deal-composition-option.is-blocked{opacity:.68;cursor:not-allowed}.deal-composition-option input{width:18px;height:18px;accent-color:#00a77d}.deal-composition-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#dff6f0;color:#008c6c;font-size:20px}.deal-composition-copy{min-width:0}.deal-composition-copy strong{display:block;color:#0a2b25}.deal-composition-copy small{display:block;color:#71847f;margin-top:2px}.deal-composition-copy em{display:block;color:#826a28;font-style:normal;font-size:12px;margin-top:4px}.deal-composition-copy em.is-critical{color:#a83b31}.deal-composition-copy em.is-ok{color:#0b8c66}.deal-composition-check{opacity:0;color:#00a77d;font-size:20px}.deal-composition-option.is-selected .deal-composition-check{opacity:1}
.deal-composition-selected{display:grid;gap:9px}.deal-composition-selected-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px 15px;border:1px solid #c9ded9;border-radius:15px;background:#fff}.deal-composition-selected-card small{display:block;color:#71847f}.deal-composition-selected-card strong{display:block;color:#0a2b25;font-size:16px}.deal-composition-selected-card p{margin:2px 0 0;color:#607873}.deal-composition-state{font-size:12px;font-weight:800;border-radius:999px;padding:6px 9px;background:#e5f7f1;color:#08795c}.deal-composition-state.is-bad{background:#fff0ed;color:#a83b31}
.deal-composition-alert,.deal-composition-ready,.deal-composition-privacy{margin-top:12px;border-radius:14px;padding:12px 14px;border:1px solid #d0dfdc;background:#fff}.deal-composition-alert summary{cursor:pointer;font-weight:800;color:#735e25}.deal-composition-alert span{display:block;margin-top:6px;color:#665f4e}.deal-composition-alert.is-critical{border-color:#efc8c1;background:#fff5f2}.deal-composition-alert.is-critical strong{color:#a83b31;display:block}.deal-composition-ready{display:flex;align-items:center;gap:9px;color:#08795c;background:#eef9f6}.deal-composition-privacy{display:flex;gap:9px;align-items:flex-start;color:#607873;background:#f7f5ee}.deal-composition-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px;flex-wrap:wrap}.deal-doc-composition-callout{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid #a8d9d0;background:#eef9f6;border-radius:16px;padding:13px 15px;margin-bottom:12px}.deal-doc-composition-callout>div{display:flex;gap:10px;align-items:flex-start}.deal-doc-composition-callout i{font-size:22px;color:#008e6c}.deal-doc-composition-callout strong,.deal-doc-composition-callout small{display:block}.deal-doc-composition-callout small{color:#667d78;margin-top:3px;line-height:1.35}
.deal-composition-inline{border:1px solid #9fd6cc;background:#eef9f6;border-radius:14px;padding:12px;margin-bottom:10px}.deal-composition-inline-grid{display:grid;grid-template-columns:1.35fr .8fr 1fr .8fr;gap:9px}.deal-composition-inline-grid label,.deal-composition-note,.deal-composition-review label{display:grid;gap:5px;color:#536f69;font-size:13px}.deal-composition-inline-file{grid-column:1/-1}.deal-composition-inline-file input{background:#fff;border:1px dashed #9ebdb7;border-radius:10px;padding:9px}.deal-composition-inline-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.deal-composition-inline-actions>span{font-size:12px;color:#607873}.deal-composition-note{margin-top:12px}.deal-composition-review{margin-top:12px;border:1px solid #9fd6cc;border-radius:15px;background:#eef9f6;padding:13px}.deal-composition-review>div{display:flex;gap:9px;justify-content:flex-end;margin-top:10px}.deal-composition-docs{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.deal-composition-docs button{border:1px solid #b9d7d2;background:#eef9f6;color:#08795c;border-radius:999px;padding:5px 8px;font:inherit;font-size:12px;cursor:pointer}.deal-composition-docs button i{margin-right:4px}
@media(max-width:700px){.modal-deal-composition{width:calc(100vw - 12px)}.deal-composition-section-head{align-items:flex-start;flex-direction:column}.deal-composition-option{grid-template-columns:auto 1fr auto}.deal-composition-option input{grid-row:1/3}.deal-composition-icon{display:none}.deal-composition-selected-card{grid-template-columns:auto 1fr}.deal-composition-state{grid-column:2}.deal-doc-composition-callout{align-items:stretch;flex-direction:column}.deal-doc-composition-callout .btn{width:100%}.deal-composition-actions .btn,.deal-composition-review .btn{flex:1 1 100%}.deal-composition-inline-grid{grid-template-columns:1fr}.deal-composition-inline-actions,.deal-composition-review>div{align-items:stretch;flex-direction:column}}

/* ---------- было: compact-deal-ui-22134.css ---------- */
/* GIGZAKAZ 2.21.4 — компактные сделки и канонические роли */

.deal-role-policy{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:10px 12px;
  border:1px solid var(--line,#c8d9d3);
  border-radius:11px;
  background:var(--mint-soft,#eefaf7);
}
.deal-role-policy>i{
  margin-top:1px;
  color:var(--green,#009b68);
  font-size:20px;
}
.deal-role-policy strong,
.deal-role-policy span{
  display:block;
}
.deal-role-policy strong{
  font-size:13px;
  line-height:17px;
}
.deal-role-policy span{
  margin-top:2px;
  color:var(--muted,#647b73);
  font-size:11px;
  line-height:15px;
}

/* Карточка сделки: четыре этапа, одно следующее действие и SLA без лишней высоты. */
.cab-view[data-view="deals"] .deal-row-active{
  box-shadow:none!important;
}
.cab-view[data-view="deals"] .deal-next-task{
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:6px!important;
}
.cab-view[data-view="deals"] .deal-next-task span{
  font-size:11px!important;
  line-height:13px!important;
}
.cab-view[data-view="deals"] .deal-next-task strong{
  font-size:11px!important;
  line-height:13px!important;
}
.cab-view[data-view="deals"] .deal-btns-minimal .btn{
  font-size:11px!important;
}
.cab-view[data-view="deals"] .deal-btns-minimal .btn i{
  font-size:13px!important;
}
.cab-view[data-view="deals"] .deal-sla-summary .traffic{
  gap:5px!important;
  font-size:11px!important;
  line-height:13px!important;
}
.cab-view[data-view="deals"] .deal-sla-summary .dot{
  width:8px!important;
  height:8px!important;
}
.cab-view[data-view="deals"] .deal-list-deadline,
.cab-view[data-view="deals"] .deal-task-count{
  font-size:11px!important;
  line-height:12px!important;
}
.cab-view[data-view="deals"] .deal-closed-summary{
  margin-top:5px!important;
  font-size:11px!important;
}

/* Состояние ожидания больше не маскируется под неработающую кнопку. */
.cab-view[data-view="deals"] .deal-row-active .deal-next-task span:first-child{
  white-space:normal;
}

/* Чат сделки — рабочее окно, а не полноэкранная пустая поверхность. */
.cab-body .modal.modal-deal-chat{
  display:flex!important;
  width:min(720px,calc(100vw - 28px))!important;
  max-width:720px!important;
  max-height:min(560px,calc(100dvh - 28px))!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.modal-deal-chat .modal-head{
  padding:11px 14px!important;
}
.modal-deal-chat .modal-title{
  font-size:17px!important;
  line-height:21px!important;
}
.modal-deal-chat .modal-body{
  display:flex!important;
  min-height:0!important;
  padding:10px 12px!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
}
.modal-deal-chat .chat-box{
  min-height:150px!important;
  max-height:min(350px,52dvh)!important;
  gap:7px!important;
  padding:3px 1px 7px!important;
}
.modal-deal-chat .chat-msg{
  padding:7px 9px!important;
  border-radius:11px!important;
  font-size:13px!important;
}
.modal-deal-chat .chat-input-row{
  gap:6px!important;
  margin-top:8px!important;
}
.modal-deal-chat .chat-input-row .field-dark,
.modal-deal-chat .chat-input-row .btn{
  min-height:38px!important;
  height:38px!important;
}

/* Состав исполнения: компактно в обычном режиме и ещё уже в режиме ожидания. */
.cab-body .modal.modal-deal-composition{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.modal-deal-composition .modal-body{
  min-height:0!important;
  overflow-y:auto!important;
}
.modal-deal-composition .modal-foot .btn{
  min-height:34px!important;
  padding:6px 12px!important;
}
.modal-deal-composition .deal-composition-intro{
  margin-bottom:9px!important;
}
.modal-deal-composition .deal-composition-intro p{
  margin-top:2px!important;
}
.cab-body .modal.modal-deal-composition.is-compact-wait{
  width:min(620px,calc(100vw - 28px))!important;
  max-width:620px!important;
}
.modal-deal-composition.is-compact-wait .deal-composition-intro{
  margin:0!important;
}

/* Центр событий: больше строк видно без растягивания окна. */
.cab-body .modal.modal-event-center{
  display:flex!important;
  width:min(720px,calc(100vw - 28px))!important;
  max-width:720px!important;
  max-height:min(680px,calc(100dvh - 28px))!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.modal-event-center .modal-head{
  padding:10px 14px!important;
}
.modal-event-center .modal-title{
  font-size:17px!important;
}
.modal-event-center .market-create-caption{
  font-size:11px!important;
}
.modal-event-center .notif-toolbar{
  padding:6px 12px!important;
}
.modal-event-center .notif-filter{
  padding:5px 9px!important;
  font-size:11px!important;
}
.modal-event-center .modal-body{
  min-height:0!important;
  max-height:none!important;
  padding:0 12px!important;
  flex:1 1 auto!important;
  overflow-y:auto!important;
}
.modal-event-center .notif-row{
  gap:6px!important;
  padding:6px 2px!important;
}
.modal-event-center .notif-text{
  font-size:11.5px!important;
  line-height:15px!important;
}
.modal-event-center .notif-time{
  font-size:11px!important;
}
.modal-event-center .modal-foot{
  padding:7px 12px!important;
}
.modal-event-center .modal-foot .btn{
  min-height:33px!important;
  padding:5px 10px!important;
  font-size:11px!important;
}

@media(max-width:1100px){
  .cab-view[data-view="deals"] .deal-sla-summary{
    display:flex!important;
    padding:5px 7px!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
  }
}

@media(max-width:700px){
  .cab-view[data-view="deals"] .deal-row-active,
  .cab-view[data-view="deals"] .deal-row-closed{
    padding:8px!important;
  }
  .cab-view[data-view="deals"] .deal-progress{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .cab-view[data-view="deals"] .deal-progress-step{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .cab-view[data-view="deals"] .deal-next-task{
    grid-template-columns:1fr!important;
    gap:1px!important;
  }
  .cab-view[data-view="deals"] .deal-btns-minimal{
    display:flex!important;
    flex-wrap:wrap!important;
  }
  .cab-view[data-view="deals"] .deal-btns-minimal .btn{
    width:auto!important;
    flex:1 1 105px!important;
  }
  .cab-body .modal.modal-deal-chat,
  .cab-body .modal.modal-deal-composition,
  .cab-body .modal.modal-event-center{
    width:calc(100vw - 10px)!important;
    max-width:calc(100vw - 10px)!important;
    max-height:calc(100dvh - 10px)!important;
    border-radius:14px!important;
  }
  .modal-deal-chat .chat-input-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .modal-event-center .modal-foot{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .modal-event-center .modal-foot .btn{
    width:100%!important;
  }
}

@media(max-width:430px){
  .cab-view[data-view="deals"] .deal-progress-step i{
    display:none!important;
  }
  .cab-view[data-view="deals"] .deal-progress-step{
    font-size:11px!important;
  }
  .modal-deal-chat .chat-input-row{
    grid-template-columns:1fr!important;
  }
  .modal-event-center .modal-foot{
    grid-template-columns:1fr!important;
  }
}

/* ---------- было: deal-process-22143.css ---------- */
/* GIGZAKAZ 2.21.4.3 — компактный ролевой процесс заявки и сделки. */

/* Список сделок: максимум фактов на одной строке без потери читаемости. */
.cab-view[data-view="deals"] #deals-list{gap:5px!important;margin-top:8px!important}
.cab-view[data-view="deals"] .deal-row-active,
.cab-view[data-view="deals"] .deal-row-closed{
  padding:7px 9px!important;
  border-color:#b8d8d1!important;
  border-radius:10px!important;
  background:#fbf7ed!important;
}
.cab-view[data-view="deals"] .deal-row-active{grid-template-columns:minmax(0,1fr) 150px!important;gap:7px!important}
.cab-view[data-view="deals"] .deal-name{font-size:13px!important;line-height:15px!important}
.cab-view[data-view="deals"] .deal-sub{margin-top:1px!important;font-size:12px!important;line-height:15px!important}
.cab-view[data-view="deals"] .deal-progress{gap:3px!important;margin-top:5px!important}
.cab-view[data-view="deals"] .deal-progress-step{min-height:24px!important;padding:3px 5px!important;border-radius:6px!important;font-size:11.5px!important;line-height:14px!important}
.cab-view[data-view="deals"] .deal-next-task{min-height:25px!important;margin-top:5px!important;padding:4px 6px!important;border-radius:7px!important}
.cab-view[data-view="deals"] .deal-btns-minimal{gap:4px!important;margin-top:5px!important}
.cab-view[data-view="deals"] .deal-btns-minimal .btn{min-height:32px!important;height:32px!important;padding:4px 8px!important;border-radius:8px!important}
.cab-view[data-view="deals"] .deal-sla-summary{gap:2px!important;padding:6px 7px!important;border-radius:8px!important;background:#e9f7f3!important}

/* Подробная карточка: завершённые задачи живут в журнале, текущие — в одном компактном блоке. */
.cab-body .modal.modal-deal-card{width:min(860px,calc(100vw - 24px))!important;max-width:860px!important;max-height:calc(100dvh - 24px)!important;overflow:hidden!important}
.modal-deal-card .modal-head{padding:10px 13px!important}
.modal-deal-card .modal-body{padding:9px 11px!important;overflow-y:auto!important}
.modal-deal-card .modal-foot{padding:7px 11px!important;gap:6px!important}
.modal-deal-card .deal-card-hero{gap:10px!important;padding:10px 12px!important;border-radius:11px!important;background:#e9f7f3!important}
.modal-deal-card .deal-card-hero h3{margin:2px 0!important;font-size:17px!important;line-height:21px!important}
.modal-deal-card .deal-card-hero p{margin:2px 0 0!important;font-size:12.5px!important;line-height:16px!important}
.modal-deal-card .deal-card-sla{gap:2px!important;min-width:180px!important;padding:7px 9px!important;border-radius:9px!important;background:#fbf7ed!important}
.modal-deal-card .deal-card-grid{grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:7px!important}
.modal-deal-card .deal-card-section{margin-top:7px!important;padding:9px 10px!important;border-radius:10px!important;background:#fbf7ed!important}
.modal-deal-card .deal-card-grid .deal-card-section{margin-top:0!important}
.modal-deal-card .deal-card-section h4{margin:0 0 5px!important;font-size:13px!important;line-height:16px!important}
.modal-deal-card .deal-card-kv{min-height:25px!important;padding:3px 0!important;font-size:12px!important;line-height:16px!important}
.modal-deal-card .deal-task-row{gap:6px!important;min-height:38px!important;padding:5px 6px!important;border-radius:8px!important;background:#e9f7f3!important}
.modal-deal-card .deal-task-body strong{font-size:12.5px!important;line-height:16px!important}
.modal-deal-card .deal-task-body div,.modal-deal-card .deal-task-status{font-size:12px!important;line-height:15px!important}
.modal-deal-card .deal-history-all summary{padding:3px 0!important;font-size:12px!important}

/* Окно состава: плотная двухколоночная рабочая область. */
.cab-body .modal.modal-deal-composition{
  width:min(930px,calc(100vw - 24px))!important;
  max-width:930px!important;
  max-height:calc(100dvh - 24px)!important;
  border-radius:14px!important;
}
.modal-deal-composition .modal-head{padding:9px 12px!important;background:#fbf7ed!important}
.modal-deal-composition .modal-title{font-size:16px!important;line-height:20px!important}
.modal-deal-composition .modal-close{width:32px!important;height:32px!important}
.modal-deal-composition .modal-body{padding:8px 10px!important;background:#fbf7ed!important}
.modal-deal-composition .modal-foot{padding:6px 10px!important;background:#e9f7f3!important}
.modal-deal-composition .deal-composition-intro{
  gap:8px!important;
  margin:0 0 7px!important;
  padding:8px 10px!important;
  border-color:#acd6cd!important;
  border-radius:9px!important;
  background:#e9f7f3!important;
}
.modal-deal-composition .deal-composition-intro>i{margin-top:0!important;font-size:19px!important}
.modal-deal-composition .deal-composition-intro strong{font-size:14px!important;line-height:17px!important}
.modal-deal-composition .deal-composition-intro p{margin:1px 0 0!important;font-size:12px!important;line-height:15px!important}
.deal-composition-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-items:start}
.modal-deal-composition.is-inline-open .deal-composition-resource-grid{grid-template-columns:1fr}
.modal-deal-composition .deal-composition-section{
  min-width:0;
  margin:0!important;
  padding:8px!important;
  border-color:#b8d8d1!important;
  border-radius:10px!important;
  background:#fbf7ed!important;
}
.modal-deal-composition .deal-composition-section-head{min-height:30px;margin:0 0 6px!important}
.modal-deal-composition .deal-composition-section-head>div{gap:6px!important}
.modal-deal-composition .deal-composition-section-head small{width:24px!important;height:24px!important;font-size:12px!important;background:#64d4ca!important}
.modal-deal-composition .deal-composition-section-head strong{font-size:13px!important;line-height:16px!important}
.modal-deal-composition .deal-composition-section-head .btn{min-height:32px!important;height:32px!important;padding:4px 8px!important;font-size:12px!important}
.modal-deal-composition .deal-composition-options{gap:5px!important;max-height:240px;overflow-y:auto;overscroll-behavior:contain}
.deal-composition-object{
  position:relative;
  overflow:hidden;
  border:1px solid #c6ddd7;
  border-radius:9px;
  background:#f6f1e6;
}
.deal-composition-object.is-selected{border-color:#008f75;box-shadow:inset 0 0 0 1px #008f75}
.deal-composition-object.is-blocked{border-color:#d1b77e;background:#fbf2d9}
.modal-deal-composition .deal-composition-option{
  grid-template-columns:auto 30px minmax(0,1fr) auto!important;
  gap:6px!important;
  min-height:50px!important;
  padding:6px 7px 4px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.modal-deal-composition .deal-composition-option input{width:16px!important;height:16px!important}
.modal-deal-composition .deal-composition-icon{width:30px!important;height:30px!important;border-radius:8px!important;font-size:16px!important;background:#d9f1ec!important}
.modal-deal-composition .deal-composition-copy strong{font-size:12.5px!important;line-height:16px!important}
.modal-deal-composition .deal-composition-copy small{margin-top:1px!important;font-size:12px!important;line-height:15px!important}
.modal-deal-composition .deal-composition-copy em{margin-top:2px!important;font-size:12px!important;line-height:15px!important}
.deal-composition-fix{
  display:flex;
  width:100%;
  min-height:30px;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
  padding:2px 7px 4px;
  border:0;
  background:transparent;
  color:#087861;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.deal-composition-fix:focus-visible,.composition-document-remove:focus-visible,.modal-deal-composition .btn:focus-visible,.modal-deal-composition input:focus-visible,.modal-deal-composition select:focus-visible,.modal-deal-composition textarea:focus-visible{outline:2px solid #007c68!important;outline-offset:2px}
.deal-composition-object.is-blocked .deal-composition-fix{color:#8b5d12}

/* Создание и исправление объекта без ухода со страницы сделки. */
.modal-deal-composition .deal-composition-inline,
.deal-composition-object-editor{
  margin:0 0 6px!important;
  padding:8px!important;
  border:1px solid #8dcbbf!important;
  border-radius:9px!important;
  background:#e9f7f3!important;
}
.deal-composition-object-editor{margin:0 6px 6px!important}
.deal-composition-inline-title,.composition-document-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin-bottom:6px}
.deal-composition-inline-title strong,.composition-document-head strong{font-size:12.5px;line-height:16px}
.deal-composition-inline-title span,.composition-document-head span{color:#58736c;font-size:12px;line-height:15px;text-align:right}
.modal-deal-composition .deal-composition-inline-grid,
.deal-composition-object-fields{display:grid;grid-template-columns:1.35fr .8fr 1fr .85fr;gap:5px}
.deal-composition-object-fields{grid-template-columns:1fr 1fr;margin-bottom:6px}
.modal-deal-composition .deal-composition-inline-grid label,
.deal-composition-object-fields label,
.composition-document-row label{display:grid;min-width:0;gap:2px;color:#496861;font-size:12px;line-height:15px}
.modal-deal-composition .field-dark,
.composition-document-row .field-dark{min-width:0!important;min-height:34px!important;height:34px!important;padding:4px 7px!important;border-color:#afd0c8!important;border-radius:7px!important;background:#fbf7ed!important;font-size:13px!important}
.composition-document-list{display:grid;gap:4px}
.composition-document-row{
  display:grid;
  grid-template-columns:1.1fr .62fr .68fr 1.1fr 26px;
  gap:4px;
  align-items:end;
  padding:5px;
  border:1px solid #b8d8d1;
  border-radius:8px;
  background:#fbf7ed;
}
.composition-document-row[hidden]{display:none!important}
.composition-document-file input{width:100%;min-width:0;height:34px;padding:4px;border:1px dashed #8ebdb3;border-radius:7px;background:#e9f7f3;font-size:12px}
.composition-document-remove{display:grid;width:30px;height:34px;place-items:center;border:1px solid #b8d8d1;border-radius:7px;background:#e9f7f3;color:#315f55;cursor:pointer}
.composition-document-required{align-self:center;color:#7d5a18;font-size:11.5px;line-height:14px;text-align:center}
.composition-document-toolbar,.modal-deal-composition .deal-composition-inline-actions{display:flex!important;justify-content:flex-end!important;gap:5px!important;margin-top:6px!important}
.composition-document-toolbar .btn,.modal-deal-composition .deal-composition-inline-actions .btn{min-height:32px!important;height:32px!important;padding:4px 8px!important;font-size:12px!important}

/* Готовность и единственное итоговое действие Исполнителя. */
.modal-deal-composition .deal-composition-note{margin-top:7px!important;gap:3px!important;font-size:12px!important}
.modal-deal-composition .deal-composition-note textarea{min-height:42px!important;height:42px!important;resize:vertical}
.deal-composition-submit-strip{
  display:flex;
  gap:7px;
  align-items:center;
  margin-top:6px;
  padding:6px 8px;
  border:1px solid #dfbf7b;
  border-radius:8px;
  background:#fbf2d9;
  color:#74500e;
}
.deal-composition-submit-strip.is-ready{border-color:#8ac9bc;background:#e4f6f1;color:#08745d}
.deal-composition-submit-strip>i{font-size:18px}.deal-composition-submit-strip strong,.deal-composition-submit-strip small{display:block}.deal-composition-submit-strip strong{font-size:12.5px;line-height:16px}.deal-composition-submit-strip small{margin-top:1px;font-size:12px;line-height:15px}
.modal-deal-composition .deal-composition-actions{display:flex!important;gap:6px!important;align-items:center!important;margin-top:6px!important}
.modal-deal-composition .deal-composition-actions .deal-composition-privacy{display:flex;min-width:0;margin:0 auto 0 0!important;padding:0!important;border:0!important;background:transparent!important;color:#57736c;font-size:12px;line-height:15px}
.modal-deal-composition .deal-composition-actions .btn{min-height:36px!important;height:36px!important;padding:5px 10px!important;font-size:12.5px!important}
.modal-deal-composition .deal-composition-actions .btn:disabled{cursor:not-allowed;filter:saturate(.45);opacity:.58}

/* Сводка для Заказчика и согласование без редактирования данных Исполнителя. */
.modal-deal-composition .deal-composition-selected{gap:5px!important}
.modal-deal-composition .deal-composition-selected-card{grid-template-columns:30px minmax(0,1fr) auto!important;gap:7px!important;padding:7px 8px!important;border-radius:9px!important;background:#fbf7ed!important}
.modal-deal-composition .deal-composition-selected-card strong{font-size:12px!important;line-height:15px!important}
.modal-deal-composition .deal-composition-selected-card small,.modal-deal-composition .deal-composition-selected-card p{font-size:12px!important;line-height:15px!important}
.modal-deal-composition .deal-composition-state{padding:4px 6px!important;font-size:12px!important;background:#dff3ee!important}
.modal-deal-composition .deal-composition-docs{gap:3px!important;margin-top:4px!important}
.modal-deal-composition .deal-composition-docs button{min-height:30px!important;padding:3px 6px!important;border-color:#a9cec6!important;background:#e9f7f3!important;font-size:11.5px!important}
.modal-deal-composition .deal-composition-alert,.modal-deal-composition .deal-composition-ready,.modal-deal-composition .deal-composition-review{margin-top:6px!important;padding:7px 9px!important;border-radius:8px!important;background:#e9f7f3!important;font-size:12px!important}
.modal-deal-composition .deal-composition-review textarea{min-height:44px!important;height:44px!important}
.modal-deal-composition .deal-composition-review>div{gap:5px!important;margin-top:6px!important}


@media(max-width:1100px){
  .cab-view[data-view="deals"] .deal-row-active{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:760px){
  .cab-body .modal.modal-deal-card,.cab-body .modal.modal-deal-composition{width:calc(100vw - 8px)!important;max-width:calc(100vw - 8px)!important;max-height:100%!important;border-radius:11px!important}/* Высота — по месту между отступами подложки: снизу у неё место под нижнее меню, и прежнее calc(100dvh - 8px) выталкивало заголовок с крестиком за верх экрана (10.09.2026). */
  .modal-deal-card .deal-card-grid,.deal-composition-resource-grid,.modal-deal-composition.is-inline-open .deal-composition-resource-grid{grid-template-columns:1fr!important}
  .modal-deal-card .deal-card-hero{align-items:stretch!important;flex-direction:column!important}.modal-deal-card .deal-card-sla{min-width:0!important}
  .modal-deal-composition .deal-composition-options{max-height:none}
  .modal-deal-composition .deal-composition-inline-grid{grid-template-columns:1fr 1fr!important}
  .composition-document-row{grid-template-columns:1fr 1fr!important}.composition-document-file{grid-column:1/-1}.composition-document-remove,.composition-document-required{justify-self:end}
  .modal-deal-composition .deal-composition-actions{align-items:stretch!important;flex-direction:column!important}.modal-deal-composition .deal-composition-actions .deal-composition-privacy{order:2!important}.modal-deal-composition .deal-composition-actions .btn{width:100%!important}
  .modal-deal-composition .field-dark,.composition-document-row .field-dark,.composition-document-file input{min-height:40px!important;height:40px!important;font-size:12px!important}
  .modal-deal-composition .deal-composition-section-head .btn,.composition-document-toolbar .btn,.modal-deal-composition .deal-composition-inline-actions .btn,.deal-composition-fix{min-height:40px!important;height:auto!important;font-size:12px!important}
  .modal-deal-composition .deal-composition-copy strong{font-size:13px!important}.modal-deal-composition .deal-composition-copy small,.modal-deal-composition .deal-composition-copy em{font-size:12px!important;line-height:15px!important}
}
@media(max-width:430px){
  .modal-deal-composition .modal-body{padding:6px!important}
  .modal-deal-composition .deal-composition-inline-grid,.deal-composition-object-fields,.composition-document-row{grid-template-columns:1fr!important}
  .composition-document-file{grid-column:auto}
  .deal-composition-inline-title,.composition-document-head{align-items:flex-start;flex-direction:column}
  .deal-composition-inline-title span,.composition-document-head span{text-align:left}
  .modal-deal-composition .deal-composition-selected-card{grid-template-columns:26px minmax(0,1fr)!important}.modal-deal-composition .deal-composition-state{grid-column:2!important;justify-self:start}
}