body{background:#f8f9fa}
.card{box-shadow:0 1px 3px rgba(0,0,0,.05)}

/* Sidebar styles */
#appWrapper { min-height:100vh; }
#sidebar { width: 220px; transition: all .3s ease; }
#sidebar.collapsed { width: 64px; }
#sidebar .nav-link { color: #333; }
#sidebar .nav-link .link-text { margin-left: 8px; }
#sidebar.collapsed .link-text { display: none; }
#sidebar .sidebar-header { border-bottom: 1px solid #e9ecef; }

/* Make content area take remaining space */
#content { padding: 1rem; }

/* Small screens: collapse sidebar by default */
@media (max-width: 767px) {
	#sidebar { 
		position: fixed; 
		z-index: 1030; 
		height: 100vh; 
		transform: translateX(-100%); 
		width: 220px !important;
	}
	#sidebar.show { 
		transform: translateX(0); 
		box-shadow: 2px 0 5px rgba(0,0,0,0.1); 
	}
	#sidebar.collapsed { width: 220px !important; }
	#sidebar.collapsed .link-text { display: inline; }
	
	/* Overlay when sidebar is open */
	body::after {
		content: '';
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.3);
		z-index: 1029;
		opacity: 0;
		pointer-events: none;
		transition: opacity .3s ease;
	}
	body.sidebar-open::after {
		opacity: 1;
		pointer-events: all;
	}
}

/* Tabs */
.nav-tabs .nav-link { position: relative; }
.tab-close-btn { position: absolute; right: 6px; top: 6px; font-size: 0.8rem; border: none; background: transparent; }
.tab-pane { min-height: 200px; }