.top-left { float: left; padding-top: 0; }
.top-right { float: right; display: flex; align-items: center; gap: 4px; }
.top-right .dataTables_filter { float: none !important; margin: 0 !important; }
.bottom-container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; padding-top: 10px; }
.dt-buttons { display: flex; align-items: center; gap: 4px; float: none !important; }

#modalStatusSirkulasiTransisi.right-side-panel { padding: 0 !important; }
#modalStatusSirkulasiTransisi.right-side-panel .modal-dialog {
	position: fixed;
	top: 10px;
	right: 10px;
	margin: 0;
	width: 600px;
	max-width: calc(100vw - 20px);
	height: calc(100vh - 20px);
	transform: translateX(120%);
	transition: transform 0.3s ease-in-out;
	z-index: 1070;
}
#modalStatusSirkulasiTransisi.right-side-panel.show .modal-dialog {
	transform: translateX(0);
}
#modalStatusSirkulasiTransisi.right-side-panel .modal-content {
	height: 100%;
	border-radius: 0.5rem;
	padding: 10px;
	display: flex;
	flex-direction: column;
}
#modalStatusSirkulasiTransisi.right-side-panel .modal-body {
	flex: 1;
	overflow-y: auto;
}
#modalStatusSirkulasiTransisi.right-side-panel .modal-footer {
	margin-top: auto;
}
#modalStatusSirkulasiTransisi.right-side-panel .modal-dialog form { height: 100%; }

/* Backdrop untuk right-side panel: jangan tutupi header */
#modalStatusSirkulasiTransisi.right-side-panel ~ .modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1060;
}