/* Общие настройки интерфейса: рамки, ошибки, анимация и выпадающие списки */
:root {
    --app-border-width: 0.111vh;
    --app-color-error: #E5524C;
    --app-save-feedback-transition: 280ms;
    --app-save-feedback-hold: 1400ms;
    --shared-dropdown-menu-padding: 0.888vh;
}

    /* Фон и базовый сброс страницы */
    body {
      background: #141720;
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      color: #fff;
      overflow: hidden;
    }

    /* Единый box-sizing для всех элементов */
    * { box-sizing: border-box; }

    /* Единая толщина рамок, включая браузерные стили полей и псевдоэлементы. */
    *, ::before, ::after {
      border-width: var(--app-border-width);
      outline-width: var(--app-border-width);
    }

    /* Область контента справа от левого меню */
    #appMainContainer {
      width: 130.092vh;
      height: 91.464vh;
      position: absolute;
      top: 8.436vh;
      left: 27.084vh;
    }

    /* Корневая подложка приложения: 160vh, центрируется по ширине */
    #itProrabContainer {
      position: absolute;
      width: 160vh;
      height: 100vh;
      top: 0;
      left: calc((100vw - 160vh) / 2);
      background-color: #141720;
      overflow: hidden;
    }

    /* убираем История чатов: сразу за левым краем, пока нет класса open */
    #componentAIAgentPopupHistory:not(.open),
    #componentFeedbackBotPopupHistory:not(.open) {
        visibility: hidden;
        pointer-events: none;
        transform: translateX(-100%);
    }

    /* Полноэкранный чат: сразу под экраном, пока нет класса open */
    #componentAIAgentPopupFullScreen:not(.open),
    #componentFeedbackBotPopupFullScreen:not(.open) {
        visibility: hidden;
        pointer-events: none;
        transform: translateY(100%);
    }

    /* Корневой экран раздела внутри основной области */
    .view-component {
      display: block;
      width: 100%;
      height: 100%;
      overflow-y: hidden;
      overflow-x: hidden;
    }

    /* Убирает системную обводку у поля в фокусе */
    input:focus { outline: none; }

/* Скрытие корневых экранов разделов */
#componentProject.hidden,
#componentManagement.hidden,
#componentAI.hidden,
#componentDashboardZ.hidden,
#componentPulse.hidden,
#componentFeedbackBot.hidden,
#componentITR.hidden,
#componentAnalysis.hidden,
#componentKSG.hidden {
  display: none;
}

/* Базовый размер лупы */
.shared-search-icon {
  width: 2.664vh;
  height: 2.664vh;
  display: block;
}