/* FR-413 (EC-09a): строка «Chat with us» над нижней панелью кнопок — на
   странице тега (панель нашедшего FR-266 #fp-tp, панель FR-191 #fp-cbar) и в
   полосе «Manage report» (.right-sidebar) страницы питомца и тега. Разметка —
   views/parts/chat-link.ejs, поведение — public/scripts/intercom-boot.js.
   Вид — «ссылка в тексте» темы (docs/site-style.md, «Эталон»): #01B9FF без
   подчёркивания, как соседние ссылки (UI-ревью, UI-01; свой цвет — только
   решением пользователя или Дэна). Обводка фокуса снята темой глобально
   (style.css:235) — здесь своя, тем же цветом. Цель нажатия — не меньше
   24 px (WCAG 2.5.8, UI-02): поля 3px сверху и снизу съедены такими же
   отрицательными отступами, поэтому строка (22 px) и панель не растут.
   На широком экране строки нет: там обычная плавающая кнопка чата (кроме
   страницы принятия передачи, ниже). */
.fp-chat-line {
    display: none;
}
.fp-chat-link,
.fp-chat-link:hover,
.fp-chat-link:focus {
    color: #01B9FF;
    text-decoration: none;
}
.fp-chat-line > .fp-chat-link {
    display: inline-block;
    padding: 3px 8px;
    margin: -3px 0;
}
.fp-chat-link:focus-visible {
    outline: 2px solid #01B9FF !important;
    outline-offset: 0;
}

/* принятие передачи (R19, 2026-10-22): плавающей кнопки чата там нет — в
   адресе секрет, Messenger грузится только по ссылке. От 992 px строка — под
   кнопкой принятия в правой колонке, до 991 px — над нижней панелью
   (.right-sidebar ниже) */
@media (min-width: 992px) {
    .accept-pet-transfer-right-sidebar .boxed-widget .fp-chat-line {
        display: block;
        margin: 12px 0 0;
        font-size: 15px;
        line-height: 22px;
    }
}

/* панель нашедшего: те же условия, что у неё самой (tag-panel.css); высоту
   панели вместе со строкой отдаёт странице tag-panel.js */
@media (max-width: 991px), (hover: none) and (pointer: coarse) {
    html.fp-tp-page .fp-tp > .fp-chat-line {
        display: block;
        margin: 0;
        font-size: 15px;
        line-height: 22px;
        text-align: center;
    }
}

@media (max-width: 991px) {
    /* полоса «Manage report»: 50 px полосы + строка над ней */
    .right-sidebar > .fp-chat-line {
        display: block;
        margin: -4px 0 6px;
        font-size: 15px;
        line-height: 22px;
        text-align: center;
    }
    .right-sidebar:not(.expanded) {
        height: 78px;
    }
    /* принятие передачи: вся строка со ссылкой (28 px) внутри белой полосы, над ней 8 px белого,
       как на странице тега; панель (65 px, bundle.min.css) растёт на высоту строки (36 px) —
       кнопке принятия остаётся столько же места, сколько до строки */
    .right-sidebar.accept-pet-transfer-right-sidebar > .fp-chat-line {
        margin: 0 0 3px;
        padding-top: 11px;
    }
    .accept-pet-transfer-right-sidebar:not(.expanded) {
        height: 101px;
    }
    .right-sidebar.expanded > .fp-chat-line {
        display: none;
    }
    /* низ страницы уходит под полосу на ту же высоту, что и до строки */
    html:not(.fp-tp-page):not(.fp-cbar-page) body {
        padding-bottom: 28px;
    }
    html:not(.fp-tp-page):not(.fp-cbar-page) body.accept-pet-transfer-body {
        padding-bottom: 36px;
    }
    /* панель FR-191: строка лежит над ней и уезжает вместе с ней */
    html.fp-cbar-page .fp-cbar > .fp-chat-line {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 100%;
        margin: 0;
        padding: 3px 12px;
        font-size: 15px;
        line-height: 22px;
        text-align: center;
        background: #fff;
    }
    html.fp-cbar-page body {
        padding-bottom: calc(56px + 28px + env(safe-area-inset-bottom, 0px));
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /* принятие передачи на планшете: у полосы свой отступ сверху, над ссылкой и так 13 px белого —
       строка и высота как до правки APT-01 */
    .right-sidebar.accept-pet-transfer-right-sidebar > .fp-chat-line {
        margin: -4px 0 6px;
        padding-top: 0;
    }
    .accept-pet-transfer-right-sidebar:not(.expanded) {
        height: 89px;
    }
    html:not(.fp-tp-page):not(.fp-cbar-page) body.accept-pet-transfer-body {
        padding-bottom: 28px;
    }
}