/* ==========================================================================
   /features/mcp/ — MCP-сервер DashaMail.

   Страница свёрстана на общих утилитах сайта (main.css + сборка Tailwind).
   Здесь только то, чего в них нет: реплики-примеры в виде пузырей чата,
   блок кода с конфигом, адрес сервера в тексте и маркер-галочка.
   Префикс mcpf- (features), чтобы не пересекаться с другими страницами.
   ========================================================================== */

/* Шапка сайта фиксированная (body padding-top 88px), и переход по якорю
   прячет заголовок раздела под неё. Отступ = шапка плюс воздух. */
#prompts,
#connect,
#tools,
#safety,
#faq {
    scroll-margin-top: 112px;
}

/* Пример просьбы ассистенту — пузырь сообщения, «хвост» слева внизу */
.mcpf-prompt {
    background: #fff;
    border: 1px solid var(--grey-grey-90, #E3E3E8);
    border-radius: 20px 20px 20px 6px;
    padding: 16px 20px;
    font-size: 16px;
    line-height: 24px;
    color: var(--color-text, #2E2E38);
}

/* Адрес сервера, параметр или команда внутри обычного текста */
.mcpf-code {
    font-family: Menlo, Consolas, "SF Mono", monospace;
    font-size: 0.92em;
    color: var(--color-primary-dark, #593F8D);
    background: var(--purple-purple-90, #E2DCEF);
    padding: 2px 7px;
    border-radius: 6px;
    /* Адрес длиннее узкой колонки шага на телефоне — пусть переносится,
       иначе строка уезжает за край экрана. */
    overflow-wrap: anywhere;
}

/* Конфиг для клиентов с ключом. Прокрутка внутри блока: страница
   не должна ехать по горизонтали из-за длинной строки. */
.mcpf-pre {
    margin: 0;
    background: var(--color-text, #2E2E38);
    color: #F7F5F9;
    border-radius: 16px;
    padding: 20px 24px;
    font-family: Menlo, Consolas, "SF Mono", monospace;
    font-size: 14px;
    line-height: 22px;
    white-space: pre;
    overflow-x: auto;
    max-width: 100%;
}

.mcpf-pre .mcpf-key {
    color: #F5C26B;
}

/* Пункт списка гарантий: маркер-галочка в фирменном фиолетовом */
.mcpf-check {
    position: relative;
    padding-left: 36px;
}

.mcpf-check::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--purple-purple-90, #E2DCEF) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='%23593F8D' d='M13.854 3.146a.5.5 0 010 .708l-7 7a.5.5 0 01-.708 0l-3-3a.5.5 0 11.708-.708L6.5 9.793l6.646-6.647a.5.5 0 01.708 0z'/></svg>") center/14px no-repeat;
}