.incon-topbar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 56px;
	background: #0f172a; /* slate-900 */
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 16px 0 256px; /* consider sidebar width + spacing */
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
	z-index: 9998;
}

body.with-sidebar.with-topbar { padding-top: 56px; }

.incon-topbar .tb-left {
	display: flex;
	align-items: center;
	gap: 10px;
}

.incon-topbar .tb-title { font-weight: 600; font-size: 14px; opacity: 0.9; }

.incon-topbar .tb-right { display: flex; align-items: center; gap: 12px; }

.incon-topbar .tb-user { text-align: right; font-size: 12px; line-height: 1.2; }
.incon-topbar .tb-user .name { font-weight: 600; font-size: 13px; }
.incon-topbar .tb-user .role { opacity: 0.8; }

.incon-topbar .tb-btn { background: #ef4444; color: #fff; border: none; padding: 8px 12px; border-radius: 6px; cursor: pointer; font-size: 12px; }
.incon-topbar .tb-btn:hover { background: #dc2626; }

@media (max-width: 940px) {
	.incon-topbar { padding-left: 16px; }
}