/* =========================================
   PUBLISHER THEME TOKENS (giữ nguyên)
   ========================================= */
:root{
	--font-system-ui: Roboto, Helvetica, Arial, sans-serif;
	--cf3-btn-border-radius: 0.5rem;
	
	--dark-background-color: #222831;
	--dark-secondary-color: #393E46;
	--dark-surface-color: #EEEEEE;
	--dark-text-secondary: #E94560;
	
	--light-background-color: #FFFFFFF2;
	--light-secondary-color: #E9EAEA;
	--light-surface-color: #252434;
	--light-text-secondary: #888888;
	
	--hot-primary: #E63323;
	--cold-primary: #00ADB5;
	--hot-secondary: #F39244;
	--cold-secondary: #0dcaf0;

	--nav-h: 145px; 
}

/* =========================================
   SIDEBAR (giữ nguyên)
   ========================================= */
.sidebar{
	background:var(--light-surface-color); 
	border-right:1px solid var(--border);
	display: flex; 
	flex-direction: column;
	font-size: 1.45rem;
}

.sidebar-inner{ 
	display: flex; 
	flex-direction: column; 
	gap: 12px; 
	height: 100%; 
}

/* Khu vực đáy sidebar (search + tạo kênh) dính đáy */
.sidebar-bottom{
	margin-top:auto;
	padding-top:12px;
	border-top:1px solid var(--border);
	display:flex; flex-direction:column;
}

.sidebar .nav-link{ 
	color:var(--dark-surface-color); 
}
.sidebar .nav-link.active{
	color:var(--text); 
	background:rgba(79,140,255,.12);
}

.app-shell{ 
	height: calc(100vh - var(--nav-h));
    overflow: hidden;
}	

.app-shell .post-author {
	margin-top: 0 !important;
}

.app-shell main{
	overflow-x: auto;
}

.student-needed{
	margin: 5rem auto;
	font-size: 2.5rem;
	font-weight: 800;
}

.class-feed{
    margin-top: 1.5rem;
    padding: 0 2rem;
}

.class-post{
    padding: 1.25rem;
    border: 1px solid var(--dark-surface-color);
    margin-bottom: 2rem;
	display: flex;
    justify-content: space-between;
}

.class-title{
    margin: 2rem 2rem 3rem;
    padding-bottom: 1rem;
    font-size: 2rem;
    font-weight: 900;
    border-bottom: 1px solid var(--dark-surface-color);
}

.edu-post .post-full{
	flex: 1 1 100%;
}

.post-title{
    font-size: 1.45rem;
    font-weight: 700;
    margin-top: .25rem;
}

.post-time{
    margin-top: .55rem;
}

.edu-post .post-author{
    border-bottom: 1px solid var(--dark-surface-color);
}

.edu-post .post-time{
    margin-left: 1rem;
    margin-right: 1rem;
}

/* Responsive sidebar (giữ nguyên) */
@media (max-width: 600px){
	.app-shell{ 
		flex-direction: column;
	}
	
	.sidebar{
		width: 100%;
		max-height: 20rem;
		overflow-y: auto;
	}
}

@media (min-width: 601) and (max-width: 800px){
	.sidebar{
		width: 20rem; 
	}
}

@media (min-width: 801px){
	.sidebar{
		width: 28rem; 
	}
}
@media (min-device-width: 801px){
	.sidebar{
		width: 28rem; 
	}
}