/* Odami: вид платформы Odami поверх Chainlit — только то, чего нет в теме.
   Цвета — из токенов Odami (brand-600 #2563EB, slate-200 рамки, slate-50 фон),
   радиус карточек 12px, тень карточки как в платформе. */
:root {
  --odami-brand-50: 239 246 255;
  --odami-brand-200: 191 219 254;
  --odami-brand-700: 29 78 216;
  --odami-border: 226 232 240;
  --odami-shadow-card: 0 1px 2px 0 rgb(15 23 42 / 0.04), 0 1px 3px 0 rgb(15 23 42 / 0.06);
}

body { font-family: 'Inter', system-ui, Arial, sans-serif; -webkit-font-smoothing: antialiased; }

/* Только светлая тема, как в платформе. */
#theme-toggle { display: none !important; }

/* Шапка — белая полоса с нижней рамкой. */
#header { background: #fff; border-bottom: 1px solid rgb(var(--odami-border)); }

/* Левое меню: белое, с рамкой справа и логотипом сверху. */
[data-sidebar="sidebar"] { border-right: 1px solid rgb(var(--odami-border)); }
[data-sidebar="header"]::before {
  content: "";
  display: block;
  height: 36px;
  margin: 2px 8px 10px;
  background: url("/public/logo_light.svg") left center / auto 32px no-repeat;
}
[data-sidebar="group-label"] {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: rgb(148 163 184);
}
#thread-history [data-sidebar="menu-button"] {
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 500;
  color: rgb(71 85 105);
}
#thread-history [data-sidebar="menu-button"]:hover { background: rgb(241 245 249); }
#thread-history [data-sidebar="menu-button"][data-active="true"] {
  background: rgb(var(--odami-brand-50));
  color: rgb(var(--odami-brand-700));
}

/* Поле вопроса — белая карточка с рамкой, фокус — синим кольцом. */
#message-composer {
  background: #fff;
  border: 1px solid rgb(var(--odami-border));
  border-radius: 16px;
  box-shadow: var(--odami-shadow-card);
}
#message-composer:focus-within {
  border-color: rgb(147 197 253);
  box-shadow: 0 0 0 3px rgb(var(--odami-brand-200) / 0.5);
}

/* Стартовые вопросы — белые карточки, как кнопки второго уровня в платформе. */
#starters button {
  background: #fff;
  border: 1px solid rgb(var(--odami-border));
  border-radius: 12px;
  color: rgb(71 85 105);
  box-shadow: var(--odami-shadow-card);
}
#starters button:hover {
  background: rgb(var(--odami-brand-50));
  border-color: rgb(var(--odami-brand-200));
  color: rgb(var(--odami-brand-700));
}

/* Источники в конце ответа — компактным списком. */
.message-content ol li, .message-content ul li { margin: 0.15rem 0; }