/**
 * KayıpHikayeler Live Show - Dashboard Styles
 */

.kh-dashboard-wrap {
	padding: 0;
}

.kh-dashboard-layout {
	display: grid;
	grid-template-columns: 260px 1fr;
	gap: 2rem;
	min-height: 600px;
}

.kh-dashboard-sidebar {
	padding: 1.5rem;
	height: fit-content;
	position: sticky;
	top: 2rem;
}

.kh-dashboard-user {
	text-align: center;
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid var(--kh-glass-border);
}

.kh-dashboard-avatar {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--kh-gradient);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	font-weight: 700;
	margin: 0 auto 0.75rem;
}

.kh-dashboard-nav {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.kh-dashboard-nav__item {
	display: block;
	padding: 0.75rem 1rem;
	border-radius: var(--kh-radius-sm);
	color: var(--kh-text-muted);
	text-decoration: none;
	font-size: 0.9375rem;
	transition: all var(--kh-transition);
}

.kh-dashboard-nav__item:hover {
	background: rgba(255, 255, 255, 0.05);
	color: var(--kh-text);
}

.kh-dashboard-nav__item.is-active {
	background: var(--kh-gradient);
	color: #fff;
}

.kh-dashboard-main {
	min-width: 0;
}

.kh-dashboard-header {
	margin-bottom: 2rem;
}

.kh-dashboard-header h1 {
	font-size: 1.75rem;
	margin: 0 0 0.5rem;
}

.kh-bookings-list {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.kh-booking-card {
	padding: 1.5rem;
}

.kh-booking-card__header {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 1rem;
}

.kh-booking-thumb {
	width: 56px;
	height: 56px;
	border-radius: var(--kh-radius-sm);
	object-fit: cover;
}

.kh-booking-card__header h3 {
	margin: 0;
	font-size: 1.125rem;
	flex: 1;
}

.kh-booking-info {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-bottom: 1rem;
	font-size: 0.875rem;
	color: var(--kh-text-muted);
}

.kh-booking-progress {
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}

.kh-mini-step {
	padding: 0.25rem 0.625rem;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 999px;
	font-size: 0.6875rem;
	color: var(--kh-text-muted);
}

.kh-mini-step.is-done {
	background: rgba(0, 212, 170, 0.15);
	color: var(--kh-success);
}

.kh-admin-message {
	padding: 0.75rem 1rem;
	background: rgba(255, 176, 32, 0.1);
	border-left: 3px solid var(--kh-warning);
	border-radius: 0 var(--kh-radius-sm) var(--kh-radius-sm) 0;
	margin-bottom: 1rem;
	font-size: 0.875rem;
}

.kh-booking-logs {
	margin-top: 0.75rem;
	font-size: 0.8125rem;
}

.kh-booking-logs summary {
	cursor: pointer;
	color: var(--kh-text-muted);
}

.kh-booking-logs ul {
	margin: 0.5rem 0 0;
	padding-left: 1rem;
	color: var(--kh-text-muted);
}

.kh-booking-card__actions {
	display: flex;
	gap: 0.75rem;
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid var(--kh-glass-border);
}

.kh-profile-form {
	padding: 2rem;
	max-width: 500px;
}

.kh-notifications,
.kh-support {
	padding: 1.5rem;
}

.kh-notification-item {
	padding: 1rem;
	background: rgba(255, 255, 255, 0.03);
	border-radius: var(--kh-radius-sm);
	margin-bottom: 0.75rem;
}

.kh-support ul {
	padding-left: 1.25rem;
	color: var(--kh-text-muted);
}

.kh-support li {
	margin-bottom: 0.5rem;
}