/**
 * Компонент: страница исследования и панель (классы Kernel).
 */

.kernel-research-page {
	background: var(--ds-bg);
	box-sizing: border-box;
	color: var(--ds-text);
	font-family: var(--ds-font);
	margin: 0 auto;
	max-width: 1440px;
	padding: 24px 16px 40px;
}

.kernel-research-page *,
.kernel-research-page *::before,
.kernel-research-page *::after {
	box-sizing: border-box;
}

.kernel-research-page__header {
	margin-bottom: 20px;
}

.kernel-research-page__title {
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.25;
	margin: 0 0 8px;
}

.kernel-research-page__meta {
	color: var(--ds-muted);
	font-size: 0.875rem;
	margin: 0;
}

.kernel-research-panel {
	background: var(--ds-surface);
	border: 1px solid var(--ds-border);
	border-radius: var(--ds-radius);
	box-shadow: var(--ds-shadow);
	padding: 20px 22px 22px;
}

.kernel-research-panel__header {
	margin-bottom: 18px;
}

.kernel-research-panel__title {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 6px;
}

.kernel-research-panel__lead {
	color: var(--ds-muted);
	font-size: 0.875rem;
	line-height: 1.45;
	margin: 0;
}

.kernel-research-panel__actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 18px;
}

.kernel-research-panel__status {
	color: var(--ds-muted);
	font-size: 0.8125rem;
}

.kernel-research-panel__status:not(:empty) {
	color: var(--ds-accent);
}

.kernel-research-page__respondent-placeholder {
	border: 1px dashed var(--ds-border);
	border-radius: var(--ds-radius);
	color: var(--ds-muted);
	font-size: 0.875rem;
	margin-top: 24px;
	padding: 24px 16px;
	text-align: center;
}

/* Respondent record page (single + workspace viewer) */
.kernel-respondent-page {
	background: var(--ds-bg);
	box-sizing: border-box;
	color: var(--ds-text);
	font-family: var(--ds-font);
	margin: 0 auto;
	max-width: 1280px;
	padding: 20px 16px 40px;
}

.kernel-respondent-page *,
.kernel-respondent-page *::before,
.kernel-respondent-page *::after {
	box-sizing: border-box;
}

.kernel-respondent-page--record {
	max-width: 1280px;
}

.kernel-respondent-page--viewer {
	background: transparent;
	box-shadow: none;
	margin: 0;
	max-width: none;
	padding: 0;
}

/* Вертикальные стеки секций — gap вместо схлопывающихся margin */
.kernel-interview-owner-page,
.kernel-interview-expert-view,
.kernel-respondent-page:not(.kernel-respondent-page--viewer) {
	display: flex;
	flex-direction: column;
	gap: var(--ds-section-gap, 24px);
}

.kernel-respondent-panel {
	background: var(--ds-surface);
	border: 1px solid var(--ds-border);
	border-radius: var(--ds-radius);
	box-shadow: var(--ds-shadow);
	margin-bottom: 0;
	margin-top: 0;
	max-width: 100%;
	padding: 20px 22px 22px;
}

.kernel-respondent-panel__header {
	margin-bottom: 18px;
}

.kernel-respondent-panel__title,
.kernel-respondent-profile__title,
.kernel-respondent-groups__title,
.kernel-respondent-related__title {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 6px;
}

.kernel-respondent-panel__lead,
.kernel-respondent-profile__lead,
.kernel-respondent-groups__lead {
	color: var(--ds-muted);
	font-size: 0.875rem;
	line-height: 1.45;
	margin: 0;
}

.kernel-respondent-profile__readonly-hint--top {
	color: var(--ds-muted);
	font-size: 0.875rem;
	line-height: 1.45;
	margin: 0 0 14px;
}

.kernel-respondent-profile__readonly-hint--top a {
	font-weight: 600;
}

.kernel-respondent-page__danger {
	margin-top: 0.5rem;
}