/* ИИ-помощник на label-online: токены темы для ai_support/widget.css (на гексагоне они в styles.css).
   Основной цвет — как у плашки связи из pbx.css. */
:root {
    --color-primary: #5ccdde;
    --color-white: #fff;
    --color-lgray: #F1F1F1;
    --color-mgray: #D2D2D2;
    --color-gray: #B3B3B3;
    --color-dgray: #565656;
    --color-black: #353535;
    --color-red: #FF3535;
    --fs-12: 12px;
    --fs-14: 14px;
    --fs-18: 18px;
    --fw-semi: 600;
    --fw-bold: 700;
}

/* hidden у элементов виджета: на гексагоне его держит reboot Bootstrap 5 с !important,
   а правило Bootstrap 3 слабее display из widget.css */
#pbx-ai-container [hidden],
#pbx-ai-tip[hidden] {
    display: none !important;
}

/* Шапка панели: на гексагоне её раскладывают row/col Bootstrap 5, здесь Bootstrap 3 */
#pbx-ai-container .ai-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

#pbx-ai-container .ai-head .pbx-form-title {
    flex: 1;
}