/* =================================================================
           		1. СЕТКА КАРТОЧЕК (Контейнер для всех вариантов)
           ================================================================= */
        #rl-author-variants-nav-v7 .navigator-grid {  
            display: grid; 
            grid-template-columns: 1fr; /* По умолчанию (телефоны) 1 карточка в ряд */
            gap: 15px; /* Расстояние между карточками (дырка) */
            padding: 0px 0; /* Отступы от других элементов сайта сверху и снизу */
        }

        /* =================================================================
   				2. ГЛАВНАЯ КАРТОЧКА ВАРИАНТА (Рамка, Фон, Тень)
   		================================================================= */
	#rl-author-variants-nav-v7 .nav-card-shell {
    	position: relative;
	}

	#rl-author-variants-nav-v7 .nav-card { 
            background: #ffffff;
            border: 1px solid #D7DCE2;
            border-radius: 10px;
            padding: 0; /* ИЗМЕНЕНО: отступы перенесены внутрь элементов */
            text-decoration: none !important;
            color: #202124 !important;
            display: flex;
            flex-direction: column;
            position: relative;
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
            transition: all 0.2s !important;
            overflow: hidden; /* Чтобы затемненный фон не вылезал за скругления */
        }
        
		@media (hover: hover) {
        #rl-author-variants-nav-v7 .nav-card:hover { 
            /* filter отсюда убрали, чтобы аккордеон не темнел */
            box-shadow: none !important;
        }
		}

        /* ==========================================================================
           СТИЛИ АККОРДЕОНА И КВАДРАТИКОВ ЗАДАНИЙ (Скопировано из заданий)
           ========================================================================== */
        
        #rl-author-variants-nav-v7 .nav-card-main-link {
            text-decoration: none !important;
            color: inherit !important;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
            padding: 10px 10px 15px 10px; 
            background-color: #ffffff; 
            transition: filter 0.2s !important; 
        }

		@media (hover: hover) {
        #rl-author-variants-nav-v7 .nav-card-main-link:hover {
            filter: brightness(0.8) !important; 
        }
		}

        #rl-author-variants-nav-v7 .nav-var-accordion {
            background-color: #ffffff; 
            padding-bottom: 5px; 
        }

        #rl-author-variants-nav-v7 .nav-var-accordion-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            margin: 0; /* Убираем внешние отступы, чтобы линия дошла до краев */
    		padding: 10px 10px; /* 10px сверху/снизу и 10px по бокам (чтобы текст не съехал) */ 
            padding-top: 10px; 
            padding-bottom: 10px; 
            border-top: 2px solid #D7DCE2; 
            color: #202124; 
            font-size: 16px; 
            font-weight: 500; 
            transition: color 0.2s;
            user-select: none;
        }

        #rl-author-variants-nav-v7 .nav-acc-chevron {
            width: 14px;
            height: 8px;
            position: relative;
            transition: transform 0.2s ease;
        }
        #rl-author-variants-nav-v7 .nav-acc-chevron::before, #rl-author-variants-nav-v7 .nav-acc-chevron::after {
            content: ''; position: absolute; top: 50%;
            width: 9px; height: 2px; background: #6B7280; 
        }
        #rl-author-variants-nav-v7 .nav-acc-chevron::before { left: 0; transform: translateY(-50%) rotate(45deg); }
        #rl-author-variants-nav-v7 .nav-acc-chevron::after { right: 0; transform: translateY(-50%) rotate(-45deg); }
        #rl-author-variants-nav-v7 .nav-var-accordion.open .nav-acc-chevron { transform: rotate(180deg); }

        #rl-author-variants-nav-v7 .nav-var-accordion-content {
            display: none; 
            padding: 5px 10px 0 10px; 
        }

        /* ДИЗАЙН КВАДРАТИКОВ ЗАДАНИЙ */
        #rl-author-variants-nav-v7 .task-square {
            display: inline-flex; 
            vertical-align: top; 
            margin-right: 8px; 
            margin-bottom: 8px; 
            align-items: center;
            justify-content: center;
            width: 35px; 
            height: 35px; 
            border-radius: 10px; 
            font-size: 16px; 
            font-weight: 500; 
            text-decoration: none !important;
            box-sizing: border-box;
            transition: filter 0.2s, box-shadow 0.2s;
        }

		@media (hover: hover) {
        #rl-author-variants-nav-v7 .task-square:hover {
            filter: brightness(0.8);
            box-shadow: none !important;
        }
		}

        #rl-author-variants-nav-v7 .task-square-unsolved {
			background-color: #ffffff;
			border: 2px solid #D7DCE2;
			color: #202124 !important;
			box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
		}
	
        #rl-author-variants-nav-v7 .task-square-correct {
			background-color: #EEF8F2;
			border: 2px solid #00A84E;
			color: #00A84E !important;
			box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
		}

        #rl-author-variants-nav-v7 .task-square-wrong {
			background-color: #FFF5F5;
			border: 2px solid #D93025;
				color: #D93025 !important;
			box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
		}
	
		/* ==========================================================================
           Блокировка повторного нажатия кнопок
		========================================================================== */

		#rl-author-variants-nav-v7 .nav-card-main-link.is-clicked,
        #rl-author-variants-nav-v7 .task-square.is-clicked {
    		pointer-events: none !important;
            box-shadow: none !important;
   			filter: brightness(0.8) !important;
		}
        
        /* =================================================================
           3. НАЗВАНИЕ ВАРИАНТА (Текст)
           ================================================================= */
        #rl-author-variants-nav-v7 .nav-title { 
            font-weight: 500; 
            font-size: 18px; 
            margin-bottom: 5px; 
            line-height: 1.3; 
            text-align: justify; 
            white-space: normal; 
            word-wrap: break-word; 
        }

        /* Невидимый блок-распорка для красивого обтекания текста */
        #rl-author-variants-nav-v7 .reset-btn-placeholder {
            float: right;
            width: 70px; /* Ширина кнопки сброса с запасом */
            height: 15px; /* Высота, на которую нельзя заезжать тексту */
            margin-left: 10px; /* Отступ слева от текста до кнопки */
            margin-top: -5px; /* Корректировка высоты под кнопку */
            clear: right;
        }
        
        /* =================================================================
           4. ПОЛОСКА ПРОГРЕССА И БАЛЛЫ
           ================================================================= */
        #rl-author-variants-nav-v7 .nav-progress-wrapper { 
            display: flex; /* Выстраиваем баллы и полоску в один ряд */
            align-items: center; /* Центрируем по вертикали */
            gap: 10px; /* Расстояние между цифрами и зеленой полоской */
            margin-top: 5px; /* Дополнительный отступ сверху */
        }
        
        #rl-author-variants-nav-v7 .nav-mini-stats { 
            display: flex;
            gap: 5px; /* Расстояние между словами в баллах */
            font-weight: 500; /* <--- ИЗМЕНЕНО: Слово "Первичных" теперь обычной толщины */
            font-size: 16px;
            /* Размер шрифта для цифр баллов */
            white-space: nowrap;
            /* Запрещаем перенос цифр на другую строку */
            color: #202124;
            /* Цвет слова "Первичный балл:" (Всегда темно-серый) */
        }
        
        /* ДОБАВЛЕНО: Возвращаем жирность только цифрам */
#rl-author-variants-nav-v7 .nav-mini-stats span {
    font-weight: 600;
}

#rl-author-variants-nav-v7 .rl-author-progress-score {
    color: var(--rl-author-progress-color, #D93025) !important;
}
        
        /* Серая "подложка" (пустая шкала) */
        #rl-author-variants-nav-v7 .progress-multi { 
            flex-grow: 1; /* Растягиваем шкалу на все оставшееся свободное место */
            background: #D7DCE2; /* Цвет нерешенной части (Серый) */
            height: 8px; /* Толщина полоски */
            border-radius: 10px; /* Закругляем концы полоски */
            overflow: hidden; /* Обрезаем всё, что вылезает за пределы */
        }
        
        /* Закрашенная часть шкалы (заполняется через PHP в зависимости от %) */
        #rl-author-variants-nav-v7 .p-total-progress { 
    height: 100%;
    width: 0%;
    background: var(--rl-author-progress-color, #D93025);
    transition: width 0.3s, background-color 0.3s, background 0.3s;
}

        /* =================================================================
           5. КНОПКА "СБРОСИТЬ ВАРИАНТ"
           ================================================================= */
        #rl-author-variants-nav-v7 .nav-reset-author-btn {
            position: absolute; /* Отрываем кнопку от текста */
            top: 5px; /* Отступ от верхнего края карточки */
            right: 5px; /* Отступ от правого края карточки */
            background: #ffffff !important; /* Цвет кнопки (Белый) */
            color: #6B7280 !important; /* Цвет текста (Синий из ядра) */
            font-size: 14px !important; /* Размер шрифта кнопки */
            font-weight: 600 !important; /* Жирность текста кнопки */
            padding: 5px 15px !important; /* Размер кнопки (ВЕРХ/НИЗ  ПРАВО/ЛЕВО) */
            border: 2px solid #6B7280 !important; /* Рамка (2 пикселя, синяя) */
            border-radius: 10px !important; /* Скругление углов кнопки */
            cursor: pointer !important; /* Курсор при наведении (пальчик) */
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important; /* Легкая тень */
            transition: all 0.2s !important; /* Плавность анимации */
            z-index: 10; /* Кнопка лежит ПОВЕРХ ссылки карточки, чтобы кликалась */
        }
        
        /* Что происходит с кнопкой при наведении мышки */
		@media (hover: hover) {
        #rl-author-variants-nav-v7 .nav-reset-author-btn:hover {
            background: #E6E9ED !important; /* Фон становится светло-серым */
            color: #202124 !important; /* Текст темнеет */
            border-color: #202124 !important; /* Рамка темнеет */
            box-shadow: none !important; /* Тень пропадает (эффект нажатия) */
        }
		}
	
		/* Состояние заблокированной кнопки */
        #rl-author-variants-nav-v7 .nav-reset-author-btn:disabled,
        #rl-author-variants-nav-v7 .nav-reset-author-btn.is-processing {
            background: #e5e7eb !important;
            color: #9ca3af !important;
            border-color: #d1d5db !important;
            cursor: not-allowed !important;
            box-shadow: none !important;
            pointer-events: none !important;
        }
	
		/* ==========================================================================
           6. СТИЛИ УВЕДОМЛЕНИЙ SWEETALERT2 (Восстановлено из Тосты.txt)
           ========================================================================== */
		.swal2-container.rl-author-nav-swal-container {
    		font-family: 'Inter', sans-serif !important;
    		z-index: 50 !important;
		}

		.swal2-container.rl-author-nav-toast-container.swal2-top {
    		z-index: 50 !important;
    		pointer-events: none !important;
    		width: 100% !important;
    		max-width: 100vw !important;
		}
	
		/* 1. Полностью скрываем заголовок в центральном окне */
		.rl-author-nav-reset-popup .swal2-title { 
    		display: none !important; 
		}

		/* Делаем тост */
		.rl-author-nav-toast {
			background: #ffffff !important;
			border: 2px solid #0066CD !important;
			border-radius: 10px !important;
			padding: 9px 20px !important;
			box-shadow: 0 0 15px rgba(0.5, 0.5, 0.5, 0.5) !important;
			align-items: center !important;
			justify-content: center !important;
			width: auto !important;  
			box-sizing: border-box !important;
			max-width: 1200px !important;
		}

		.rl-author-nav-toast .swal2-title {
			color: #0066CD !important;
			font-family: 'Inter', sans-serif !important;
			font-size: 16px !important;
			font-weight: 500 !important;
			margin: 0 !important;
			padding: 0 !important;
			text-align: center !important;
			width: 100% !important;
		}

		.swal2-container .rl-author-nav-reset-popup {  
			border: 2px solid #0066CD !important; 
			border-radius: 10px !important; 
			padding: 15px !important; 
			box-shadow: 0 0 15px rgba(0.5, 0.5, 0.5, 0.5) !important;
			width: 500px !important; 
			max-width: 90% !important; 
		}
			 
		/* 2. Центрируем текст и делаем отступ до кнопок */
		.swal2-container .rl-author-nav-reset-popup .swal2-html-container {
			font-size: 16px !important;
			color: #202124 !important;
			font-weight: 500 !important;
			text-align: center !important;
			margin: 0 0 15px 0 !important;
			padding: 0 !important;
		}

		/* 3. Кнопки Да/Отмена */
		.rl-author-nav-reset-popup .swal2-actions {  
			margin-top: 5px !important;
			gap: 15px !important;
		}
	
		/* Кнопки уведомлений (ВОССТАНОВЛЕНО) */
		.rl-author-nav-swal-btn {
			background: #ffffff !important; color: #0066CD !important;
			font-size: 16px !important; font-weight: 600 !important;
			padding: 8px 20px !important; border: 2px solid #0066CD !important;
			border-radius: 10px !important; cursor: pointer !important;
			box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important; 
			transition: background-color 0.2s, box-shadow 0.2s !important;
		}

		.rl-author-nav-swal-btn:hover {
			background: #E6E9ED !important; color: #00468D !important;
			border-color: #00468D !important; box-shadow: none !important;
		}
		
		/* Убираем покачивание и делаем плавный выезд */
		.rl-author-nav-toast.swal2-show {
			animation: toast-smooth-show 0.3s ease-out forwards !important;
		}
		.rl-author-nav-toast.swal2-hide {
    		animation: toast-smooth-hide 0.3s ease-in forwards !important;
		}

		@keyframes toast-smooth-show {
		    0% { transform: translateY(-100px); opacity: 1; }
		    100% { transform: translateY(0); opacity: 1; }
		}
		@keyframes toast-smooth-hide {
		    0% { transform: translateY(0); opacity: 1; }
		    100% { transform: translateY(-100px); opacity: 1; }
		}
	
		/* ==========================================================================
  		 КНОПКИ НАВИГАЦИИ (ВВЕРХ / ВНИЗ / НАЗАД)
  	 	========================================================================== */
		#rl-author-variants-nav-v7 .rl-nav-buttons-grid {
    		display: grid !important;
    		grid-template-columns: 1fr auto 1fr !important;
   	 	align-items: center !important;
    		width: 100% !important;
    		margin: 10px 0 !important;
		}
		#rl-author-variants-nav-v7 .rl-nav-btn-left { text-align: left !important; }
		#rl-author-variants-nav-v7 .rl-nav-btn-center { text-align: center !important; }

		/* Убиваем подчеркивание у ссылок-кнопок внутри сетки */
		#rl-author-variants-nav-v7 .rl-nav-buttons-grid a { text-decoration: none !important; }

		/* Красивое вращение символа без нагромождения inline-стилей */
		#rl-author-variants-nav-v7 .nav-arrow-icon {
    		display: inline-block !important;
    		font-size: 18px !important;
    		line-height: 1 !important;
    		margin-left: 0 !important;
		}
		#rl-author-variants-nav-v7 .nav-arrow-down { transform: rotate(-90deg) !important; }
		#rl-author-variants-nav-v7 .nav-arrow-up { transform: rotate(90deg) !important; }

/* Единая мобильная ширина: по 15px от краёв, как в навигаторе заданий */
@media (max-width: 768px) {
    .ast-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
        max-width: 100% !important;
    }
}