.blog-dashboard{
	background-color: white;
	border-radius: 10px;
	padding: 1.5rem;
	box-shadow: 0 5px 15px rgba(0,0,0,0.08);
	margin-bottom: 2rem;
	margin-top: 2.5rem;
}
.dark-mode .blog-dashboard{ background-color: #121212; }

.blog-dashboard .editor-toolbar{
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #eee;
}
.dark-mode .blog-dashboard .editor-toolbar{ border-bottom-color: #444; }

.blog-dashboard .toolbar-btn{
	background-color: #f0f0f0;
	border: none;
	padding: 0.5rem 0.8rem;
	border-radius: 4px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.dark-mode .blog-dashboard .toolbar-btn{ background-color: #333; color: #fff; }
.blog-dashboard .toolbar-btn:hover{ background-color: #ddd; }
.dark-mode .blog-dashboard .toolbar-btn:hover{ background-color: #555; }

.blog-dashboard .editor-content{
	min-height: 300px;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 1rem;
	margin-bottom: 1rem;
	background-color: #f9f9f9;
	color: #333;
	outline: none;
}
.dark-mode .blog-dashboard .editor-content{ background-color: #121212; color: #f9f9f9; border-color: #444; }

.blog-dashboard .form-group{ margin-bottom: 1rem; }
.blog-dashboard .form-group label{ display: block; margin-bottom: 0.5rem; font-weight: 500; }
.blog-dashboard .form-control{
	width: 100%;
	padding: 0.8rem;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 1rem;
	background-color: #f9f9f9;
	color: #333;
}
.dark-mode .blog-dashboard .form-control{ background-color: #121212; color: #f9f9f9; border-color: #444; }

.blog-dashboard .form-row{ display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem; }
.blog-dashboard .form-row .form-group{ flex: 1; min-width: 200px; }

.blog-dashboard .btn{
	display: inline-block;
	background-color: #FFD700;
	color: #121212;
	padding: 0.7rem 1.5rem;
	border-radius: 30px;
	text-decoration: none;
	font-weight: bold;
	transition: all 0.3s;
	cursor: pointer;
	border: none;
}
.blog-dashboard .btn:hover{ background-color:#B8860B; transform:translateY(-3px); box-shadow:0 5px 15px rgba(0,0,0,0.2); }

.blog-dashboard .emoji-picker{
	position: absolute;
	background: white;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 10px;
	display: none;
	flex-wrap: wrap;
	gap: 5px;
	max-width: 200px;
	max-height: 150px;
	overflow-y: auto;
	z-index: 1000;
}
.dark-mode .blog-dashboard .emoji-picker{ background: #333; border-color: #555; }

.blog-dashboard .emoji-btn{
	font-size: 1.2rem;
	background: none;
	border: none;
	cursor: pointer;
	padding: 5px;
}
.blog-dashboard .emoji-btn:hover{ transform: scale(1.2); }

@media (max-width:768px){
	.blog-dashboard .form-row{ flex-direction: column; }
}