@charset "UTF-8";
/**
 * 생활정보 서비스 공통 — 감성 셸 (웜 페이퍼 + 슬레이트 악센트, 부동산 녹과 구분)
 * 대상: 일반의약품 / 심리 / 성장도표 / CDR / QR
 * life_simple 흰 배경·녹 active 대시보드 등을 덮음
 */

body.life-emedicine-page,
body.life-psychological-tests-page,
body.life-growth-chart-page,
body.life-cdr-test-page,
body.life-qr-generator-page {
	--ls-paper: #f5f3ef;
	--ls-surface: #fffcfa;
	--ls-ink: #252a2e;
	--ls-muted: #5c636a;
	--ls-accent: #3d5f6a;
	--ls-accent-hover: #2f4d56;
	--ls-accent-soft: rgba(61, 95, 106, 0.12);
	--ls-line: rgba(45, 55, 65, 0.14);
	--ls-radius: 14px;
	--ls-shadow: 0 4px 24px rgba(30, 35, 40, 0.07);
}

@media (min-width: 0) {
	body.life-emedicine-page.unified-search-page,
	body.life-psychological-tests-page.unified-search-page,
	body.life-growth-chart-page.unified-search-page,
	body.life-cdr-test-page.unified-search-page,
	body.life-qr-generator-page.unified-search-page {
		background: var(--ls-paper) !important;
		color: var(--ls-ink);
	}
}

/* 사이드 / 결과 패널 */
body.life-emedicine-page .search-sidebar,
body.life-psychological-tests-page .search-sidebar,
body.life-growth-chart-page .search-sidebar,
body.life-cdr-test-page .search-sidebar,
body.life-qr-generator-page .search-sidebar,
body:has(.life-info-hero).life-emedicine-page .search-sidebar,
body:has(.life-info-hero).life-psychological-tests-page .search-sidebar,
body:has(.life-info-hero).life-growth-chart-page .search-sidebar,
body:has(.life-info-hero).life-cdr-test-page .search-sidebar,
body:has(.life-info-hero).life-qr-generator-page .search-sidebar {
	background: var(--ls-surface) !important;
	border: 1px solid var(--ls-line) !important;
	border-radius: var(--ls-radius) !important;
	box-shadow: var(--ls-shadow) !important;
}

body.life-emedicine-page .search-results-area,
body.life-psychological-tests-page .search-results-area,
body.life-growth-chart-page .search-results-area,
body.life-cdr-test-page .search-results-area,
body.life-qr-generator-page .search-results-area,
body:has(.life-info-hero).life-emedicine-page .search-results-area,
body:has(.life-info-hero).life-psychological-tests-page .search-results-area,
body:has(.life-info-hero).life-growth-chart-page .search-results-area,
body:has(.life-info-hero).life-cdr-test-page .search-results-area,
body:has(.life-info-hero).life-qr-generator-page .search-results-area {
	background: var(--ls-surface) !important;
	border: 1px solid var(--ls-line) !important;
	border-radius: var(--ls-radius) !important;
	box-shadow: var(--ls-shadow) !important;
}

/* QR: 인라인에서 border 를 끈 경우 — 감성에서만 은은한 테두리 복원 */
@media (min-width: 0) {
	body.life-qr-generator-page .search-results-area {
		border: 1px solid var(--ls-line) !important;
		border-radius: var(--ls-radius) !important;
		box-shadow: var(--ls-shadow) !important;
	}
}

body.life-emedicine-page .search-sidebar .header-text h3,
body.life-psychological-tests-page .search-sidebar .header-text h3,
body.life-growth-chart-page .search-sidebar .header-text h3,
body.life-cdr-test-page .search-sidebar .header-text h3,
body.life-qr-generator-page .search-sidebar .header-text h3,
body.life-emedicine-page .insu-info-mobile-header-title h3,
body.life-psychological-tests-page .insu-info-mobile-header-title h3,
body.life-growth-chart-page .insu-info-mobile-header-title h3,
body.life-cdr-test-page .insu-info-mobile-header-title h3,
body.life-qr-generator-page .insu-info-mobile-header-title h3 {
	color: var(--ls-ink);
	font-weight: 700;
	letter-spacing: -0.02em;
}

body.life-emedicine-page .search-sidebar .header-text p,
body.life-psychological-tests-page .search-sidebar .header-text p,
body.life-growth-chart-page .search-sidebar .header-text p,
body.life-cdr-test-page .search-sidebar .header-text p,
body.life-qr-generator-page .search-sidebar .header-text p,
body.life-emedicine-page .insu-info-mobile-header-title p,
body.life-psychological-tests-page .insu-info-mobile-header-title p,
body.life-growth-chart-page .insu-info-mobile-header-title p,
body.life-cdr-test-page .insu-info-mobile-header-title p,
body.life-qr-generator-page .insu-info-mobile-header-title p {
	color: var(--ls-muted);
}

/* 사이드바 폼 */
body.life-emedicine-page .search-sidebar .form-control,
body.life-psychological-tests-page .search-sidebar .form-control,
body.life-growth-chart-page .search-sidebar .form-control,
body.life-cdr-test-page .search-sidebar .form-control,
body.life-qr-generator-page .search-sidebar .form-control,
body.life-emedicine-page .search-sidebar input[type="text"],
body.life-psychological-tests-page .search-sidebar input[type="text"],
body.life-growth-chart-page .search-sidebar input[type="text"],
body.life-cdr-test-page .search-sidebar input[type="text"] {
	border: 2px solid var(--ls-line) !important;
	background: #fff;
	color: var(--ls-ink);
	border-radius: 10px;
}

body.life-emedicine-page .search-sidebar .form-control:focus,
body.life-psychological-tests-page .search-sidebar .form-control:focus,
body.life-growth-chart-page .search-sidebar .form-control:focus,
body.life-cdr-test-page .search-sidebar .form-control:focus,
body.life-emedicine-page .search-sidebar input[type="text"]:focus,
body.life-psychological-tests-page .search-sidebar input[type="text"]:focus,
body.life-growth-chart-page .search-sidebar input[type="text"]:focus,
body.life-cdr-test-page .search-sidebar input[type="text"]:focus {
	border-color: var(--ls-accent) !important;
	box-shadow: 0 0 0 3px var(--ls-accent-soft);
	outline: none;
}

/* 성장도표: 사이드 토글·라디오 등 (growth_chart_modern) */
body.life-growth-chart-page .search-sidebar .search-form .form-label,
body.life-growth-chart-page .search-sidebar .radio-group label,
body.life-growth-chart-page .search-sidebar .form-group {
	color: var(--ls-ink);
}

/* 주요 CTA (공통 search-btn) */
body.life-emedicine-page .search-btn-primary,
body.life-psychological-tests-page .search-btn-primary,
body.life-growth-chart-page .search-btn-primary,
body.life-cdr-test-page .search-btn-primary,
body.life-qr-generator-page .search-btn-primary {
	background: var(--ls-accent) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 10px !important;
	font-weight: 600 !important;
}

body.life-emedicine-page .search-btn-primary:hover,
body.life-psychological-tests-page .search-btn-primary:hover,
body.life-growth-chart-page .search-btn-primary:hover,
body.life-cdr-test-page .search-btn-primary:hover,
body.life-qr-generator-page .search-btn-primary:hover {
	background: var(--ls-accent-hover) !important;
}

/* 결과 헤더 (의약·성장) */
body.life-emedicine-page .search-results-area .results-title-section h3,
body.life-emedicine-page .search-results-area .results-title-section h4,
body.life-growth-chart-page .search-results-area .results-title-section h3,
body.life-growth-chart-page .search-results-area .results-title-section h4 {
	color: var(--ls-ink) !important;
	font-weight: 700 !important;
}

body.life-emedicine-page .search-results-area .result-count,
body.life-growth-chart-page .search-results-area .result-count,
body.life-emedicine-page .search-results-area .results-title-section .result-count,
body.life-growth-chart-page .search-results-area .results-title-section .result-count {
	color: var(--ls-muted) !important;
}

body.life-emedicine-page .search-results-area .results-header,
body.life-growth-chart-page .search-results-area .results-header {
	background: var(--ls-surface) !important;
	border-bottom: 1px solid var(--ls-line) !important;
}

/* 힌트 박스 */
body.life-emedicine-page .search-form-container .form-helper,
body.life-growth-chart-page .search-form-container .form-helper,
body.life-cdr-test-page .search-form-container .form-helper {
	background: var(--ls-accent-soft) !important;
	border: 1px solid rgba(61, 95, 106, 0.22) !important;
	color: var(--ls-ink) !important;
}

body.life-emedicine-page .form-hint,
body.life-growth-chart-page .form-hint {
	color: var(--ls-muted) !important;
}

/* info 블록 (심리·CDR·QR) */
body.life-psychological-tests-page .info-section-simple .info-simple-text,
body.life-cdr-test-page .info-section-simple .info-simple-text,
body.life-qr-generator-page .info-section-simple .info-simple-text {
	color: var(--ls-muted) !important;
}

/* 뒤로 / 종합 */
body.life-emedicine-page .insu-info-pc-fchome,
body.life-psychological-tests-page .insu-info-pc-fchome,
body.life-growth-chart-page .insu-info-pc-fchome,
body.life-cdr-test-page .insu-info-pc-fchome,
body.life-qr-generator-page .insu-info-pc-fchome,
body.life-emedicine-page .insu-link-mobile-fchome,
body.life-psychological-tests-page .insu-link-mobile-fchome,
body.life-growth-chart-page .insu-link-mobile-fchome,
body.life-cdr-test-page .insu-link-mobile-fchome,
body.life-qr-generator-page .insu-link-mobile-fchome {
	border-color: var(--ls-line) !important;
	color: var(--ls-ink) !important;
}

body.life-emedicine-page .insu-info-pc-fchome:hover,
body.life-psychological-tests-page .insu-info-pc-fchome:hover,
body.life-growth-chart-page .insu-info-pc-fchome:hover,
body.life-cdr-test-page .insu-info-pc-fchome:hover,
body.life-qr-generator-page .insu-info-pc-fchome:hover,
body.life-emedicine-page .insu-link-mobile-fchome:hover,
body.life-psychological-tests-page .insu-link-mobile-fchome:hover,
body.life-growth-chart-page .insu-link-mobile-fchome:hover,
body.life-cdr-test-page .insu-link-mobile-fchome:hover,
body.life-qr-generator-page .insu-link-mobile-fchome:hover {
	border-color: var(--ls-accent) !important;
	color: var(--ls-accent) !important;
}

body.life-emedicine-page .back-btn,
body.life-psychological-tests-page .back-btn,
body.life-growth-chart-page .back-btn,
body.life-cdr-test-page .back-btn,
body.life-qr-generator-page .back-btn {
	border-color: var(--ls-line) !important;
	color: var(--ls-ink) !important;
}

body.life-emedicine-page .back-btn:hover,
body.life-psychological-tests-page .back-btn:hover,
body.life-growth-chart-page .back-btn:hover,
body.life-cdr-test-page .back-btn:hover,
body.life-qr-generator-page .back-btn:hover {
	border-color: var(--ls-accent) !important;
	color: var(--ls-accent) !important;
}

/* 생활정보 대시보드: 녹 active → 슬레이트 */
body.life-emedicine-page .life-services-dashboard,
body.life-psychological-tests-page .life-services-dashboard,
body.life-growth-chart-page .life-services-dashboard,
body.life-cdr-test-page .life-services-dashboard,
body.life-qr-generator-page .life-services-dashboard {
	border-bottom-color: var(--ls-line) !important;
}

body.life-emedicine-page .life-dashboard-btn,
body.life-psychological-tests-page .life-dashboard-btn,
body.life-growth-chart-page .life-dashboard-btn,
body.life-cdr-test-page .life-dashboard-btn,
body.life-qr-generator-page .life-dashboard-btn {
	border-color: var(--ls-line) !important;
	color: var(--ls-ink) !important;
	background: #fff !important;
}

body.life-emedicine-page .life-dashboard-btn:hover,
body.life-psychological-tests-page .life-dashboard-btn:hover,
body.life-growth-chart-page .life-dashboard-btn:hover,
body.life-cdr-test-page .life-dashboard-btn:hover,
body.life-qr-generator-page .life-dashboard-btn:hover {
	background: var(--ls-accent-soft) !important;
	border-color: rgba(45, 55, 65, 0.2) !important;
	color: var(--ls-accent) !important;
}

body.life-emedicine-page .life-dashboard-btn.active,
body.life-psychological-tests-page .life-dashboard-btn.active,
body.life-growth-chart-page .life-dashboard-btn.active,
body.life-cdr-test-page .life-dashboard-btn.active,
body.life-qr-generator-page .life-dashboard-btn.active {
	background: var(--ls-accent) !important;
	border-color: var(--ls-accent) !important;
	color: #fff !important;
}
