/* macOS Finder Compact CSS aesthetics */
	.finder-node {
		position: relative;
	}

	.finder-row {
		display: flex;
		align-items: center;
		height: 24px;
		padding: 0 16px;
		transition: background-color 0.1s;
		border-top: 2px solid transparent;
		border-bottom: 2px solid transparent;
	}

	/* Alternating backgrounds for that list feel */
	.finder-row:nth-child(even) {
		background-color: #fafafa;
	}

	.finder-node:hover>.finder-row {
		background-color: #edf2fc;
	}

	.finder-node.selected>.finder-row {
		background-color: #0060df;
		color: white;
	}

	.finder-node.selected>.finder-row .text-\[\#888\] {
		color: rgba(255, 255, 255, 0.7);
	}

	.children-container {
		display: none;
	}

	.children-container.expanded {
		display: block;
	}

	.btn-action {
		color: #888;
		padding: 2px;
		border-radius: 4px;
		transition: all 0.2s;
		opacity: 0;
	}

	.finder-row:hover .btn-action {
		opacity: 1;
	}

	.btn-action:hover {
		background: #e0e0e0;
		color: #333;
	}

	.finder-node.selected>.finder-row .btn-action {
		background: rgba(255, 255, 255, 0.2);
		color: white;
	}

	.chevron-icon {
		transition: transform 0.1s ease-in-out;
		width: 12px;
		height: 12px;
	}

	.chevron-icon.expanded {
		transform: rotate(90deg);
	}

	.chevron-placeholder {
		width: 12px;
		display: inline-block;
	}

	.macos-folder-icon {
		background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 54"><defs><linearGradient id="back" x1="0" x2="0" y1="0" y2="1"><stop offset="0" stop-color="%2385defc"/><stop offset="1" stop-color="%2355adf0"/></linearGradient><linearGradient id="front" x1="0" x2="0" y1="0" y2="1"><stop offset="0" stop-color="%2367ccfb"/><stop offset="1" stop-color="%232b90e6"/></linearGradient></defs><path fill="url(%23back)" d="M6.5 3.5h15.5c1.4 0 2.7.8 3.5 2.1l2.6 4.2h26.4C56.6 9.8 58.5 11.7 58.5 14v30.5c0 2.2-1.9 4-4 4H6.5c-2.2 0-4-1.8-4-4V7.5c0-2.2 1.8-4 4-4z"/><path fill="url(%23front)" d="M2.5 15.5v29c0 2.2 1.9 4 4 4h51c2.2 0 4-1.8 4-4v-29c0-1.7-1.3-3-3-3H5.5c-1.7 0-3 1.3-3 3z"/><path fill="none" stroke="%239ce3fe" stroke-width="1.2" d="M3.8 13.6h56.4"/></svg>') no-repeat center center;
		background-size: 100%;
		width: 18px;
		height: 18px;
		display: inline-block;
		flex-shrink: 0;
	}

	.editing-input {
		padding: 0 4px;
		border: 1px solid #007aff;
		border-radius: 2px;
		outline: none;
		font-family: inherit;
		font-size: inherit;
		width: 180px;
		height: 18px;
		line-height: 18px;
	}

	/* Drag & Drop Visuals */
	.drag-over-top {
		border-top: 2px solid #007aff !important;
	}

	.drag-over-bottom {
		border-bottom: 2px solid #007aff !important;
	}

	.drag-over-center {
		background-color: #d1e8ff !important;
	}