/* ==========================================================================
   Личный кабинет арендатора (этап 4).
   Переменные (--navy, --coral, --line, --muted, --ink, --bg) заданы в style.css.
   ========================================================================== */

.lk-page .panel + .panel {
	margin-top: 1.5rem;
}

/* --- Реквизиты списком --- */
.lk-props {
	margin: 0;
}

.lk-props dt {
	color: var(--muted);
	font-size: .85rem;
	font-weight: 500;
	margin-top: .75rem;
}

.lk-props dt:first-child {
	margin-top: 0;
}

.lk-props dd {
	margin: 0;
	color: var(--ink);
	font-size: .98rem;
}

/* --- Таблица броней --- */
.lk-table {
	--bs-table-bg: transparent;
}

.lk-table thead th {
	color: var(--muted);
	font-size: .8rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .03em;
	border-bottom: 1px solid var(--line);
}

.lk-table td {
	border-bottom: 1px solid var(--line);
	vertical-align: middle;
}

.lk-table tr:last-child td {
	border-bottom: 0;
}

/* --- Статусы --- */
.badge-status {
	display: inline-block;
	padding: 5px 12px;
	border-radius: 999px;
	font-size: .82rem;
	font-weight: 600;
	white-space: nowrap;
}

.badge-status--new {
	background: rgba(242, 104, 79, .12);
	color: var(--coral-dark);
}

.badge-status--confirmed {
	background: rgba(27, 43, 74, .1);
	color: var(--navy);
}

.badge-status--cancelled {
	background: #eef1f5;
	color: var(--muted);
}

.badge-status--rejected {
	background: rgba(220, 53, 69, .12);
	color: #b02a37;
}

.badge-status--done {
	background: #e8f3ec;
	color: #2f6b45;
}

/* --- Кнопка-контур в фирменном цвете --- */
.btn-outline-coral {
	border: 1px solid var(--coral);
	color: var(--coral-dark);
	background: #fff;
	border-radius: var(--radius-pill);
	padding: 6px 16px;
	font-weight: 600;
}

.btn-outline-coral:hover,
.btn-outline-coral:focus {
	background: var(--coral);
	border-color: var(--coral);
	color: #fff;
}

/* --- Строка «ИНН + Проверить ИНН» на одной линии --- */
.inn-row {
	display: flex;
	align-items: stretch; /* кнопка тянется по высоте поля */
	gap: .75rem;
}

.inn-field {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
}

.inn-field .form-control {
	width: 100%;
}

.inn-row .btn {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
}

@media (max-width: 575.98px) {
	.inn-row {
		flex-direction: column;
	}

	.inn-field,
	.inn-row .btn {
		width: 100%;
	}
}

/* --- Подсказки по организациям --- */
.inn-suggest {
	position: absolute;
	z-index: 30;
	top: calc(100% + 6px);
	left: 0;
	right: 0;
	max-height: 320px;
	overflow-y: auto;
	margin: 0;
	padding: 6px;
	list-style: none;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--radius-card);
	box-shadow: var(--shadow-sm);
}

.inn-suggest li {
	padding: 9px 12px;
	border-radius: 14px;
	cursor: pointer;
}

.inn-suggest li.is-active,
.inn-suggest li:hover {
	background: var(--bg);
}

.inn-suggest .s-name {
	display: block;
	font-weight: 600;
	color: var(--navy);
	line-height: 1.3;
}

.inn-suggest .s-meta,
.inn-suggest .s-taken {
	display: block;
	font-size: .84rem;
	color: var(--muted);
	margin-top: 2px;
}

.inn-suggest .s-taken {
	color: #b02a37;
}

.inn-suggest .inn-suggest-note {
	cursor: default;
	color: var(--muted);
	font-size: .9rem;
}

.inn-suggest .inn-suggest-note:hover {
	background: transparent;
}

/* --- Результат проверки ИНН --- */
.inn-result {
	margin-top: .75rem;
	padding: 14px 16px;
	border-radius: var(--radius-card);
	border: 1px solid var(--line);
	background: var(--bg);
	font-size: .95rem;
	color: var(--ink);
}

.inn-result.is-error {
	border-color: rgba(220, 53, 69, .35);
	background: rgba(220, 53, 69, .06);
	color: #b02a37;
}

.inn-result.is-ok {
	border-color: rgba(47, 107, 69, .3);
	background: #f1f8f3;
}

.inn-result .inn-org {
	font-weight: 600;
	display: block;
	margin-bottom: 2px;
}

.inn-result .inn-meta {
	color: var(--muted);
	font-size: .88rem;
}

/* --- Мелочи --- */
.lk-page input[readonly] {
	background: var(--bg);
	color: var(--muted);
}