/* ==========================================================================
   Dashboard Header
   ========================================================================== */

.wc-header {

	display: flex;
	align-items: center;
	justify-content: space-between;

	padding: 1.5rem 2rem;

	background: var(--wc-color-surface);

	border-bottom: 1px solid var(--wc-color-border);

	position: sticky;
	top: 0;
	z-index: 100;

}

.wc-header__left,
.wc-header__right {

	display: flex;
	align-items: center;
	gap: 1rem;

}

.wc-header__menu-toggle {

	display: none;
	align-items: center;
	justify-content: center;

	width: 42px;
	height: 42px;

	border: none;
	border-radius: var(--wc-radius-md);

	background: transparent;

	cursor: pointer;

	transition: var(--wc-transition);

}

.wc-header__menu-toggle:hover {

	background: rgba(184, 144, 91, .08);

}

.wc-header__search {

	display: flex;
	align-items: center;
	gap: .75rem;

	width: 340px;

	padding: .75rem 1rem;

	background: var(--wc-color-background);

	border: 1px solid var(--wc-color-border);
	border-radius: var(--wc-radius-lg);

	transition: var(--wc-transition);

}

.wc-header__search:focus-within {

	border-color: var(--wc-color-primary);

	box-shadow: 0 0 0 3px rgba(184, 144, 91, .15);

}

.wc-header__search input {

	flex: 1;

	border: none;
	outline: none;

	background: transparent;

	color: var(--wc-color-text);

}

.wc-header__search input::placeholder {

	color: var(--wc-color-text-light);

}

.wc-header__icon-button {

	position: relative;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 44px;
	height: 44px;

	border: none;
	border-radius: var(--wc-radius-md);

	background: transparent;

	cursor: pointer;

	color: var(--wc-color-text-light);

	transition: var(--wc-transition);

}

.wc-header__icon-button:hover {

	background: rgba(184, 144, 91, .08);

	color: var(--wc-color-primary);

}

.wc-notification-badge {

	position: absolute;

	top: 6px;
	right: 6px;

	display: flex;
	align-items: center;
	justify-content: center;

	min-width: 18px;
	height: 18px;

	padding: 0 5px;

	border-radius: 999px;

	background: var(--wc-color-danger);

	color: #fff;

	font-size: .7rem;
	font-weight: 600;
	line-height: 1;

}

.wc-header__profile {

	display: flex;
	align-items: center;
	gap: .85rem;

	padding-left: .5rem;

}

.wc-header__avatar {

	display: flex;
	align-items: center;
	justify-content: center;

	width: 44px;
	height: 44px;

	border-radius: 50%;

	background: var(--wc-color-primary);

	color: #fff;

	font-size: 1rem;
	font-weight: 700;

	flex-shrink: 0;

}

.wc-header__user {

	display: flex;
	flex-direction: column;

}

.wc-header__user strong {

	font-size: .95rem;
	font-weight: 600;

	color: var(--wc-color-text);

}

.wc-header__user span {

	font-size: .8rem;

	color: var(--wc-color-text-light);

}

@media (max-width: 992px) {

	.wc-header {

		padding: 1rem 1.25rem;

	}

	.wc-header__menu-toggle {

		display: flex;

	}

	.wc-header__search {

		width: 220px;

	}

}

@media (max-width: 768px) {

	.wc-header__search {

		display: none;

	}

	.wc-header__user {

		display: none;

	}

}
.wc-header [data-lucide] svg{display:block;width:18px;height:18px}
.wc-header__profile{padding-left:10px}
.wc-header__profile:after{content:'⌄';font-size:15px;color:#68737d;margin-left:2px}
.wc-header__search span{display:flex;color:#8b949c}