lemon695_obsidian-missing-link-file-creator/styles.legacy.css

/* ===== Legacy CSS (Trimmed) =====
 * Keep only classes still referenced by runtime code.
 */

:root {
	--ccmd-space-1: 4px;
	--ccmd-space-2: 8px;
	--ccmd-space-3: 12px;
	--ccmd-space-4: 16px;
	--ccmd-space-5: 20px;
	--ccmd-space-6: 24px;
	--ccmd-space-10: 40px;

	--ccmd-radius-sm: 4px;
	--ccmd-radius-md: 6px;
	--ccmd-radius-lg: 8px;

	--ccmd-shadow-lg: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* Creation confirm modal bridge container */
.ccmd-creation-confirm-modal {
	width: 100% !important;
	box-sizing: border-box !important;
	padding: var(--ccmd-space-5) !important;
}

.ccmd-file-creation-modal-container {
	position: fixed !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	width: 80vw !important;
	max-width: 1200px !important;
	max-height: 80vh !important;
	overflow-y: auto !important;
}

/* Shared modal wrappers */
.ccmd-rule-management-modal,
.ccmd-rule-edit-modal {
	padding: var(--ccmd-space-6) !important;
}

.ccmd-modal-container .ccmd-rule-management-modal,
.ccmd-modal-container .ccmd-rule-edit-modal {
	width: 90vw !important;
	max-width: 1400px !important;
	min-width: 600px !important;
	max-height: 85vh !important;
}

.ccmd-quickAddModal {
	padding: 12px;
	border-radius: 5px;
}

/* Template browser / selection legacy modals */
.modal:has(.ccmd-template-selection-modal) {
	border-radius: 12px !important;
	box-shadow: var(--ccmd-shadow-lg) !important;
	background-color: var(--background-primary) !important;
	overflow: hidden !important;
}

.ccmd-template-selection-modal {
	padding: var(--ccmd-space-6) !important;
	overflow-x: hidden !important;
}

.ccmd-template-list {
	width: 100% !important;
	height: 450px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	border: 1px solid var(--background-modifier-border) !important;
	border-radius: 8px !important;
	margin-top: 16px !important;
}

.ccmd-template-item {
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	padding: 10px 12px !important;
	border-bottom: 1px solid var(--background-modifier-border) !important;
	cursor: pointer !important;
}

.ccmd-template-item:hover {
	background-color: var(--background-secondary) !important;
}

.ccmd-template-item:last-child {
	border-bottom: none;
}

.ccmd-no-templates {
	padding: var(--ccmd-space-10) var(--ccmd-space-5);
	text-align: center;
	color: var(--text-muted);
	font-style: italic;
}

/* Suggestion popup styles */
.ccmd-suggestion-container {
	min-width: 300px !important;
	max-width: min(800px, 90vw) !important;
	max-height: 300px !important;
	width: auto !important;
	z-index: 100;
	overflow-y: auto !important;
	scrollbar-width: thin !important;
	background-color: var(--background-primary) !important;
	border: 1px solid var(--background-modifier-border) !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

.ccmd-suggestion {
	padding: 5px 0;
}

.ccmd-suggestion-item {
	text-overflow: ellipsis !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	padding: 8px 10px !important;
	position: relative !important;
}

.ccmd-suggestion-item:hover {
	background-color: var(--background-secondary);
	font-weight: 500;
}

.ccmd-suggestion-item.is-selected {
	background-color: var(--background-modifier-hover);
	color: var(--text-accent);
	font-weight: 500;
}

body.theme-dark .ccmd-suggestion-item:hover,
body.theme-dark .ccmd-suggestion-item.is-selected {
	background-color: var(--interactive-hover);
}

.ccmd-path-tooltip {
	position: absolute !important;
	z-index: 1000 !important;
	background-color: var(--background-secondary) !important;
	border: 1px solid var(--background-modifier-border) !important;
	border-radius: 4px !important;
	padding: 6px 10px !important;
	font-size: 12px !important;
	max-width: 300px !important;
	word-break: break-all !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
	pointer-events: none !important;
	opacity: 0 !important;
	transition: opacity 0.2s ease !important;
}

.ccmd-path-tooltip.show {
	opacity: 1 !important;
}

.ccmd-suggestion-container .ccmd-path-tooltip {
	max-width: 400px !important;
	word-break: normal !important;
	white-space: nowrap !important;
	z-index: 1001 !important;
}

@media (min-width: 1921px) {
	.ccmd-suggestion-container {
		max-width: min(900px, 70vw) !important;
	}
}

@media (min-width: 1024px) and (max-width: 1365px) {
	.ccmd-suggestion-container {
		max-width: min(650px, 80vw) !important;
	}
}

@media (max-width: 768px) {
	.ccmd-rule-management-modal,
	.ccmd-rule-edit-modal {
		padding: var(--ccmd-space-4);
	}

	.ccmd-suggestion-container {
		max-width: 400px !important;
		min-width: 250px !important;
	}
}

@media (max-width: 480px) {
	.ccmd-suggestion-container {
		max-width: 90vw !important;
		min-width: 200px !important;
	}
}

@media (pointer: coarse) {
	.ccmd-suggestion-item {
		padding: 12px;
		min-height: 44px;
	}
}