@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';
@import '_content/MagicSuite.Framework/MagicSuite.Framework.aqot99fpr1.bundle.scp.css';
@import '_content/PanoramicData.Blazor/PanoramicData.Blazor.0g96itudn2.bundle.scp.css';

/* /Pages/Import.razor.rz.scp.css */
.drop-zone[b-arsz6dwmxp] {
	border: 2px dashed #ccc;
	border-radius: 8px;
	transition: all 0.3s ease;
	cursor: pointer;
}

.drop-zone:hover[b-arsz6dwmxp] {
	border-color: #007bff;
	background-color: #f8f9ff;
}

.drop-zone.drag-over[b-arsz6dwmxp] {
	border-color: #28a745;
	background-color: #f8fff8;
	transform: scale(1.02);
}

.drop-zone.has-file[b-arsz6dwmxp] {
	border-color: #28a745;
	background-color: #f8fff8;
}

.card.clickable[b-arsz6dwmxp] {
	cursor: pointer;
	transition: box-shadow 0.2s;
	box-shadow: 0 0 0 0 transparent;
}
.card.clickable:hover[b-arsz6dwmxp] {
	box-shadow: 0 0 0 2px #007bff33;
	border-color: #007bff;
}
.card.clickable:active[b-arsz6dwmxp] {
	box-shadow: 0 0 0 2px #0056b3;
	border-color: #0056b3;
}
/* /Pages/SyncStudio/SyncStudio.razor.rz.scp.css */
/* Sync Studio Layout Styles */

.sync-studio-container[b-wrs7g4amip] {
	display: flex;
	flex-direction: column;
	height: calc(100vh - 120px);
	overflow: hidden;
}

.sync-studio-top-panel[b-wrs7g4amip],
.sync-studio-bottom-panel[b-wrs7g4amip] {
	display: flex;
	flex-direction: row;
	overflow: hidden;
}

.sync-studio-panel[b-wrs7g4amip] {
	flex: 1;
	padding: 1rem;
	border: 1px solid var(--bs-border-color);
	background-color: var(--bs-body-bg);
	overflow: auto;
}

/* Top Panel - 3 columns */
.sync-studio-top-panel .sync-version-overview[b-wrs7g4amip] {
	flex: 0 0 20%;
	max-width: 20%;
}

.sync-studio-top-panel .sync-diagram[b-wrs7g4amip] {
	flex: 0 0 50%;
	max-width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sync-studio-top-panel .connected-system-panel[b-wrs7g4amip] {
	flex: 0 0 30%;
	max-width: 30%;
}

/* Bottom Panel - 3 columns */
.sync-studio-bottom-panel .state-viewer[b-wrs7g4amip] {
	flex: 0 0 20%;
	max-width: 20%;
}

.sync-studio-bottom-panel .query-editor[b-wrs7g4amip] {
	flex: 0 0 50%;
	max-width: 50%;
}

.sync-studio-bottom-panel .mapping-editor[b-wrs7g4amip] {
	flex: 0 0 30%;
	max-width: 30%;
}

/* Resizable Divider */
.sync-studio-divider[b-wrs7g4amip] {
	height: 6px;
	background-color: var(--bs-secondary-bg);
	cursor: row-resize;
	border-top: 1px solid var(--bs-border-color);
	border-bottom: 1px solid var(--bs-border-color);
	transition: background-color 0.2s;
}

.sync-studio-divider:hover[b-wrs7g4amip] {
	background-color: var(--bs-primary);
}

/* Desktop Required Message */
.sync-studio-desktop-required[b-wrs7g4amip] {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(100vh - 120px);
	padding: 2rem;
}

.sync-studio-desktop-required .alert[b-wrs7g4amip] {
	max-width: 400px;
}

/* Stats Placeholder */
.stats-placeholder[b-wrs7g4amip] {
	background-color: var(--bs-tertiary-bg);
	border: 2px dashed var(--bs-border-color);
	border-radius: 0.5rem;
	padding: 2rem;
	text-align: center;
	color: var(--bs-secondary-color);
	min-height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}