/* --- Mobile sidebar (below banner) --- */
/* Banner style (just sample look) */
.main-inner-banner {
	position: relative;
	background: linear-gradient(135deg, #0056b3, #007bff);
	color: #fff;
	padding: 80px 0;
	text-align: center;
}

/* Mobile Sidebar (default position) */
.mobile-sidebar {
	position: relative;
	width: 100%;
	background: #f4ede7;
	box-shadow: 0 -2px 10px rgba(0,0,0,0.08);
	padding: 10px 0;
	border-top: 1px solid #eee;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	z-index: 99;
	transition: all 0.3s ease;
}

.mobile-sidebar::-webkit-scrollbar {
	display: none;
}

.mobile-sidebar ul {
	display: flex;
	align-items: center;
    justify-content: center; /* 👈 Center horizontally */
	gap: 20px;
	list-style: none;
	padding: 0 15px;
	margin: 0;
	min-width: max-content;
}

.mobile-sidebar ul li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 14px;
	color: #444;
	text-decoration: none;
	transition: all 0.3s ease;
}

.mobile-sidebar ul li a i {
	font-size: 20px;
	margin-bottom: 4px;
}

.mobile-sidebar ul li a.active,
.mobile-sidebar ul li a:hover {
	color: #007bff;
	font-weight: 600;
}

/* 👇 Fixed style jab scroll hone ke baad sticky ho */
.mobile-sidebar.sticky {
	position: fixed;
	top: 80px; /* header height ke hisaab se adjust karein */
	left: 0;
	right: 0;
	z-index: 999;
}

/* Cards & stat */
.stat-card { border-radius:10px; box-shadow:0 6px 18px rgba(20,20,50,.05); }
.stat-number { font-size:28px; margin:0; }
.stat-label { color:#666; }

/* Table alt */
.table-alt { width:100%; border-collapse:collapse; }
.table-alt thead th { text-align:left; padding:12px; border-bottom:1px solid #eee; }
.table-alt tbody td { padding:12px; border-bottom:1px solid #f4f4f4; }

/* Notification list */
.notification-list { list-style:none; padding:0; margin:0; }
.notification-item { display:flex; gap:12px; align-items:flex-start; padding:12px; border-bottom:1px solid #f2f2f2; }
.notification-item.unread { background:linear-gradient(90deg, rgba(11,118,255,.03), transparent); }


/****************************
 Dashboard CSS
****************************/
.page-dashboard {
    background: #f8f9fb;
}

.stat-card {
    border: none;
    border-radius: 16px;
    transition: all 0.3s ease;
    background: #fff;
    backdrop-filter: blur(10px);
}
.stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
}

.stat-number {
    font-weight: 700;
    font-size: 2rem;
}

.icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.table thead {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.table-row-hover:hover {
    background-color: rgba(0, 123, 255, 0.05);
    transition: 0.3s ease;
}

.badge.bg-success-subtle {
    background-color: rgba(25, 135, 84, 0.1);
}

.badge.bg-warning-subtle {
    background-color: rgba(255, 193, 7, 0.1);
}