.wp-block-navegador-documentos-browser,
.navegador-documentos {
	position: relative;
	border: 1px solid #dcdcde;
	border-radius: 12px;
	padding: 1.25rem;
	background: #fff;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}

.navegador-documentos.is-loading {
	pointer-events: none;
}

.navegador-documentos.is-loading .navegador-documentos__app {
	opacity: 0.45;
	transition: opacity 0.2s ease;
}

.navegador-documentos__panel {
	display: grid;
	gap: 1rem;
}

.navegador-documentos__breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid #f0f0f1;
	font-size: 0.95rem;
}

.navegador-documentos__breadcrumb-link,
.navegador-documentos__entry {
	text-decoration: none;
}

.navegador-documentos__breadcrumb-link {
	color: #3858e9;
}

.navegador-documentos__breadcrumb-link.is-current {
	color: #1d2327;
	font-weight: 600;
	pointer-events: none;
}

.navegador-documentos__breadcrumb-separator {
	color: #787c82;
}

.navegador-documentos__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.25rem;
}

.navegador-documentos__entry {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.7rem 0.8rem;
	border-radius: 8px;
	color: #1d2327;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.navegador-documentos__entry:hover,
.navegador-documentos__entry:focus-visible {
	background: #f6f7f7;
	outline: none;
}

.navegador-documentos__icon {
	flex: 0 0 auto;
	font-size: 18px;
	width: 18px;
	height: 18px;
	color: #50575e;
}

.navegador-documentos__label {
	min-width: 0;
	word-break: break-word;
}

.navegador-documentos__empty {
	padding: 0.85rem 0.8rem;
	color: #646970;
	font-style: italic;
}

.navegador-documentos__status {
	min-height: 1.25rem;
	font-size: 0.9rem;
	color: #646970;
}

.navegador-documentos__loader {
	position: absolute;
	inset: 0;
	display: none;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	padding: 1rem;
	background: rgba(255, 255, 255, 0.72);
	backdrop-filter: blur(1px);
	border-radius: 12px;
	z-index: 2;
	color: #1d2327;
	font-weight: 500;
}

.navegador-documentos.is-loading .navegador-documentos__loader {
	display: flex;
}

.navegador-documentos__spinner {
	width: 1rem;
	height: 1rem;
	border: 2px solid #c3c4c7;
	border-top-color: #1d2327;
	border-radius: 999px;
	animation: navegador-documentos-spin 0.75s linear infinite;
}

.navegador-documentos__loader-text {
	line-height: 1.2;
}

@keyframes navegador-documentos-spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}