/* ===== ДЕТАЛИ ПРОЕКТА ===== */
.detail-layout { display: flex; flex-direction: column; height: 100%; }

.detail-tabs {
  display: flex;
  border-bottom: 2px solid #e2e8f0;
  padding: 0 32px 4px;          /* небольшой нижний отступ */
  background: #ffffff;
  flex-shrink: 0;
  overflow-x: auto;            /* горизонтальная прокрутка */
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;       /* скрыть полосу в Firefox */
}
.detail-tabs::-webkit-scrollbar {
  display: none;               /* скрыть полосу в Chrome/Safari */
}

.detail-tab {
  background: none; border: none; padding: 14px 24px; font-size: 15px; font-weight: 500;
  color: #64748b; cursor: pointer; transition: 0.2s; border-bottom: 3px solid transparent;
  margin-bottom: -2px; font-family: inherit;
}
.detail-tab.active { color: #310a6b; border-bottom-color: #310a6b; }
.detail-tab:hover { color: #310a6b; }

.detail-content { position: relative; flex: 1; overflow-y: auto; background: #fafcff; }

.detail-pane { display: none; padding: 24px 32px; word-wrap: break-word; overflow-wrap: break-word; white-space: normal; text-align: left; }
.detail-pane.active { display: block; }

.detail-footer { padding: 16px 32px; border-top: 1px solid #edf2f7; background: #ffffff; flex-shrink: 0; text-align: right; }

/* Чат внутри деталей проекта */
#pane-chat {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  display: none;
  padding: 0 !important;
}
#pane-chat.active {
  display: flex !important;
  flex-direction: column !important;
}

/* Мобильная адаптация */
@media (max-width: 768px) {
  .detail-tabs { padding: 0 16px 4px; }
  .detail-content { padding: 0; }
  .detail-footer { padding: 12px 16px; }
  #projectDetailModal .fs-modal-content { padding-bottom: 70px; }
}