/*
 * AeroIDX's one notice outside the plugin's own screens
 * (Admin\AuthorizationNotice). Loaded only on a request that shows it.
 *
 * It stays core's .notice-warning, so WordPress places it and admin color
 * schemes treat it like any other notice. This file only adds the AeroIDX
 * mark and a close button; colors are left to core on purpose.
 */
.aeroidx-wp-notice {
	display: flex;
	align-items: center;
	gap: 12px;
	padding-right: 4px;
}

/* aeroidx_logo_admin.png is 29x40 but the mark only fills its top rows
   (3 to 26), so centring the whole image left the mark riding above the
   text. A square box showing only the top of the image centres the mark
   itself. */
.aeroidx-wp-notice__mark {
	flex: none;
	width: 22px;
	height: 22px;
	object-fit: cover;
	object-position: 50% 0;
}

.aeroidx-wp-notice p {
	flex: 1;
}

.aeroidx-wp-notice p a {
	font-weight: 600;
}

.aeroidx-wp-notice__close {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 4px;
	color: #787c82;
	font-size: 20px;
	line-height: 1;
	text-decoration: none;
}

.aeroidx-wp-notice__close:hover {
	color: #1d2327;
	background: rgba(0, 0, 0, 0.05);
}

.aeroidx-wp-notice__close:focus {
	color: #1d2327;
	box-shadow: 0 0 0 2px var(--wp-admin-theme-color, #2271b1);
	outline: 2px solid transparent;
}