/**
 * MLSImport block editor — inspector styling.
 *
 * Re-skins the @wordpress/components controls in MLSImport block inspector panels
 * to the shared wp-admin "2025" design system (the field_options tab / the
 * standalone settings page), so block settings match the rest of the plugin's admin.
 *
 * Scope: `.mlsimport-block-inspector` is added to every MLSImport PanelBody (the
 * `.components-panel__body`) by the PanelBody wrapper in the block editor scripts —
 * so these rules touch ONLY MLSImport block panels, never core/other-plugin
 * inspectors. Mirrors the override block in mlsimport-standalone-settings.css
 * (same tokens; see that file and the design-system memory). The class scope
 * (specificity 0,2,0) beats wp-components' single-class base rules; `!important`
 * is used only where WP's emotion styling forces a value (select box-shadow,
 * the InputControl backdrop border, and the label transform/size).
 */

/* Text / number / email / textarea / select — bordered, rounded, soft shadow. */
.mlsimport-block-inspector .components-text-control__input,
.mlsimport-block-inspector .components-textarea-control__input,
.mlsimport-block-inspector .components-select-control__input {
	padding: 6px 12px;
	min-height: 36px;
	box-sizing: border-box;
	background: #ffffff;
	color: #111827;
	border: 1px solid #dcdfe4;
	border-radius: 8px;
	box-shadow: 0px 1px 2px rgba( 0, 0, 0, 0.08 );
}

.mlsimport-block-inspector .components-textarea-control__input {
	min-height: 0;
}

/* SelectControl draws its visible border on the .components-input-control__backdrop
   overlay (default 1px #949494), covering the border set on the inner <select>.
   Recolor the backdrop to the 2025 token so the select matches the text inputs. */
.mlsimport-block-inspector .components-input-control__backdrop {
	border-color: #dcdfe4 !important;
	border-radius: 8px !important;
}

/* WP forces box-shadow:none on the native <select> via an emotion class — re-assert
   the soft shadow so the select isn't flat next to the inputs. */
.mlsimport-block-inspector .components-select-control__input {
	box-shadow: 0px 1px 2px rgba( 0, 0, 0, 0.08 ) !important;
}

/* Focus: brand-indigo ring, consistent across every field. */
.mlsimport-block-inspector .components-text-control__input:focus,
.mlsimport-block-inspector .components-textarea-control__input:focus,
.mlsimport-block-inspector .components-select-control__input:focus {
	border-color: #635bff;
	box-shadow: 0 0 0 1px #635bff;
	outline: none;
}

/* Field labels — block, 14px, medium weight, dark, sentence-case. Covers BOTH label
   classes: TextControl/TextareaControl use .components-base-control__label, while
   SelectControl renders its label as an InputControl label
   (.components-input-control__label). WP renders both small + uppercase via emotion,
   so transform + size are forced with !important. */
.mlsimport-block-inspector .components-base-control__label,
.mlsimport-block-inspector .components-input-control__label {
	display: block;
	margin-bottom: 4px;
	font-size: 14px !important;
	font-weight: 500;
	color: #111827;
	text-transform: none !important;
	letter-spacing: normal;
}

/* Help / explanation text under a field — muted. */
.mlsimport-block-inspector .components-base-control__help {
	color: #6b7280;
	font-size: 12px;
}

/* Buttons, if a panel uses them — primary indigo gradient, secondary neutral
   bordered — matching .button.mlsimport_button. */
.mlsimport-block-inspector .components-button.is-primary {
	color: #ffffff;
	background: linear-gradient( 180deg, #635bff 0%, #4e36f5 100% );
	border: 1px solid #15b79f;
	border-radius: 8px;
	box-shadow: rgba( 0, 0, 0, 0.08 ) 0px 1px 2px 0px, rgb( 78, 54, 245 ) 0px 0px 0px 1px inset, rgba( 255, 255, 255, 0.16 ) 0px 2px 0px 0px inset;
}

.mlsimport-block-inspector .components-button.is-secondary {
	background: #ffffff;
	color: #1e1e1e;
	border: 1px solid #dcdfe4;
	border-radius: 8px;
	box-shadow: 0px 1px 2px rgba( 0, 0, 0, 0.08 );
}