/**
 * Seller submission + seller portal — base layer.
 *
 * Enqueued before the components/design-system/override sheets, so this is the
 * floor, not the finish: it keeps the surface readable on its own and hands the
 * premium treatment to a2-jwb-onboarding.css, which loads last. Nothing here
 * uses raw admin greys any more — they read as a bare wp-admin form and fought
 * the gold brand layer above.
 */

.a2-jwb-seller-submission,
.a2-jwb-seller-portal {
	direction: rtl;
	font-size: 15px;
	line-height: 1.8;
	max-width: 760px;
}

.a2-jwb-form {
	display: grid;
	gap: 16px;
}

.a2-jwb-form label {
	display: grid;
	gap: 7px;
	font-weight: 600;
}

.a2-jwb-form input,
.a2-jwb-form select,
.a2-jwb-form textarea {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--jwb-line-strong, #ded9cc);
	border-radius: var(--jwb-r-field, 12px);
	background: var(--jwb-surface, #fff);
	font-family: inherit;
	font-size: 15px;
}

.a2-jwb-form input:focus,
.a2-jwb-form select:focus,
.a2-jwb-form textarea:focus {
	outline: 0;
	border-color: var(--jwb-gold-solid, #c29b43);
	box-shadow: 0 0 0 3px rgba(194, 155, 67, 0.18);
}

.a2-jwb-upload-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(auto-fill, minmax(178px, 1fr));
}

.a2-jwb-primary {
	padding: 13px 26px;
	border: 1px solid rgba(154, 122, 46, 0.4);
	border-radius: var(--jwb-r-pill, 30px);
	background: var(--jwb-gold-grad, linear-gradient(135deg, #d4b45f 0%, #f7e9b5 48%, #c29b43 100%));
	color: var(--jwb-gold-text, #181208);
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
}

.a2-jwb-form-warning,
.a2-jwb-form-message,
.a2-jwb-note {
	padding: 13px 15px;
	border: 1px solid var(--jwb-gold-line, #e7d7a8);
	border-radius: 14px;
	background: var(--jwb-gold-soft, #fbf4e0);
}

.a2-jwb-portal-card {
	display: grid;
	gap: 7px;
	margin: 12px 0;
	padding: 14px 16px;
	border: 1px solid var(--jwb-card-border, #efe6cf);
	border-radius: var(--jwb-r-card, 18px);
	background: var(--jwb-card-bg, #fff);
}