* { box-sizing: border-box; }
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            background: #f5f7fa;
            margin: 0;
            padding: 20px;
            line-height: 1.6;
        }
        .container {
            max-width: 800px;
            margin: 0 auto;
            background: white;
            border-radius: 16px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.08);
            overflow: hidden;
        }
        .header {
            background: #9b8b6f;
            color: white;
            padding: 24px 30px;
        }
        .header h1 {
            margin: 0;
            font-size: 24px;
            font-weight: 500;
        }
        .header p {
            margin: 8px 0 0;
            opacity: 0.9;
        }
        .content {
            padding: 30px;
        }
        .form-group {
            margin-bottom: 24px;
        }
        label {
            display: block;
            margin-bottom: 8px;
            font-weight: 600;
            color: #333;
        }
        input, select, textarea {
            width: 100%;
            padding: 12px;
            border: 1px solid #ddd;
            border-radius: 8px;
            font-size: 16px;
            transition: border-color 0.2s;
        }
		textarea{
			height: 150px;
		}
        input:focus, select:focus {
            outline: none;
            border-color: #9b8b6f;
            box-shadow: 0 0 0 3px rgba(155,139,111,0.1);
        }
        .hint {
            font-size: 12px;
            color: #999;
            margin-top: 4px;
        }
        .radio-group {
            display: flex;
            gap: 20px;
            margin-top: 8px;
        }
        .radio-group label {
            display: flex;
            align-items: center;
            gap: 8px;
            font-weight: normal;
            cursor: pointer;
        }
        .radio-group input {
            width: auto;
        }
        .time-select {
            width: auto;
            display: inline-block;
            margin-right: 10px;
        }
        .success {
            background: #d4edda;
            color: #155724;
            padding: 12px;
            border-radius: 8px;
            margin-bottom: 20px;
            text-align: center;
        }
        .btn {
            background: #9b8b6f;
            color: white;
            border: none;
            padding: 14px 28px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: background 0.2s;
            width: 100%;
        }
        .btn:hover {
            background: #7a6b52;
        }
        hr {
            border: none;
            border-top: 1px solid #eaeaea;
            margin: 30px 0;
        }
        .section-title {
            font-size: 18px;
            font-weight: 600;
            color: #9b8b6f;
            margin: 20px 0 15px;
            padding-bottom: 8px;
            border-bottom: 2px solid #f0f0f0;
        }
        @media (max-width: 600px) {
            .container { margin: 0; }
            .content { padding: 20px; }
        }
		.checkbox-label {
			display: flex;
			align-items: center;
			gap: 10px;
			cursor: pointer;
			font-weight: normal;
		}
		.checkbox-label input {
			width: 18px;
			height: 18px;
			cursor: pointer;
		}
		/*----------------------------------*/
		/* Иконка подсказки */
		.help-icon {
			display: inline-block;
			width: 21px;
			height: 20px;
		/*	background: #e9ecef;
			color: #6c757d;
			border-radius: 50%;
			text-align: center;
			line-height: 18px;
			font-size: 12px;
			font-weight: bold;
			cursor: pointer;
			margin-left: 8px;
			transition: all 0.2s;
			*/
			cursor: pointer;
			background-image: url(/_manage/_icons/vopros4.png);
			background-size: cover;
			margin: 0 0 -2px 10px;
		}
		.help-icon:hover,
		.help-icon:active {			
			width: 22px;
			height: 21px;
			margin: 0 0 -3px 9px;
		}

		/* Мини-модальное окно для подсказки поля */
		.field-tip-modal {
			display: none;
			position: fixed;
			z-index: 1001;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.5);
		}
		.field-tip-content {
			background-color: #fff;
			margin: 10% auto;
			padding: 20px;
			border-radius: 12px;
			width: 85%;
			max-width: 320px;
			text-align: center;
			box-shadow: 0 4px 20px rgba(0,0,0,0.2);
		}
		.field-tip-content p {
			margin: 0 0 15px;
			font-size: 15px;
			line-height: 1.4;
			color: #333;
		}
		.field-tip-content button {
			background: #9b8b6f;
			color: white;
			border: none;
			padding: 8px 20px;
			border-radius: 6px;
			font-size: 14px;
			cursor: pointer;
		}
		.field-tip-content button:hover {
			background: #7a6b52;
		}

		/* Основное модальное окно для общей справки */
		.modal {
			display: none;
			position: fixed;
			z-index: 1000;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.5);
		}
		.modal-content {
			background-color: #fefefe;
			margin: 10% auto;
			padding: 20px;
			border-radius: 12px;
			width: 90%;
			max-width: 600px;
			max-height: 80vh;
			overflow-y: auto;
		}
		.modal-header {
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-bottom: 1px solid #eaeaea;
			padding-bottom: 10px;
			margin-bottom: 15px;
		}
		.modal-header h3 {
			margin: 0;
			color: #9b8b6f;
		}
		.close-modal {
			font-size: 28px;
			font-weight: bold;
			cursor: pointer;
			color: #aaa;
		}
		.close-modal:hover {
			color: #333;
		}
		.modal-section {
			margin-bottom: 20px;
		}
		.modal-section h4 {
			color: #9b8b6f;
			margin-bottom: 8px;
		}
		.modal-section p {
			margin: 5px 0;
			font-size: 14px;
			line-height: 1.5;
		}
		
		/* Добавьте к существующим стилям из setting.html */
.field-group {
    margin-bottom: 20px;
}
.field-group label {
    font-weight: 600;
    display: block;
    margin-bottom: 6px;
}
.field-group .required:after {
    content: " *";
    color: #d32f2f;
}
.field-hint {
    font-size: 12px;
    color: #999;
    margin-top: 4px;
}
.loader {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #9b8b6f;
    border-radius: 50%;
    border-top-color: transparent;
    animation: spin 0.6s linear infinite;
    margin-left: 8px;
    vertical-align: middle;
}
@keyframes spin {
    to { transform: rotate(360deg); }
}
.form-row {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.form-row .field-group {
    flex: 1;
}
@media (max-width: 600px) {
    .form-row { flex-direction: column; gap: 0; }
}

/* Скрываем все секции, кроме первой (контакты) и последней (капча+кнопка) */
.form-section:not(:first-child):not(:last-child) {
    display: none;
}

/* Когда форма активна (после проверки ИНН) - показываем */
.form-section.visible {
    display: block;
}


        /* Дополнительные стили */
        .error { background: #f8d7da; color: #721c24; padding: 12px; border-radius: 8px; margin-bottom: 20px; }
        .success { background: #d4edda; color: #155724; padding: 12px; border-radius: 8px; margin-bottom: 20px; }
        .form-section { margin: 30px 0 20px; }
        .form-section h3 { color: #9b8b6f; border-bottom: 2px solid #eaeaea; padding-bottom: 8px; }
        .required:after { content: " *"; color: #d32f2f; }
        .field-hint { font-size: 12px; color: #999; margin-top: 4px; }
		
.cnt input, cnt.textarea{
	border:0;
	disable:true;
}