/* Sale project detail layout. Kept separate from the legacy shared stylesheet
   so production-only CRM rules and PWA-cached styles remain untouched. */

.sales-deal-owner { min-width: 0; }
.sales-deal-owner > strong { overflow-wrap: break-word; word-break: normal; }
.sales-deal-owner > small { display: block; min-width: 0; color: var(--sk-muted, #64748b); font-size: 12px; font-weight: 750; line-height: 1.35; overflow-wrap: anywhere; }
.bitrix-summary-slot .sales-deal-owner { grid-column: 1 / -1; }

.bitrix-project-left > .project-team-card { min-width: 0; }
.bitrix-project-left > .project-team-card > .toolbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 12px; }
.bitrix-project-left > .project-team-card > .toolbar > div { min-width: 0; }
.bitrix-project-left > .project-team-card > .toolbar h2,
.bitrix-project-left > .project-team-card > .toolbar p { overflow-wrap: break-word; word-break: normal; }
.bitrix-project-left > .project-team-card > .toolbar .btn { align-self: start; white-space: nowrap; }
.bitrix-project-left > .project-team-card .project-team-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); }
.bitrix-project-left > .project-team-card .project-team-member { min-width: 0; }
.bitrix-project-left > .project-team-card .project-team-role,
.bitrix-project-left > .project-team-card .project-team-name,
.bitrix-project-left > .project-team-card .project-team-position { overflow-wrap: break-word; word-break: normal; }

@media (max-width: 1680px) {
  .bitrix-project-grid { grid-template-columns: minmax(0, 1fr); }
  .bitrix-project-left { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bitrix-project-products,
  .bitrix-summary-slot,
  .bitrix-project-left > .project-team-card { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .bitrix-project-left { grid-template-columns: minmax(0, 1fr); }
  .bitrix-project-products,
  .bitrix-summary-slot,
  .bitrix-project-left > .project-team-card { grid-column: auto; }
  .bitrix-summary-slot .sales-deal-grid,
  .bitrix-summary-slot .sales-deal-facts,
  .bitrix-summary-slot .kv { grid-template-columns: minmax(0, 1fr); }
  .bitrix-project-left > .project-team-card > .toolbar { grid-template-columns: minmax(0, 1fr); }
  .bitrix-project-left > .project-team-card > .toolbar .btn { width: 100%; white-space: normal; }
  .bitrix-project-left > .project-team-card .project-team-grid { grid-template-columns: minmax(0, 1fr); }
}