/* cf7-bitrix24-styles.css */

/* Стили для контейнера настроек и карт на страницах плагина */
/* Основной контейнер страниц плагина. Используем белый фон и мягкую тень
   для создания эффекта «карточки». */
.wrap.cf7-bitrix24 {
    background: #ffffff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    max-width: 1000px;
    margin-top: 20px;
}

/* Стили для текстовых и парольных полей на страницах плагина */
/* Стили для полей ввода, селектов и текстовых областей. Более плавные
   углы, светлая рамка и элегантная тень для современного вида. */
.wrap.cf7-bitrix24 input[type="text"],
.wrap.cf7-bitrix24 input[type="password"],
.wrap.cf7-bitrix24 input[type="number"],
.wrap.cf7-bitrix24 textarea,
.wrap.cf7-bitrix24 select {
    width: 100%;
    padding: 10px 12px;
    margin-top: 6px;
    margin-bottom: 18px;
    border: 1px solid #d7dce1;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.wrap.cf7-bitrix24 input[type="text"]:focus,
.wrap.cf7-bitrix24 input[type="password"]:focus,
.wrap.cf7-bitrix24 input[type="number"]:focus,
.wrap.cf7-bitrix24 textarea:focus,
.wrap.cf7-bitrix24 select:focus {
    border-color: #007cba;
    box-shadow: 0 0 0 3px rgba(0, 123, 186, 0.2);
    outline: none;
}

/* Стили для кнопок отправки */
/* Общие стили для кнопок. Добавляем тень и плавную анимацию цвета */
.wrap.cf7-bitrix24 .submit-button,
.cf7-bx24-author .button {
    background-color: #007cba;
    color: #fff;
    border: none;
    padding: 10px 24px;
    font-size: 15px;
    cursor: pointer;
    border-radius: 5px;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
.wrap.cf7-bitrix24 .submit-button:hover,
.cf7-bx24-author .button:hover {
    background-color: #006ba1;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12);
}

/* Стили для таблиц сопоставления */
/* Стили для таблицы сопоставления. Улучшаем читаемость и добавляем
   лёгкую тень вокруг таблицы. */
.cf7-bitrix24 table.widefat.fixed {
    border-collapse: collapse;
    margin-top: 20px;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    overflow: hidden;
}
.cf7-bitrix24 table.widefat.fixed th,
.cf7-bitrix24 table.widefat.fixed td {
    padding: 10px 12px;
    border-bottom: 1px solid #e8e8e8;
}
.cf7-bitrix24 table.widefat.fixed tr:nth-child(odd) {
    background-color: #fbfbfb;
}

/* Стили для стандартной формы настроек (form-table) на страницах плагина */
/* Сделаем таблицы формы, такие как на Pro‑странице, более современными,
   чтобы они гармонировали с обновлённым дизайном. */
.wrap.cf7-bitrix24 table.form-table {
    margin-top: 20px;
    width: 100%;
    background: #ffffff;
    border-collapse: collapse;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    overflow: hidden;
}
.wrap.cf7-bitrix24 table.form-table th,
.wrap.cf7-bitrix24 table.form-table td {
    padding: 10px 12px;
    border-bottom: 1px solid #e8e8e8;
}
.wrap.cf7-bitrix24 table.form-table tr:nth-child(odd) {
    background-color: #fbfbfb;
}

/* Стили для блока автора */
/* Блок автора. Придаём более элегантный вид с тенью и мягким фоном */
.cf7-bx24-author {
    margin-top: 35px;
    padding: 24px;
    background: #f5faff;
    border-left: 4px solid #007cba;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.cf7-bx24-author h3 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 18px;
    color: #333;
}
.cf7-bx24-author p {
    margin-top: 0;
    margin-bottom: 12px;
    color: #555;
    line-height: 1.4;
}
.cf7-bx24-author .button {
    display: inline-block;
    margin-top: 10px;
}

/* Стили для отключенных вкладок Pro функций */
.nav-tab-wrapper .nav-tab-disabled {
    background-color: #f1f1f1;
    color: #a7aaad;
    cursor: not-allowed;
    opacity: 0.6;
    pointer-events: none;
    margin-right: 5px;
    padding: 6px 12px;
    border: 1px solid #ddd;
    text-decoration: none;
    display: inline-block;
    border-radius: 3px 3px 0 0;
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: -1px;
}