/**
 * Synergy VL shared chrome — buttons, chips, inputs, toggles.
 * Loaded by both plugin (before director-hud.css) and theme (before arena-hud.css).
 * Layout stays in director-hud.css / arena-hud.css. No desk may redefine these as pills.
 */

/* ---- Buttons: Director ---- */
#vball-director-hud .vball-dh-btn,
#vball-director-hud .button,
#vball-director-hud .button-primary,
#vball-director-hud .button-secondary,
#vball-director-hud .button-small,
#vball-director-hud a.button,
#vball-director-hud button.button,
#vball-director-hud .vball-director-tab,
#vball-director-hud .vball-cal-main-tabs button,
#vball-director-hud .vball-merge-chip.button,
#vball-director-hud button.vball-merge-chip {
	border-radius: var(--vl-radius, 8px) !important;
}

#vball-director-hud .vball-dh-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 0 12px;
	border: 1px solid var(--vl-chip-border, rgba(90, 212, 255, 0.35));
	background: transparent;
	color: var(--vl-cyan, #5ad4ff);
	font: 800 11px/1 "Arial Narrow", Impact, sans-serif;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	border-radius: var(--vl-radius, 8px);
}
#vball-director-hud .vball-dh-btn:hover {
	background: rgba(90, 212, 255, 0.1);
	color: var(--vl-cyan, #5ad4ff);
}
#vball-director-hud .vball-dh-btn.is-go {
	background: var(--vl-cyan, #5ad4ff);
	color: var(--vl-navy, #070b14);
	border-color: transparent;
}

/* Persona / TEST AS row — same 8px chrome, never pill */
#vball-director-hud .vball-persona-switch__btn {
	border-radius: var(--vl-radius, 8px) !important;
}

/* ---- Chips / filter tabs (Director) ---- */
#vball-director-hud .vball-dh-chip,
#vball-director-hud .vball-dh-pills a,
#vball-director-hud .vball-try-chip,
#vball-director-hud .vball-try-session-chip,
#vball-director-hud .vball-ci-pill,
#vball-director-hud .vball-eligible__age,
#vball-director-hud .vball-dh-recruit .vball-director-subkpis span {
	border-radius: var(--vl-radius, 8px) !important;
}

#vball-director-hud .vball-dh-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 10px;
}
#vball-director-hud .vball-dh-chip {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 0 10px;
	border: 1px solid var(--vl-chip-border, rgba(90, 212, 255, 0.35));
	background: var(--vl-chip-bg, rgba(90, 212, 255, 0.12));
	color: var(--vl-cyan, #5ad4ff);
	font: 800 11px/1 "Arial Narrow", Impact, sans-serif;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}
#vball-director-hud .vball-dh-chip.is-on {
	background: var(--vl-chip-on-bg, var(--vl-cyan));
	color: var(--vl-chip-on-ink, var(--vl-navy));
	border-color: transparent;
}

#vball-director-hud .vball-dh-pills {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	margin: 0 0 12px;
}
#vball-director-hud .vball-dh-pills a {
	padding: 6px 12px;
	border: 1px solid rgba(90, 212, 255, 0.3);
	color: #e8edf4;
	text-decoration: none;
	font: 800 11px/1 "Arial Narrow", Impact, sans-serif;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	border-radius: var(--vl-radius, 8px);
}
#vball-director-hud .vball-dh-pills a.is-on {
	background: var(--vl-cyan, #5ad4ff);
	color: #070b14;
	border-color: transparent;
}

/* Status badges keep names; radius capped at token (not a pill) */
#vball-director-hud .vball-dh-pill,
#vball-director-hud .vball-reports-pill,
#vball-director-hud .vball-md-pill {
	border-radius: var(--vl-radius, 8px);
}

/* ---- Inputs / toggles (Director) ---- */
#vball-director-hud input[type="text"],
#vball-director-hud input[type="email"],
#vball-director-hud input[type="search"],
#vball-director-hud input[type="number"],
#vball-director-hud input[type="url"],
#vball-director-hud input[type="date"],
#vball-director-hud input[type="time"],
#vball-director-hud input[type="password"],
#vball-director-hud select,
#vball-director-hud textarea {
	border-radius: var(--vl-radius, 8px);
}
#vball-director-hud .vball-bc-device,
#vball-director-hud .vball-dh-toggle,
#vball-director-hud .vball-seg {
	border-radius: var(--vl-radius, 8px);
}

/* ---- Public START + HUD buttons (Arena) — homepage 8px / no pills ---- */
body.is-hud .hud-btn,
body.is-hud a.hud-btn,
body.is-hud .btn-start,
body.is-hud a.btn-start,
body.is-hud .programs .btn-start,
body.is-hud .header-actions .btn-start,
body.is-hud .hud-cta-row .hud-btn,
body.is-hud .hud-cta-row .hud-btn-cyan,
body.is-hud .programs.is-list-tight .section-head.is-with-start .btn-start--outline,
body.is-hud .programs.is-list-tight a.btn-start.btn-start--outline {
	border-radius: var(--vl-radius, 8px) !important;
}

body.is-hud .hud-btn {
	min-height: 44px;
	padding: 0 18px;
	border-radius: var(--vl-radius, 8px);
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--hud-mono, ui-monospace, monospace);
	font-size: 11px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	font-weight: 800;
	text-decoration: none;
	cursor: pointer;
	box-sizing: border-box;
}
body.is-hud .hud-btn-cyan {
	background: var(--vl-cyan, #5ad4ff);
	color: var(--vl-navy, #070b14);
	border: 1px solid var(--vl-cyan, #5ad4ff);
}
body.is-hud .hud-btn-ghost {
	border: 1px solid var(--vl-line, rgba(90, 212, 255, 0.28));
	color: #fff;
	background: rgba(255, 255, 255, 0.04);
}

/* Public filter / chip chrome (not Family portal markup) */
body.is-hud:not(.is-family-app) .vball-unsigned-filters .btn,
body.is-hud:not(.is-family-app) .vball-unsigned-years .btn,
body.is-hud:not(.is-family-app) .vball-unsigned-gender .btn,
body.is-hud:not(.is-family-app) .teams-subnav a,
body.is-hud:not(.is-family-app) .hud-tabs a,
body.is-hud:not(.is-family-app) .hud-tag-chip,
body.is-hud:not(.is-family-app) .coach-form__check,
body.is-hud:not(.is-family-app) .coach-form__actions .hud-btn,
body.is-hud:not(.is-family-app) .vball-interest-form .vball-btn,
body.is-hud:not(.is-family-app) .hud-home .hud-subscribe .vball-btn,
body.is-hud:not(.is-family-app) .hud-subscribe .vball-listmonk__submit,
body.is-hud:not(.is-family-app) .hud-subscribe .vball-phplist__submit {
	border-radius: var(--vl-radius, 8px) !important;
}

/* Public inputs */
body.is-hud:not(.is-family-app) input[type="text"],
body.is-hud:not(.is-family-app) input[type="email"],
body.is-hud:not(.is-family-app) input[type="search"],
body.is-hud:not(.is-family-app) select,
body.is-hud:not(.is-family-app) textarea {
	border-radius: var(--vl-radius, 8px);
}

/* Hard ban: any leftover pill utility on Director + public START chrome */
#vball-director-hud .pill,
body.is-hud .btn-start.pill,
body.is-hud .hud-btn.pill,
body.is-hud a.btn-start.pill {
	border-radius: var(--vl-no-pill, 8px) !important;
}


/* ---- LOCK (do not restyle without Bryan) — see assets/LOCK.md ----
 * Family portal (9): Home, Team, Calendar, Billing, Paperwork, Uniforms, Recruiting, Messages, Household
 * Public START + Ways to Play tight list
 * Tonight gallery pane
 * Recruiting queue (opened player + one email line)
 */

/* ---- Tryout door chips / taps (moved out of class-tryout-door.php) ---- */
.vball-door-chip,
#vball-director-hud .vball-door-chip {
	border-radius: var(--vl-radius, 8px) !important;
}
.vball-door-tap,
.vball-door-cash,
#vball-director-hud .vball-door-tap,
#vball-director-hud .vball-door-cash {
	border-radius: var(--vl-radius, 8px);
}

/* ---- Billing / offer pay CTA (class-based; no inline radius from PHP) ---- */
.vball-offer-mail-pay .vball-btn-volt,
.vball-offer-pay-btn,
button.vball-offer-pay-btn {
	display: inline-block;
	width: 100%;
	max-width: 100%;
	padding: 1rem 1.25rem;
	border: 0;
	border-radius: var(--vl-radius, 8px);
	background: #b8ff3c;
	color: #0b1b33;
	font-weight: 800;
	font-size: 1.05rem;
	cursor: pointer;
}