.loss-close-panel[hidden]{display:none!important}

/* Футер карточки сделки: закреплён снизу, кнопки переносятся, а не вылезают */
.deal-detail>footer{position:absolute;right:0;bottom:0;left:0;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 20px;border-top:1px solid var(--border-subtle);background:#fbfcfe}
.deal-detail>footer>span{display:none}

/* Кластер второстепенных действий — «фирменные» кнопки с иконками в ровной сетке */
.deal-outcome-actions{flex:1 1 100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}
.deal-detail>footer .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 13px;border-radius:10px;border:1px solid rgba(255,255,255,.88);background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(238,245,255,.46));color:#405674;font-size:.78rem;font-weight:700;box-shadow:0 0 0 1px rgba(112,139,178,.14),inset 0 1px 0 rgba(255,255,255,.98),0 5px 13px rgba(48,72,108,.05);backdrop-filter:blur(12px) saturate(118%);-webkit-backdrop-filter:blur(12px) saturate(118%);transition:border-color .12s ease,background .12s ease,color .12s ease,box-shadow .12s ease}
.deal-detail>footer .btn:hover{border-color:rgba(255,255,255,.98);color:#28496f;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(238,245,255,.64));box-shadow:0 0 0 1px rgba(91,125,174,.22),inset 0 1px 0 #fff,0 7px 17px rgba(48,72,108,.08)}
.deal-detail>footer .btn::before{content:"";flex:0 0 auto;width:14px;height:14px;background:currentColor;-webkit-mask:var(--deal-btn-icon) center/contain no-repeat;mask:var(--deal-btn-icon) center/contain no-repeat}

.deal-outcome-delegate{--deal-btn-icon:url('/assets/icons/deals/delegate.svg')}
.deal-outcome-loss{--deal-btn-icon:url('/assets/icons/deals/x-circle.svg')}
.deal-outcome-won{--deal-btn-icon:url('/assets/icons/deals/check-circle.svg')}
.deal-outcome-del{--deal-btn-icon:url('/assets/icons/trash.svg')}
.deal-outcome-delegate:hover{border-color:var(--brand-orange);background:rgba(255,104,29,.07);color:var(--brand-orange)}
.deal-outcome-loss:hover{border-color:rgba(196,52,72,.4);background:rgba(196,52,72,.06);color:var(--semantic-danger)}
.deal-outcome-won:hover{border-color:rgba(28,126,84,.42);background:rgba(28,126,84,.06);color:var(--semantic-success)}
.deal-outcome-del:hover{border-color:rgba(196,52,72,.4);background:rgba(196,52,72,.06);color:var(--semantic-danger)}

/* Основное действие — «Сохранить этап» — фирменный градиент, отдельной строкой сверху */
#save-deal-status{order:-1;flex:1 1 100%;width:100%;margin:0 0 1px;min-height:40px;border:0!important;background:var(--brand-gradient)!important;color:#fff!important;font-size:.8rem;box-shadow:0 8px 18px rgba(255,61,50,.18)!important}
#save-deal-status::before{--deal-btn-icon:url('/assets/icons/deals/flag.svg')}
#save-deal-status:hover{filter:saturate(1.06) brightness(.99)}
#save-deal-status:disabled{border:0!important;background:#e9ecf1!important;color:#98a0ad!important;box-shadow:none!important;cursor:not-allowed}
.deal-detail.has-unsaved-status #close-deal-detail{opacity:.55}

@media(max-width:560px){
  .deal-detail{width:100%}
  .deal-detail>footer{gap:6px}
  .deal-outcome-actions{gap:6px}
}
