/* =========================================================================
   Экран «Прямая линия с генеральным директором».

   Использует классы из chat.css (.chat__header / .chat__history / .chat__input
   / .bubble*). Здесь — только специфика management-chat:
     - переопределения relative bottom-nav (которой здесь нет)
     - severity-picker (выбор срочности 1..5 кнопками)
     - chat__char-counter (счётчик символов под textarea с min-длиной)
   ========================================================================= */

.screen--management-chat {
	padding: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

/* Поле ввода в management-chat: на этом экране bottom-nav нет,
   значит input-wrap прижимается к самому низу viewport (с учётом
   safe-area). */
.screen--management-chat .chat__input-wrap {
	bottom: calc(var(--sp-3) + var(--safe-bottom));
}

/* =========================================================================
   SEVERITY PICKER — выбор срочности 1..5 кнопками
   ========================================================================= */

.severity-picker {
	background: var(--color-glass-bg-strong);
	border: 1px solid var(--color-glass-border);
	border-radius: var(--radius-2xl);
	backdrop-filter: blur(20px) saturate(180%);
	-webkit-backdrop-filter: blur(20px) saturate(180%);
	box-shadow: 0 4px 16px rgba(19, 23, 42, 0.06);
	padding: var(--sp-3) var(--sp-4) var(--sp-3);
	display: flex;
	flex-direction: column;
	gap: var(--sp-2);
}

.severity-picker__buttons {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: var(--sp-2);
}

.severity-btn {
	height: 48px;
	border: 1px solid var(--color-divider-strong);
	background: var(--color-bg-white, white);
	border-radius: var(--radius-md);
	color: var(--color-primary);
	font-family: var(--font-family);
	font-size: var(--fs-lg);
	font-weight: var(--fw-semibold);
	cursor: pointer;
	transition: background var(--t-fast), border-color var(--t-fast), color var(--t-fast), transform var(--t-fast);
}

.severity-btn:hover {
	background: var(--grad-gold-soft);
	border-color: var(--color-accent);
	color: var(--color-accent);
}

.severity-btn:active:not(:disabled) {
	transform: translateY(1px);
}

.severity-picker__legend {
	display: flex;
	justify-content: space-between;
	font-size: var(--fs-xs);
	color: var(--color-text-faint);
	letter-spacing: 0.04em;
	padding: 0 var(--sp-1);
}

/* =========================================================================
   СЧЁТЧИК СИМВОЛОВ — для textarea с минимальной длиной (Q2/Q3)
   ========================================================================= */

.chat__char-counter {
	margin-top: var(--sp-2);
	font-size: var(--fs-xs);
	color: var(--color-text-faint);
	text-align: right;
	padding: 0 var(--sp-2);
	letter-spacing: 0.02em;
	transition: color var(--t-fast);
}

.chat__char-counter.is-enough {
	color: var(--color-success);
	font-weight: var(--fw-medium);
}