/* Раздел «Прогноз». Цвета и радиусы — из переменных самого интерфейса. */

#fc-root { display: none; }
body.fc-on #fc-root { display: block; }
body.fc-on .main > :not(#fc-root) { display: none !important; }

/* Пока открыт прогноз, «Помощник» в меню не подсвечивается */
body.fc-on .nav-item.active:not(.fc-nav) { background: transparent; color: var(--ink-2); font-weight: 400; }
body.fc-on .nav-item.active:not(.fc-nav) .icon { color: var(--grey-2); }

.fc-scope { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--grey); margin-left: auto; }
.fc-scope select {
  padding: 7px 10px; border: 1.5px solid var(--line); border-radius: var(--r-s);
  background: var(--white); font: inherit; color: var(--ink); max-width: 260px;
}

.fc-rules { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 10px; }
.fc-rule {
  display: flex; flex-direction: column; gap: 4px; text-align: left; cursor: pointer;
  padding: 12px 14px; border: 1.5px solid var(--line); border-radius: var(--r-m);
  background: var(--white); font: inherit; color: var(--ink);
  transition: border-color .15s, background .15s;
}
.fc-rule b { font-weight: 700; font-size: 14.5px; }
.fc-rule span { font-size: 12.5px; color: var(--grey); line-height: 1.35; }
.fc-rule:hover:not(:disabled) { border-color: var(--gold-3); background: var(--gold-6); }
.fc-rule:disabled { opacity: .5; cursor: progress; }
.fc-model { margin-top: 12px; }
.fc-bad { color: var(--st-bad); }

.fc-chat { display: flex; flex-direction: column; gap: 14px; margin: 18px 0; }
.fc-empty {
  padding: 22px; border: 1.5px dashed var(--line); border-radius: var(--r);
  color: var(--grey); text-align: center; line-height: 1.5;
}
.fc-q {
  align-self: flex-end; max-width: 80%; padding: 10px 14px; white-space: pre-wrap;
  background: var(--gold-5); color: var(--ink); border-radius: var(--r-m) var(--r-m) 4px var(--r-m);
  line-height: 1.45;
}
.fc-a > header { gap: 10px; }
.fc-meta { font-size: 12.5px; color: var(--grey-2); margin-left: auto; }
.fc-text { font-size: 15px; line-height: 1.65; color: var(--ink-2); }
.fc-text h3 { font-family: var(--font-head); font-size: 15px; margin: 16px 0 6px; color: var(--ink); }
.fc-text h3:first-child { margin-top: 0; }
.fc-text p { margin: 0 0 10px; }
.fc-text ul, .fc-text ol { margin: 0 0 10px; padding-left: 22px; }
.fc-text li { margin: 3px 0; }
.fc-unv { background: #F6DCD3; color: var(--st-bad); border-radius: 3px; padding: 0 2px; cursor: help; }
.fc-check { margin: 12px 0 0; font-size: 13px; padding: 8px 12px; border-radius: var(--r-s); }
.fc-check.ok { background: #E6F1EA; color: var(--st-done); }
.fc-check.bad { background: #F8E7E1; color: var(--st-bad); }
.fc-facts { margin-top: 14px; }
.fc-err .body p { color: var(--st-bad); margin: 0; }
.fc-wait .body { color: var(--grey); }

.fc-composer textarea {
  width: 100%; box-sizing: border-box; resize: vertical; min-height: 76px;
  padding: 12px 14px; border: 1.5px solid var(--line); border-radius: var(--r-s);
  font: inherit; line-height: 1.5; color: var(--ink); background: var(--white);
}
.fc-composer textarea:focus { outline: none; border-color: var(--gold-3); }
.fc-row { display: flex; align-items: center; gap: 10px; margin-top: 10px; flex-wrap: wrap; }
.fc-grow { flex: 1; }
.fc-hint { font-size: 12px; color: var(--grey-2); }
.fc-att .chip { display: inline-flex; align-items: center; gap: 6px; }
.fc-x { border: 0; background: none; cursor: pointer; font-size: 16px; line-height: 1; color: var(--grey); padding: 0 2px; }

@media (max-width: 720px) {
  .fc-scope { margin-left: 0; width: 100%; }
  .fc-scope select { flex: 1; max-width: none; }
  .fc-q { max-width: 92%; }
  .fc-hint { display: none; }
}