/* Страница дела клиента: рабочий экран с этапами, документами и чатом. */
.page--client-deal .header,
.page--client-deal .footer,
.page--client-deal .cookie,
.page--client-deal .promo-strip,
.page--client-deal .demo-ad,
.page--client-deal .demo-banner-slot,
.page--client-deal .ai-dock { display: none !important; }

.page--client-deal { background: #f2f3ee; }
.page--client-deal .app-shell { min-height: 100vh; background: var(--paper); }
@media (min-width: 1024px) { .page--client-deal .app-shell { grid-template-columns: 236px minmax(0, 1fr); } }
.page--client-deal .app-side { padding: 22px 12px 18px; }
.page--client-deal .app-side > .brand { --brand-size: 27px; margin: 0 8px 20px; }
.page--client-deal .app-side__group { margin: 12px 8px 7px; }
.page--client-deal .app-side__link { border-radius: 9px; padding: 10px 10px; font-size: 14px; }
.page--client-deal .app-side__link--active { border-radius: 9px; }
.page--client-deal .app-main { background: #f3f4ef; min-height: 100vh; padding: 26px 34px 52px; }
.page--client-deal .app-top { position: sticky; top: 0; z-index: 30; background: rgba(255,255,255,.97); backdrop-filter: blur(10px); }
.page--client-deal .app-top__search { flex: 0 0 620px; max-width: 620px; }
.page--client-deal .app-top__bell { margin-left: auto; }
.page--client-deal .app-top__assistant { display: none; }
.page--client-deal .app-user__role { display: none; }
.page--client-deal .app-user__name { font-size: 13px; }

.deal-workspace { max-width: 1180px; margin: 0 auto; }
.deal-page .crumbs { margin: 0 0 15px; font-size: 13px; }
.deal-workspace .crumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; padding: 0; margin: 0; list-style: none; }
.deal-workspace .crumbs li { display: inline-flex; align-items: center; gap: 7px; color: var(--graphite-500); }
.deal-workspace .crumbs a { color: var(--graphite-500); text-decoration: none; }
.deal-workspace .crumbs a:hover { color: var(--graphite-900); }
.deal-workspace .crumbs__sep { color: var(--graphite-300); }

.deal-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin: 0 0 16px; }
.deal-head__top { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.deal-head h1 { margin: 0; font-family: var(--font-display); font-size: clamp(2.3rem, 4vw, 3.5rem); line-height: .98; letter-spacing: -.025em; }
.deal-head__sub { margin: 9px 0 0; color: var(--graphite-500); font-size: 14px; }
.deal-head .btn { margin-top: 3px; }

.deal-steps { display: flex; align-items: flex-start; gap: 0; margin: 0 0 20px; padding: 4px 0 0; list-style: none; }
.deal-step { position: relative; display: flex; align-items: center; gap: 9px; flex: 1 1 0; min-width: 0; color: var(--graphite-500); }
.deal-step__num { display: grid; place-items: center; width: 35px; height: 35px; flex: 0 0 35px; border: 1px solid var(--line-300); border-radius: 50%; background: var(--paper); color: var(--graphite-500); font-size: 13px; font-weight: 700; }
.deal-step__copy { display: grid; gap: 2px; min-width: 0; }
.deal-step__copy b { font-size: 12px; font-weight: 650; color: var(--graphite-800); }
.deal-step__copy small { color: var(--graphite-500); font-size: 10px; white-space: nowrap; }
.deal-step__line { flex: 1 1 auto; height: 1px; margin: 0 8px; background: var(--line-200); }
.deal-step--done .deal-step__num { border-color: #caec91; background: #e8f8c8; color: #53731b; }
.deal-step--done .deal-step__copy b { color: var(--graphite-900); }
.deal-step--current .deal-step__num { border-color: var(--lime-500); background: var(--lime-500); color: var(--graphite-900); box-shadow: 0 0 0 3px rgba(215,245,66,.25); }
.deal-step--current .deal-step__copy b { color: var(--graphite-900); }
.deal-step--next .deal-step__num { color: var(--graphite-500); }

.deal-grid { display: grid; grid-template-columns: minmax(0, 1fr) 390px; gap: 18px; align-items: start; }
.deal-grid > .stack, .deal-grid > aside { gap: 14px; }
.deal-card__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.deal-card__head h2 { margin: 0; font-family: var(--font-display); font-size: 26px; line-height: 1; letter-spacing: -.015em; }
.deal-main { padding: 20px 22px; border-color: var(--line-200); border-radius: 12px; }
.deal-main__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.deal-main__head h2 { margin: 0; font-family: var(--font-display); font-size: 28px; line-height: 1.04; letter-spacing: -.02em; }
.deal-main__head p { margin: 7px 0 0; color: var(--graphite-500); font-size: 13px; line-height: 1.4; }
.deal-main__head .badge { white-space: nowrap; }
.deal-main__person { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 17px; padding-top: 15px; border-top: 1px solid var(--line-100); }
.deal-specialist-mini { display: flex; align-items: center; gap: 10px; min-width: 0; }
.deal-specialist-mini__avatar { width: 52px; height: 52px; flex: 0 0 52px; border-radius: 9px; overflow: hidden; background: #edf3e2; display: grid; place-items: center; }
.deal-specialist-mini__avatar img, .deal-specialist-card__avatar img, .deal-chat__avatar img { width: 100%; height: 100%; object-fit: cover; }
.deal-specialist-mini__copy { display: grid; gap: 2px; min-width: 0; }
.deal-specialist-mini__copy b { font-size: 14px; color: var(--graphite-900); }
.deal-specialist-mini__copy small { color: var(--graphite-500); font-size: 10px; }
.deal-rating { color: #9a771a !important; font-weight: 600; }
.deal-main__numbers { display: flex; align-items: flex-start; gap: 22px; flex: 0 0 auto; }
.deal-main__numbers span { display: grid; gap: 3px; }
.deal-main__numbers small { color: var(--graphite-500); font-size: 10px; }
.deal-main__numbers b { font-family: var(--font-display); font-size: 23px; line-height: 1; letter-spacing: -.02em; }
.deal-documents-card { padding: 18px 20px; border-color: var(--line-200); border-radius: 12px; }
.deal-doc-row { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-top: 1px solid var(--line-100); }
.deal-doc-row:first-of-type { border-top: 0; }
.deal-doc-row__icon { display: grid; place-items: center; width: 32px; height: 32px; flex: 0 0 32px; border-radius: 6px; background: #fde9e6; color: #b34f45; font-size: 9px; font-weight: 800; }
.deal-doc-row__title { display: block; font-size: 13px; font-weight: 620; color: var(--graphite-900); }
.deal-doc-row__note { display: block; margin-top: 2px; color: var(--graphite-500); font-size: 10px; }
.deal-doc-row__access { display: inline-flex; align-items: center; gap: 4px; color: var(--graphite-500); font-size: 10px; white-space: nowrap; }
.deal-doc-row .btn { flex: 0 0 auto; }

.deal-meeting { display: flex; align-items: center; gap: 10px; padding: 13px 16px; border: 1px solid #e2efc0; border-radius: 10px; background: #f2f9dd; }
.deal-meeting__icon { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 36px; border-radius: 7px; background: #e5f4bd; color: #506b19; }
.deal-meeting b { display: block; font-size: 12px; }
.deal-meeting small { display: block; margin-top: 2px; color: var(--graphite-500); font-size: 10px; }
.deal-meeting .btn { margin-left: auto; flex: 0 0 auto; }
.deal-meeting--empty { background: var(--paper); border-color: var(--line-200); }
.deal-meeting--empty .deal-meeting__icon { background: #eef5df; color: #6d813f; }

.deal-specialist-card { padding: 17px 18px; border-color: var(--line-200); border-radius: 12px; }
.deal-specialist-card__head { display: flex; align-items: center; gap: 10px; }
.deal-specialist-card__head b { display: block; font-size: 14px; }
.deal-specialist-card__head small { display: block; margin-top: 2px; color: var(--graphite-500); font-size: 10px; }
.deal-specialist-card__avatar { width: 46px; height: 46px; flex: 0 0 46px; border-radius: 50%; overflow: hidden; background: #edf3e2; display: grid; place-items: center; }
.deal-specialist-card__meta { margin: 10px 0 0; padding-top: 10px; border-top: 1px solid var(--line-100); color: var(--graphite-500); font-size: 10px; line-height: 1.4; }

.deal-chat { padding: 0; overflow: hidden; border-color: var(--line-200); border-radius: 12px; }
.deal-chat__head { display: flex; align-items: center; gap: 9px; padding: 13px 15px; border-bottom: 1px solid var(--line-100); }
.deal-chat__avatar { width: 38px; height: 38px; flex: 0 0 38px; border-radius: 50%; overflow: hidden; background: #edf3e2; display: grid; place-items: center; }
.deal-chat__head b { display: block; font-size: 12px; }
.deal-chat__head small { display: block; margin-top: 2px; color: var(--graphite-500); font-size: 9px; }
.deal-chat__more { margin-left: auto; color: var(--graphite-500); text-decoration: none; font-size: 17px; letter-spacing: 1px; }
.deal-chat__title { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 15px; border-bottom: 1px solid var(--line-100); }
.deal-chat__title h2 { margin: 0; font-family: var(--font-display); font-size: 20px; }
.deal-chat__title > span { display: inline-flex; align-items: center; gap: 4px; color: var(--graphite-500); font-size: 9px; }
.deal-chat__messages { display: grid; gap: 12px; max-height: 440px; overflow-y: auto; padding: 14px 15px; background: #fbfcf8; }
.deal-msg { display: grid; gap: 4px; max-width: 88%; justify-self: start; }
.deal-msg--mine { justify-self: end; }
.deal-msg__meta { display: flex; align-items: baseline; gap: 6px; color: var(--graphite-500); font-size: 9px; }
.deal-msg--mine .deal-msg__meta { justify-content: flex-end; }
.deal-msg__meta b { color: var(--graphite-700); font-size: 9px; }
.deal-msg__bubble { padding: 9px 11px; border-radius: 9px; background: var(--paper); border: 1px solid var(--line-100); color: var(--graphite-800); font-size: 12px; line-height: 1.4; }
.deal-msg--mine .deal-msg__bubble { background: #edf8cf; border-color: #e1efbe; }
.deal-chat__empty { padding: 8px 0; font-size: 12px; }
.deal-chat__composer { display: flex; align-items: center; gap: 7px; padding: 10px; border-top: 1px solid var(--line-100); background: var(--paper); }
.deal-chat__composer .input { min-height: 36px; font-size: 12px; }
.deal-chat__composer .btn { flex: 0 0 auto; }

.deal-secondary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 16px; align-items: start; }
.deal-secondary { padding: 18px 20px; border-color: var(--line-200); border-radius: 12px; }
.deal-secondary h2 { margin: 0 0 12px; font-family: var(--font-display); font-size: 23px; line-height: 1.05; letter-spacing: -.015em; }
.deal-secondary .kv { margin: 0; }
.deal-secondary .kv dt { font-size: 11px; }
.deal-secondary .kv dd { font-size: 12px; }
.deal-foot { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 22px; padding-top: 12px; border-top: 1px solid var(--line-200); color: var(--graphite-500); font-size: 11px; }
.deal-foot a { color: var(--graphite-500); }

@media (max-width: 1200px) {
  .page--client-deal .app-main { padding: 24px 24px 44px; }
  .deal-grid { grid-template-columns: minmax(0, 1fr) 340px; }
}
@media (max-width: 1050px) {
  .deal-grid { grid-template-columns: minmax(0, 1fr); }
  .page--client-deal .app-top__search { flex: 1 1 auto; max-width: none; }
  .deal-head { flex-direction: column; }
}
@media (max-width: 700px) {
  .page--client-deal .app-main { padding: 20px 14px 34px; }
  .page--client-deal .app-side__group { display: none; }
  .page--client-deal .app-top { gap: 8px; padding-inline: 12px; }
  .page--client-deal .app-top__search { flex: 1 1 auto; min-width: 0; }
  .page--client-deal .app-top__search .search__input { min-width: 0; width: 100%; }
  .page--client-deal .app-user__name { display: none; }
  .deal-head h1 { font-size: 2.15rem; }
  .deal-steps { overflow-x: auto; padding-bottom: 5px; }
  .deal-step { min-width: 150px; flex: 0 0 auto; }
  .deal-step__line { display: none; }
  .deal-step__copy small { white-space: normal; }
  .deal-main { padding: 16px 14px; }
  .deal-main__head { flex-direction: column; }
  .deal-main__head h2 { font-size: 24px; }
  .deal-main__person { align-items: flex-start; flex-direction: column; gap: 12px; }
  .deal-main__numbers { gap: 24px; }
  .deal-documents-card, .deal-secondary, .deal-specialist-card { padding: 15px 14px; }
  .deal-doc-row { flex-wrap: wrap; }
  .deal-doc-row__access { order: 4; width: 100%; padding-left: 42px; }
  .deal-doc-row .btn { margin-left: 42px; }
  .deal-chat__messages { max-height: 360px; }
  .deal-secondary-grid { grid-template-columns: minmax(0, 1fr); }
  .deal-meeting { flex-wrap: wrap; }
  .deal-meeting .btn { width: 100%; margin-left: 0; justify-content: center; }
  .deal-foot { font-size: 10px; }
}

.deal-head .btn { white-space: nowrap; }