/**
 * The file field's upload/preview UI (FileField.php, aop-file.js). ".hidden" itself comes from WordPress core
 * (wp-admin/css/common.css), loaded on every admin screen; only the layout here is this plugin's own.
 */
.aop-file-wrapper {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

/* :not(.hidden), not a plain class, so this never has to out-rank .hidden's "display: none": with .hidden
present the selector simply does not match, instead of the two rules racing on equal specificity. */
.aop-file-preview-wrapper:not(.hidden) {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 4px 8px;
	background: #f0f0f1;
	border: 1px solid #dcdcde;
	border-radius: 4px;
	max-width: 100%;
}

.aop-file-preview-wrapper .dashicons {
	color: #50575e;
	flex-shrink: 0;
}

.aop-file-preview-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* The exact red this app already uses for its other destructive buttons (measured against WordPress' own
"Move to Trash" button on a real post), not a generic link red. */
.aop-delete-file__link {
	color: #cc1818;
}

.aop-delete-file__link:hover {
	color: #710d0d;
}