/**
 * ForCrew — board, singles, forms (MP-089).
 * Own file on AAS_CREW_ASSET_VER (the MP-084 pattern): the feature busts its own asset
 * cache without a theme bump and without touching the contested components.css. Reuses
 * the estate shells (aas-card, aas-hub-hero, aas-btn, aas-chip, aas-kicker); only what
 * is crew-specific lives here. White space doctrine: drop a column before shrinking type.
 */

/* ── board ── */
.aas-crew-ctas { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 16px; }

.aas-crew-tabs { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 24px 0 16px; }
.aas-crew-tabs .aas-chip.is-active { background: var(--global-palette1, #2B6CB0); color: #fff; }
.aas-crew-regionfilter { margin-left: auto; }
.aas-crew-regionfilter select { padding: 8px 12px; font-size: 16px; border-radius: 8px; border: 1px solid rgba(26, 32, 44, .2); }

.aas-crew-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 24px; margin-bottom: 40px; }

.aas-crew-card .aas-card-body { display: flex; flex-direction: column; gap: 8px; padding: 20px; }
.aas-crew-card-top { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }

.aas-crew-badge {
	display: inline-block; padding: 2px 10px; border-radius: 999px;
	font-size: 13px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase;
}
.aas-crew-badge--job { background: var(--global-palette1, #2B6CB0); color: #fff; }
.aas-crew-badge--wanted { background: #E8791E; color: #fff; }
.aas-crew-badge--available { background: rgba(43, 108, 176, .12); color: var(--global-palette1, #2B6CB0); }

.aas-crew-cat { font-size: 13px; opacity: .75; }
.aas-crew-biz { font-weight: 600; }
.aas-crew-meta { font-size: 15px; opacity: .8; display: flex; gap: 10px; flex-wrap: wrap; }
.aas-crew-excerpt { font-size: 16px; line-height: 1.6; }
.aas-crew-card-actions { display: flex; gap: 10px; align-items: flex-start; flex-wrap: wrap; margin-top: auto; padding-top: 8px; }

.aas-crew-empty { text-align: center; padding: 56px 16px; }
.aas-crew-empty p { font-size: 18px; margin-bottom: 16px; }
.aas-crew-empty .aas-crew-ctas { justify-content: center; }

/* ── contact unlock ── */
.aas-crew-contact-out { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 8px; word-break: break-all; }
.aas-crew-contact-challenge { margin-top: 8px; }

/* ── single ── */
.aas-crew-single { max-width: 760px; margin: 0 auto; }
.aas-crew-body { margin: 24px 0; }
.aas-crew-actions { display: flex; gap: 12px; flex-wrap: wrap; padding: 20px 0; border-top: 1px solid rgba(26, 32, 44, .1); }
.aas-crew-expiry-note { font-size: 14px; opacity: .7; }
.aas-crew-report summary { cursor: pointer; font-size: 14px; opacity: .7; }
.aas-crew-report textarea { width: 100%; margin: 8px 0; font-size: 16px; padding: 10px; }

/* ── notices ── */
.aas-crew-notice {
	margin: 16px 0; padding: 14px 18px; border-radius: 10px;
	background: rgba(43, 108, 176, .1); border-left: 4px solid var(--global-palette1, #2B6CB0);
}
.aas-crew-notice--err { background: rgba(197, 48, 48, .08); border-left-color: #C53030; }

/* ── forms ── */
.aas-crew-formpage { max-width: 680px; margin: 0 auto; }
.aas-crew-formlead { font-size: 17px; line-height: 1.6; opacity: .85; }
.aas-crew-form { display: flex; flex-direction: column; gap: 18px; margin-top: 24px; }
.aas-crew-field label, .aas-crew-kindpick legend { display: block; font-weight: 600; margin-bottom: 6px; }
.aas-crew-field input[type="text"], .aas-crew-field input[type="email"], .aas-crew-field input[type="tel"],
.aas-crew-field select, .aas-crew-field textarea {
	width: 100%; padding: 10px 12px; font-size: 16px; /* 16px mobile inputs — the type standard */
	border: 1px solid rgba(26, 32, 44, .25); border-radius: 8px;
}
.aas-crew-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 600px) { .aas-crew-2col { grid-template-columns: 1fr; } }
.aas-crew-kindpick { border: 1px solid rgba(26, 32, 44, .15); border-radius: 10px; padding: 14px 18px; }
.aas-crew-kindpick label { display: block; font-weight: 400; margin: 6px 0; }
.aas-crew-hint { font-size: 13px; opacity: .7; margin-top: 6px; }
.req { color: #C53030; }
.aas-crew-submitrow { padding-top: 8px; }

/* Honeypot: off-screen, never display:none (bots check computed display — fmco pattern). */
.aas-crew-hp { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }