/**
 * aird-orgas.css — Annuaire organisateurs (hub + mini-fiche).
 * Cible : blocksy-child/assets/css/aird-orgas.css
 * DA : hybride clair (fond du site INTACT), cartes claires premium + or public #E5A93D,
 * Plus Jakarta Sans. Hero fiche = bande sombre en accent (comme la fiche pro).
 */

.aird-orgas-page,
.aird-orgaf-page {
	--og-gold:       #e5a93d;
	--og-gold-deep:  #d4972b;
	--og-gold-light: #f5d98a;
	--og-ink:        #1f1810;
	--og-muted:      #6b5f4d;
	--og-light-from: rgba(255, 253, 247, 0.96);
	--og-light-to:   rgba(252, 247, 235, 0.90);
	--og-bdr:        rgba(212, 168, 74, 0.28);
	--og-dark-from:  rgba(28, 26, 32, 0.92);
	--og-dark-to:    rgba(14, 12, 17, 0.94);
	font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
	color: var(--og-ink);
}
/* Fiche orga AVEC rails latéraux (NEW 2026-06-30) — on mirroir le HUB ci-dessous :
   conteneur PLEINE LARGEUR (railwrap--archive = 1400px ancre les rails ≥1900px), et le
   contenu (hero + liste d'events) recentré à 1180px. Les rails (.aird-erail/.aird-mrail,
   absolus) sont exclus du recentrage. */
.aird-orgaf-page {
	margin: 0 auto;
	padding: 28px 0 64px;
}
.aird-orgaf-page > :not(.aird-erail):not(.aird-mrail) {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 16px;
	padding-right: 16px;
	box-sizing: border-box;
}
/* Hub : pleine largeur → .aird-railwrap--archive (1400px) ancre les rails latéraux
   (≥1900px, comme les hubs sociales/festivals/écoles) ; le contenu est recentré à
   1180px par .aird-orgas__body. Le hero reste full-bleed via sa marge négative. */
.aird-orgas-page {
	padding: 28px 0 64px;
}
.aird-orgas__body {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 16px;
	box-sizing: border-box;
}

/* ── Hub : HERO gris full-bleed (recette verre sombre + halo doré, IDENTIQUE aux
   hubs festivals/sociales/écoles, 2026-06-26 — pas d'invention) ───────────── */
.aird-orgas__hero {
	position: relative; overflow: hidden; isolation: isolate;
	width: 100vw; max-width: 100vw;
	margin: -28px calc(50% - 50vw) 30px;
	padding: 36px 20px 30px; text-align: center;
	background: linear-gradient(160deg, rgba(28, 26, 32, .62) 0%, rgba(14, 12, 17, .72) 100%);
	backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
	border-bottom: 1px solid rgba(229, 169, 61, .22);
	box-shadow: 0 16px 30px -24px rgba(8, 5, 12, .55);
}
.aird-orgas__hero::before {
	content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
	background: radial-gradient(80% 70% at 50% -20%, #E5A93D, transparent 62%); opacity: .16;
}
.aird-orgas__hero::after {
	content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
	background: linear-gradient(90deg, transparent, #E5A93D, transparent); opacity: .85;
}
.aird-orgas__hero-inner { max-width: 1180px; margin: 0 auto; }

/* ── Hub : header (dans le hero) ──────────────────────────────── */
.aird-orgas__head { text-align: center; margin-bottom: 18px; }
.aird-orgas__title {
	margin: 0 0 6px;
	font-size: clamp(1.7rem, 4vw, 2.5rem);
	font-weight: 800;
	/* line-height + padding-bottom : sinon le dégradé (background-clip:text) ne couvre
	   pas le jambage du « g » qui dépasse sous la ligne → lettre tronquée. */
	line-height: 1.3;
	padding-bottom: .08em;
	/* Couleurs reprises du titre des hubs (ex. /sociales/bordeaux/ : .aird-soc__hero-title) :
	   dégradé doré vertical clair → or (demande Nicolas 2026-06-28). */
	background: linear-gradient(180deg, #F8E3B0 8%, #E5A93D 90%);
	-webkit-background-clip: text; background-clip: text;
	-webkit-text-fill-color: transparent;
	color: var(--og-gold);
}
.aird-orgas__sub { margin: 0 auto; max-width: 620px; color: rgba(245, 240, 224, .82); font-size: .98rem; line-height: 1.5; }
.aird-orgas__sub strong { color: var(--og-gold-light); }

/* ── Hub : toolbar (recherche + chips) ────────────────────────── */
.aird-orgas__toolbar { margin: 0; }
.aird-orgas__search { position: relative; max-width: 520px; margin: 0 auto 14px; }
.aird-orgas__search svg { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--og-gold-deep); pointer-events: none; }
.aird-orgas__search input {
	width: 100%; box-sizing: border-box;
	padding: 12px 40px 12px 42px;
	border: 1px solid var(--og-bdr); border-radius: 999px;
	background: linear-gradient(180deg, var(--og-light-from), var(--og-light-to));
	font: inherit; font-size: 1rem; color: var(--og-ink);
	box-shadow: 0 2px 10px rgba(60, 40, 0, .05);
}
.aird-orgas__search input:focus { outline: none; border-color: var(--og-gold); box-shadow: 0 0 0 3px rgba(229, 169, 61, .18); }
.aird-orgas__search-clear { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; border: none; border-radius: 999px; background: rgba(0,0,0,.06); color: var(--og-muted); font-size: 18px; line-height: 1; cursor: pointer; }
/* Padding via ID + !important : Blocksy force le padding des inputs (sélecteur de
   classe perdait) → la loupe ne chevauche plus jamais la 1re lettre du placeholder. */
#aird-orgas-search { padding-left: 48px !important; padding-right: 42px !important; }
.aird-orgas__loading { color: var(--og-muted); font-size: .9rem; margin-top: 10px; }

.aird-orgas__chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.aird-orgas__chip {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 7px 14px; border-radius: 999px;
	border: 1px solid rgba(229, 169, 61, .3); background: rgba(255, 255, 255, .07);
	font: inherit; font-size: .88rem; font-weight: 600; color: #f0e9da;
	cursor: pointer; transition: all .15s;
}
.aird-orgas__chip:hover { border-color: var(--og-gold); }
.aird-orgas__chip.is-active { background: linear-gradient(135deg, var(--og-gold), var(--og-gold-deep)); border-color: var(--og-gold-deep); color: #fff; box-shadow: 0 3px 10px rgba(229,169,61,.3); }
.aird-orgas__chip-n { font-size: .78rem; opacity: .7; font-weight: 700; }
.aird-orgas__chip.is-active .aird-orgas__chip-n { opacity: .9; }

/* ── Sélecteur MOBILE (remplace les chips wrappés ≤640px) ─────────────────
   <select> natif : une seule ligne, molette native iOS, tout visible.
   Style aligné sur le champ de recherche juste au-dessus. Demande user 2026-07-01. */
.aird-orgas__select { display: none; }
@media (max-width: 640px) {
	.aird-orgas__chips { display: none; }
	/* Homogénéité recherche + filtre sur mobile : même radius 10px (au lieu de la
	   pilule 999px) + MÊME HAUTEUR 48px. ⚠️ Blocksy force `height:40px` sur les
	   form controls → sans !important sur la hauteur, mon padding vertical se
	   faisait écraser et le texte du <select> était COUPÉ. On fixe donc une hauteur
	   explicite (padding vertical 0 → le texte se centre seul). Demande user 2026-07-01. */
	.aird-orgas__search input { border-radius: 10px !important; height: 48px !important; }
	.aird-orgas__select {
		display: block;
		width: 100%; box-sizing: border-box;
		max-width: 520px; margin: 0 auto;
		height: 48px !important;
		padding: 0 40px 0 16px;   /* vertical 0 : le texte du select se centre dans les 48px */
		border: 1px solid var(--og-bdr); border-radius: 10px;
		background:
			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c9962a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 14px center,
			linear-gradient(180deg, var(--og-light-from), var(--og-light-to));
		font: inherit; font-size: 1rem; font-weight: 600; color: var(--og-ink);
		box-shadow: 0 2px 10px rgba(60, 40, 0, .05);
		-webkit-appearance: none; -moz-appearance: none; appearance: none;
		cursor: pointer;
	}
	.aird-orgas__select:focus { outline: none; border-color: var(--og-gold); box-shadow: 0 0 0 3px rgba(229, 169, 61, .18); }
}

/* ── Hub : grille de cartes horizontales ──────────────────────── */
.aird-orgas__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 6px; }
@media (max-width: 760px) { .aird-orgas__grid { grid-template-columns: 1fr; } }

.aird-orga-card {
	display: flex; align-items: center; gap: 13px;
	padding: 12px 14px; border-radius: var(--aird-radius-md, 16px);
	background: linear-gradient(180deg, var(--og-light-from), var(--og-light-to));
	border: 1px solid var(--og-bdr);
	text-decoration: none; color: var(--og-ink);
	transition: transform .12s, box-shadow .12s, border-color .12s;
	content-visibility: auto; contain-intrinsic-size: 0 68px;
}
.aird-orga-card:hover { transform: translateY(-1px); border-color: var(--og-gold); box-shadow: 0 6px 18px rgba(60, 40, 0, .1); }
/* ⚠️ display:flex écrase l'UA [hidden]{display:none} → règle explicite pour que le
   filtrage JS (filtres/recherche/cap "voir plus") masque réellement les cartes. */
.aird-orga-card[hidden] { display: none !important; }
.aird-orga-card__body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.aird-orga-card__name { font-weight: 700; font-size: 1rem; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.aird-orga-card__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; font-size: .82rem; color: var(--og-muted); min-width: 0; }
.aird-orga-card__n { font-weight: 600; }
.aird-orga-card__cities { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.aird-orga-card__chev { color: var(--og-gold-deep); flex: 0 0 auto; opacity: .55; }

/* Avatar généré (2 lettres + couleur du nom) */
.aird-orga-av {
	flex: 0 0 auto; width: 46px; height: 46px; border-radius: 999px;
	display: grid; place-items: center;
	background: var(--av-bg, linear-gradient(140deg, #8a6, #463));
	color: #fff; font-weight: 800; font-size: .92rem; letter-spacing: .5px;
	box-shadow: inset 0 0 0 2px rgba(229, 169, 61, .55), 0 2px 6px rgba(0,0,0,.18);
	text-shadow: 0 1px 2px rgba(0,0,0,.25);
}

/* Badge type + couleurs par type */
.aird-orga-card__type { font-weight: 700; font-size: .72rem; text-transform: uppercase; letter-spacing: .4px; padding: 2px 7px; border-radius: 6px; background: rgba(0,0,0,.05); }
.aird-orga-type--dj       { color: #7c3aed; background: rgba(124, 58, 237, .1); }
.aird-orga-type--festival { color: #d4972b; background: rgba(229, 169, 61, .14); }
.aird-orga-type--school   { color: #0e7490; background: rgba(14, 116, 144, .1); }
.aird-orga-type--venue    { color: #b45309; background: rgba(180, 83, 9, .1); }
.aird-orga-type--asso     { color: #15803d; background: rgba(21, 128, 61, .1); }
.aird-orga-type--artist   { color: #be185d; background: rgba(190, 24, 93, .1); }
.aird-orga-type--orga     { color: #57534e; background: rgba(87, 83, 78, .1); }
/* Badge "Membre" — orga revendiqué, la carte pointe vers /profile/ (NEW 2026-06-28). */
.aird-orga-card__verified {
	font-weight: 800; font-size: .72rem; letter-spacing: .3px;
	padding: 2px 8px; border-radius: 6px; white-space: nowrap;
	background: linear-gradient(135deg, #F5C76E, #E5A93D); color: #2a1d05;
}

/* Voir plus / vide */
.aird-orgas__more-wrap { text-align: center; margin-top: 22px; }
.aird-orgas__more { padding: 11px 22px; border-radius: 999px; border: 1px solid var(--og-gold-deep); background: transparent; color: var(--og-gold-deep); font: inherit; font-weight: 700; cursor: pointer; transition: all .15s; }
.aird-orgas__more:hover { background: var(--og-gold); border-color: var(--og-gold); color: #fff; }
.aird-orgas__empty { text-align: center; color: var(--og-muted); padding: 36px 0; font-size: 1rem; }

/* ── Mini-fiche ───────────────────────────────────────────────── */
.aird-orgaf__hero-wrap { margin-bottom: 22px; }
.aird-orgaf__hero {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px;
	padding: 22px 24px; border-radius: var(--aird-radius-card, 22px);
	background: linear-gradient(160deg, var(--og-dark-from), var(--og-dark-to));
	border: 1px solid var(--og-bdr); position: relative; overflow: hidden;
}
.aird-orgaf__hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--og-gold-deep), var(--og-gold-light), var(--og-gold-deep), transparent); }
.aird-orgaf__hero-id { display: flex; align-items: center; gap: 16px; min-width: 0; }
.aird-orgaf__avatar { width: 72px; height: 72px; font-size: 1.4rem; }
.aird-orgaf__idblock { min-width: 0; }
.aird-orgaf__kicker { font-size: .76rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--og-gold-light); }
.aird-orgaf__verified { color: #4ea1ff; margin-left: 4px; }
.aird-orgaf__name { margin: 2px 0 6px; font-size: clamp(1.4rem, 3.5vw, 2rem); font-weight: 800; color: #f5f0e0; line-height: 1.1; }
.aird-orgaf__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; color: rgba(220, 210, 190, .8); font-size: .9rem; }
.aird-orgaf__cities { color: rgba(220, 210, 190, .7); }

.aird-orgaf__actions { display: flex; flex-direction: column; gap: 8px; align-items: stretch; }
/* Bouton « Revendiquer » : recette des boutons dorés sobres du projet (dpopup/CTA
   onboarding) — texte FONCÉ sur dégradé doré (moins criard que blanc), radius 10
   (--aird-radius-sm), ombre douce. */
.aird-orgaf__claim {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	padding: 7px 16px; border-radius: 10px;
	background: linear-gradient(135deg, #f5d98a 0%, #e5a93d 50%, #b8821f 100%);
	color: #110a1b; border: 1px solid rgba(229, 169, 61, .55);
	text-decoration: none; font-weight: 700; font-size: .9rem;
	box-shadow: 0 3px 10px rgba(229, 169, 61, .25); transition: transform .12s, box-shadow .18s;
}
.aird-orgaf__claim:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(229, 169, 61, .4); }
button.aird-orgaf__claim { cursor: pointer; font-family: inherit; appearance: none; -webkit-appearance: none; }

/* ── Chantier B (2026-06-28) : popup « Demander cette fiche » (pro déjà propriétaire) ── */
.aird-orgareq { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; padding: 16px; }
.aird-orgareq[hidden] { display: none; }
.aird-orgareq__backdrop { position: absolute; inset: 0; background: rgba(10, 6, 16, .55); opacity: 0; transition: opacity .2s; }
.aird-orgareq.is-open .aird-orgareq__backdrop { opacity: 1; }
.aird-orgareq__panel {
	position: relative; z-index: 1; width: min(440px, 100%);
	background: #fff; border-radius: 16px; padding: 22px 22px 18px;
	border: 1px solid rgba(229, 169, 61, .4); box-shadow: 0 24px 60px rgba(0, 0, 0, .35);
	transform: translateY(8px) scale(.98); opacity: 0; transition: transform .2s, opacity .2s;
}
.aird-orgareq.is-open .aird-orgareq__panel { transform: none; opacity: 1; }
.aird-orgareq__close { position: absolute; top: 10px; right: 12px; border: 0; background: none; font-size: 22px; line-height: 1; color: #8a8290; cursor: pointer; }
.aird-orgareq__title { margin: 0 0 10px; font-size: 1.15rem; font-weight: 800; color: #1a1a2e; }
.aird-orgareq__msg { margin: 0 0 16px; font-size: .95rem; line-height: 1.55; color: #4a4458; }
.aird-orgareq__msg strong { color: #1a1a2e; }
.aird-orgareq__actions { display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap; }
.aird-orgareq__btn { padding: 9px 16px; border-radius: 10px; font-weight: 700; font-size: .9rem; cursor: pointer; border: 1px solid transparent; }
.aird-orgareq__btn--ghost { background: #f4f1ec; color: #4a4458; border-color: rgba(0, 0, 0, .08); }
.aird-orgareq__btn--ghost:hover { background: #ece7df; }
.aird-orgareq__btn--primary { background: linear-gradient(135deg, #f5d98a 0%, #e5a93d 50%, #b8821f 100%); color: #110a1b; border-color: rgba(229, 169, 61, .55); }
.aird-orgareq__btn--primary:hover { filter: brightness(1.04); }
.aird-orgareq__btn--primary:disabled { opacity: .6; cursor: default; }
.aird-orgareq__feedback { margin: 12px 0 0; padding: 9px 12px; border-radius: 10px; font-size: .88rem; font-weight: 600; }
.aird-orgareq__feedback.is-ok { background: rgba(34, 160, 90, .12); border: 1px solid rgba(34, 160, 90, .4); color: #15613a; }
.aird-orgareq__feedback.is-err { background: rgba(220, 60, 60, .1); border: 1px solid rgba(220, 60, 60, .4); color: #a11; }

.aird-orgaf__body { max-width: 820px; margin: 0 auto; }
.aird-orgaf__note { padding: 14px 16px; border-radius: var(--aird-radius-md, 16px); background: rgba(229, 169, 61, .08); border: 1px solid var(--og-bdr); color: var(--og-muted); font-size: .92rem; line-height: 1.5; }
.aird-orgaf__note a { color: var(--og-gold-deep); font-weight: 700; }
.aird-orgaf__events { margin-top: 24px; }
.aird-orgaf__empty { color: var(--og-muted); padding: 24px 0; text-align: center; }
.aird-orgaf__back { margin-top: 28px; }
.aird-orgaf__back a { color: var(--og-gold-deep); text-decoration: none; font-weight: 600; }

/* Titres des sous-blocs events (réutilise le markup de aird_pub_split_block) */
.aird-orgaf__events .aird-pub__sub-title { font-size: 1.15rem; font-weight: 800; color: var(--og-ink); margin: 18px 0 10px; }
.aird-orgaf__events .aird-pub__when-lbl { display: inline-block; font-size: .8rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: var(--og-gold-deep); margin: 12px 0 6px; }

/* ── Barre d'actions GRISÉE (clic → popup invitation) ─────────────────── */
.aird-orgaf__locked {
	display: flex; flex-wrap: wrap; align-items: center; gap: 7px;
	padding: 7px 9px; border-radius: 14px; cursor: pointer; position: relative;
	border: 1px dashed rgba(229, 169, 61, .32); background: rgba(255, 255, 255, .035);
	transition: border-color .15s, background .15s;
}
.aird-orgaf__locked:hover { border-color: rgba(229, 169, 61, .6); background: rgba(255, 255, 255, .06); }
.aird-orgaf__lockpill {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 7px 12px; border-radius: 999px;
	background: rgba(255, 255, 255, .05); color: rgba(220, 210, 190, .45);
	font-size: .84rem; font-weight: 600;
}
.aird-orgaf__lockpill svg { opacity: .5; }
.aird-orgaf__lockkey {
	display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 999px;
	background: linear-gradient(135deg, var(--og-gold-light), var(--og-gold-deep)); color: #2a1f0a;
	box-shadow: 0 2px 8px rgba(229, 169, 61, .4);
}
@media (max-width: 560px) { .aird-orgaf__hero { flex-direction: column; align-items: flex-start; } .aird-orgaf__lockpill { font-size: .8rem; padding: 6px 10px; } }

/* ── Popup d'invitation (widget repris de event-organisateurs / events-base.css) ── */
.aird-org-invite {
	position: fixed; width: 264px; max-width: calc(100vw - 24px); z-index: 1000;
	padding: 14px 16px; border-radius: 16px;
	background: linear-gradient(160deg, #1c1a20 0%, #0e0c11 100%);
	border: 1px solid rgba(229, 169, 61, .4); box-shadow: 0 16px 36px rgba(0, 0, 0, .5);
	text-align: left; cursor: default; animation: aird-org-invite-in .16s ease;
}
@keyframes aird-org-invite-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
.aird-org-invite[hidden] { display: none; }
.aird-org-invite__msg { margin: 0 0 6px; font: 500 12.5px/1.5 'Plus Jakarta Sans', sans-serif; color: rgba(245, 240, 224, .85); }
.aird-org-invite__q { margin: 0 0 10px; font: 800 13px/1.3 'Plus Jakarta Sans', sans-serif; color: #f4c05e; }
.aird-org-invite__btns { display: flex; flex-wrap: wrap; gap: 7px; }
.aird-org-invite__btn {
	flex: 1 1 auto; display: inline-flex; align-items: center; justify-content: center;
	padding: 9px 12px; border: 1px solid rgba(229, 169, 61, .4); border-radius: 999px;
	background: rgba(245, 217, 138, .08); color: #f5e9cf;
	font: 700 12px/1 'Plus Jakarta Sans', sans-serif; text-decoration: none; cursor: pointer;
	transition: background .15s ease, border-color .15s ease;
}
.aird-org-invite__btn:hover { background: rgba(245, 217, 138, .18); border-color: #f4c05e; color: #fff; }
.aird-org-invite__btn--copy { background: linear-gradient(160deg, #f6d79a, #e5a93d); color: #2a1f0a; border-color: transparent; }
.aird-org-invite__btn--copy:hover { color: #2a1f0a; filter: brightness(1.04); }
.aird-org-invite__btn--back { flex: 0 0 auto; background: transparent; border-color: rgba(229, 169, 61, .3); }
.aird-org-invite__btn--fb { background: #1877F2; border-color: #1877F2; color: #fff; }
.aird-org-invite__btn--fb:hover { background: #1466d8; border-color: #1466d8; color: #fff; }
.aird-org-invite__btn.is-disabled { background: rgba(24, 119, 242, .22); border-color: rgba(24, 119, 242, .32); color: rgba(255, 255, 255, .6); cursor: not-allowed; pointer-events: none; }
.aird-org-invite__more { display: block; width: 100%; margin-top: 9px; background: none; border: none; padding: 4px 0 0; color: #cdb98b; cursor: pointer; font: 700 11.5px/1.3 'Plus Jakarta Sans', sans-serif; text-decoration: underline; text-underline-offset: 3px; }
.aird-org-invite__more:hover { color: #f4c05e; }
.aird-org-invite__ta { width: 100%; box-sizing: border-box; margin: 0 0 9px; resize: vertical; min-height: 76px; padding: 9px 11px; border-radius: 10px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(229, 169, 61, .4); color: #f5e9cf; font: 500 12.5px/1.5 'Plus Jakarta Sans', sans-serif; }
.aird-org-invite__ta::placeholder { color: rgba(245, 233, 207, .4); }
.aird-org-invite__ta:focus { outline: none; border-color: #f4c05e; }
.aird-org-invite__ta.is-error { border-color: #dc6a55; }