/* --- dashboard.css --- */

/* === Стили из блока stylesheets === */
#map {
  height: 500px;
  width: 100%;
  border-radius: 12px;
}

.chat-container { /* Был в HTML, теперь в CSS */
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* .uk-container - возможно, лучше оставить UIkit как есть, 
   но если нужна именно такая модификация для ВСЕХ .uk-container на этой странице: */
/*
.dashboard-uk-container { 
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
*/
/* Вместо этого, если нужно для конкретного, дайте ему уникальный ID или класс */


.uk-card-fixed { /* Был в HTML, теперь в CSS */
  position: relative; 
  bottom: 20px;
  left: 0;
  right: 0;
}

/* === Инлайн-стили, перенесенные в классы или общие стили === */

/* Общие стили для карточек, если повторяются */
.dashboard-card {
  background-color: #0f1011; /* Пример */
  /* Другие общие стили карточек */
}
.dashboard-card-darker-bg {
  background-color: #0f1011;
}

/* Для левой колонки */
.left-column-container {
  height: 100%;
  position: relative;
  box-sizing: border-box;
}

.left-column-content {
  gap: 20px;
}

/* Для правой колонки */
.right-column-container {
  position: relative;
  height: 100%;
  z-index: 1; /* был инлайн */
}
.right-column-inner-card {
  background-color: #0f1011;
  border: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 66px;
  border-radius: 12px;
  z-index: 1; /* был инлайн */
}
.right-column-header-card {
  border-radius: 12px 12px 0 0; /* было 20px, унифицирую */
  background-color: #0f1011;
  z-index: 1; /* был инлайн */
}
.right-column-tab-content-container {
  background: #0f1214; /* был #1b2125, меняю для консистентности с другими блоками */
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  position: relative;
  overflow: hidden;
}


/* Стили для кнопки "btn-minus" (гамбургер) */
#btn-minus { /* был инлайн background */
  background-color: #00060c;
}


/* Модальное окно истории */
.history-modal-dialog {
  border-radius: 10px;
}
.history-modal-list {
  max-height: 300px;
  overflow-y: auto;
}

/* Карточка "Активные сделки" */
.active-deals-card {
  background-color: #0f1011;
}
.active-deals-card-title { /* для h4 */
  color: #e2e8f0ea;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}
.active-deals-card-actions { /* для div */
  background-color: #0f1011;
}

/* Скрытие скроллбара */
[uk-overflow-auto]::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}


/* Карточка "Обзор" (left-bottom-card) */
#left-bottom-card {
  background-color: #0f1011;
}
#left-bottom-card .card-title h4 { /* был инлайн */
  color: #e2e8f0ea;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}
#fullscreen-btn { /* был инлайн */
  background: #161b1f;
  border-radius: 10px;
  color: #9ca3af;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Стили для кастомных вкладок и полноэкранного режима (блок 3 из предыдущего ответа) */
.tabs-container {
  margin: 20px 0 0;
  position: relative;
}
.tabs-nav { /* для ul#left-bottom-tabs-nav */
  display: flex;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
/* Стили для .uk-tab>li>a внутри .tabs-nav (если нужно ограничить только этими вкладками) */
.tabs-nav.uk-tab > li > a {
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 500;
  color: #A1A1AA;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
  margin-right: 4px;
  border-radius: 6px 6px 0 0;
  text-decoration: none;
  display: block;
}
.tabs-nav.uk-tab > li > a:hover {
  color: #D8DEE9;
  background: rgba(255, 255, 255, 0.03);
}
.tabs-nav.uk-tab > li.uk-active > a {
  color: #7F85F5;
  border-bottom-color: #7F85F5;
  background: none;
}
.uk-switcher > * { /* анимация для контента вкладок */
  animation: fadeIn 0.3s ease;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}
#fullscreen-container {
  padding: 20px;
  max-width: 90%;
  margin: auto;
  overflow-y: auto;
  max-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
#fullscreen-container .card { /* .card внутри #fullscreen-container */
  width: 100%;
  max-width: 100%;
}

/* Чат внизу */
.chat-input-area-container { /* для div style="margin-bottom: 80px;" */
  margin-bottom: 80px;
}
.chat-input-card { /* для .uk-card внутри */
  background: #0f1011;
}
.chat-trash-button { /* для кнопки очистки истории */
  color: red;
}


/* Оверлей чата */
#input-overlay {
  top: 0;
  bottom: 200px; /* или другое значение в зависимости от высоты поля ввода */
  left: 0;
  right: 0;
  margin: 0;
  z-index: 10;
  display: none; /* По умолчанию скрыт */
  background: #0f1011;
  border-radius: 12px;
}
#close-overlay { /* для кнопки закрытия оверлея */
  color: red;
}
#chat-box { /* для истории сообщений в оверлее */
  background: #0f1011;
  color: #cecece;
  max-height: calc(100% - 40px); /* Пример, чтобы хедер не перекрывался, 40px - высота хедера */
  overflow-y: auto;
  border-radius: 12px;
}

/* Правая колонка, заголовок "Активности" */
.activity-title {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}

/* Карточки внутри вкладки "Биржа" в правой колонке */
.exchange-activity-card {
  background-color: #0d131a;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.08);
  position: relative;
  color: #d1d5db;
}
.exchange-activity-card .username {
  font-size: 14px;
}
.exchange-activity-card .rating {
  margin-left: 8px;
  font-size: 12px;
  color: #9ca3af;
}
.exchange-activity-card .rating .uk-icon-star { /* Для иконки звезды */
  color: gold;
  margin-right: 2px;
}
.exchange-activity-card .partner-badge {
  background: #0f1011; /* Был #0d131a */
  color: white;
  font-size: 11px;
  border: 1px solid rgba(187, 1, 147, 0.137);
  border-radius: 5px;
}
.exchange-activity-card .partner-badge .uk-icon-heart { /* Для иконки сердца */
  color: #b91081;
}
.exchange-activity-card .item-title {
  color: #9ca3af;
  line-height: 1.2;
}
.exchange-activity-card .item-quantity {
  font-size: 14px;
  color: #9ca3af;
  line-height: 1.2;
}
.exchange-activity-card .action-button {
  background: #0d131a;
  border-radius: 10px;
  color: #9ca3af;
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 0 8px;
}
/* Специфичный стиль для кнопки "Ответить", если он отличается */
.exchange-activity-card .btn-primary.action-button { /* Переопределяем, если нужно */
  background-color: #0f1011; /* был #0d131a, унифицируем */
  color: white;
  /* другие стили, если отличаются от общего .btn-primary */
}
.exchange-activity-card .meta-info {
  font-size: 11px;
  color: #6b7280;
}
.exchange-activity-card .date-badge {
  background: #374151;
  border-radius: 6px;
  font-size: 12px; /* был 10px */
}
.exchange-activity-card .location-text {
  font-size: 14px;
}

/* Стиль для .btn-primary (из блока <style> внутри карточки) */
.btn-primary {
  background-color: #0f1011;
  color: white;
  border: none;
  border-radius: 10px;
  padding: 0 12px;
  font-size: 14px;
  cursor: pointer;
}
/* Модальное окно для фотографий */
#photo-modal .uk-modal-dialog {
  background: #1b2125;
  border-radius: 12px;
}

/* Стили для переключения панелей вкладок (правая колонка) */
#tab-content-container { /* Был в HTML, теперь в CSS */
  position: relative;
}
.tab-panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0f1214; /* был #1b2125 */
  border-radius: 0 0 12px 12px; /* был 20px */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.15s linear, visibility 0s linear 0.15s;
  z-index: 1;
}
.tab-panel:not(.tab-hidden) {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.15s linear;
  z-index: 10;
}
.card-face {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
/* Для карты внутри вкладки */
.tab-panel[data-tab="3"] #map { /* Уточняем селектор для карты */
  display: block; /* был div */
  width: 100%;
  height: 100%;
  background-color: #333; /* для отладки, если карта не грузится */
}

/* Общий стиль для контейнера страницы */
.page-container {
  height: 100vh;
  box-sizing: border-box;
}
.page-grid {
  height: 100%;
}