/**
 * Личный кабинет Show-Kassa.
 * Палитра сайта: --color-primary #2f57ef, кнопки #6996ed / hover #3d6dca,
 * заголовки #192335, текст #6b7385, фоны #f4f5f7.
 * Вёрстка — Bootstrap 4 (подключён темой).
 */

.skc-wrap {
	--skc-primary: #2f57ef;
	--skc-btn: #6996ed;
	--skc-btn-hover: #3d6dca;
	--skc-heading: #192335;
	--skc-body: #6b7385;
	--skc-bg: #f4f5f7;
	--skc-border: #e4e7ec;

	margin-bottom: 2rem;
}

/* --- Навигация между страницами кабинета --- */

.skc-tabs {
	border-bottom: 2px solid var(--skc-border);
	margin-bottom: 1.5rem;
}

.skc-tabs .nav-link {
	color: var(--skc-body);
	border: none;
	font-weight: 600;
	font-size: 15px;
	padding: 0.65rem 1.1rem;
	margin-bottom: -2px;
	background: transparent;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.skc-tabs .nav-link i {
	margin-right: 6px;
}

.skc-tabs .nav-link:hover {
	color: var(--skc-btn);
	border: none;
	border-bottom: 3px solid transparent;
}

.skc-tabs .nav-link.active {
	color: var(--skc-btn);
	background: transparent;
	border: none;
	border-bottom: 3px solid var(--skc-btn);
}

/* --- Сообщения --- */

.skc-notice,
.skc-login-prompt {
	border: none;
	border-radius: 8px;
	font-size: 15px;
}

.skc-login-prompt {
	background: var(--skc-bg);
	color: var(--skc-body);
}

/* --- Форма профиля --- */

.skc-form label {
	color: var(--skc-heading);
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 6px;
}

.skc-form .form-control {
	border-color: var(--skc-border);
	border-radius: 6px;
	font-size: 15px;
	color: var(--skc-heading);
	height: auto;
	padding: 0.5rem 0.85rem;
}

.skc-form .form-control:focus {
	border-color: var(--skc-btn);
	box-shadow: 0 0 0 0.2rem rgba(105, 150, 237, 0.25);
}

.skc-form .form-control[readonly] {
	background: var(--skc-bg);
	color: var(--skc-body);
}

.skc-subtitle {
	color: var(--skc-heading);
	font-weight: 700;
	font-size: 17px;
	margin: 1.5rem 0 0.25rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--skc-border);
}

.skc-hint {
	color: var(--skc-body);
	font-size: 13px;
	margin-bottom: 1rem;
}

.skc-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 0.5rem;
}

/* --- Кнопки в стиле сайта (.kn-index) --- */

.skc-btn {
	background-color: var(--skc-btn) !important;
	border: none !important;
	color: #fff !important;
	font-weight: 500;
	border-radius: 6px;
	padding: 9px 24px;
	font-size: 16px;
	line-height: 22px;
	transition: background 0.3s ease, box-shadow 0.3s ease;
}

.skc-btn:hover {
	background-color: var(--skc-btn-hover) !important;
	box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
	color: #fff !important;
	text-decoration: none;
}

.skc-logout {
	color: var(--skc-body);
	font-size: 14px;
	padding-left: 0;
}

.skc-logout:hover {
	color: #d9534f;
	text-decoration: none;
}

.skc-btn-outline {
	color: var(--skc-btn) !important;
	border-color: var(--skc-btn) !important;
	border-radius: 6px;
	font-weight: 500;
	white-space: nowrap;
}

.skc-btn-outline:hover {
	background-color: var(--skc-btn) !important;
	border-color: var(--skc-btn-hover) !important;
	color: #fff !important;
}

/* --- Таблица заказов --- */

.skc-table-wrap {
	background: #fff;
	border-radius: 5px;
	box-shadow: rgb(0 0 0 / 19%) 0 0 10px;
	margin-bottom: 1.5rem;
}

.skc-table {
	margin-bottom: 0;
	font-size: 14px;
	color: var(--skc-body);
}

.skc-table thead th {
	border-top: none;
	border-bottom: 2px solid var(--skc-border);
	color: var(--skc-heading);
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	padding: 14px 15px;
	white-space: nowrap;
	background: var(--skc-bg);
}

.skc-table tbody td {
	padding: 14px 15px;
	vertical-align: middle;
	border-color: var(--skc-border);
}

.skc-table tbody tr:last-child td {
	border-bottom: none;
}

.skc-order-id {
	color: var(--skc-heading);
	font-weight: 700;
	white-space: nowrap;
}

.skc-price {
	color: var(--skc-heading);
	font-weight: 600;
	white-space: nowrap;
}

.skc-events {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 13px;
}

.skc-events li {
	margin-bottom: 6px;
}

.skc-events li:last-child {
	margin-bottom: 0;
}

.skc-events strong {
	color: var(--skc-heading);
	font-weight: 600;
}

.skc-muted {
	color: var(--skc-body);
	font-size: 12px;
}

.skc-status {
	font-size: 0.9em;
	white-space: nowrap;
}

.skc-status .fa {
	margin-right: 4px;
}

.skc-empty {
	background: var(--skc-bg);
	color: var(--skc-body);
	border: none;
	border-radius: 8px;
	text-align: center;
	padding: 1.5rem;
}

/* --- Пагинация --- */

.skc-pagination .page-link {
	color: var(--skc-btn);
	border-radius: 6px !important;
	margin: 0 3px;
	border: 1px solid var(--skc-border);
	font-size: 14px;
}

.skc-pagination .page-item.active .page-link {
	background: var(--skc-btn);
	border-color: var(--skc-btn);
	color: #fff;
}

.skc-pagination .page-item.disabled .page-link {
	color: #adb5bd;
}

.skc-pagination {
	margin-top: 0.5rem;
}

/* --- Мобильная адаптация --- */

@media (max-width: 767.98px) {
	.skc-tabs .nav-link {
		padding: 0.55rem 0.75rem;
		font-size: 14px;
	}

	.skc-table thead th {
		font-size: 12px;
	}

	.skc-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.skc-actions .skc-btn {
		width: 100%;
		text-align: center;
	}
}