
    <!-- 2. СТИЛИ 3D ПРОСТРАНСТВА, ВЛАЖНОГО ГЛЯНЦА И ПОТОКА ВОДЫ -->

    /* Трехмерный контейнер-сцена для виджета */
    .crm-vodopad-3d-scene {
        position: relative;
        width: 100%;
        max-width: 750px;
        margin: 50px auto;
        padding-top: 50px; /* Место для разгона водяного потока */
        perspective: none;
    }


.crm-live-3d-card {
    position: relative;
    transform: skewY(-2deg);
    transform-origin: center top;
    animation: crmWaterFloating3D 8s ease-in-out infinite; /* Постоянное покачивание */
    will-change: transform;
    transform-style: flat;
   
}

/* Принудительно делаем внутренний блок карточки прозрачным и глянцевым */
.crm-live-3d-card, 
.crm-live-3d-card .wp-block-post,
.crm-live-3d-card div[class*="wp-block"] {
    background: #ffffff !important; /* Прозрачность 88% — идеальный баланс */
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
    box-shadow: 0 25px 45px rgba(0,0,0,0.06) !important; /* Мягкая объемная тень */
}


    /* Блик и отражение света на поверхности "мокрой" карточки */
    .crm-live-3d-card::after {
        content: "";
        display: none;
        top: 0; left: 0; width: 100%; height: 100%;
        background: none;
        pointer-events: none;
        z-index: 90;
    }

    /* Анимация мягкого покачивания на невидимых волнах */
    @keyframes crmWaterFloating3D {
        0% { transform: rotateX(24deg) translateY(0) rotateZ(0deg); }
        33% { transform: rotateX(21deg) translateY(-5px) rotateZ(0.3deg); }
        66% { transform: rotateX(26deg) translateY(3px) rotateZ(-0.3deg); }
        100% { transform: rotateX(24deg) translateY(0) rotateZ(0deg); }
    }

    /* АКТИВАЦИЯ РЯБИ И 3D ШОКА ПРИ УДАРЕ */
    .crm-card-rippling-active {
        filter: url(#crm-water-ripple-filter); /* Подключаем SVG математику волн */
        animation: crmImpactShock3D 0.55s ease-out forwards !important;
    }

    @keyframes crmImpactShock3D {
        0% { transform: rotateX(24deg) translateY(0); }
        15% { transform: rotateX(32deg) translateY(14px); } /* Тяжелый поток придавил край */
        45% { transform: rotateX(17deg) translateY(-9px); }  /* Пружинистый отскок листа вверх */
        100% { transform: rotateX(24deg) translateY(0); }
    }
	
	
/* Новые точные стили для таблицы акта сверки */
.crm-reconciliation-print-body .row-total-sub { background: #fafafa; font-weight: bold; }
.crm-reconciliation-print-body .row-total-final { background: #f2f2f2; font-weight: bold; font-size: 14px; }
.crm-reconciliation-print-body .cell-right { text-align: right; }
.crm-reconciliation-print-body .cell-debit { text-align: right; color: #16a34a; }
.crm-reconciliation-print-body .cell-credit { text-align: right; color: #ef4444; }

/* Стиль для блока автоматического статуса задолженности */
.crm-reconciliation-print-body .status-debt-block { 
    margin-top: 25px; 
    margin-bottom: 25px; 
    font-size: 14px; 
    font-weight: bold; 
    padding: 12px; 
    background: #f8fafc;
}

		
	/* ==========================================================================
   СТИЛИ ДЛЯ ПЕЧАТНОЙ ФОРМЫ АКТА (ИЗ CLASS-USER-BALANCE.PHP)
   ========================================================================== */
.crm-act-print-body { font-family: Arial, sans-serif; font-size: 14px; color: #333; padding: 40px; line-height: 1.5; }
.crm-act-print-body .header { text-align: center; font-weight: bold; font-size: 18px; margin-bottom: 40px; text-transform: uppercase; }
.crm-act-print-body .parties { margin-bottom: 30px; font-size: 14px; }
.crm-act-print-body .table-acts { width: 100%; border-collapse: collapse; margin-bottom: 30px; }
.crm-act-print-body .table-acts th, .crm-act-print-body .table-acts td { border: 1px solid #000; padding: 10px; text-align: left; }
.crm-act-print-body .table-acts th { background-color: #f2f2f2; font-weight: bold; text-align: center; }
.crm-act-print-body .total-block { text-align: right; font-weight: bold; font-size: 16px; margin-bottom: 40px; }
.crm-act-print-body .signatures { display: flex; justify-content: space-between; margin-top: 60px; }
.crm-act-print-body .sig-line { width: 200px; border-bottom: 1px solid #000; display: inline-block; margin-right: 10px; }
@media print { 
    .no-print { display: none; } 
    .crm-act-print-body { padding: 0; } 
}


/* ==========================================================================
   СТИЛИ ДЛЯ ПЕЧАТНОЙ ФОРМЫ АКТА СВЕРКИ (ИЗ CLASS-USER-BALANCE.PHP)
   ========================================================================== */
.crm-reconciliation-print-body { font-family: Arial, sans-serif; font-size: 14px; color: #333; padding: 40px; line-height: 1.5; }
.crm-reconciliation-print-body .header { text-align: center; font-weight: bold; font-size: 18px; margin-bottom: 30px; text-transform: uppercase; }
.crm-reconciliation-print-body .parties { display: flex; justify-content: space-between; margin-top: 60px; }
/* Новые чистые классы вместо инлайн-стилей */
.crm-reconciliation-print-body .parties-column-left { flex: 1; border-right: 1px dashed #ccc; padding-right: 20px; }
.crm-reconciliation-print-body .parties-column-right { flex: 1; padding-left: 20px; }
.crm-reconciliation-print-body .table-acts { width: 100%; border-collapse: collapse; margin-bottom: 20px; font-size: 13px; }
.crm-reconciliation-print-body .table-acts th, .crm-reconciliation-print-body .table-acts td { border: 1px solid #000; padding: 8px; text-align: left; }
.crm-reconciliation-print-body .table-acts th { background-color: #f2f2f2; font-weight: bold; text-align: center; }
.crm-reconciliation-print-body .signatures { display: flex; justify-content: space-between; margin-top: 60px; }
.crm-reconciliation-print-body .sig-line { width: 200px; border-bottom: 1px solid #000; display: inline-block; margin-right: 10px; }
@media print { 
    .no-print { display: none; } 
    .crm-reconciliation-print-body { padding: 0; } 
}



/ 1. Спокойные CSS стили: убираем заголовки темы, стираем линию и расширяем сетку


               h1, .wp-block-heading, h1.wp-block-heading, .entry-title, .wp-block-post-title { display: none !important; }
               .crm-accordion-wrapper, ul.wp-block-post-template { max-width: 750px; margin: 40px auto 60px auto !important; display: block !important; box-sizing: border-box; }
                
                /* Тотальное уничтожение любых серых разделительных линий ниже нашего аккордеона */
                .crm-accordion-wrapper ~ div, 
                .crm-accordion-wrapper ~ footer, 
                .crm-accordion-wrapper ~ *,
                footer, .site-footer, .wp-block-template-part, [class*="footer"], .wp-block-group { 
                    border: none !important; 
                    border-top: none !important;
                    box-shadow: none !important; 
                    outline: none !important; 
                }
                
                /* ЖЕСТКАЯ ОПТИМИЗАЦИЯ ПОД ШИРИНУ МОБИЛЬНОГО ЭКРАНА */
                @media screen and (max-width: 768px) {
                    /* Переопределяем глобальные переменные сжатия темы Twenty Twenty-Five */
                    :root {
                        --wp--style--global--content-size: 100% !important;
                        --wp--style--global--wide-size: 100% !important;
                    }
                    
                    /* Разворачиваем аккордеон на 100% ширины дисплея */
                    .crm-accordion-wrapper { 
                        width: 100% !important; 
                        max-width: 100% !important; 
                        padding: 0 12px !important; 
                        margin: 20px 0 40px 0 !important;
                    }
                    
                    /* Ломаем все вложенные обертки блоков Gutenberg, центрирующие контент */
                    .wp-site-blocks, .site-main, .entry-content, .wp-block-post-content, 
                    .wp-block-group, .wp-block-columns, .wp-block-column {
                        max-width: 100% !important;
                        width: 100% !important;
                        min-width: 100% !important;
                        padding-left: 0 !important;
                        padding-right: 0 !important;
                        margin-left: 0 !important;
                        margin-right: 0 !important;
                    }
                    
                    /* КРУПНЫЙ ЧИТАЕМЫЙ ШРИФТ ДЛЯ ТЕКСТА ДОГОВОРА И FAQ */
                    .crm-acc-content { 
                        font-size: 16px !important; 
                        line-height: 1.6 !important; 
                        padding: 18px 12px !important; 
                    }
                    
                    /* Увеличиваем подзаголовки разделов в FAQ */
                    .crm-faq-section h4 { 
                        font-size: 16px !important; 
                        margin-top: 24px !important; 
                        margin-bottom: 10px !important;
                    }
                    
                    /* Увеличиваем шрифт кнопок самих вкладок */
                    .crm-acc-trigger { 
                        font-size: 16px !important; 
                        padding: 16px 14px !important; 
                    }
                }
				
				
            /* Жесткое скрытие всех стандартных элементов темы Twenty Twenty-Five */
            header, footer, .site-header, .site-footer, .wp-block-group, 
            .entry-title, .wp-block-template-part, .site-privacy-policy,
            #wp--skip-link--target, p:contains("работает на WordPress"),
            .wp-block-heading, .wp-block-paragraph { display: none !important; }
            
            /* Полная очистка фона страницы */
            html, body { background: #0f172a !important; padding: 0 !important; margin: 0 !important; overflow: auto !important; min-height: 100vh !important; width: 100vw !important; }
                        
            /* Оставляем видимым только наше модальное окно */
            .crm-blocking-wrapper, .crm-blocking-wrapper * { visibility: visible; }
            
            /* Стили модального окна */
            .crm-blocking-wrapper { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(15, 23, 42, 0.85); z-index: 99999999; display: flex; justify-content: center; align-items: center; font-family: sans-serif; padding: 15px; box-sizing: border-box; }
            .crm-blocking-card { background: #fff; width: 100%; max-width: 680px; max-height: 85vh; border-radius: 12px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); display: flex; flex-direction: column; overflow: hidden; }
            .crm-blocking-header { padding: 18px 24px; background: #f8fafc; border-bottom: 1px solid #e2e8f0; font-weight: 800; font-size: 16px; color: #0f172a; text-transform: uppercase; }
            .crm-blocking-body { padding: 20px 24px; overflow-y: auto; font-size: 15px; color: #334155; line-height: 1.6; }
            .crm-blocking-footer { padding: 16px 24px; background: #f8fafc; border-top: 1px solid #e2e8f0; display: flex; justify-content: flex-end; align-items: center; }
            .crm-scroll-box { border: 1px solid #cbd5e1; border-radius: 6px; padding: 15px; background: #fafafa; max-height: 240px; overflow-y: auto; margin-bottom: 15px; white-space: pre-line; font-size: 14px; }
            .crm-btn-primary { background: #2563eb; color: #fff; border: none; padding: 12px 24px; border-radius: 6px; font-weight: 700; cursor: pointer; font-size: 13px; text-transform: uppercase; }
            .crm-btn-primary:disabled { background: #cbd5e1; cursor: not-allowed; color: #94a3b8; }
            
            /* Специфический адаптив для карточки блокировки договора */

            @media screen and (max-width: 768px) {
                /* Жестко фиксируем карточку в рамках видимого экрана смартфона */
                .crm-blocking-card { 
                    position: fixed !important;
                    top: 10px !important;
                    bottom: 10px !important;
                    left: 10px !important;
                    right: 10px !important;
                    width: calc(100% - 20px) !important;
                    height: calc(100% - 20px) !important;
                    max-height: calc(100% - 20px) !important; 
                    border-radius: 12px !important; 
                    display: flex !important;
                    flex-direction: column !important;
                }
                /* Контейнер тела сжимается и не дает кнопкам уползти */
                .crm-blocking-body { 
                    padding: 12px 15px !important; 
                    font-size: 15px !important; 
                    display: flex !important;
                    flex-direction: column !important;
                    flex: 1 1 auto !important;
                    overflow: hidden !important;
                    min-height: 0 !important;
                }
                /* Серое окошко с договором занимает всё свободное место и скроллится внутри */
                .crm-scroll-box { 
                    flex: 1 1 auto !important;
                    min-height: 0 !important;
                    height: auto !important;
                    max-height: none !important;
                    font-size: 14px !important; 
                    margin-bottom: 10px !important;
                }
                .crm-blocking-header { padding: 12px 15px !important; font-size: 14px !important; }
                /* Подвал с кнопками жестко прибивается к низу видимого экрана */
                .crm-blocking-footer { 
                    padding: 12px 15px !important; 
                    flex-wrap: wrap; 
                    gap: 10px; 
                    flex-shrink: 0 !important;
                }
                #crm_submit_offer_btn { width: 100% !important; text-align: center; }
            }


/* ==========================================================================
   СТИЛИ ШОРТКОДА АККОРДЕОНА (ИЗ CLASS-CRM-DOCUMENTS.PHP СТРОКА 351)
   ========================================================================== */
            .crm-accordion-wrapper { max-width: 750px; margin: 20px auto; font-family: sans-serif; }
            .crm-acc-item { background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; margin-bottom: 12px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.02); }
            .crm-acc-trigger { width: 100%; padding: 16px 20px; background: #f8fafc; border: none; text-align: left; font-size: 15px; font-weight: 700; color: #1e293b; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: 0.15s; }
            .crm-acc-trigger:hover { background: #f1f5f9; }
            .crm-acc-content { padding: 24px; border-top: 1px solid #e2e8f0; display: none; font-size: 14px; color: #334155; line-height: 1.6; }
            .crm-acc-trigger.active .crm-acc-arrow { transform: rotate(180deg); }
            .crm-acc-arrow { transition: transform 0.2s; font-size: 12px; color: #64748b; }
            .crm-act-row { display: flex; justify-content: space-between; align-items: center; padding: 12px 15px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; margin-bottom: 8px; }
            .crm-faq-section h4 { color: #0f172a; font-size: 14px; font-weight: 800; margin-top: 20px; margin-bottom: 6px; text-transform: uppercase; border-bottom: 2px solid #e2e8f0; padding-bottom: 4px; letter-spacing: 0.3px; }
            .crm-faq-section p { margin-bottom: 12px; text-align: justify; margin-top: 0; }
            .crm-faq-section b { color: #2563eb; }


/* Уведомление о финансовой модели внутри FAQ (Из class-crm-documents.php) */
.crm-faq-alert-model {
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #0f172a !important;
    margin-top: 0 !important;
    border-bottom: 2px solid #2563eb !important;
    padding-bottom: 8px !important;
    margin-bottom: 15px !important;
}

/* Адаптив для уведомления на смартфонах, чтобы текст не зажимался */
@media screen and (max-width: 768px) {
    .crm-faq-alert-model {
        font-size: 14px !important; /* Делаем шрифт чуть компактнее для мобильных */
        padding-bottom: 6px !important;
    }
}


    // СТИЛИ: Идеальное выравнивание и запрет переносов текста
/* ==========================================================================
   СТИЛИ ТРЕХ ФИНАНСОВЫХ ПЛАШЕК (ИЗ CLASS-NAVIGATION.PHP СТРОКА 448)
   ========================================================================== */
        .crm-stats-triple-container { display: flex !important; flex-direction: column !important; gap: 10px !important; margin-bottom: 20px !important; }
        .crm-stats-row-insides { display: flex !important; gap: 10px !important; width: 100% !important; box-sizing: border-box !important; }
        
        /* Мобильные стили: доля на 100%, инсайды делят строку 50 на 50 */
        .crm-share-box-item { width: 100% !important; box-sizing: border-box !important; }
        .crm-inside-box-item { width: 50% !important; box-sizing: border-box !important; }
        
        /* Фикс для мобильного проданного инсайда: запрещаем перенос букв */
        .crm-stats-no-wrap-text { white-space: nowrap !important; }

        /* Магия для ПК (экраны шире 768px): делим строку строго на три равные части */
        @media (min-width: 769px) {
            .crm-stats-triple-container { flex-direction: row !important; align-items: stretch !important; gap: 12px !important; }
            .crm-stats-row-insides { width: 66.66% !important; gap: 12px !important; }
            .crm-share-box-item { width: 33.33% !important; }
            .crm-inside-box-item { width: 50% !important; } /* Внутри 66.66% две плашки по 50% дадут ровно по 33.33% от общего экрана */
        }
			
			

    // СТИЛИ ПЕРЕКЛЮЧЕНИЯ ДЛЯ ПК ВНУТРИ МОДУЛЯ
			
/* ==========================================================================
   СТИЛИ ПЛАНИРОВЩИКА ЗАДАЧ (ИЗ CLASS-NAVIGATION.PHP СТРОКА 476)
   ========================================================================== */
        .crm-scheduler-main-flex { display: flex !important; flex-direction: column !important; gap: 10px !important; width: 100% !important; box-sizing: border-box !important; }
        .crm-scheduler-inputs-line { display: flex !important; align-items: center !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; }
        .crm-scheduler-comment-box { width: 100% !important; box-sizing: border-box !important; }

        /* Фикс для реальных телефонов: заставляем нативную маску браузера встать по центру */
        .crm-task-date::-webkit-datetime-edit { display: inline-flex !important; justify-content: center !important; width: 100% !important; text-align: center !important; padding: 0 !important; }
        .crm-task-date::-webkit-datetime-edit-fields-wrapper { display: inline-flex !important; justify-content: center !important; width: auto !important; }
        
        /* Сносим скрытые отступы Safari на iPhone */
        .crm-task-date::-webkit-calendar-picker-indicator { margin: 0 0 0 4px !important; padding: 0 !important; }

        /* Адаптивный текст кнопок через медиазапросы */
        .crm-save-task-btn:after { content: "Создать" !important; }
        .crm-close-task-btn:after { content: "Закрыть" !important; }

        @media (min-width: 769px) {
            .crm-scheduler-main-flex { flex-direction: row !important; gap: 12px !important; }
            .crm-scheduler-inputs-line { width: auto !important; }
            .crm-task-text-input-field { text-align: left !important; }
            
            /* На ПК меняем текст кнопок на длинный вариант */
            .crm-save-task-btn:after { content: "🚀 Новая задача" !important; }
            .crm-close-task-btn:after { content: "✓ Задача закрыта" !important; }
        }

// 1. БЛОК ПЛАНИРОВЩИКА ЗАДАЧ (ЧИСТАЯ НАТИВНАЯ МАСКА ДАТЫ)
/* Главная обертка планировщика задач (Вынесли из инлайна строки 473) */
.crm-scheduler-box {
    background: #fff7f2 !important;
    border: 1px solid #fed7aa !important;
    border-radius: 8px !important;
    padding: 14px !important;
    margin-bottom: 20px !important;
}

// Левая половина строки (ровно 50% пространства, текст строго по центру)
/* Колонки левой и правой половины планировщика */
.crm-scheduler-col { 
    flex: 1 !important; 
    display: flex !important; 
    justify-content: center !important; 
    align-items: center !important; 
    box-sizing: border-box !important; 
}

/* ЮВЕЛИРНЫЙ ПЕРЕНОС ИНЛАЙНОВ СТРОКИ КНОПОК ПЛАНИРОВЩИКА */
.crm-scheduler-btn-row {
    width: 100% !important;
    margin-top: 14px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    font-size: 0 !important;
    display: block !important;
}

/* Стили для самих кнопок (Новая задача и Задача закрыта) */
.crm-scheduler-btn-item {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48% !important;
    box-sizing: border-box !important;
}

/* Адаптив для смартфонов: расширяем кнопки на 100% и ставим друг под друга */
@media screen and (max-width: 768px) {
    .crm-scheduler-btn-item {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
}



/* ==========================================================================
   КОРРЕКТНЫЙ ПЕРЕНОС ИНЛАЙНОВ КАЛЕНДАРЯ И КОММЕНТАРИЯ (ИЗ СТРОК 489 И 496)
   ========================================================================== */

/* Полные стили для инпута Календаря (строка 489) */
input.crm-task-date {
    padding: 10px 6px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: #334155 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    height: 40px !important;
    max-width: 160px !important;
    cursor: pointer !important;
    text-align: center !important;
}

/* Полные стили для инпута Комментария (строка 496) */
input.crm-task-text-input-field {
    width: 100% !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 10px !important;
    text-align: center !important;
}

/* Адаптив для мобильных версий: расширяем календарь до 100%, чтобы он не зажимался */
@media screen and (max-width: 768px) {
    input.crm-task-date {
        max-width: 100% !important;
    }
}


    // ИЗОЛИРОВАННЫЙ БЛОК МОБИЛЬНОЙ АДАПТАЦИИ СТРАНИЦЫ «МОИ ЗАЯВКИ»
	
        @media screen and (max-width: 768px) {
            /* 1. Сбрасываем жесткие ограничения ширины темы Twenty Twenty-Five */
            :root {
                --wp--style--global--content-size: 100% !important;
                --wp--style--global--wide-size: 100% !important;
            }
            
            /* Полная очистка родительских полей шаблона темы по краям дисплея */
            .crm-my-leads-container, .wp-site-blocks, main, .site-main, 
            .entry-content, .wp-block-post-content, .wp-block-group {
                max-width: 100% !important;
                width: 100% !important;
                min-width: 100% !important;
                box-sizing: border-box !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
            }

            /* 2. Растягиваем саму карточку заявки на 100% ширины экрана телефона */
            .crm-lead-card-box,
            div[style*="max-width:750px"] {
                max-width: 100% !important;
                width: 100% !important;
                min-width: 100% !important;
                box-sizing: border-box !important;
                padding: 14px 10px !important;
                margin-bottom: 12px !important;
                border-radius: 0 !important;
                box-shadow: none !important;
                border-left: none !important;
                border-right: none !important;
            }

            .crm-lead-card-box > div[style*="display:flex;"] {
                padding: 0 4px !important;
                margin-bottom: 10px !important;
            }
            .crm-lead-card-box h4 {
                font-size: 18px !important;
                display: flex !important;
                flex-wrap: wrap !important;
                gap: 6px !important;
            }

            .crm-lead-card-box div[style*="background:#f8fafc;"][style*="padding:18px;"] {
                padding: 10px !important;
                margin-top: 8px !important;
                margin-bottom: 8px !important;
                border-radius: 8px !important;
            }


            /* 2. РАЗМЕЩАЕМ ТЕЛЕФОН И КНОПКУ ЗАПИСИ В ОДНУ СТРОКУ БОК О БОК */
            .crm-lead-card-box div[style*="display:flex; justify-content:space-between;"][style*="flex-wrap:wrap;"] {
                display: flex !important; /* Включаем флексы обратно */
                flex-wrap: nowrap !important; /* Категорически запрещаем перенос на вторую строчку */
                justify-content: space-between !important;
                width: 100% !important;
                gap: 8px !important; /* Компактный зазор между телефоном и кнопкой */
                margin-top: 10px !important;
                margin-bottom: 10px !important;
            }
            
            /* Универсальный сброс min-width для обоих блоков в строке (и телефона, и кнопки) */
            .crm-lead-card-box div[style*="display:flex; justify-content:space-between;"][style*="flex-wrap:wrap;"] > div,
            .crm-lead-card-box div[style*="display:flex; justify-content:space-between;"][style*="flex-wrap:wrap;"] > a {
                flex: 1 1 50% !important;
                width: calc(50% - 4px) !important;
                max-width: calc(50% - 4px) !important;
                min-width: 0 !important; /* НАМЕРТВО УБИВАЕМ ИНЛАЙН СТИЛЬ МИНИМАЛЬНОЙ ШИРИНЫ ТЕМЫ */
                height: 42px !important; /* Выравниваем высоту в один уровень */
                box-sizing: border-box !important;
                margin: 0 !important;
            }

            /* Точечный фикс внутренних отступов для блока номера телефона (первый блок) */
            .crm-lead-card-box div[style*="background:#f0fdf4;"][style*="border:1px dashed #16a34a;"] {
                font-size: 14px !important; /* Слегка уменьшили шрифт, чтобы маска номера гарантированно влезла */
                padding: 0 4px !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
            }

            /* Точечный фикс для синей кнопки ЗАПИСЬ или серого блока без записи (второй блок) */
            .crm-lead-card-box a[style*="background:#2563eb;"],
            .crm-lead-card-box div[style*="border:1px dashed #cbd5e1;"] {
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                font-size: 13px !important;
                text-transform: uppercase !important;
            }



            /* 3. Удобный перенос цветных тегов-плашек (📍 Город, Ниша, Срок) */
            .crm-lead-card-box div[style*="gap:12px;"][style*="flex-wrap:wrap;"] {
                gap: 6px !important;
                margin-bottom: 10px !important;
            }
            .crm-lead-card-box div[style*="gap:12px;"][style*="flex-wrap:wrap;"] span {
                padding: 4px 8px !important;
                font-size: 12px !important;
            }

            /* 4. РАСЧЕТ ДОЛИ (Раздельные плашки расходов/доходов мастера) */
            .crm-lead-card-box div[style*="background:#fef2f2;"],
            .crm-lead-card-box div[style*="background:#f0fdf4;"],
            .crm-lead-card-box div[style*="background:#eff6ff;"] {
                flex: 1 1 100% !important;
                width: 100% !important;
                max-width: 100% !important;
                padding: 8px 10px !important;
                font-size: 11px !important;
                margin-bottom: 2px !important;
                box-sizing: border-box !important;
            }

            /* 5. ФОРМА ПЛАНИРОВЩИКА ЗАДАЧ И КОММЕНТАРИЕВ */
            .crm-lead-card-box div[style*="background:#fff7f2;"] {
                padding: 12px !important;
                border-radius: 8px !important;
                margin-bottom: 12px !important;
            }
            .crm-lead-card-box div[style*="background:#fff7f2;"] h5 {
                margin-bottom: 8px !important;
            }
            .crm-lead-card-box div[style*="background:#fff7f2;"] input[type="date"],
            .crm-lead-card-box div[style*="background:#fff7f2;"] input[type="text"] {
                width: 100% !important;
                max-width: 100% !important;
                margin-bottom: 6px !important;
                box-sizing: border-box !important;
            }
            

            /* Кнопки планировщика (НОВАЯ ЗАДАЧА / ЗАДАЧА ЗАКРЫТА) В ОДНУ СТРОКУ БОК О БОК */
            .crm-lead-card-box div[style*="background:#fff7f2;"] {
                display: flex !important;
                flex-direction: column !important;
            }
            
            /* Находим обертку, в которой лежат две кнопки планировщика, и включаем флекс */
            .crm-lead-card-box div[style*="background:#fff7f2;"] form,
            .crm-lead-card-box div[style*="background:#fff7f2;"] > div:last-child {
                display: flex !important;
                flex-wrap: nowrap !important; /* Запрещаем перенос строк */
                justify-content: space-between !important;
                width: 100% !important;
                gap: 8px !important; /* Зазор между кнопками */
                margin-top: 6px !important;
            }
            
            /* Каждая кнопка занимает ровно половину строки */
            .crm-lead-card-box div[style*="background:#fff7f2;"] button {
                flex: 1 1 50% !important;
                width: calc(50% - 4px) !important;
                max-width: calc(50% - 4px) !important;
                min-width: 0 !important;
                margin: 0 !important; /* Обнулили старый нижний маргин */
                padding: 12px 4px !important; /* Сбалансированные отступы */
                font-size: 11px !important; /* Уплотненный шрифт, чтобы текст кнопок не рвался */
                height: 42px !important; /* Идентичная высота кнопок планировщика */
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                text-transform: uppercase !important;
            }



            .crm-lead-card-box textarea.crm-blur-save {
                padding: 8px !important;
                font-size: 14px !important;
            }

            .crm-lead-card-box div[style*="gap:14px;"][style*="flex-wrap:wrap;"] {
                display: block !important;
                width: 100% !important;
            }
            .crm-lead-card-box div[style*="gap:14px;"][style*="flex-wrap:wrap;"] > div {
                width: 100% !important;
                max-width: 100% !important;
                margin-bottom: 8px !important;
            }
            .crm-lead-card-box input.crm-blur-save[data-type="kp_amount"] {
                width: 100% !important;
                max-width: 100% !important;
                height: 44px !important;
                box-sizing: border-box !important;
            }
            .crm-lead-card-box button.crm-sell-inside-btn {
                width: 100% !important;
                max-width: 100% !important;
                height: 44px !important;
                display: flex !important;
            }

            .crm-lead-card-box div[style*="background:#f4fbf7;"] {
                padding: 12px !important;
                border-radius: 8px !important;
            }
            .crm-lead-card-box div[style*="background:#f4fbf7;"] div[style*="display:flex;"] {
                display: block !important;
            }
            .crm-lead-card-box input.crm-contract-amount-input {
                width: 100% !important;
                max-width: 100% !important;
                margin-bottom: 8px !important;
            }
            .crm-lead-card-box button.crm-sign-contract-btn {
                width: 100% !important;
                max-width: 100% !important;
                display: flex !important;
            }
        }


/* ==========================================================================
   СТИЛИ АВТОНОМНОЙ ШАПКИ И ИНЖЕКТОРА НАВИГАЦИИ (ИЗ СТРОК 819-827)
   ========================================================================== */

/* Скрываем стандартную тему на страницах заявок, финансов и документов */
.page-id-my-leads .wp-block-query,
.page-id-finance .wp-block-query,
.page-id-documents .wp-block-query { 
    display: none !important; 
}

/* Тотальное отключение элементов шапки и подвала родительской темы */
.wp-block-group.has-background, header, .site-header, .wp-block-navigation, 
.wp-block-site-title, .site-title, .wp-block-post-title, .wp-block-heading {
    display: none !important;
}



 /* --------------------------------------------------
    БАЗОВЫЕ СТИЛИ ДЛЯ ПК (Сохранены из оригинального файла)
    -------------------------------------------------- */
	
 body { padding-top: 60px !important; background-color: #f4f4f5 !important; }
 body.page-id-1063 { padding-top: 70px !important; }
 body.page-id-1749 { padding-top: 60px !important; }
 #crm_perfect_header_box {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  max-width: 750px;
  width: 100%;
  height: 85px;
  padding: 0 20px;
  box-sizing: border-box;
  font-family: sans-serif;
  z-index: 9999999;
 }
 .crm-header-background-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 85px;
  background-color: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  z-index: 9999998;
  box-shadow: 0 1px 3px rgba(0,0,0,0.02);
 }
 .crm-header-logo {
  text-decoration: none;
  color: #0f172a;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.5px;
  font-family: sans-serif;
 }
 .crm-mobile-row-2 {
  display: flex !important;
  gap: 20px !important;
  margin-left: 25px !important;
  margin-right: auto !important;
  align-items: center !important;
 }
 .crm-logout-wrapper-box {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
 }';

 /* --------------------------------------------------
    ИЗОЛИРОВАННЫЙ КРЕМНИЕВЫЙ МЕДИА-ЗАПРОС ДЛЯ СМАРТФОНОВ (Под 394х844)
    -------------------------------------------------- */

  @media screen and (max-width: 580px) {
  body { padding-top: 115px !important; } /* Для всех остальных страниц на мобильном */
  body.home { padding-top: 115px !important; } /* Для Главной на мобильном */
  body.page-id-1063 { padding-top: 85px !important; } /* ДЛЯ СТРАНИЦЫ "МОИ ЗАЯВКИ" НА МОБИЛЬНОМ */
  body.page-id-1749 { padding-top: 75px !important; } /* ДЛЯ СТРАНИЦЫ "ФИНАНСЫ" НА МОБИЛЬНОМ */
 
  .crm-header-background-bar {
   height: auto !important;
   min-height: 110px !important;
   box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
  }


#crm_perfect_header_box {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    height: 85px !important; /* Оставляем аккуратную высоту */
    padding: 0 16px !important;
    transform: none !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    position: fixed !important;
    top: 0 !important;
}

/* ЛОГОТИП СЛЕВА */
.crm-header-logo {
    display: block !important;
    width: auto !important;
}

/* КНОПКА FAQ И ВЫЙТИ СПРАВА */
.crm-logout-wrapper-box {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* ТРАНСФОРМИРУЕМ НАВИГАЦИЮ В КНОПКУ-БУРГЕР С БАЛАНСОМ */
.crm-mobile-row-2 {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important; /* База для абсолютного позиционирования меню */
    cursor: pointer !important;
    height: 100% !important;
}

/* Скрываем текстовые ссылки "Мои заявки" и "Финансы" внутрь выпадающего списка */
.crm-mobile-row-2 a,
.crm-mobile-row-2 span:not(.crm-balance-container):not(.crm-balance-container *) {
    position: absolute !important;
    top: 65px !important; /* Меню выпадает строго под шапкой */
    right: 0 !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.15) !important;
    padding: 12px 16px !important;
    width: 150px !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    color: #334155 !important;
    text-decoration: none !important;
    text-align: left !important;
    z-index: 999999 !important;
    
    /* Состояние скрыто по умолчанию */
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-8px) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Ссылка "Финансы" (второй элемент) встает ровно под "Мои заявки" (первый элемент) */
.crm-mobile-row-2 a:nth-child(2),
.crm-mobile-row-2 span:nth-child(2) {
    top: 110px !important; /* Сдвигаем ниже, чтобы ссылки не накладывались друг на друга */
}

/* Зеленый баланс всегда на виду и выполняет роль кнопки Бургера */
.crm-balance-container {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    font-weight: bold !important;
    background: #f0fdf4 !important; /* Нежный зеленый фон кнопки */
    border: 1px solid #bbf7d0 !important;
    padding: 6px 10px !important;
    border-radius: 6px !important;
}
/* Добавляем маленькую стрелочку "вниз" к балансу, чтобы мастер понимал, что это меню */
.crm-balance-container::after {
    content: " ▾" !important;
    font-size: 12px !important;
    color: #16a34a !important;
}

/* МАГИЯ КЛИКА: При нажатии пальцем на баланс, ссылки плавно выпадают списком! */
.crm-mobile-row-2:active a,
.crm-mobile-row-2:focus-within a,
.crm-mobile-row-2:hover a {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}



  .page-id-1749 main .entry-content,
  .page-id-1749 #crm-finance-modal-block,
  .page-id-1749 div[style*="max-width:750px"] {
   margin: 0 auto !important;
   max-width: 100% !important;
   width: 100% !important;
   box-sizing: border-box !important;
   padding: 10px !important;
  }
 }';



// Оставляем стили для скрытия иконки календаря и адаптивности

    .crm-filter-form { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; width: 100%; box-sizing: border-box; background: none !important; border: none !important; box-shadow: none !important; margin: 0 !important; padding: 0 !important; }
    .crm-filter-group { display: flex; align-items: center; gap: 6px; }
    .crm-filter-label { font-size: 14px; font-weight: 700; color: #64748b; font-family: sans-serif; }
    .crm-filter-actions { display: flex; align-items: center; white-space: nowrap; }
    
    /* Скрытие иконки календаря */
    .crm-clean-date::-webkit-calendar-picker-indicator {
        display: none !important;
        -webkit-appearance: none !important;
    }
    
    @media (max-width: 600px) {
       .crm-filter-form { gap: 10px; }
       .crm-filter-group { flex: 1 1 calc(50% - 5px); min-width: 110px; }
       .crm-filter-actions { flex: 1 1 100%; justify-content: center; margin-top: 4px; }
       .crm-filter-actions button, .crm-filter-actions a { flex: 1; text-align: center; justify-content: center; display: flex; align-items: center; }
   }


/* ==========================================================================
   КОРРЕКТНЫЙ ПЕРЕНОС ИНЛАЙНОВ ФИЛЬТРА И ФОРМЫ СЧЕТОВ (ИЗ СТРОК 921-961)
   ========================================================================== */

/* Главный контейнер финансового блока (строка 921) */
.crm-finance-modal-main-box {
    max-width: 750px;
    margin: 30px auto;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
}

/* Обертка формы фильтра (строка 924) */
.crm-filter-form-wrapper {
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    justify-content: center;
}

/* Инпуты выбора дат календаря (строки 933 и 936) */
input.crm-clean-date {
    padding: 8px 10px;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
}

/* Кнопка "Сбросить фильтр" (строка 945) */
.crm-filter-btn-reset {
    background: #cbd5e1 !important;
    color: #475569 !important;
    text-decoration: none !important;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    display: inline-block;
}

/* Кнопка "Показать" (строка 948) */
.crm-filter-btn-submit {
    background: #2563eb !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 20px;
    height: 40px;
    border-radius: 6px;
}

/* Форма генерации счета (строка 958) */
.crm-invoice-generation-form {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 10px;
    padding: 0 10px;
}

/* Заголовок "СЧЕТ НА ОПЛАТУ" (строка 960) */
.crm-invoice-title-text {
    font-size: 14px;
    font-weight: 700;
    color: #1a252f;
    font-family: system-ui, sans-serif;
}

/* Поле ввода суммы счета (строка 961) */
input.crm-invoice-amount-input {
    padding: 10px 12px;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
}

/* Кнопка "Создать счет" (строка 962) */
.crm-invoice-btn-submit {
    height: 40px;
    padding: 0 20px;
    background-color: #20a745 !important;
    color: white !important;
    border: none;
    border-radius: 6px;
    font-weight: bold;
}

/* АДАПТИВ ДЛЯ МОБИЛЬНЫХ ЭКРАНОВ СМАРТФОНОВ */
@media screen and (max-width: 768px) {
    .crm-finance-modal-main-box {
        margin: 10px !important;
        padding: 15px !important;
        width: calc(100% - 20px) !important;
    }
    .crm-invoice-generation-form {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    input.crm-invoice-amount-input, .crm-invoice-btn-submit {
        width: 100% !important;
    }
}



/* Полные стили для инпутов выбора дат календаря из строк 933 и 936 */
input.crm-clean-date {
    padding: 8px 10px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    color: #334155 !important;
    background: #ffffff !important;
    font-family: sans-serif !important;
    font-size: 14px !important;
    max-width: 140px !important;
    height: 38px !important;
    text-align: center !important;
}

/* Адаптив для смартфонов: на маленьких экранах даем календарям больше ширины */
@media screen and (max-width: 580px) {
    input.crm-clean-date {
        max-width: 100% !important;
        flex: 1 !important;
    }
}



/* Кнопка "Сбросить фильтр" (строка 946) */
.crm-filter-btn-reset {
    background: #cbd5e1 !important;
    color: #475569 !important;
    text-decoration: none !important;
    padding: 0 20px !important;
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 6px !important;
    display: inline-block !important;
    font-family: sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

/* Кнопка "Показать" (строка 948) */
.crm-filter-btn-submit {
    background: #2563eb !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 20px !important;
    height: 40px !important;
    border-radius: 6px !important;
    font-family: sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    cursor: pointer !important;
}



/* Форма генерации счета (строка 958) */
.crm-invoice-generation-form {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin-bottom: 10px !important;
    padding: 0 10px !important;
}

/* Заголовок "СЧЕТ НА ОПЛАТУ" (строка 960) */
.crm-invoice-title-text {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1a252f !important;
    font-family: system-ui, sans-serif !important;
}

/* Поле ввода суммы счета (строка 961) */
input.crm-invoice-amount-input {
    padding: 10px 12px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    width: 130px !important;
    height: 38px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    font-family: sans-serif !important;
    color: #334155 !important;
    background: #ffffff !important;
}

/* Кнопка "Создать счет" (строка 962) */
.crm-invoice-btn-submit {
    height: 40px !important;
    padding: 0 25px !important;
    background-color: #28a745 !important;
    color: white !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-family: sans-serif !important;
}

/* Мобильный адаптив для формы счета: разворачиваем элементы вертикально */
@media screen and (max-width: 580px) {
    .crm-invoice-generation-form {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    input.crm-invoice-amount-input,
    .crm-invoice-btn-submit {
        width: 100% !important;
    }
    
    /* СБРОС БЛОКИРОВКИ GUTENBERG: убираем принудительные зажимы ядра темы */
    .is-layout-constrained > :not(.alignleft):not(.alignright):not(.alignfull),
    .wp-block-group.is-layout-constrained {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    /* Раскрываем список и сами карточки заявок на всю ширину экрана смартфона */
    ul.wp-block-post-template,
    .crm-main-card-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 10px !important; /* Легкий внутренний отступ, чтобы текст карточки не лип к стеклу телефона */
        padding-right: 10px !important;
    }
}





/* Разделительная линия между счетом и историей (строка 966) */
.crm-finance-divider-line {
    border: 0 !important;
    border-top: 1px solid #eeeeee !important;
    margin: 10px 0 !important;
}

/* Контейнер списка истории финансовых операций (строка 975) */
.crm-finance-history-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 30px !important;
}




/* Главная плашка одной финансовой операции (строка 1057) */
.crm-finance-item-card {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px !important;
    background: #f8fafc !important; /* Серый фон из вашей строки 1057 */
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    margin-bottom: 10px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* Стили для текста заголовка и даты (строки 1058-1059) */
.crm-finance-item-title { font-size: 14px !important; font-weight: bold !important; color: #0f172a !important; }
.crm-finance-item-date { font-size: 12px !important; color: #64748b !important; margin-right: 10px !important; }

/* Общий стиль для блока суммы (строка 1060) */
.crm-finance-item-amount {
    font-weight: 800 !important;
    font-size: 15px !important;
    white-space: nowrap !important;
}




/* Главный контейнер-обертка заглушки (строка 1067) */
.crm-finance-empty-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 40px 20px !important;
    margin-top: 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Иконка папки (строка 1068) */
.crm-finance-empty-icon {
    font-size: 48px !important;
    margin-bottom: 16px !important;
}

/* Заголовок "История операций пуста" (строка 1069) */
.crm-finance-empty-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin: 0 0 8px 0 !important;
    font-family: sans-serif !important;
}

/* Подстрочный текст описания (строка 1070) */
.crm-finance-empty-desc {
    font-size: 14px !important;
    color: #64748b !important;
    margin: 0 !important;
    font-family: sans-serif !important;
    max-width: 400px !important;
    line-height: 1.5 !important;
}



// ТОТАЛЬНОЕ РАСШИРЕНИЕ ВСЕХ ВНЕШНИХ КОНТЕЙНЕРОВ СТРАНИЦЫ ФИНАНСОВ ПО КРАЯМ ЭКРАНА СМАРТФОНА


        @media screen and (max-width: 768px) {
            /* 1. Сбрасываем жесткие ограничения ширины и отступы темы Twenty Twenty-Five */
            :root {
                --wp--style--global--content-size: 100% !important;
                --wp--style--global--wide-size: 100% !important;
            }
            
            html, body, .wp-site-blocks, main, .site-main, article, .post,
            .entry-content, .wp-block-post-content, .wp-block-group, 
            .wp-block-columns, .wp-block-column, div[class*="content"] {
                max-width: 100% !important;
                width: 100% !important;
                min-width: 100% !important;
                box-sizing: border-box !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
            }

            #crm-finance-modal-block, div[style*="max-width:750px"] {
                max-width: 100% !important;
                width: 100% !important;
                min-width: 100% !important;
                box-sizing: border-box !important;
                padding: 16px 12px !important;
                margin: 15px 0 !important;
                border-left: none !important;
                border-right: none !important;
                border-radius: 0 !important;
                box-shadow: none !important;
            }

            /* 2. РАЗМЕЩАЕМ НАДПИСИ И КАЛЕНДАРИ В ОДНУ СТРОКУ (БОК О БОК) */
            #crm-finance-modal-block form,
            .crm-filter-form {
                display: flex !important;
                flex-wrap: wrap !important;
                justify-content: space-between !important;
                width: 100% !important;
                box-sizing: border-box !important;
                padding: 0 !important;
                margin: 0 0 15px 0 !important;
                gap: 10px !important;
            }

            /* Каждый блок (надпись + календарь) занимает половину строки */
            .crm-filter-form > div,
            #crm-finance-modal-block form > div {
                display: flex !important;
                align-items: center !important; /* Выравнивает букву и календарь ровно по центру */
                flex: 1 1 calc(50% - 5px) !important;
                width: calc(50% - 5px) !important;
                max-width: calc(50% - 5px) !important;
                margin-bottom: 0 !important;
                clear: none !important;
                box-sizing: border-box !important;
            }

            /* Выстраиваем С: и ПО: слева от окошек дат в ту же линию */
            .crm-filter-form span,
            #crm-finance-modal-block form span {
                display: inline-block !important;
                margin-bottom: 0 !important;
                margin-right: 6px !important; /* Мягкий отступ от буквы до окошка */
                font-weight: 700 !important;
                font-size: 14px !important;
                color: #475569 !important;
                text-align: left !important;
                white-space: nowrap !important;
                flex-shrink: 0 !important;
            }

            /* Растягиваем поля дат, чтобы они заняли всё оставшееся место справа от букв */
            .crm-filter-form input[type="date"],
            #crm-finance-modal-block form input[type="date"] {
                display: block !important;
                flex-grow: 1 !important;
                width: 100% !important;
                max-width: 100% !important;
                box-sizing: border-box !important;
                padding: 10px 4px !important; /* Уплотненный отступ, чтобы дата гарантированно поместилась */
                font-size: 13px !important; /* Оптимальный размер шрифта для мобильных окошек дат */
                border: 1px solid #cbd5e1 !important;
                border-radius: 6px !important;
            }

            /* 3. КНОПКА «ПОКАЗАТЬ» НА ВСЮ ШИРИНУ СТРОГО ПОД КАЛЕНДАРЯМИ */
            .crm-filter-actions,
            #crm-finance-modal-block .crm-filter-actions {
                display: block !important;
                flex: 1 1 100% !important;
                width: 100% !important;
                max-width: 100% !important;
                box-sizing: border-box !important;
                margin: 5px 0 0 0 !important;
            }

            #crm-finance-modal-block form button[type="submit"] {
                display: block !important;
                width: 100% !important;
                padding: 14px !important;
                font-size: 15px !important;
                font-weight: 700 !important;
                border-radius: 6px !important;
                background: #2563eb !important;
                color: #fff !important;
                border: none !important;
                cursor: pointer !important;
            }

            #crm-finance-modal-block form a {
                display: block !important;
                width: 100% !important;
                text-align: center !important;
                color: #ef4444 !important;
                font-weight: 600 !important;
                font-size: 14px !important;
                text-decoration: underline !important;
                padding: 6px 0 !important;
                margin-top: 5px !important;
            }

            /* 4. Сетчатый фикс разрыва сумм (+5 000 ₽) */
            #crm-finance-modal-block div[style*="display:flex; justify-content:space-between;"] {
                padding: 12px 10px !important;
            }
            div[style*="font-size:15px;"][style*="font-weight:800;"] {
                white-space: nowrap !important;
                font-size: 16px !important;
            }
        }



// Скрываем ссылки регистрации и сброса пароля на системной странице WordPress

        #nav, .gal_login_links { 
            display: none !important; 
        }


 // 1. Прячем кубики и настраиваем анимацию появления новых заявок "как вода"

        /* Полностью скрываем стандартные кубики и стрелки темы */
        nav.wp-block-query-pagination, .wp-block-query-pagination, .page-numbers {
            display: none !important;
        }
        
        /* Кнопка "Показать еще" по центру */
        .crm-load-more-container {
            display: flex !important;
            justify-content: center !important;
            margin: 20px auto 50px auto !important;
            width: 100%;
            clear: both;
        }
        .crm-load-more-btn {
            background-color: #2563eb !important;
            color: #ffffff !important;
            border: none !important;
            padding: 12px 30px !important;
            font-size: 15px !important;
            font-weight: 700 !important;
            font-family: sans-serif !important;
            border-radius: 6px !important;
            cursor: pointer !important;
            box-shadow: 0 4px 6px rgba(37,99,235,0.15) !important;
            transition: all 0.2s ease !important;
        }
        .crm-load-more-btn:hover {
            background-color: #1d4ed8 !important;
            transform: translateY(-1px);
            box-shadow: 0 6px 12px rgba(37,99,235,0.2) !important;
        }

        .crm-load-more-btn:disabled {
            background-color: #94a3b8 !important;
            cursor: not-allowed !important;
            box-shadow: none !important;
        }

        /* Анимация падающей воды для новых карточек */
        .wp-block-post-template li.wp-block-post.crm-waterfall-new {
            animation: waterfallFlowEffect 0.7s cubic-bezier(0.25, 1, 0.5, 1) forwards;
            transform-origin: top center;
            will-change: transform, opacity, max-height;
        }
        @keyframes waterfallFlowEffect {
            0% {
                opacity: 0;
                transform: translateY(-40px) scaleY(0.5);
                max-height: 0;
                filter: blur(4px);
            }
            100% {
                opacity: 1;
                transform: translateY(0) scaleY(1);
                max-height: 1000px;
                filter: blur(0);
            }
        }



// Срабатывает только на главной странице и только для авторизованных мастеров

            @media screen and (max-width: 768px) {
                /* 1. Тотальное уничтожение боковых зажимов и отступов темы Twenty Twenty-Five на Главной */
                :root {
                    --wp--style--global--content-size: 100% !important;
                    --wp--style--global--wide-size: 100% !important;
                }
                
                /* Сбрасываем маргины и паддинги у ВСЕХ внешних каркасных тегов темы, включая списки постов FSE */
                html, body, .wp-site-blocks, main, .site-main, .entry-content, 
                .wp-block-post-content, .wp-block-group, .wp-block-query,
                .wp-block-post-template, ul.wp-block-post-template, li.wp-block-post, 
                article, .post, .type-lead {
                    max-width: 100% !important;
                    width: 100% !important;
                    min-width: 100% !important;
                    box-sizing: border-box !important;
                    padding-left: 0 !important;
                    padding-right: 0 !important;
                    margin-left: 0 !important;
                    margin-right: 0 !important;
                    list-style: none !important;
                }

                /* 2. Растягиваем саму карточку заявки по инлайн-стилю на всю физическую ширину дисплея */
                div[style*="max-width:750px"],
                div[style*="max-width: 750px"] {
                    width: auto !important;
                    max-width: none !important;
                    min-width: 0 !important;
                    /* Принудительно компенсируем скрытую усадку Gutenberg */
                    margin-left: -16px !important; 
                    margin-right: -16px !important;
                    margin-bottom: 12px !important;
                    margin-top: 10px !important;
                    
                    box-sizing: border-box !important;
                    padding: 14px 12px !important;
                    border-radius: 0 !important;
                    border-left: none !important;
                    border-right: none !important;
                    box-shadow: none !important;
                }


                /* 4. БЛОК ВЫКУПА ДОЛИ И КНОПКА В ЕДИНУЮ СТРОКУ (БОК О БОК) */
                div[style*="max-width:750px"] div[style*="background:#f8fafc;"][style*="border:1px solid #e2e8f0;"],
                div[style*="max-width: 750px"] div[style*="background:#f8fafc;"][style*="border:1px solid #e2e8f0;"] {
                    display: flex !important; /* Возвращаем горизонтальный флекс-ряд */
                    flex-wrap: nowrap !important; /* Категорически запрещаем перенос на вторую строчку */
                    justify-content: space-between !important;
                    align-items: center !important; /* Выравниваем текст и кнопку ровно по центру высоты плашки */
                    width: 100% !important;
                    padding: 10px 8px !important; /* Компактные мобильные отступы внутри рамки */
                    border-radius: 8px !important;
                    box-sizing: border-box !important;
                    gap: 6px !important;
                }

                /* Текст "Доля выкупа: 2000 ₽" слева занимает 45% ширины строки */
                div[style*="max-width:750px"] div[style*="font-size:16px;"],
                div[style*="max-width: 750px"] div[style*="font-size:16px;"] {
                    flex: 1 1 45% !important;
                    width: calc(45% - 3px) !important;
                    max-width: calc(45% - 3px) !important;
                    text-align: left !important; /* Прижимаем к левому краю */
                    margin-bottom: 0 !important; /* Убрали нижний отступ */
                    font-size: 13px !important; /* Оптимальный размер, чтобы сумма не рвалась на узких экранах */
                    white-space: nowrap !important; /* Запрещаем перенос рублей на новую строку */
                }

                /* Зеленая кнопка «ВЗЯТЬ В РАБОТУ» справа занимает 55% ширины строки */
                button.crm-buy-share-btn,
                div[style*="background:#fef2f2;"][style*="color:#991b1b;"],
                div[style*="background:#cbd5e1;"][style*="color:#475569;"] {
                    display: flex !important;
                    flex: 1 1 55% !important;
                    width: calc(55% - 3px) !important;
                    max-width: calc(55% - 3px) !important;
                    min-width: 0 !important; /* Сбрасываем жесткие ограничения ширины */
                    height: 38px !important; /* Сделали кнопку чуть компактнее, чтобы строка выглядела изящно */
                    align-items: center !important;
                    justify-content: center !important;
                    font-size: 12px !important; /* Шрифт текста кнопки под одну линию */
                    box-sizing: border-box !important;
                    margin: 0 !important;
                }


            }

/* Жестко скрываем контейнер с кнопкой "Показать еще" для гостей */
body:not(.logged-in) .crm-load-more-container,
body:not(.logged-in) #crm-load-more-container,
body:not(.logged-in) .crm-load-more-btn {
    display: none !important;
}



/* Адаптивность 3D-сцены под мобильные экраны (смартфоны) */
@media screen and (max-width: 768px) {
    .crm-vodopad-3d-scene {
        max-width: 92% !important;
        margin: 20px auto !important;
        padding-top: 20px !important;
    }
    .crm-main-card-wrapper.crm-live-3d-card {
        max-width: 100% !important;
        width: 100% !important;
    }
}


/* Жестко задаем фиксированную ширину для десктопов, чтобы карточка не сжималась */
.crm-main-card-wrapper.crm-live-3d-card {
    width: 750px !important;
}
		
		

/* Пробиваем инлайновую блокировку темы WordPress для страницы Мои заявки */
html body.page-id-1063 div.entry-content div[class*="wp-block"],
html body.page-id-1063 .crm-lead-card-box {
    max-width: 750px !important; /* Нужная ширина заглушки */
    margin-top: 0px !important;  /* Отступ сверху от шапки на ПК (меняй это число) */
    width: 100% !important;
}
		

/* ==========================================================================
   ОПТИМИЗАЦИЯ ОТСТУПОВ И СКРЫТИЕ ПОДВАЛА ТЕМЫ 
   ========================================================================== */

/* 1. Полностью скрываем блок даты под карточкой */
.wp-block-post-date,
div.wp-block-post-date {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Обнуляем гигантские отступы темы вокруг карточек */
li.wp-block-post > div.wp-block-group {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 3. Уменьшаем отступ самого плагина внутри карточки */
.crm-main-card-wrapper {
    margin-bottom: 12px !important; /* Настройте это число (в px) для идеального интервала */
    margin-top: 0 !important;
}

/* 4. Задаем компактное расстояние между элементами списка */
ul.wp-block-post-template {
    gap: 12px !important;
}
li.wp-block-post {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 5. Полностью скрываем стандартный подвал темы */
footer.wp-block-template-part,
.wp-block-template-part-footer,
footer {
    display: none !important;
}



/* ==========================================================================
   СТИЛИ ЗАГЛУШЕК ДЛЯ СТРАНИЦ «МОИ ЗАЯВКИ» И «ФИНАНСЫ»
   ========================================================================== */

/* Полная визуальная копия карточки для всех заглушек */
.crm-empty-box-active {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    
    /* Двухслойная мягкая тень с аппаратным сглаживанием, как на Фото 1 */
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px -1px rgba(0, 0, 0, 0.05) !important;
    transform: translateZ(0); /* Форсируем аппаратное сглаживание краев и тени видеокартой */
    
    text-align: center !important;
    padding: 30px 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}


/* Настройка заглушки на странице «МОИ ЗАЯВКИ» */
.crm-empty-my-leads-box {
    max-width: 650px !important;        /* <=== ЗДЕСЬ МЕНЯЙ ШИРИНУ */
    margin: -80px auto 38px auto !important; /* <=== ПЕРВАЯ ЦИФРА (80px) ЭТО ОТСТУП ОТ ШАПКИ НА ПК */
    width: 650px !important;
}

/* Настройка заглушки на странице «ФИНАНСЫ» */
.crm-empty-finance-box {
    max-width: 650px !important;        /* <=== ШИРИНА ДЛЯ ФИНАНСОВ */
    margin: 40px auto 38px auto !important; /* <=== ОТСТУП ОТ ШАПКИ ДЛЯ ФИНАНСОВ */
}

/* Настройка заглушки на ГЛАВНОЙ СТРАНИЦЕ («Новые заявки») */
.crm-empty-main-leads-box {
    max-width: 650px !important;        /* Ширина для главной заглушки */
    margin: -80px auto 38px auto !important; /* Родной отступ, который стоял в оригинале */
}

/* Анимация пульсирующего индикатора для заглушек */
@keyframes crmPulse {
    0% { opacity: 0.4; }
    50% { opacity: 1; }
    100% { opacity: 0.4; }
}


/* Жесткое выравнивание формы финансов в одну строку на компьютерах */
@media screen and (min-width: 769px) {
/* 1. Разжимаем родительские контейнеры WordPress на странице Финансы */
.page-id-1749 main .is-layout-constrained > div,
.page-id-1749 .entry-content.is-layout-constrained {
    max-width: 100% !important;
    width: 100% !important;
}

/* 2. Задаем новую увеличенную ширину для самого блока финансов */
html body div#crm-finance-modal-block.crm-finance-modal-main-box {
    max-width: 100% !important;
    
    /* 🔴 ЗАДАЙТЕ СЮДА ЛЮБУЮ ШИРИНУ БОЛЬШЕ 750px */
    width: 700px !important; /* Начните с 850px или 900px, чтобы блок стал просторным */
    
    margin: -88px auto 38px auto !important;
}

    /* 2. Принудительно выстраиваем форму шорткода в горизонтальный ряд */
    html body #crm-finance-modal-block form.crm-filter-form {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 20px !important; /* Комфортный отступ между полями и кнопкой */
        width: 100% !important;
    }

    /* 3. Отменяем растягивание внутренних блоков формы, чтобы они не падали */
    html body #crm-finance-modal-block form.crm-filter-form > div {
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: none !important;
    }
}

/* ==========================================================================
   ИЗОЛИРОВАННАЯ ОЧИСТКА СТРАНИЦЫ ДОКУМЕНТОВ (FAQ)
   ========================================================================== */

/* 1. Полностью скрываем дублирующий логотип-текст "CPA-Market" слева */
html body.logged-in.wp-embed-responsive.wp-theme-twentytwentyfive div#page div#header div#heading h1 a,
body.logged-in div#header h1 a,
#header #heading h1 a {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}


/* 2. Полностью скрываем длинную полосу под этим заголовком */
#header + hr {
    display: none !important;
}

/* 3. Ограничиваем ширину аккордеонов и центрируем их на экране */
.crm-accordion-wrapper {
    max-width: 100% !important;  /* Снимаем жесткое ограничение в 650px */
    width: 750px !important;     /* 🔴 СТАВИМ НОВУЮ ШИРИНУ (например, 850px или 900px) */
    margin: 69px auto 38px auto !important; /* Ровный отступ и центрирование */
}


/* Делаем строки аккордеона FAQ белыми, как в заглушке «Мои заявки» */
.crm-accordion-wrapper div[class*="accordion"], 
.crm-accordion-wrapper .crm-accordion-item,
.crm-accordion-wrapper button[class*="trigger"] {
    background: #ffffff !important; /* Чистый плотный белый фон */
    border: 1px solid #e2e8f0 !important; /* Чёткий серый контур */
    border-radius: 8px !important; /* Твой идеальный радиус углов из заглушки */
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px -1px rgba(0, 0, 0, 0.05) !important; /* Мягкая тень */
}

/* Настройка отступа между самими строками аккордеона */
.crm-accordion-wrapper > div {
    margin-bottom: 12px !important; /* Расстояние между плашками */
}


/* Добавляем внутренний скроллинг для открытого контента в аккордеоне */
.crm-accordion-wrapper div[class*="content"],
.crm-accordion-wrapper .crm-accordion-content,
.crm-accordion-wrapper [id*="content"] {
    max-height: 400px !important;     /* <=== МЕНЯЙ ВЫСОТУ: после этого размера появится скролл (например, 300px или 500px) */
    overflow-y: auto !important;      /* Включает вертикальную прокрутку, если текст не влезает */
    overflow-x: hidden !important;    /* Запрещает горизонтальный скролл */
    padding-right: 10px !important;   /* Небольшой отступ справа, чтобы текст не прилипал к полосе прокрутки */
}

/* Красивый и тонкий скролл-бар для современных браузеров (Chrome, Safari, Edge) */
.crm-accordion-wrapper div[class*="content"]::-webkit-scrollbar,
.crm-accordion-wrapper .crm-accordion-content::-webkit-scrollbar {
    width: 6px !important;
}
.crm-accordion-wrapper div[class*="content"]::-webkit-scrollbar-thumb,
.crm-accordion-wrapper .crm-accordion-content::-webkit-scrollbar-thumb {
    background-color: #cbd5e1 !important; /* Цвет бегунка скролла (светло-серый) */
    border-radius: 10px !important;
}
.crm-accordion-wrapper div[class*="content"]::-webkit-scrollbar-track,
.crm-accordion-wrapper .crm-accordion-content::-webkit-scrollbar-track {
    background: transparent !important;
}



/* Адаптивная сетка шапки для мобильных экранов */
@media screen and (max-width: 600px) {
    
    /* 1. Возвращаем скролл для мобильной версии сайта */
    html, body {
        overflow-x: hidden !important;
        overflow-y: auto !important; /* Принудительно разрешаем вертикальную прокрутку */
        height: auto !important;
    }

    /* Скрываем пустую фоновую полосу темы */
    .crm-header-background-bar {
        display: none !important;
        height: 0 !important;
    }

    /* Главный контейнер шапки */
    div#crm_perfect_header_box,
    #crm_perfect_header_box {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;   
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        transform: none !important;
        z-index: 9999999 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        align-items: center !important; /* Вернули по центру, так как высоту теперь контролируют отступы */
        padding: 12px 14px !important;  /* Аккуратный отступ для создания "воздуха" вокруг логотипа */
        background-color: #ffffff !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
        gap: 0px !important;            /* Убрали фиксированный зазор, чтобы он не раздувал гостевую шапку */
    }

    /* БЛОК 1: Логотип */
    .crm-header-logo-v2, .crm-header-logo {
        display: block !important;
        flex-shrink: 0 !important;
        order: 1 !important;
    }

    /* БЛОК 3: FAQ и ВЫЙТИ */
    .crm-logout-wrapper-box {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: auto !important;             
        justify-content: flex-end !important; 
        align-items: center !important;
        gap: 8px !important;                
        margin-top: 0 !important;           
        order: 2 !important;
    }

    /* БЛОК 2: Меню и баланс (Вторая строка) */
    .crm-mobile-row-2 {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;               
        margin: 0 !important;
        padding-top: 8px !important;
        margin-top: 10px !important; /* Отступ между первой и второй строкой только когда они есть */
        border-top: 1px solid #f0f0f0 !important;
        order: 3 !important;
    }

    /* ХАК: Скрываем только пустую строку меню (Мои заявки, Финансы), если пользователь НЕ авторизован */
    body:not(.logged-in) .crm-mobile-row-2 {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }

    /* Для НЕавторизованных блок кнопки ВОЙТИ поднимаем в правый верхний угол к логотипу */
    body:not(.logged-in) .crm-logout-wrapper-box {
        display: flex !important;
        width: auto !important;             
        justify-content: flex-end !important; 
        margin-top: 0 !important;
        padding: 0 !important;
        border: none !important;
        order: 2 !important;                  
    }


    /* Оформление кнопок */
    #crm_perfect_header_box a, 
    #crm_perfect_header_box button {
        padding: 5px 10px !important;        
        font-size: 13px !important;         
        white-space: nowrap !important;
    }

    /* Динамический отступ контента сверху */
    body.logged-in {
        padding-top: 110px !important; /* Большой отступ для авторизованных (2 строки) */
    }
    body:not(.logged-in) {
        padding-top: 70px !important;  /* Компактный отступ для гостей (1 строка) */
    }
    
    #page, main, .wp-block-group {
        margin-top: 0 !important;
    }
}


    /* Подстраховка скролла для внутренних контентных блоков шорткода */
    #page, main, .wp-block-group, .site {
        height: auto !important;
        min-height: 100% !important;
        overflow: visible !important;
    }


    /* Настройка компактной плашки для страницы «Мои заявки» */
    .crm-empty-box-active,
    div.crm-empty-box-active {
        min-height: unset !important;       
        height: 380px !important;           
        max-height: 400px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important; 
        align-items: center !important;
        background-color: #ffffff !important; 
        padding: 20px 15px !important;      
        margin: 15px !important;            
        border-radius: 8px !important;      
        box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important; 
        box-sizing: border-box !important;
    }

    /* Элементы внутри плашки */
    .crm-empty-box-active div[style*="font-size: 54px"] { 
        font-size: 42px !important; 
        margin-bottom: 10px !important; 
    }
    .crm-empty-box-active h3 { 
        font-size: 18px !important; 
        margin-bottom: 8px !important; 
        text-align: center !important; 
    }
    .crm-empty-box-active p { 
        font-size: 13px !important; 
        line-height: 1.4 !important; 
        margin-bottom: 15px !important; 
        text-align: center !important; 
    }


    /* =========================================================================
       1. СТИЛИ ДЛЯ КОМПЬЮТЕРОВ (Экран от 601px и шире) — ПОЛНАЯ СИММЕТРИЯ
       ========================================================================= */
    @media screen and (min-width: 601px) {
        /* Делаем плашку "Мои заявки" один в один как блок "Финансы" */
        .crm-empty-box-active,
        div.crm-empty-box-active,
        #page .crm-empty-box-active {
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            align-items: center !important;
            
            /* Выставляем ширину и высоту как у карточки финансов */
            width: 650px !important;            /* Точная ширина большой карточки финансов на ПК */
            max-width: 100% !important;
            height: 300px !important;           /* Оптимальная аккуратная высота плашки */
            
            /* Делаем отступ от шапки точно таким же, как на финансах */
            margin: -79px auto 40px auto !important; /* 35px — идеальный зазор сверху от меню */
            padding: 40px !important;
            
            background-color: #ffffff !important; /* Чистый белый цвет */
            border-radius: 8px !important;       /* Одинаковый радиус скругления */
            box-shadow: 0 4px 20px rgba(0,0,0,0.04) !important; /* Легкая тень */
            box-sizing: border-box !important;
        }

        /* Центрируем элементы внутри плашки на ПК */
        .crm-empty-box-active h3,
        .crm-empty-box-active p,
        .crm-empty-box-active div {
            text-align: center !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
    }

    /* =========================================================================
       2. СТИЛИ ДЛЯ МОБИЛЬНЫХ (Экран до 600px включительно) — БЕЗ ИЗМЕНЕНИЙ
       ========================================================================= */
    @media screen and (max-width: 600px) {
        .crm-empty-box-active,
        div.crm-empty-box-active {
            min-height: unset !important;       
            height: 360px !important;           
            max-height: 380px !important;
            width: auto !important;             
            max-width: 100% !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important; 
            align-items: center !important;
            background-color: #ffffff !important; 
            padding: 20px 15px !important;      
            margin: 12px 15px 15px 15px !important;
            border-radius: 8px !important;      
            box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important; 
            box-sizing: border-box !important;
        }

        .crm-empty-box-active div[style*="font-size: 54px"] { font-size: 42px !important; margin-bottom: 10px !important; }
        .crm-empty-box-active h3 { font-size: 18px !important; margin-bottom: 8px !important; text-align: center !important; }
        .crm-empty-box-active p { font-size: 13px !important; line-height: 1.4 !important; margin-bottom: 15px !important; text-align: center !important; }

        #page main form, main form, .wp-block-group > form {
            margin-top: 25px !important;   
            padding-left: 15px !important; 
            padding-right: 15px !important;
            box-sizing: border-box !important;
        }
    }
	
	
@media screen and (max-width: 580px) {
    /* Меняйте 15px на любое число, чтобы регулировать высоту */
    .page-id-1749 main .wp-block-group.alignfull, 
    .page-id-1749 main div[style*="padding-top"] {
        padding-top: 22px !important; 
    }
    
    .page-id-1749 #crm-finance-modal-block,
    .page-id-1749 div[id="crm-finance-modal-block"] {
        margin-top: 0px !important;
    }
}
	
	
    @media screen and (max-width: 580px) {
        /* Обнуляем паддинги темы Twenty Twenty-Five на странице документов */
        .page-id-documents main .wp-block-group.alignfull, 
        .page-id-documents main div[style*="padding-top"] {
            padding-top: 0px !important;
        }

        /* Настройки самого аккордеона */
        .crm-accordion-wrapper {
            width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
            padding-left: 12px !important;  
            padding-right: 12px !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            
            /* 🔴 ВОТ ЭТА СТРОКА: УПРАВЛЯЕТ ВЫСОТОЙ (ПОДНИМАЕТ ВВЕРХ) */
            margin-top: 40px !important; 
        }

        /* Адаптируем внутренние элементы */
        .crm-acc-item, 
        .crm-acc-trigger, 
        .crm-acc-content {
            width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
        }
        
        .crm-acc-trigger {
            padding: 14px 12px !important;
        }
        .crm-acc-content {
            padding: 16px 12px !important;
        }
    }
	
	
    /* ==================================================
       ФИНАЛЬНОЕ ВЫРАВНИВАНИЕ СЕТКИ И ВОЗВРАТ СКРОЛЛА НА ПК
       ================================================== */
    @media (min-width: 769px) {
        
        /* 1. ВОЗВРАЩАЕМ СКРОЛЛБАР: убираем конфликты высоты */
        html {
            background-color: #f4f4f5 !important; 
            overflow-y: scroll !important; /* Принудительно держим вертикальный скролл включенным */
        }
        
        body {
            overflow-y: auto !important;  
            overflow-x: hidden !important; /* Намертво стираем нижний горизонтальный скролл */
            height: auto !important;
            min-height: auto !important;   /* Убираем блокировку, которая сломала прокрутку */
            position: static !important;
            background-color: #f4f4f5 !important;
        }

        /* Закрашиваем фон нижнего подвала в цвет сайта, чтобы убрать черную область */
        footer.wp-block-template-part,
        .wp-site-blocks > footer {
            background-color: #f4f4f5 !important;
            margin-top: 0 !important;
        }

        /* 2. Настройки самой карточки */
            div.crm-lead-card-box:not(.crm-empty-my-leads-box) {
            position: relative !important;
            top: -97px !important;       
            left: auto !important;
            display: block !important;
            background: #ffffff !important;
            padding: 24px !important;
            border-radius: 8px !important;
            box-shadow: 0 4px 15px rgba(0,0,0,0.06) !important;
            margin: 0 auto 20px auto !important;
            width: 650px !important;     
            max-width: 100% !important;  
            box-sizing: border-box !important;
        }
 

        /* 3. ИДЕАЛЬНОЕ РАСПРЕДЕЛЕНИЕ ТРЕХ ПЛАШЕК ПО ШИРИНЕ (В ОДИН РЯД) */
        .crm-stats-triple-container {
            display: flex !important;
            flex-direction: row !important; 
            justify-content: space-between !important;
            align-items: stretch !important; /* Все три плашки будут строго одной высоты */
            gap: 12px !important;            /* Ровный аккуратный зазор между ними */
            width: 100% !important;
            margin-top: 15px !important;
            margin-bottom: 15px !important;
            box-sizing: border-box !important;
        }

        /* Распределяем блоки пропорционально в один ряд */
        .crm-stats-triple-container > .crm-share-box-item {
            flex: 1 1 33.33% !important; /* Первая плашка занимает ровно 1/3 ширины */
            width: 33.33% !important;
        }

        .crm-stats-triple-container > .crm-stats-row-insides {
            flex: 2 1 66.66% !important; /* Внутренний контейнер для двух плашек занимает 2/3 */
            width: 66.66% !important;
            display: flex !important;
            flex-direction: row !important; 
            gap: 12px !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        /* Стилизуем абсолютно все три плашки до единого стандарта */
        .crm-share-box-item,
        .crm-inside-box-item {
            flex: 1 1 50% !important; /* Делят оставшееся место пополам */
            margin: 0 !important;
            padding: 12px 4px !important; 
            font-size: 11px !important; 
            text-align: center !important;
            white-space: nowrap !important; /* Текст больше не переносится */
            box-sizing: border-box !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
        }

        /* 4. Телефон и кнопка "Запись" */
        div.crm-lead-card-box div[style*="flex-wrap:wrap;"] {
            flex-wrap: nowrap !important;
            gap: 12px !important;
        }
        div.crm-lead-card-box div[style*="min-width:240px"],
        div.crm-lead-card-box a[style*="min-width:240px"] {
            min-width: 100px !important;
            width: 50% !important;
            flex: 1 1 auto !important;
        }

        /* 5. Планировщик задач (Новая задача / Задача закрыта) */
        .crm-scheduler-main-flex {
            display: flex !important;
            flex-direction: row !important;
            gap: 12px !important;
            align-items: center !important;
            margin-bottom: 10px !important;
        }
        .crm-scheduler-inputs-line {
            display: flex !important;
            align-items: center !important;
            gap: 6px !important;
            width: 40% !important;
        }
        .crm-scheduler-comment-box {
            width: 60% !important;
        }
        .crm-scheduler-btn-row {
            display: flex !important;
            flex-direction: row !important;
            gap: 12px !important;
            width: 100% !important;
        }
        .crm-scheduler-btn-row button {
            flex: 1 !important;
            width: 50% !important;
            margin: 0 !important;
            height: 42px !important;
        }

        /* 6. Поля ввода КП и Суммы договора */
        div.crm-lead-card-box div[style*="display:flex !important;"][style*="align-items:stretch !important;"] {
            display: flex !important;
            flex-direction: row !important;
            align-items: center !important;
            gap: 12px !important;
            width: 100% !important;
            margin: 12px 0 !important;
        }
        div.crm-lead-card-box div[style*="width:50% !important;"] {
            width: 50% !important;
            flex: 1 !important;
        }

        /* Стандартизируем высоту инпутов и кнопок в 42px */
        div.crm-lead-card-box input[type="text"],
        div.crm-lead-card-box input[type="date"],
        div.crm-lead-card-box button,
        div.crm-lead-card-box .crm-sell-inside-btn,
        div.crm-lead-card-box .crm-sign-contract-btn {
            height: 42px !important;
            box-sizing: border-box !important;
            margin: 0 !important;
        }
        
        /* Максимально жесткий селектор для текстового поля инсайда */
        div.crm-lead-card-box textarea,
        .crm-lead-card-box textarea[style*="width"],
        div[class*="crm"] textarea {
            width: 100% !important;
            box-sizing: border-box !important;
            
            /* 🔴 УВЕЛИЧИВАЕМ РАЗМЕР БУКВ ДО УРОВНЯ ВЕРХНЕГО БЛОКА */
            font-size: var(--wp--preset--font-size--medium) !important;
            letter-spacing: 0.2px !important;
            font-family: inherit !important; /* Наследует красивый фирменный шрифт темы */
            font-weight: 500 !important;      
            color: #212529 !important;        
            line-height: 1.5 !important; /* Даст тексту нормальный межстрочный интервал */
            -webkit-font-smoothing: antialiased !important;
        }

		
        /* 7. УМЕНЬШАЕМ ВЫСОТУ ВЕРХНЕЙ СТРОКИ С НОМЕРОМ ЗАЯВКИ */
        div.crm-lead-card-box > div[style*="display:flex; justify-content:space-between;"] {
            margin-bottom: 8px !important; /* Уменьшаем зазор до текста с описанием */
            height: auto !important;
        }

        div.crm-lead-card-box h4 {
            font-size: 20px !important;    /* Слегка уменьшаем сам заголовок */
            line-height: 1 !important;
            margin: 0 !important;
        }

        /* Намертво урезаем высоту и отступы у кнопки-стрелочки */
        div.crm-lead-card-box button.crm-toggle-card-btn {
            height: 28px !important;       /* Жестко задаем маленькую высоту вместо 42px */
            min-height: 28px !important;
            max-height: 28px !important;
            padding: 0px 8px !important;   /* Убираем лишние вертикальные отступы */
            font-size: 11px !important;    /* Уменьшаем саму стрелочку */
            line-height: 28px !important;  /* Центрируем стрелочку строго по вертикали */
            margin: 0 !important;
        }
        /* 🔴 ВОТ СЮДА ВСТАЛИ НАШИ СТРОКИ 33-36: */
        div.crm-lead-card-box textarea {
            overflow: hidden !important;
            resize: none !important;
        }		
    }
	
/* Мобильная адаптация элементов карточки заявки */
@media screen and (max-width: 600px) {
    
    /* 1. Собрали контакты в столбик */
    .crm-phone-button-container {
        flex-direction: column !important;
        gap: 12px !important;
    }

    .crm-phone-button-container div[style*="width:calc(50% - 6px)"] {
        width: 100% !important;
        min-width: 100% !important;
        box-sizing: border-box !important;
    }

    .crm-phone-button-container a[style*="width:calc(50% - 6px)"],
    .crm-phone-button-container div[style*="width:calc(50% - 6px)"] {
        width: 100% !important;
        min-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. Растягиваем блоки доли и инсайдов */
    div[class*="crm-state-triple"],
    .crm-state-triple-container {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    /* Вернули интервал под розовой плашкой "Ваша доля" */
    div[class*="crm-share-box"] {
        width: 100% !important;
        min-width: 100% !important;
        box-sizing: border-box !important;
        margin-bottom: 12px !important;
    }

    /* Ряд инсайдов (горизонтальная строка с отступом до даты) */
    .crm-state-triple-container > div:nth-child(2),
    div[class*="-insides"] {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        gap: 8px !important;
        width: 100% !important;
        margin-bottom: 16px !important;
    }

    /* Инсайды по 50% ширины */
    div[class*="crm-inside-box"] {
        width: calc(50% - 4px) !important;
        min-width: calc(50% - 4px) !important;
        max-width: calc(50% - 4px) !important;
        box-sizing: border-box !important;
    }
	
    /* 3. Исправление строки Дата задачи + Короткий комментарий */
    .crm-scheduler-main-flex {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        gap: 12px !important;
    }

    /* Строка с заголовком и датой */
    .crm-scheduler-inputs-line {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
    }

    /* Текст "Дата задачи" строго по центру левой половины */
    .crm-scheduler-inputs-line > span,
    .crm-scheduler-inputs-line > label {
        width: calc(50% - 4px) !important;
        min-width: calc(50% - 4px) !important;
        max-width: calc(50% - 4px) !important;
        white-space: nowrap !important;
        display: inline-flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 6px !important;
        box-sizing: border-box !important;
    }

    /* Правая часть с инпутом даты */
    .crm-scheduler-col {
        width: calc(50% - 4px) !important;
        min-width: calc(50% - 4px) !important;
        max-width: calc(50% - 4px) !important;
        display: flex !important;
        justify-content: center !important;
    }

    .crm-scheduler-col input[type="date"] {
        width: 100% !important;
        height: 40px !important;
        box-sizing: border-box !important;
    }

    /* Поле короткого комментария */
    .crm-scheduler-comment-box,
    .crm-scheduler-comment-box input {
        width: 100% !important;
        min-width: 100% !important;
        box-sizing: border-box !important;
        height: 40px !important;
    }

    /* 4. Кнопки СОЗДАТЬ и ЗАКРЫТЬ в один ряд 50/50 */
    /* Находим контейнеры кнопок и заставляем их встать на одну строчку */
    .crm-scheduler-comment-box + div,
    .crm-scheduler-box .crm-scheduler-col,
    div[class*="crm-scheduler-col"] {
        display: flex !important;
        flex-direction: row !important; /* Строго в линию */
        justify-content: space-between !important;
        gap: 8px !important;
        width: 100% !important;
    }

    /* Принудительно устанавливаем размер самих кнопок по 50% */
    input[value="Создать"],
    input[value="Закрыть"] {
        display: inline-block !important;
        width: calc(50% - 4px) !important;
        min-width: calc(50% - 4px) !important;
        max-width: calc(50% - 4px) !important;
        box-sizing: border-box !important;
        height: 40px !important;
    }
}

/* Поднимаем плашку на компьютерах (экраны шире 768px) */
@media (min-width: 769px) {
    div.crm-lead-card-box.crm-empty-my-leads-box {
        transform: translateY(-98px) !important;
    }
}


/* Настройки для мобилок (отступы карточки и внутренних блоков) */
@media (max-width: 768px) {
    /* 1. Сжимаем саму карточку, отрывая её от краев дисплея смартфона */
    div.crm-lead-card-box {
        width: calc(100% - 24px) !important;
        margin-left: 12px !important;
        margin-right: 12px !important;
        box-sizing: border-box !important;
    }

    /* 2. Возвращаем плашкам внутренние отступы от белых краев карточки */
    .crm-stats-triple-container,
    .crm-scheduler-box {
        margin-left: 6px !important;
        margin-right: 6px !important;
        box-sizing: border-box !important;
    }

    /* Корректируем боковые ряды инсайдов */
    .crm-stats-row-insides {
        width: 100% !important;
        margin-top: 8px !important;
    }

    /* Старые настройки сдвига заглушки пустых заявок */
    div.crm-lead-card-box.crm-empty-my-leads-box.crm-empty-box-active.crm-empty-mobile-move {
        width: calc(100% - 32px) !important;
        max-width: calc(100% - 32px) !important;
        box-sizing: border-box !important;
        padding: 24px 16px !important;
        margin: 0 auto !important;
        transform: translateY(-8px) !important;
    }

    /* ПЕРЕНЕСЕНО СЮДА: Поле заметок сужается только на мобильных телефонах */
    .crm-lead-card-box textarea.crm-blur-save {
        width: calc(100% - 12px) !important;
        max-width: calc(100% - 12px) !important;
        margin-left: 6px !important;
        margin-right: 6px !important;
        box-sizing: border-box !important;
    }
	
	    /* Находим контейнер нижних полей и сужаем его под общую вертикальную сетку карточки */
    div[class*="crm-content-"] {
        width: calc(100% - 12px) !important; /* Уменьшаем общую ширину на 12px */
        margin-left: 6px !important;         /* Создаем ровный отступ слева */
        margin-right: 6px !important;        /* Создаем ровный отступ справа */
        box-sizing: border-box !important;
    }

    /* Принудительно заставляем поле инсайда и строку КП слушаться новых границ родителя */
    div[class*="crm-content-"] textarea.crm-blur-save,
    div[class*="crm-content-"] div[style*="display:flex"] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    /* 1. Сужаем галерею для фото на мобильных */
    div.crm-photo-uploader-container {
        width: calc(100% - 12px) !important;
        max-width: calc(100% - 12px) !important;
        margin-left: 6px !important;
        margin-right: 6px !important;
        box-sizing: border-box !important;
    }



    /* Дополнительно: сужаем зеленый блок заключения сделки в самом низу */
    div.crm-lead-card-box div[style*="background:#f4fbf7"] {
        width: calc(100% - 12px) !important;
        max-width: calc(100% - 12px) !important;
        margin-left: 6px !important;
        margin-right: 6px !important;
        box-sizing: border-box !important;
    }

/* Убираем боковые маргины у половинок строки, которые выдавливали кнопку */
.crm-lead-card-box div[style*="gap:10px !important;"]:has(button.crm-sell-inside-btn) > div {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* Растягиваем саму кнопку во всю ширину её очищенного контейнера */
.crm-lead-card-box button.crm-sell-inside-btn {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

} /* Конец мобильных настроек */




/* ========================================================================
   🔥 ПРЕМИАЛЬНЫЙ ТЕМНЫЙ СТИЛЬ ДЛЯ ГОСТЕЙ (ПЛАТФОРМА ВОДОПАД)
   ======================================================================== */

/* 🎨 ТОТАЛЬНАЯ ПЕРЕКРАСКА ФОНА В ТЕМНЫЙ ГЛЯНЕЦ */
html, body, #page, .site, .wp-site-blocks, div[class*="site-layout"] {
    background-color: #0f172a !important;
    background: #0f172a !important;
    color: #f8fafc !important;
    font-family: 'Inter', sans-serif !important;
}

/* Делаем оригинальную сцену прозрачной */
.site-main, main, .is-layout-constrained {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 🎯 ОРИГИНАЛЬНЫЙ СТИЛЬ БЕЛОЙ КАРТОЧКЕ */
.crm-live-3d-card, 
.crm-live-3d-card .wp-block-post,
.crm-live-3d-card div[class*="wp-block"] {
    background: #ffffff !important; 
    opacity: 1 !important;
    box-shadow: 0 25px 45px rgba(0,0,0,0.2) !important;
}

/* Возвращаем оригинальные темные цвета текста внутри белой карточки */
.crm-live-3d-card h3, 
.crm-live-3d-card h4, 
.crm-live-3d-card div {
    color: #0f172a !important;
    opacity: 1 !important;
}
.crm-live-3d-card p, .crm-live-3d-card span {
    opacity: 1 !important;
}

/* 📝 СТИЛИ ДЛЯ ВЕРХНЕГО МАРКЕТИНГОВОГО ТЕКСТА */
.crm-guest-header-text {
    max-width: 750px;
    margin: 40px auto 10px auto;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
}
.crm-guest-badge {
    background: rgba(37, 99, 235, 0.1);
    border: 1px solid rgba(37, 99, 235, 0.2);
    color: #60a5fa;
    padding: 6px 14px;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 20px;
}
.crm-guest-header-text h1 { font-size: 38px; font-weight: 800; color: #fff; margin-bottom: 20px; line-height: 1.2; letter-spacing: -0.5px; }
.crm-gradient-text { background: linear-gradient(90deg, #3b82f6, #10b981); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.crm-guest-header-text p { color: #94a3b8; font-size: 16px; line-height: 1.5; margin: 0; }

/* 📱 КРАСИВАЯ ТЕКСТОВАЯ ПЛАШКА СВЯЗИ */
.crm-guest-contact-line {
    margin-top: 25px;
    padding: 14px 20px;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px dashed rgba(255, 255, 255, 0.15) !important;
    border-radius: 8px;
    display: inline-block;
    font-size: 14px;
    color: #94a3b8;
}
.crm-guest-tg-link {
    color: #3b82f6 !important;
    font-weight: 700;
    text-decoration: none;
    margin-left: 4px;
    border-bottom: 1px dashed #3b82f6;
    transition: color 0.2s;
}
.crm-guest-tg-link:hover {
    color: #60a5fa !important;
    border-bottom-color: #60a5fa;
}

/* Безопасное скрытие футера темы только для гостей на главной */
body.home:not(.logged-in) footer, 
body.home:not(.logged-in) .site-footer, 
body.home:not(.logged-in) .wp-block-template-part[slug="footer"],
body.home:not(.logged-in) hr, 
body.home:not(.logged-in) .wp-block-separator { 
    display: none !important; 
    height: 0 !important; 
    margin: 0 !important; 
    padding: 0 !important; 
    border: none !important;
}


/* ========================================================================
   📱 ИСПРАВЛЕННЫЙ МОБИЛЬНЫЙ БЛОК: СТОПРОЦЕНТНОЕ ЦЕНТРИРОВАНИЕ КАРТОЧКИ
   ======================================================================== */
@media (max-width: 1024px) {
    html, body, #page, .site, .wp-site-blocks, .wp-block-group { 
        height: auto !important; 
        height: 100vh !important;
        max-height: 100vh !important;
        overflow: hidden !important;
        overflow-x: hidden !important; 
        background: #0f172a !important; 
        padding-left: 0 !important;  
        padding-right: 0 !important; 
        padding-top: 0 !important;
        margin-top: 0 !important;
        display: block !important;
        box-sizing: border-box !important;
    }

    /* Компактный верхний текст */
    .crm-guest-header-text { 
        padding: 0 20px !important; 
        margin: 20px auto 10px auto !important; 
        text-align: center !important; 
    }
    .crm-guest-badge { margin-bottom: 10px !important; }
    .crm-guest-header-text h1 { font-size: 24px !important; margin-bottom: 10px !important; }
    .crm-guest-header-text p { font-size: 13px !important; line-height: 1.4 !important; }
    
    .crm-guest-contact-line { 
        display: block !important; 
        margin: 12px 20px 0 20px !important; 
        padding: 10px !important; 
        font-size: 12px !important; 
        text-align: center !important; 
        box-sizing: border-box !important;
    }

    /* Настройка шаблонного блока WordPress темы */
    .site-main, main, .entry-content, .wp-block-post-content {
        padding-left: 20px !important;  
        padding-right: 20px !important; 
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        display: block !important;
    }

    /* 🎯 УБИВАЕМ СКРЫТЫЙ ПЕРЕКОС: Обнуляем мобильные паддинги темы из инспектора */
    .wp-block-query,
    ul.wp-block-post-template {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        box-sizing: border-box !important;
        display: block !important;
    }

    /* Снижаем ширину и маргины у вложенных контейнеров */
    .crm-vodopad-3d-scene,
    .wp-block-post,
    li.wp-block-post {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        display: block !important;
        transform: none !important;
    }
    
    .crm-vodopad-3d-scene {
        margin-top: 15px !important; 
        padding-top: 0 !important;
    }

    /* Жестко сбрасываем float левого края карточки и центрируем её по оси */
    div.crm-main-card-wrapper,
    div.crm-live-3d-card,
    .crm-live-3d-card .wp-block-post {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;      
        display: block !important;
        margin-left: auto !important;  
        margin-right: auto !important;
        border-radius: 8px !important; 
        border: 1px solid #e2e8f0 !important;
        box-sizing: border-box !important;
    }
    div.crm-main-card-wrapper {
        padding: 18px 14px !important;
    }
}






/* ==========================================================================
   ФИКС СМЕЩЕНИЯ МОДАЛЬНОГО ОКНА ДЛЯ СМАРТФОНОВ (ВСТАВИТЬ В САМЫЙ КОНЕЦ ФАЙЛА)
   ========================================================================== */
@media screen and (max-width: 768px) {
    /* Главная обертка: отменяем косой флекс, блокируем боковой сдвиг экрана */
    .crm-blocking-wrapper {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        background: rgba(15, 23, 42, 0.85) !important;
        z-index: 99999999 !important;
        display: block !important; 
        overflow-x: hidden !important; 
        overflow-y: auto !important; 
        padding: 12px !important;
        box-sizing: border-box !important;
    }

    /* Карточка: выравниваем строго по центру за счет auto-отступов */
    .crm-blocking-card {
        position: relative !important;
        top: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        right: auto !important;
        width: 100% !important;
        max-width: 680px !important;
        height: auto !important;
        max-height: none !important;
        margin: 10px auto !important; /* Магия центрирования на смартфонах */
        border-radius: 12px !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    /* Тело карточки: следим, чтобы внутренний акт не распирал окно вширь */
    .crm-blocking-body {
        padding: 12px 15px !important;
        font-size: 15px !important;
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto !important;
        overflow: hidden !important;
        min-height: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Подвал: выравниваем плашку по ширине */
    .crm-blocking-footer, .crm-isolated-footer {
        padding: 12px 15px !important;
        display: flex !important;
        flex-direction: row !important; 
        justify-content: space-between !important;
        gap: 10px !important;
        flex-shrink: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
}


/* ==========================================================================
   ОКОНЧАТЕЛЬНОЕ СНЯТИЕ БЛОКИРОВКИ СКРОЛЛА И ВЫРАВНИВАНИЕ ШИРИНЫ КАРТОЧЕК
   ========================================================================== */
@media screen and (max-width: 768px) {
    
    /* 1. Разжимаем ВСЕ глобальные и системные контейнеры WordPress по высоте */
    html, body, 
    #wp--skip-link--target,
    .wp-site-blocks,
    .wp-block-group,
    .site,
    #page,
    main,
    .crm-main-container {
        height: auto !important;
        min-height: 100vh !important;
        max-height: none !important;
        overflow-y: visible !important; /* Принудительно открываем скролл наружу */
        overflow-x: hidden !important;
    }

    /* 2. Принудительно возвращаем скролл главному тегу страницы */
    body {
        overflow-y: auto !important;
    }

    /* 3. Геометрия отступов: делаем ВСЕ карточки строго одной ширины, как на Балансе */
    .crm-lead-card-box,
    .crm-accordion-wrapper,
    div[style*="background:#fff"],
    div[class*="card"] {
        width: calc(100% - 24px) !important; /* Убираем «лесенку» и прыжки ширины */
        max-width: 100% !important;
        margin-left: 12px !important;  /* Точный ровный отступ слева */
        margin-right: 12px !important; /* Точный ровный отступ справа */
        box-sizing: border-box !important;
    }
}