:root{--iexel-midnight:#071d49;--iexel-navy:#102d62;--iexel-gold:#cba135;--iexel-ink:#18233a;--iexel-muted:#667085;--iexel-surface:#fff;--iexel-bg:#f3f5f8}.iexel-portal{background:var(--iexel-bg);color:var(--iexel-ink);margin:0}.iexel-experience-skip{background:#fff;color:var(--iexel-midnight);left:12px;padding:12px 16px;position:fixed;top:-80px;z-index:9999}.iexel-experience-skip:focus{top:12px}.iexel-experience-shell{min-height:100vh}.iexel-experience-header{align-items:center;background:var(--iexel-midnight);color:#fff;display:flex;gap:20px;justify-content:space-between;padding:14px max(20px,calc((100vw - 1380px)/2));position:relative}.iexel-experience-brand{align-items:center;color:#fff;display:flex;gap:11px;text-decoration:none}.iexel-experience-brand>span{align-items:center;background:var(--iexel-gold);border-radius:12px;color:var(--iexel-midnight);display:flex;font-size:20px;font-weight:900;height:42px;justify-content:center;width:42px}.iexel-experience-brand strong,.iexel-experience-brand small{display:block}.iexel-experience-brand small{opacity:.75}.iexel-experience-header-tools{align-items:center;display:flex;gap:10px}.iexel-experience-switch label{align-items:center;display:flex;gap:7px}.iexel-experience-switch label>span{font-size:12px;font-weight:700}.iexel-experience-switch select{border:1px solid rgba(255,255,255,.28);border-radius:8px;min-height:40px;max-width:190px}.iexel-experience-active-role{background:rgba(255,255,255,.12);border-radius:999px;font-weight:700;padding:9px 13px}.iexel-experience-refresh button{background:transparent;border:1px solid rgba(255,255,255,.4);border-radius:8px;color:#fff;min-height:40px;padding:0 12px}.iexel-experience-account{position:relative}.iexel-experience-account summary{align-items:center;cursor:pointer;display:flex;gap:8px;list-style:none;min-height:44px}.iexel-experience-account__avatar{align-items:center;background:#fff;border-radius:50%;color:var(--iexel-midnight);display:flex;flex:none;font-weight:800;height:34px;justify-content:center;width:34px}
/* Batch A2: avatar + chevron read as one deliberate compact control (per
   Product Owner review) -- the indicator was previously implicit (native
   <details> markers only); it is now an explicit, always-visible
   aria-hidden glyph beside the avatar, present even when the name is
   hidden at the narrowest widths below. Selector deliberately more
   specific than design-system.css's ".iexel-experience-account summary >
   span" (which design-system.css, loaded last in production, would
   otherwise apply to this element too, since it is also a direct <span>
   child of <summary>): that rule sets a dark text colour intended for the
   white avatar circle, which would make the chevron unreadable against
   the dark header if inherited, and a white background box, neither of
   which belong on a plain glyph -- both explicitly reset here so this
   rule wins regardless of stylesheet load order. */
.iexel-experience-account summary .iexel-experience-account__indicator{background:none;color:#fff;display:none;font-size:11px;opacity:.85}.iexel-experience-account>div{background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.18);display:grid;min-width:150px;padding:7px;position:absolute;right:0;top:48px;z-index:20}.iexel-experience-account a{color:var(--iexel-ink);padding:10px;text-decoration:none}
/* OS-Wide Mobile Header / Viewing Mode Batch A. .iexel-experience-controls-desktop wraps the
   unchanged operational-control forms (role/Team/child switch, Parent Preview exit, Refresh) so
   the exact same PHP-rendered markup can be reused verbatim for both the always-visible desktop
   row (display:contents -- children participate directly in the existing header-tools flex
   layout, wrapper itself adds no box) and, unchanged, inside the closed-by-default mobile
   "Viewing Mode" disclosure below. Only one of the two is ever display:block at a given width;
   the other is display:none, which removes it from layout AND the accessibility tree, so nothing
   is ever duplicated for assistive technology or tab order. */
.iexel-experience-controls-desktop{display:contents}
.iexel-experience-viewing-mode{display:none;position:relative}
/* Batch A1: closed-state framing per the approved reference -- the same
   established midnight-blue header surface, differentiated with a clear
   gold accent border (var(--iexel-gold), already used by the brand mark
   and account-active styling elsewhere in this file), compact internal
   padding, and a rounded corner radius matching the rest of the Club OS
   card/disclosure system. Only visible once display:block at <=900px. */
/* Batch A2: the chevron moves out of the text flow into its own grid
   column so it always sits at the far right of the summary, vertically
   centred against the whole (kicker + value) text block via the grid's
   own align-items:center -- robust against label length/wrapping since
   the indicator is structurally independent of the text column rather
   than trailing inline after it (the Batch A inline approach worked but
   put the chevron beside whichever line the text happened to wrap onto).
   Border strengthened from 1.5px to 2px per Product Owner polish review. */
.iexel-experience-viewing-mode>summary{border:2px solid var(--iexel-gold);border-radius:12px;padding:8px 14px}
.iexel-experience-viewing-mode[open]>summary{border-bottom-left-radius:0;border-bottom-right-radius:0}
.iexel-experience-viewing-mode>summary{align-items:center;cursor:pointer;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;list-style:none;min-height:44px}
.iexel-experience-viewing-mode__text{display:grid;gap:2px;min-width:0}
.iexel-experience-viewing-mode__kicker{color:rgba(255,255,255,.65);display:block;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.iexel-experience-viewing-mode__value{display:block;font-weight:800;overflow-wrap:anywhere}
.iexel-experience-viewing-mode__indicator{flex:none;font-size:12px;opacity:.85}
.iexel-experience-viewing-mode__body{background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.18);display:grid;gap:10px;max-width:calc(100vw - 40px);min-width:220px;padding:12px;position:absolute;left:0;top:48px;z-index:20}
.iexel-experience-viewing-mode__body .iexel-experience-switch,.iexel-experience-viewing-mode__body .iexel-experience-refresh{width:100%}
.iexel-experience-viewing-mode__body .iexel-experience-switch label{align-items:stretch;display:flex;flex-direction:column;gap:4px}
.iexel-experience-viewing-mode__body .iexel-experience-switch label>span{color:var(--iexel-ink);font-size:12px;font-weight:700}
.iexel-experience-viewing-mode__body .iexel-experience-switch select{border:1px solid rgba(7,29,73,.25);border-radius:8px;color:var(--iexel-ink);min-height:44px;width:100%;max-width:none}
.iexel-experience-viewing-mode__body .iexel-experience-active-role{background:#f3f5f8;border-radius:8px;color:var(--iexel-ink);display:block;font-weight:700;padding:9px 13px}
.iexel-experience-viewing-mode__body .iexel-experience-refresh button{background:#fff;border:1px solid rgba(7,29,73,.25);border-radius:8px;color:var(--iexel-ink);min-height:44px;width:100%}
.iexel-experience-viewing-mode__body .iexel-experience-exit-preview{background:#fff;border-color:rgba(7,29,73,.25);color:var(--iexel-midnight)}
.iexel-experience-viewing-mode__body .iexel-experience-exit-preview:hover{background:#f3f5f8;border-color:var(--iexel-gold);color:var(--iexel-midnight)}
.iexel-experience-nav{background:#fff;border-bottom:1px solid #e1e5eb}.iexel-experience-nav>div{display:flex;gap:4px;margin:auto;max-width:1380px;overflow-x:auto;padding:7px 20px}.iexel-experience-nav a{border-radius:8px;color:#526078;font-weight:700;padding:10px 13px;text-decoration:none;white-space:nowrap}.iexel-experience-nav a[aria-current=page]{background:var(--iexel-midnight);color:#fff}.iexel-experience-mobile-nav{display:none}.iexel-experience-main{margin:auto;max-width:1380px;min-width:0;padding:24px 20px 50px}.iexel-experience-main:focus{outline:0}.iexel-portal-wrap{margin:0;max-width:none;padding:0}.iexel-experience-hero{align-items:center;background:linear-gradient(135deg,var(--iexel-midnight),var(--iexel-navy));border-bottom:5px solid var(--iexel-gold);border-radius:22px;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;min-height:150px;padding:28px 32px}.iexel-experience-hero>div>span{color:#efd98e;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.iexel-experience-hero h1{color:#fff;font-size:34px;line-height:1.15;margin:6px 0}.iexel-experience-hero p{font-size:16px;margin:0;opacity:.86}.iexel-experience-hero>div>strong{display:block;margin-top:12px}.iexel-experience-hero-count{background:rgba(255,255,255,.1);border-radius:16px;max-width:150px;padding:18px;text-align:center}.iexel-experience-hero-count strong{display:block;font-size:36px}.iexel-experience-hero-count span{font-size:12px}.iexel-experience-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.iexel-experience-section,.iexel-experience-quick,.iexel-experience-priority{background:#fff;border:1px solid #dfe3e9;border-radius:16px;box-sizing:border-box;min-width:0;padding:20px}.iexel-experience-section h2,.iexel-experience-quick h2,.iexel-experience-priority>h2{color:var(--iexel-midnight);font-size:20px;margin:0 0 15px}.iexel-experience-metrics{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.iexel-experience-metric{background:#f6f7f9;border-radius:11px;padding:13px}.iexel-experience-metric span{color:var(--iexel-muted);display:block;font-size:11px;font-weight:800;text-transform:uppercase}.iexel-experience-metric strong{color:var(--iexel-midnight);display:block;font-size:24px;margin-top:7px;overflow-wrap:anywhere}.iexel-experience-items{display:grid;gap:9px}.iexel-experience-item,.iexel-experience-alert{align-items:center;background:#f7f8fa;border-left:4px solid var(--iexel-gold);border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:13px}.iexel-experience-item h3,.iexel-experience-alert h3{font-size:15px;margin:0 0 4px;overflow-wrap:anywhere}.iexel-experience-item p,.iexel-experience-alert p{color:var(--iexel-muted);margin:0;overflow-wrap:anywhere}.iexel-experience-item>a,.iexel-experience-alert>a{font-weight:800;white-space:nowrap}.iexel-experience-alert.is-urgent{border-color:#b42318}.iexel-experience-alert.is-warning{border-color:#d97706}.iexel-experience-alert.is-action_required{border-color:#cba135}.iexel-experience-alert span{color:var(--iexel-muted);font-size:10px;font-weight:800;text-transform:uppercase}.iexel-experience-status{background:#e8edf4;border-radius:999px;display:inline-flex;font-size:10px;font-weight:800;margin-top:7px;padding:5px 8px;text-transform:uppercase}.iexel-experience-empty{color:var(--iexel-muted);padding:12px 2px}.iexel-experience-empty p{margin-bottom:0}.iexel-experience-section-actions{margin-top:14px}.iexel-experience-button{border:1px solid var(--iexel-midnight);border-radius:8px;display:inline-flex;font-weight:800;min-height:40px;padding:0 13px;align-items:center;text-decoration:none}.iexel-experience-priority{margin-bottom:18px}.iexel-experience-priority>.iexel-experience-section{border:0;box-shadow:none;padding:0}.iexel-experience-priority>.iexel-experience-section+.iexel-experience-section{margin-top:8px}.iexel-experience-quick{margin-top:18px}.iexel-experience-quick nav{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.iexel-experience-quick a{background:#f5f7fa;border-radius:11px;color:var(--iexel-midnight);display:flex;flex-direction:column;min-height:52px;padding:13px;text-decoration:none}.iexel-experience-quick a.is-primary{background:var(--iexel-midnight);color:#fff}.iexel-experience-quick span{font-size:12px;margin-top:3px;opacity:.75}.iexel-experience-generated{color:var(--iexel-muted);font-size:11px;text-align:right}.iexel-experience-link-state{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.iexel-experience-link-state section{background:#fff;border-top:5px solid var(--iexel-gold);border-radius:18px;max-width:520px;padding:30px;text-align:center}.iexel-experience-link-state h1{color:var(--iexel-midnight)}.iexel-experience-link-state a{font-weight:800}.iexel-experience-header button:focus,.iexel-experience-header select:focus,.iexel-experience-nav a:focus,.iexel-experience-main a:focus,.iexel-experience-account summary:focus,.iexel-experience-viewing-mode summary:focus{box-shadow:0 0 0 3px #fff,0 0 0 5px #2271b1;outline:0}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:900px){.iexel-experience-header{align-items:flex-start;flex-direction:column;padding:14px 20px}.iexel-experience-header-tools{flex-wrap:wrap;width:100%}.iexel-experience-controls-desktop{display:none}.iexel-experience-viewing-mode{display:block;width:100%}.iexel-experience-nav{display:none}.iexel-experience-mobile-nav{background:#fff;border-bottom:1px solid #e1e5eb;display:block;padding:8px 20px}.iexel-experience-mobile-nav>summary{color:var(--iexel-midnight);cursor:pointer;font-weight:800;min-height:42px;padding:10px 0}.iexel-experience-mobile-nav .iexel-experience-nav{border:0;display:block}.iexel-experience-mobile-nav .iexel-experience-nav>div{display:grid;padding:6px 0}.iexel-experience-grid{grid-template-columns:1fr}.iexel-experience-hero{align-items:flex-start;flex-direction:column;gap:18px}.iexel-experience-hero-count{max-width:none;text-align:left;width:auto}
/* Batch A1: Account moves out of the header-tools flex flow and overlays
   the top-right of the brand row instead -- the header itself is the
   positioned ancestor (position:relative, set unconditionally above; it
   has no visual effect at desktop where Account is not absolute). This
   achieves "Row 1: Club identity + Account, Row 2: Viewing Mode full
   width" using only the existing DOM (no markup change): once Account is
   taken out of normal flow, Viewing Mode -- the only remaining visible
   item in header-tools at this width -- naturally has the row to itself,
   and the width:100% above makes it use all of it. Account's own existing
   <details> markup, dropdown panel and Sign-out behaviour are completely
   unchanged; only its outer position moves. */
.iexel-experience-account{position:absolute;top:14px;right:26px;margin-left:0}.iexel-experience-account summary .iexel-experience-account__indicator{display:inline}}
@media(max-width:520px){.iexel-experience-main{padding:14px 12px 36px}.iexel-experience-viewing-mode__body{left:0;right:auto}.iexel-experience-account summary strong{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iexel-experience-hero{border-radius:16px;padding:23px 20px}.iexel-experience-hero h1{font-size:29px}.iexel-experience-section,.iexel-experience-quick,.iexel-experience-priority{padding:16px}.iexel-experience-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.iexel-experience-item,.iexel-experience-alert{align-items:flex-start;flex-direction:column}.iexel-experience-item>a,.iexel-experience-alert>a{align-items:center;display:flex;min-height:40px}.iexel-experience-quick nav{grid-template-columns:1fr}}
/* Batch A1: at the narrowest widths there is not enough room in the top
   row for both the full brand text and a truncated Account name without
   the two colliding (Account is absolutely positioned over the brand row,
   see the 900px block above) -- matching the approved reference's compact
   "[avatar %E2%96%BE]" treatment, the name is hidden and only the avatar/
   initial (already the primary identity cue) remains. Reuses the existing
   390px breakpoint already used elsewhere in this file rather than adding
   a new one; ordered after the 520px block so it wins for widths <=390px
   that match both. */
@media(max-width:390px){.iexel-experience-account summary strong{display:none}}
.iexel-experience-exit-preview{align-items:center;border:1px solid rgba(255,255,255,.5);border-radius:8px;box-sizing:border-box;color:#fff;display:inline-flex;font-weight:800;justify-content:center;max-width:100%;min-height:40px;padding:0 12px;text-decoration:none;white-space:nowrap}.iexel-experience-exit-preview:hover{background:rgba(255,255,255,.1);border-color:var(--iexel-gold);color:#fff}.iexel-experience-exit-preview:focus-visible{outline:3px solid var(--iexel-gold);outline-offset:3px}@media(max-width:520px){.iexel-experience-exit-preview{grid-column:1/-1;min-height:44px;width:100%}}
.iexel-experience-item>div:first-child{min-width:0}.iexel-experience-item-actions{align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;gap:10px}.iexel-experience-item-actions a{font-weight:800;min-height:40px;overflow-wrap:anywhere}.iexel-experience-availability-counts{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(80px,1fr));margin:12px 0 0}.iexel-experience-availability-counts div{background:#fff;border-radius:8px;min-width:0;padding:8px}.iexel-experience-availability-counts dt{color:var(--iexel-muted);font-size:10px;font-weight:800;text-transform:uppercase}.iexel-experience-availability-counts dd{color:var(--iexel-midnight);font-size:18px;font-weight:800;margin:4px 0 0}@media(max-width:600px){.iexel-experience-availability-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.iexel-experience-item-actions{width:100%}.iexel-experience-item-actions a{align-items:center;display:inline-flex}}
.iexel-experience-hero-person{align-items:center;display:flex;justify-content:center;margin-left:auto;min-width:160px}.iexel-experience-hero.has-person-image{gap:24px}.iexel-experience-shirt{background:var(--iexel-gold);border-radius:999px;color:var(--iexel-midnight);display:inline-flex!important;padding:6px 10px}.iexel-experience-item.has-media{display:grid;grid-template-columns:auto minmax(0,1fr) auto}.iexel-experience-item-copy{min-width:0}.iexel-experience-team-image{aspect-ratio:4/3;border-radius:10px;height:72px;object-fit:cover;width:96px}.iexel-experience-people{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.iexel-experience-people>span{align-items:center;display:flex;gap:5px;min-width:0}.iexel-experience-people small{max-width:130px;overflow-wrap:anywhere}@media(max-width:900px){.iexel-experience-hero.has-person-image{align-items:center;flex-direction:row}.iexel-experience-hero-person{min-width:110px}}@media(max-width:520px){.iexel-experience-hero.has-person-image{align-items:flex-start}.iexel-experience-hero-person{margin-left:auto;min-width:96px}.iexel-experience-item.has-media{grid-template-columns:auto minmax(0,1fr)}.iexel-experience-item.has-media .iexel-experience-item-actions{grid-column:1/-1}.iexel-experience-team-image{height:60px;width:80px}}

.iexel-experience-item.has-actions {
	align-items: start;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}

.iexel-experience-item.has-actions.has-media {
	grid-template-columns: auto minmax(0, 1fr);
}

.iexel-experience-item-media,
.iexel-experience-item-copy,
.iexel-experience-item-actions {
	min-width: 0;
}

.iexel-experience-item-media {
	grid-column: 1;
	grid-row: 1;
}

.iexel-experience-item-copy h3,
.iexel-experience-item-copy p {
	overflow-wrap: break-word;
	word-break: normal;
}

.iexel-experience-item-actions {
	display: flex;
	flex-wrap: wrap;
	grid-column: 1;
	justify-content: flex-start;
	max-width: 100%;
	width: 100%;
}

.iexel-experience-item.has-media .iexel-experience-item-actions {
	grid-column: 2;
}

.iexel-experience-item-actions a {
	align-items: center;
	box-sizing: border-box;
	display: inline-flex;
	min-height: 44px;
	max-width: 100%;
	overflow-wrap: break-word;
	padding: 8px 10px;
	white-space: normal;
	word-break: normal;
}

.iexel-experience-section.is-welfare-concern-information .iexel-experience-metrics {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
}

.iexel-experience-section.is-welfare-concern-information .iexel-experience-metric,
.iexel-experience-section.is-welfare-concern-information .iexel-experience-metric strong {
	min-width: 0;
	word-break: normal;
}

.iexel-experience-section.is-welfare-concern-information .iexel-experience-metric strong {
	overflow-wrap: normal;
}

/*
 * OS-011 -- Welfare Concern Detail information hierarchy.
 *
 * The page is a deliberate safeguarding workflow, not a flat set of equal
 * cards. Built entirely on the shared .iexel-experience-* components via
 * `is-welfare-concern-*` modifiers -- no Welfare-only design namespace:
 *   - the concern record (Summary + Information) and Manage Concern read as
 *     primary -- a restrained club-accent top edge and a soft lift, the same
 *     emphasis language already used for the Committee "Club Health" and
 *     Coach "Match Operations" primary panels;
 *   - Welfare Updates keeps the default section weight (secondary);
 *   - the concern history group (Timeline, then Activity History) reads as
 *     subordinate supporting context -- a quieter surface and a smaller
 *     heading, still fully readable.
 * Presentation only: no concern data, permission, visibility, lifecycle,
 * audit, revision-control or Welfare Update behaviour changes.
 */
.iexel-experience-grid.is-welfare-concern-record {
	grid-template-columns: minmax(0, 1fr);
}

.iexel-experience-grid.is-welfare-concern-record > .iexel-experience-section,
.iexel-experience-section.is-welfare-concern-manage {
	border-color: #c7d4e7;
	border-top: 3px solid var(--iexel-gold);
	box-shadow: 0 8px 24px rgba(7, 29, 73, .08);
}

.iexel-experience-grid.is-welfare-concern-history {
	margin-top: 4px;
}

.iexel-experience-grid.is-welfare-concern-history > .iexel-experience-section {
	background: #f6f7f9;
	border-color: #e4e7ec;
}

.iexel-experience-grid.is-welfare-concern-history > .iexel-experience-section h2 {
	color: var(--iexel-muted);
	font-size: 16px;
}

@media (max-width: 520px) {
	.iexel-experience-item.has-actions.has-media {
		grid-template-columns: minmax(0, 1fr);
	}

	.iexel-experience-item.has-actions.has-media > * {
		grid-column: 1;
	}

	.iexel-experience-item-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.iexel-experience-item-actions a {
		justify-content: center;
		width: 100%;
	}
}

.iexel-experience-account > div form { margin: 0; }
.iexel-experience-account > div form button {
	background: transparent;
	border: 0;
	color: var(--iexel-ink);
	cursor: pointer;
	font: inherit;
	min-height: 40px;
	padding: 10px;
	text-align: left;
	width: 100%;
}
.iexel-experience-link-state form { margin: 18px 0 0; }
.iexel-experience-link-state button {
	background: var(--iexel-midnight);
	border: 0;
	border-radius: 8px;
	color: #fff;
	cursor: pointer;
	font-weight: 800;
	min-height: 44px;
	padding: 10px 16px;
}

.iexel-finance-workspace{display:grid;gap:20px;min-width:0}.iexel-finance-workspace-nav,.iexel-finance-actions{display:flex;flex-wrap:wrap;gap:10px}.iexel-finance-workspace-nav a,.iexel-finance-actions a{display:inline-flex;align-items:center;min-height:44px;padding:9px 14px;border-radius:12px;background:var(--iexel-surface,#fff);font-weight:750;text-decoration:none;white-space:normal;word-break:normal;overflow-wrap:break-word}.iexel-finance-workspace-nav a[aria-current=page]{background:var(--iexel-primary,#172554);color:#fff}.iexel-billing-run-meta{display:grid;gap:12px 16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:16px 0 20px;padding:16px;background:rgba(15,23,42,.03);border:1px solid rgba(7,29,73,.1);border-radius:14px}.iexel-billing-run-meta dt{color:var(--iexel-color-gold-text,#715514);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.iexel-billing-run-meta dd{color:var(--iexel-midnight,#071d49);font-weight:750;margin:4px 0 0;overflow-wrap:anywhere}.iexel-finance-section-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.iexel-finance-table-scroll{max-width:100%;overflow:auto;overscroll-behavior-inline:contain}.iexel-finance-table-scroll:focus-visible{outline:3px solid var(--iexel-focus,#2563eb);outline-offset:3px}.iexel-finance-table-scroll table{width:100%;min-width:640px;border-collapse:collapse}.iexel-finance-table-scroll th,.iexel-finance-table-scroll td{padding:12px;text-align:left;border-bottom:1px solid rgba(15,23,42,.1);overflow-wrap:break-word}.iexel-finance-portal-form{display:grid;gap:18px}.iexel-finance-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.iexel-finance-form-grid label{display:grid;gap:7px;min-width:0;font-weight:700}.iexel-finance-form-grid .is-wide{grid-column:1/-1}.iexel-finance-form-grid input,.iexel-finance-form-grid select,.iexel-finance-form-grid textarea{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid rgba(15,23,42,.25);border-radius:10px;font:inherit}.iexel-finance-portal-form button{justify-self:start;min-height:44px;padding:10px 18px}.iexel-finance-record-list{display:grid;gap:10px}.iexel-finance-record-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:13px;border-radius:12px;background:rgba(15,23,42,.04)}.iexel-finance-record-list strong{min-width:0;word-break:normal;overflow-wrap:break-word}.iexel-finance-portal-notice{padding:14px 18px;border-radius:12px;background:#dcfce7;color:#14532d}.iexel-finance-portal-notice.is-error{background:#fee2e2;color:#7f1d1d}
/* Invoice Detail visual acceptance correction: the primary invoice record
   (.iexel-finance-invoice-detail's own .iexel-billing-run-summary-card)
   is the one Finance surface that keeps the premium dark .iexel-os-card
   treatment -- everything else in Invoice Detail moved to the shared
   light .iexel-experience-section register. .iexel-billing-run-meta dd
   and .iexel-invoice-link are shared with the still-light Billing Run
   Detail summary and the still-light Invoices list, so their base rules
   above are untouched; these two scoped overrides restore dark-safe
   colour only inside this one dark card. */
.iexel-finance-invoice-detail .iexel-billing-run-meta dd{color:var(--iexel-color-on-dark,#ffffff)}
.iexel-finance-invoice-detail .iexel-invoice-link{color:var(--iexel-color-on-dark,#ffffff)}
.iexel-finance-invoice-detail .iexel-invoice-link:hover,.iexel-finance-invoice-detail .iexel-invoice-link:focus-visible{color:var(--iexel-color-gold,#cba135)}
.iexel-finance-quick-actions .iexel-finance-actions a{box-sizing:border-box;flex:1 1 180px;justify-content:center;max-width:100%;border:2px solid var(--iexel-midnight);background:#fff;color:var(--iexel-midnight);text-align:center}.iexel-finance-quick-actions .iexel-finance-actions a:visited{color:var(--iexel-midnight)}.iexel-finance-quick-actions .iexel-finance-actions a:hover{border-color:var(--iexel-gold);background:#eef2f7;color:var(--iexel-midnight)}.iexel-finance-quick-actions .iexel-finance-actions a:active{border-color:var(--iexel-midnight);background:#dde4ee;color:var(--iexel-midnight)}.iexel-finance-quick-actions .iexel-finance-actions a.is-primary,.iexel-finance-quick-actions .iexel-finance-actions a.is-primary:visited{border-color:var(--iexel-gold);background:var(--iexel-gold);color:var(--iexel-midnight)}.iexel-finance-quick-actions .iexel-finance-actions a.is-primary:hover{border-color:var(--iexel-gold-bright);background:var(--iexel-gold-bright);color:var(--iexel-midnight)}.iexel-finance-quick-actions .iexel-finance-actions a.is-primary:active{border-color:var(--iexel-midnight);background:var(--iexel-gold);color:var(--iexel-midnight)}.iexel-finance-quick-actions .iexel-finance-actions a:focus-visible{outline:3px solid var(--iexel-midnight);outline-offset:2px;box-shadow:0 0 0 5px #fff,0 0 0 8px var(--iexel-gold)}
.iexel-finance-portal-form .iexel-finance-choice-cards label{color:var(--iexel-midnight)}
@media(max-width:520px){.iexel-finance-form-grid{grid-template-columns:minmax(0,1fr)}.iexel-finance-form-grid .is-wide{grid-column:1}.iexel-finance-workspace-nav a,.iexel-finance-actions a,.iexel-finance-portal-form button{width:100%;justify-content:center}.iexel-finance-record-list article{align-items:flex-start;flex-direction:column}.iexel-finance-table-scroll{margin-inline:-4px}}
.iexel-finance-workspace{grid-template-columns:minmax(0,1fr)}.iexel-finance-workspace>*{min-width:0}.iexel-experience-refresh button{min-height:44px}
.iexel-finance-confirm{display:grid;gap:12px;margin-top:18px}.iexel-finance-confirm label{display:flex;align-items:flex-start;gap:10px}.iexel-finance-confirm input{flex:0 0 auto;margin-top:4px}.iexel-finance-confirm button{justify-self:start;min-height:44px;padding:10px 18px}
.iexel-finance-lines{display:grid;gap:12px}.iexel-finance-line{align-items:end;background:rgba(7,29,73,.04);border-radius:12px;display:grid;gap:12px;grid-template-columns:minmax(130px,.8fr) minmax(220px,2fr) minmax(90px,.6fr) minmax(120px,.8fr);padding:14px}.iexel-finance-line label{display:grid;gap:6px;font-weight:700;min-width:0}.iexel-finance-line input,.iexel-finance-line select{box-sizing:border-box;min-height:44px;width:100%}.iexel-finance-record-list .iexel-finance-actions{align-items:center}.iexel-finance-record-list .iexel-finance-actions form{margin:0}.iexel-finance-actions button{background:#fff;border:2px solid var(--iexel-midnight);border-radius:12px;color:var(--iexel-midnight);cursor:pointer;font:inherit;font-weight:750;min-height:44px;padding:9px 14px}.iexel-finance-actions button:hover{border-color:var(--iexel-gold);background:#eef2f7}.iexel-finance-actions button:focus-visible{outline:3px solid var(--iexel-gold);outline-offset:2px}@media(max-width:768px){.iexel-finance-line{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.iexel-finance-line{grid-template-columns:minmax(0,1fr)}}
.iexel-family-badge{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--iexel-midnight,#071d49);background:#eef2f7;padding:3px 8px;border-radius:6px;margin-bottom:6px}.iexel-family-players-list{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.iexel-family-player-tag{font-size:.78rem;font-weight:700;color:var(--iexel-ink,#18233a);background:#f1f4f8;padding:2px 7px;border-radius:4px;border:1px solid rgba(7,29,73,.08)}.iexel-family-audit-breakdown{display:grid;gap:6px;margin-top:8px;max-width:380px}.iexel-family-player-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;display:grid;gap:4px;font-size:.82rem}.iexel-family-player-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.iexel-family-player-header strong{color:var(--iexel-midnight,#071d49);font-weight:750}.iexel-family-player-financials{display:flex;flex-wrap:wrap;gap:8px;font-size:.78rem;color:var(--iexel-muted,#667085)}.iexel-discount-text{color:#991b1b;font-weight:700}.iexel-net-text{color:var(--iexel-ink,#18233a);font-weight:700;margin-left:auto}.iexel-invoice-link{color:var(--iexel-midnight,#071d49);text-decoration:underline;text-decoration-color:var(--iexel-color-gold,#cba135);text-underline-offset:3px;transition:color .15s ease,text-decoration-color .15s ease}.iexel-invoice-link:hover,.iexel-invoice-link:focus-visible{color:var(--iexel-color-gold,#cba135);text-decoration-color:currentColor}.iexel-family-reconciliation-summary{margin-top:4px}

/* Shared dashboard quick-action placement */
.iexel-experience-dashboard>.iexel-experience-quick:first-child{margin-top:0}

/* Committee workspace polish */
.iexel-experience-section-title{align-items:center;display:flex;gap:10px;line-height:1.3}
.iexel-experience-section-icon{align-items:center;background:#f1f4f9;border-radius:999px;color:var(--iexel-midnight);display:inline-flex;font-size:16px;height:28px;justify-content:center;min-width:28px;width:28px}
.iexel-experience-dashboard--committee{display:grid;gap:24px}
.iexel-experience-dashboard--committee .iexel-experience-priority{background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);border-color:#d3dbe7;border-left:5px solid var(--iexel-gold);box-shadow:0 8px 24px rgba(7,29,73,.08);margin-bottom:0;padding:24px}
.iexel-experience-dashboard--committee .iexel-experience-priority .iexel-experience-section-icon{background:#fff5da;color:#8a6812}
.iexel-experience-grid.is-committee{gap:24px}
.iexel-experience-grid.is-committee .iexel-experience-section{padding:24px}
.iexel-experience-grid.is-committee .iexel-experience-section,.iexel-experience-dashboard--committee .iexel-experience-quick{min-width:0}
.iexel-experience-grid.is-committee .iexel-experience-section.is-club-health{border-color:#c7d4e7;box-shadow:0 8px 24px rgba(7,29,73,.08)}
.iexel-experience-grid.is-committee .iexel-experience-section.is-club-health .iexel-experience-section-icon{background:#ebf2ff;color:#123a7a}
.iexel-experience-dashboard--committee .iexel-experience-metrics{gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.iexel-experience-dashboard--committee .iexel-experience-metric{align-content:start;display:grid;gap:7px;min-height:106px;padding:16px}
.iexel-experience-dashboard--committee .iexel-experience-metric strong{font-size:26px;margin-top:0}
.iexel-experience-dashboard--committee .iexel-experience-items{gap:12px}
.iexel-experience-dashboard--committee .iexel-experience-item,.iexel-experience-dashboard--committee .iexel-experience-alert{padding:16px}
.iexel-experience-dashboard--committee .iexel-experience-empty{background:#f8fafd;border:1px dashed #ccd6e4;border-radius:10px;padding:14px}
.iexel-experience-dashboard--committee .iexel-experience-empty strong{color:var(--iexel-midnight);display:block;margin-bottom:6px}
.iexel-experience-dashboard--committee .iexel-experience-section-actions{margin-top:16px}
.iexel-experience-dashboard--committee .iexel-experience-section-actions .iexel-experience-button{border-color:#d0d8e4;border-radius:10px;min-height:44px;padding:0 14px}
.iexel-experience-dashboard--committee .iexel-experience-section-actions .iexel-experience-button:hover{background:#f2f6fb}
.iexel-experience-dashboard--committee .iexel-experience-quick{margin-top:0;padding:24px}
.iexel-experience-dashboard--committee .iexel-experience-quick nav{gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.iexel-experience-dashboard--committee .iexel-experience-quick a{border:1px solid #d7deea;border-radius:12px;min-height:64px;padding:14px}
.iexel-experience-dashboard--committee .iexel-experience-quick a:hover{background:#eef3fa;border-color:#c3cfe2;color:var(--iexel-midnight)}
.iexel-experience-dashboard--committee .iexel-experience-quick a.is-primary{background:var(--iexel-midnight);border-color:var(--iexel-midnight)}
.iexel-experience-dashboard--committee .iexel-experience-quick a.is-primary:hover{background:#0f326c}
.iexel-experience-status{align-items:center;border:1px solid transparent;min-height:24px}
.iexel-experience-status.is-state-draft{background:#eef2f7;border-color:#cfd8e5;color:#3a4e6e}
.iexel-experience-status.is-state-registered{background:#dff4e8;border-color:#b8dfca;color:#1b6e42}
.iexel-experience-status.is-state-pending{background:#fff3d6;border-color:#efd8a2;color:#7a5a0f}
.iexel-experience-status.is-state-approved{background:#d9f2e3;border-color:#aed8c0;color:#155e3a}
.iexel-experience-status.is-state-failed{background:#fde7e6;border-color:#f4bfbb;color:#992f2b}
.iexel-experience-grid.is-committee .iexel-experience-section.is-club-health .iexel-experience-metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}

@media (max-width: 1024px) {
	.iexel-experience-grid.is-committee .iexel-experience-section,
	.iexel-experience-dashboard--committee .iexel-experience-priority,
	.iexel-experience-dashboard--committee .iexel-experience-quick { padding:22px; }
}
@media (max-width: 768px) {
	.iexel-experience-dashboard--committee,
	.iexel-experience-grid.is-committee { gap:20px; }
	.iexel-experience-dashboard--committee .iexel-experience-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 600px) {
	.iexel-experience-dashboard--committee .iexel-experience-quick nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 520px) {
	.iexel-experience-grid.is-committee .iexel-experience-section,
	.iexel-experience-dashboard--committee .iexel-experience-priority,
	.iexel-experience-dashboard--committee .iexel-experience-quick { padding:18px; }
	.iexel-experience-dashboard--committee .iexel-experience-quick nav { grid-template-columns:minmax(0,1fr); }
}
@media (max-width: 480px) {
	.iexel-experience-dashboard--committee .iexel-experience-metrics { grid-template-columns:minmax(0,1fr); }
}
@media (max-width: 390px) {
	.iexel-experience-dashboard--committee,
	.iexel-experience-grid.is-committee { gap:16px; }
}

/* Secretary Registration Detail — every key/value grid on this page
   (Original Submitted Player Data, Submitted Parent / Guardian Data,
   Submitted Emergency Contact Data, Team & Season Outcome) shares this one
   page-scoped pattern instead of four independently-tuned inline grids.
   Desktop/tablet widths (140px / 160px / 180px) match the values already
   accepted for each card — no visual change above the breakpoint. At the
   same narrow-mobile breakpoint used elsewhere in this stylesheet, every
   variant converges to one compact 95px label track (measured against the
   actual labels used across these four cards: short/common labels such as
   Player Name:, Date of Birth:, Name:, Email:, Phone:, Address:, FA
   Number:, Previous Club: stay on one line at 95px; longer descriptive
   labels such as Preferred Position:, Emergency Contact:, Emergency
   Phone:, Current School:, Requested/Assigned Team: wrap cleanly onto two
   lines at their existing word boundary, which is accepted so the member
   data itself gets materially more horizontal space) so a long value (a
   player name, an email address) has the most room this layout can give
   it. The value column keeps the already-accepted minmax(0, 1fr)
   containment fix unchanged in every variant. */
.iexel-registration-detail-list {
	display: grid;
	grid-template-columns: 140px minmax(0, 1fr);
	row-gap: 8px;
	font-size: 0.9rem;
}
.iexel-registration-detail-list.is-emergency,
.iexel-registration-detail-list.is-team {
	grid-template-columns: 160px minmax(0, 1fr);
}
.iexel-registration-detail-list.is-player {
	grid-template-columns: 180px minmax(0, 1fr);
}
@media (max-width: 390px) {
	.iexel-registration-detail-list,
	.iexel-registration-detail-list.is-emergency,
	.iexel-registration-detail-list.is-team,
	.iexel-registration-detail-list.is-player {
		grid-template-columns: 95px minmax(0, 1fr);
	}
}

/* Treasurer Registration Detail — Arranged Post-Registration panel layout.
   The post-registration arrangement summary contains compact labels (Package:,
   Base Price:, Inclusions:, Arranged On:) where a 140px dt column wastes
   whitespace and pinches the value column, wrapping standard inclusion lines
   mid-word. Giving the label column a tailored 100px width with an explicit
   column-gap provides ample room for inclusions on desktop while allowing
   longer labels to wrap cleanly at natural word boundaries. */
.iexel-package-history-arranged .iexel-registration-detail-list {
	grid-template-columns: 100px minmax(0, 1fr);
	column-gap: 8px;
}
.iexel-package-history-arranged .iexel-registration-detail-list dd {
	overflow-wrap: break-word;
}
@media (max-width: 390px) {
	.iexel-package-history-arranged .iexel-registration-detail-list {
		grid-template-columns: 95px minmax(0, 1fr);
		column-gap: 6px;
	}
}

/* Secretary mobile UX completion — Secretary directory/filter/create forms
   consistently set width:100% + padding + border via inline style without
   box-sizing:border-box, so padding/border render ON TOP of the 100% width
   (default box-sizing is content-box) and push the control wider than its
   card at narrow viewports. This is a single, defensive, scoped fix — every
   Secretary page wraps its content in .iexel-experience-dashboard--secretary
   (confirmed: no existing CSS previously targeted that class at all) — not a
   global input reset, so no other Club OS workspace is affected. */
.iexel-experience-dashboard--secretary input[type="text"],
.iexel-experience-dashboard--secretary input[type="search"],
.iexel-experience-dashboard--secretary input[type="email"],
.iexel-experience-dashboard--secretary input[type="number"],
.iexel-experience-dashboard--secretary select,
.iexel-experience-dashboard--secretary textarea {
	box-sizing: border-box;
	max-width: 100%;
}

/* Coach workspace polish */
.iexel-experience-dashboard--coach{align-items:start;display:grid;gap:20px;grid-auto-rows:auto}
.iexel-experience-dashboard--coach .iexel-experience-quick{border-color:#cad4e3;box-shadow:0 8px 24px rgba(7,29,73,.07);margin-top:0;padding:20px}
.iexel-experience-dashboard--coach .iexel-experience-quick nav{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.iexel-experience-dashboard--coach .iexel-experience-quick a{border:1px solid #d7deea;box-sizing:border-box;justify-content:center;min-height:68px;padding:13px 15px}
.iexel-experience-dashboard--coach .iexel-experience-quick a:hover{background:#eef3fa;border-color:#b7c4d8;color:var(--iexel-midnight)}
.iexel-experience-dashboard--coach .iexel-experience-quick a.is-primary{background:var(--iexel-midnight);border-color:var(--iexel-midnight);color:#fff}
.iexel-experience-dashboard--coach .iexel-experience-quick a.is-primary:hover{background:var(--iexel-navy);border-color:var(--iexel-gold)}
.iexel-experience-dashboard--coach .iexel-experience-priority{border-left:5px solid var(--iexel-gold);box-shadow:0 8px 24px rgba(7,29,73,.06);margin-bottom:0}
.iexel-experience-dashboard--coach .iexel-experience-priority .iexel-experience-section-icon{background:#fff5da;color:#8a6812}
.iexel-experience-dashboard--coach .iexel-experience-grid{align-items:start;gap:20px;grid-auto-rows:auto;grid-template-columns:repeat(12,minmax(0,1fr))}
.iexel-experience-dashboard--coach .iexel-experience-grid>.iexel-experience-section{align-self:start;height:auto;min-height:0;padding:22px}
.iexel-experience-dashboard--coach .iexel-experience-section.is-match-operations,
.iexel-experience-dashboard--coach .iexel-experience-section.is-today-upcoming{grid-column:span 7}
.iexel-experience-dashboard--coach .iexel-experience-section.is-attendance,
.iexel-experience-dashboard--coach .iexel-experience-section.is-availability{grid-column:span 5}
.iexel-experience-dashboard--coach .iexel-experience-section.is-squad,
.iexel-experience-dashboard--coach .iexel-experience-section.is-communications{grid-column:span 6}
.iexel-experience-dashboard--coach .iexel-experience-section.is-match-operations{background:linear-gradient(180deg,#fff 0%,#f8faff 100%);border-color:#c7d4e7;box-shadow:0 8px 24px rgba(7,29,73,.08)}
.iexel-experience-dashboard--coach .iexel-experience-section.is-match-operations .iexel-experience-section-icon{background:#fff3c4;color:#76570c}
.iexel-experience-dashboard--coach .iexel-experience-section.is-attendance .iexel-experience-section-icon,
.iexel-experience-dashboard--coach .iexel-experience-section.is-availability .iexel-experience-section-icon{background:#e5f5ec;color:#17603a}
.iexel-experience-dashboard--coach .iexel-experience-items{gap:12px}
.iexel-experience-dashboard--coach .iexel-experience-item,
.iexel-experience-dashboard--coach .iexel-experience-alert{padding:15px}
.iexel-experience-dashboard--coach .iexel-experience-empty{background:#f8fafd;border:1px dashed #cbd5e1;border-radius:10px;padding:15px}
.iexel-experience-dashboard--coach .iexel-experience-empty strong{color:var(--iexel-midnight);display:block;margin-bottom:5px}
.iexel-experience-dashboard--coach .iexel-experience-section-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px;padding-top:0}
.iexel-experience-dashboard--coach .iexel-experience-button{border-color:#b9c4d4;border-radius:9px;box-sizing:border-box;justify-content:center;min-height:44px;padding:8px 13px}
.iexel-experience-dashboard--coach .iexel-experience-button:hover{background:#eef3fa;border-color:var(--iexel-midnight);color:var(--iexel-midnight)}
.iexel-experience-dashboard--coach .iexel-experience-button.is-primary{background:var(--iexel-midnight);border-color:var(--iexel-midnight);color:#fff}
.iexel-experience-dashboard--coach .iexel-experience-button.is-primary:hover{background:var(--iexel-navy);border-color:var(--iexel-gold);color:#fff}
.iexel-experience-dashboard--coach .iexel-experience-item-actions{gap:8px;margin-top:2px}
.iexel-experience-dashboard--coach .iexel-experience-generated{margin:0}

/*
 * Parent Home Family Finance KPI containment.
 *
 * "Latest payment" is an amount plus a date. It is now rendered as two
 * elements (value + .iexel-experience-metric-meta) rather than one
 * concatenated string, so the date can never wrap mid-token -- the desktop
 * defect was "GBP 212.50 ·" / "20/07/202" / "6".
 *
 * Measured in place: at 1440px the Family Finance KPI tile gives 126px of
 * content width, where the amount alone still wrapped to two lines at the
 * standard 24px value size. 22px is the smallest reduction that fits it on one
 * line, so the figure keeps its prominence, and all four tiles were confirmed
 * to stay the same height (116px) with the added second line. At 320px the 2x2
 * layout gives a narrower tile, so the value steps down again there.
 *
 * Scoped to the Parent dashboard's Family Finance card only; every other
 * workspace and every other KPI keeps the standard metric treatment, and the
 * base overflow-wrap remains as the safety net for unusually large amounts.
 */
.iexel-experience-dashboard--parent .is-family-finance .iexel-experience-metric strong {
	font-size: 1.375rem;
}

.iexel-experience-dashboard--parent .is-family-finance .iexel-experience-metric-meta {
	color: var(--iexel-midnight);
	display: block;
	font-size: 1rem;
	font-weight: 700;
	margin-top: 2px;
	white-space: nowrap;
}

@media (max-width: 520px) {
	.iexel-experience-dashboard--parent .is-family-finance .iexel-experience-metric strong {
		font-size: 1.05rem;
		line-height: 1.35;
	}

	.iexel-experience-dashboard--parent .is-family-finance .iexel-experience-metric-meta {
		font-size: 0.9rem;
	}
}

@media(max-width:1050px){
	.iexel-experience-dashboard--coach .iexel-experience-grid{grid-template-columns:minmax(0,1fr)}
	.iexel-experience-dashboard--coach .iexel-experience-grid .iexel-experience-section{grid-column:1}
}
@media(max-width:700px){
	.iexel-experience-dashboard--coach .iexel-experience-quick nav{grid-template-columns:repeat(2,minmax(0,1fr))}
	.iexel-experience-dashboard--coach .iexel-experience-grid>.iexel-experience-section{padding:18px}
}
@media(max-width:520px){
	.iexel-experience-dashboard--coach{gap:16px}
	.iexel-experience-dashboard--coach .iexel-experience-quick{padding:16px}
	.iexel-experience-dashboard--coach .iexel-experience-quick nav{grid-template-columns:minmax(0,1fr)}
	.iexel-experience-dashboard--coach .iexel-experience-quick a{min-height:60px}
	.iexel-experience-dashboard--coach .iexel-experience-section-actions,
	.iexel-experience-dashboard--coach .iexel-experience-section-actions .iexel-experience-button,
	.iexel-experience-dashboard--coach .iexel-experience-priority .iexel-experience-alert>a{width:100%}
	.iexel-experience-dashboard--coach .iexel-experience-priority .iexel-experience-alert>a{align-items:center;display:flex;justify-content:center;min-height:44px}
}

/* Coach dashboard visual identity and compact data graphics */
/* Batch A2: crest moderately enlarged (54->60px) and its border
   strengthened from a translucent 1px accent to an opaque 2px
   var(--iexel-gold) stroke (a round value, avoiding any fractional
   border-width rendering ambiguity), so it visually relates directly to
   the Viewing Mode disclosure's own 2px gold border. */
.iexel-experience-brand>.iexel-experience-brand-mark{align-items:center;background:rgba(255,255,255,.12);border:2px solid var(--iexel-gold);border-radius:12px;box-shadow:0 4px 12px rgba(2,6,23,.24);box-sizing:border-box;color:#fff;display:inline-flex;font-size:1.35rem;font-weight:850;height:60px;justify-content:center;line-height:1;overflow:hidden;padding:0;text-align:center;user-select:none;width:60px}
.iexel-experience-brand-mark img{border-radius:10px;display:block;height:100%;object-fit:contain;width:100%}
@media(max-width:600px){.iexel-experience-brand>.iexel-experience-brand-mark{height:54px;width:54px}}
.iexel-experience-hero--coach{border-bottom-color:var(--iexel-color-gold,#cba135);box-shadow:var(--iexel-shadow-elevated,0 18px 44px rgba(7,29,73,.14));gap:24px}
.iexel-experience-hero--coach:after{background:linear-gradient(90deg,rgba(3,14,31,.94) 0%,rgba(3,14,31,.78) 52%,rgba(3,14,31,.58) 100%)}
.iexel-experience-hero--coach .iexel-experience-hero-copy{max-width:min(680px,70%)}
.iexel-experience-hero--coach .iexel-experience-hero-copy>span{color:#f4d77e}
.iexel-experience-hero--coach .iexel-experience-hero-copy>strong:last-child{color:#fff;max-width:52ch}
.iexel-coach-hero-identity{align-items:center;display:flex;flex:0 0 auto;gap:12px;margin-left:auto}
.iexel-coach-hero-mark{align-items:center;background:rgba(7,29,73,.34);border:1px solid rgba(255,255,255,.34);border-radius:24px;box-shadow:0 12px 30px rgba(2,6,23,.36),0 0 22px rgba(203,161,53,.2);box-sizing:border-box;color:var(--iexel-color-gold,#cba135);display:inline-flex;flex:0 0 auto;font-size:clamp(2.4rem,5vw,3.4rem);font-weight:850;height:120px;justify-content:center;letter-spacing:.02em;line-height:1;overflow:hidden;padding:0;text-align:center;user-select:none;width:120px}
.iexel-coach-hero-mark img{border-radius:22px;display:block;height:100%;object-fit:contain;width:100%}
.iexel-experience-hero--coach .iexel-experience-hero-count{align-content:center;box-sizing:border-box;display:grid;margin:0;max-width:132px;min-height:120px;padding:14px}
.iexel-experience-dashboard--coach .iexel-experience-priority .iexel-experience-section-title{justify-content:flex-start}
.iexel-coach-alert-count{align-items:center;background:var(--iexel-color-gold,#cba135);border-radius:var(--iexel-radius-pill,999px);color:var(--iexel-color-primary,#071d49);display:inline-flex;font-size:12px;font-weight:900;height:26px;justify-content:center;margin-left:auto;min-width:26px;padding:0 7px}
.iexel-experience-dashboard--coach .iexel-experience-section.is-attendance .iexel-experience-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.iexel-experience-dashboard--coach .iexel-experience-section.is-attendance .iexel-experience-metric{align-content:start;display:grid;gap:7px}
.iexel-coach-metric-progress,.iexel-coach-availability-chart{display:none}
.iexel-experience-dashboard--coach .iexel-coach-metric-progress{background:#dfe6ef;border-radius:var(--iexel-radius-pill,999px);display:block;height:8px;overflow:hidden}
.iexel-experience-dashboard--coach .iexel-coach-metric-progress>i{background:var(--iexel-color-success,#2e7d32);border-radius:inherit;display:block;height:100%;width:var(--iexel-progress,0%)}
.iexel-experience-dashboard--coach .iexel-coach-availability-chart{background:#e5eaf1;border-radius:var(--iexel-radius-pill,999px);display:flex;height:10px;margin:12px 0 4px;overflow:hidden;width:100%}
.iexel-experience-dashboard--coach .iexel-coach-availability-chart>span{flex:var(--iexel-segment,0) 1 0;min-width:0}
.iexel-experience-dashboard--coach .iexel-coach-availability-chart>.is-available{background:var(--iexel-color-success,#2e7d32)}
.iexel-experience-dashboard--coach .iexel-coach-availability-chart>.is-unavailable{background:var(--iexel-color-danger,#b32d2e)}
.iexel-experience-dashboard--coach .iexel-coach-availability-chart>.is-pending{background:var(--iexel-color-warning,#9a6700)}
.iexel-experience-dashboard--coach .iexel-experience-availability-counts div{border:1px solid var(--iexel-color-border,#dfe3e9)}

@media(max-width:900px){
	.iexel-experience-hero--coach .iexel-experience-hero-copy{max-width:none}
	.iexel-coach-hero-identity{margin-left:0}
}
@media(max-width:600px){
	.iexel-experience-hero--coach{gap:14px;padding:20px}
	.iexel-experience-hero--coach:after{background:linear-gradient(180deg,rgba(3,14,31,.94),rgba(3,14,31,.74))}
	.iexel-coach-hero-identity{gap:9px;width:100%}
	.iexel-coach-hero-mark{border-radius:18px;font-size:2.4rem;height:88px;width:88px}
	.iexel-coach-hero-mark img{border-radius:16px}
	.iexel-experience-hero--coach .iexel-experience-hero-count{grid-template-columns:auto minmax(0,1fr);gap:9px;max-width:none;min-height:88px;text-align:left}
	.iexel-experience-hero--coach .iexel-experience-hero-count strong{font-size:30px}
	.iexel-experience-dashboard--coach .iexel-experience-section.is-attendance .iexel-experience-metrics{grid-template-columns:minmax(0,1fr)}
}
.iexel-billing-schedule-list{display:grid;gap:14px;margin-top:16px}.iexel-billing-schedule-card{background:#f6f7f9;border:1px solid rgba(7,29,73,.08);border-radius:14px;display:grid;gap:16px;min-width:0;padding:18px}.iexel-billing-schedule-card header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;min-width:0}.iexel-billing-schedule-card h3{color:var(--iexel-midnight,#071d49);font-size:1.08rem;margin:0;min-width:0;overflow-wrap:anywhere}.iexel-billing-status{background:#e8edf4;border:1px solid #b8c2d1;border-radius:999px;color:var(--iexel-midnight);display:inline-flex;font-size:.72rem;font-weight:800;padding:5px 9px;text-transform:uppercase;white-space:nowrap}.iexel-billing-status.is-active{background:#d9f5e5;border-color:#69a97f;color:#14532d}.iexel-billing-status.is-cancelled{background:#fbe2e2;border-color:#cf8d8d;color:#7f1d1d}.iexel-billing-schedule-meta{display:grid;gap:10px 16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0}.iexel-billing-schedule-meta div{min-width:0}.iexel-billing-schedule-meta dt{color:var(--iexel-color-gold-text,#715514);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.iexel-billing-schedule-meta dd{color:var(--iexel-midnight,#071d49);font-weight:700;margin:4px 0 0;overflow-wrap:anywhere}.iexel-billing-schedule-actions{align-items:stretch;display:flex;flex-wrap:wrap;gap:8px;width:100%}.iexel-billing-schedule-actions form{display:flex;flex:1 1 120px;margin:0}.iexel-billing-schedule-actions>.iexel-button{flex:1 1 120px}.iexel-billing-schedule-actions .iexel-button{border:2px solid var(--iexel-midnight);border-radius:10px;box-sizing:border-box;cursor:pointer;font:inherit;font-weight:800;justify-content:center;margin:0;min-height:44px;padding:9px 14px;text-align:center;white-space:normal}.iexel-billing-schedule-actions form .iexel-button{width:100%}.iexel-billing-schedule-actions .iexel-button-primary{background:var(--iexel-midnight);border-color:var(--iexel-midnight);color:#fff}.iexel-billing-schedule-actions .iexel-button-secondary{background:#fff;border-color:var(--iexel-midnight);color:var(--iexel-midnight)}.iexel-billing-schedule-actions .iexel-button-primary:hover{background:var(--iexel-navy);border-color:var(--iexel-gold);color:#fff;transform:none}.iexel-billing-schedule-actions .iexel-button-secondary:hover{background:#eef2f7;border-color:var(--iexel-gold);color:var(--iexel-midnight);transform:none}.iexel-billing-schedule-actions .iexel-button:focus-visible{box-shadow:none;outline:3px solid var(--iexel-gold);outline-offset:2px}.iexel-billing-schedule-actions .iexel-button:disabled,.iexel-billing-schedule-actions .iexel-button[aria-disabled=true]{background:#e4e7ec;border-color:#98a2b3;color:#475467;cursor:not-allowed;opacity:1}
.iexel-finance-selector{display:grid;gap:7px;min-width:0}.iexel-finance-selector>span,.iexel-finance-form-grid legend{color:var(--iexel-midnight);font-weight:800}.iexel-finance-selector small{color:var(--iexel-muted)}.iexel-search-multiselect{position:relative;min-width:0}.iexel-search-multiselect__control{align-items:center;background:#fff;border:1px solid #667085;border-radius:10px;cursor:text;display:flex;flex-wrap:wrap;gap:7px;min-height:46px;padding:6px 9px}.iexel-search-multiselect__control:focus-within{border-color:var(--iexel-midnight);box-shadow:0 0 0 3px var(--iexel-gold)}.iexel-search-multiselect__selected{display:contents}.iexel-search-multiselect__chip{background:#e8edf4;border:1px solid var(--iexel-midnight);border-radius:999px;color:var(--iexel-midnight);cursor:pointer;font:inherit;font-size:.88rem;font-weight:700;min-height:44px;max-width:100%;overflow-wrap:anywhere;padding:7px 11px}.iexel-search-multiselect__chip:focus-visible{outline:3px solid var(--iexel-gold);outline-offset:2px}.iexel-search-multiselect__input{border:0!important;box-shadow:none!important;flex:1 1 190px;min-height:32px!important;min-width:120px!important;padding:2px!important;width:auto!important}.iexel-search-multiselect__list{background:#fff;border:1px solid #667085;border-radius:10px;box-shadow:0 10px 28px rgba(7,29,73,.18);left:0;margin-top:4px;max-height:280px;max-width:100%;overflow-y:auto;padding:5px;position:absolute;right:0;z-index:100}.iexel-search-multiselect__list[hidden]{display:none!important}.iexel-search-multiselect__option{background:#fff;border:0;border-radius:7px;color:var(--iexel-midnight);cursor:pointer;display:block;font:inherit;min-height:44px;padding:10px;text-align:left;width:100%}.iexel-search-multiselect__option:hover,.iexel-search-multiselect__option.is-active{background:#e8edf4}.iexel-search-multiselect__option[aria-selected=true]{background:#fff3c4;font-weight:800}.iexel-search-multiselect__option[aria-selected=true]:after{content:"✓";float:right}.iexel-search-multiselect__empty{color:var(--iexel-muted);margin:8px;padding:8px}.iexel-finance-choice-cards{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.iexel-finance-choice-cards label{align-items:flex-start!important;background:#fff;border:1px solid #98a2b3;border-radius:12px;display:flex!important;gap:10px;min-height:44px;padding:12px}.iexel-finance-choice-cards input{flex:0 0 auto;margin-top:3px;min-height:auto!important;width:auto!important}.iexel-finance-choice-cards strong,.iexel-finance-choice-cards small{display:block}.iexel-finance-choice-cards small{color:var(--iexel-muted);font-weight:500;margin-top:4px}.iexel-finance-form-grid fieldset{border:1px solid #d0d5dd;border-radius:12px;box-sizing:border-box;margin:0;min-width:0;padding:14px}.iexel-finance-form-grid [hidden]{display:none!important}@media(max-width:600px){.iexel-finance-choice-cards{grid-template-columns:minmax(0,1fr)}.iexel-search-multiselect__input{flex-basis:100%;font-size:16px!important}}

.iexel-experience-dashboard--player .iexel-experience-grid{align-items:start;grid-template-columns:repeat(12,minmax(0,1fr))}
.iexel-experience-dashboard--player .iexel-experience-grid>.is-my-season{grid-column:1/-1}
.iexel-experience-dashboard--player .iexel-experience-grid>.is-next-event{grid-column:span 5}
.iexel-experience-dashboard--player .iexel-experience-grid>.is-my-team{grid-column:span 7}
.iexel-experience-dashboard--player .iexel-experience-grid>.is-club-news,
.iexel-experience-dashboard--player .iexel-experience-grid>.is-achievements{grid-column:span 6}
.iexel-player-my-season{background:var(--iexel-surface);border-color:var(--iexel-border);display:grid;gap:20px;padding:clamp(20px,3vw,30px)}
.iexel-player-my-season__header h2{color:var(--iexel-midnight);font-size:clamp(1.5rem,3vw,2rem);margin:4px 0 0}
.iexel-player-my-season__eyebrow{color:var(--iexel-midnight);font-size:.75rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.iexel-player-my-season__context{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
.iexel-player-my-season__context div{background:var(--iexel-bg);border-radius:12px;min-width:0;padding:14px 16px}
.iexel-player-my-season__context dt,
.iexel-player-my-season__metric span{color:var(--iexel-muted);font-size:.7rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.iexel-player-my-season__context dd{color:var(--iexel-midnight);font-size:1.05rem;font-weight:850;margin:5px 0 0;overflow-wrap:anywhere}
.iexel-player-my-season__metrics{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}
.iexel-player-my-season__metric{background:var(--iexel-bg);border-radius:12px;box-sizing:border-box;min-width:0;padding:16px}
.iexel-player-my-season__metric strong{color:var(--iexel-midnight);display:block;font-size:clamp(1.35rem,3vw,1.8rem);margin-top:7px;overflow-wrap:anywhere}
.iexel-player-my-season__metric small{color:var(--iexel-muted);display:block;font-size:.78rem;line-height:1.4;margin-top:7px}
.iexel-player-my-season__progress{border-top:1px solid var(--iexel-border);display:grid;gap:10px;padding-top:18px}
.iexel-player-my-season__progress h3{color:var(--iexel-midnight);font-size:1rem;margin:0}
.iexel-player-my-season__markers{display:grid;gap:clamp(4px,1.5vw,12px);grid-template-columns:repeat(8,minmax(0,1fr));list-style:none;margin:0;max-width:560px;padding:0;width:100%}
.iexel-player-my-season__markers li{color:var(--iexel-muted);font-size:clamp(1.2rem,4vw,2rem);line-height:1;text-align:center}
.iexel-player-my-season__markers li.is-filled{color:var(--iexel-gold)}
.iexel-player-my-season__progress-text{color:var(--iexel-midnight);font-size:.82rem;font-weight:800;margin:0}
.iexel-player-my-season__encouragement{color:var(--iexel-ink);font-size:1rem;font-weight:700;margin:0}
.iexel-player-my-season__unavailable{background:var(--iexel-bg);border:1px dashed var(--iexel-border);border-radius:12px;padding:18px}
.iexel-player-my-season__unavailable strong{color:var(--iexel-midnight);display:block}
.iexel-player-my-season__unavailable p{color:var(--iexel-muted);margin:6px 0 0}
.iexel-player-my-season__stats-cta{align-items:center;background:var(--iexel-midnight);border:2px solid var(--iexel-midnight);border-radius:10px;color:#fff;display:flex;font-weight:850;justify-content:center;min-height:44px;padding:10px 16px;text-align:center;text-decoration:none}.iexel-player-my-season__stats-cta:hover{border-color:var(--iexel-gold);color:#fff}.iexel-player-my-season__stats-cta:focus-visible{outline:3px solid var(--iexel-gold);outline-offset:3px}

@media(max-width:900px){
	.iexel-experience-dashboard--player .iexel-experience-grid{grid-template-columns:minmax(0,1fr)}
	.iexel-experience-dashboard--player .iexel-experience-grid>*{grid-column:1!important}
}
@media(max-width:520px){
	.iexel-player-my-season{gap:16px}
	.iexel-player-my-season__context{grid-template-columns:minmax(0,1fr)}
	.iexel-player-my-season__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
	.iexel-player-my-season__metric{padding:13px}
}
@media(max-width:360px){
	.iexel-player-my-season__metrics{grid-template-columns:minmax(0,1fr)}
}
.iexel-experience-dashboard--player .iexel-experience-grid>.is-your-progress{grid-column:1/-1}
.iexel-player-progress-summary{
	--iexel-progress-summary-anchor:var(--iexel-color-primary,var(--iexel-midnight));
	--iexel-progress-summary-deep:color-mix(in srgb,var(--iexel-progress-summary-anchor) 78%,#000);
	--iexel-progress-summary-accent:var(--iexel-color-gold,var(--iexel-gold));
	--iexel-progress-summary-on-anchor:var(--iexel-color-on-anchor,#f8fafc);
	--iexel-progress-summary-muted:var(--iexel-color-on-anchor-muted,#c8d3e3);
	align-items:center;
	background:radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--iexel-progress-summary-accent) 17%,transparent),transparent 28%),linear-gradient(135deg,var(--iexel-progress-summary-anchor),var(--iexel-progress-summary-deep));
	border-color:color-mix(in srgb,var(--iexel-progress-summary-on-anchor) 14%,transparent);
	box-shadow:var(--iexel-shadow-elevated,0 18px 44px rgba(7,29,73,.14));
	color:var(--iexel-progress-summary-on-anchor);
	display:grid;
	gap:clamp(18px,3vw,34px);
	grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr) auto;
	overflow:hidden;
	padding:clamp(22px,3vw,32px);
	position:relative
}
.iexel-player-progress-summary *{box-sizing:border-box;min-width:0}
.iexel-player-progress-summary::after{background:linear-gradient(90deg,var(--iexel-progress-summary-accent),transparent);bottom:0;content:"";height:4px;left:0;position:absolute;width:48%}
.iexel-player-progress-summary:not(.has-latest){grid-template-columns:minmax(0,1fr) auto}
.iexel-player-progress-summary__copy{display:grid;gap:7px;position:relative;z-index:1}
.iexel-player-progress-summary__eyebrow{color:var(--iexel-progress-summary-accent);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.iexel-player-progress-summary h2{color:var(--iexel-progress-summary-on-anchor);font-size:clamp(1.45rem,3vw,2rem);line-height:1.15;margin:0;overflow-wrap:anywhere}
.iexel-player-progress-summary__copy p{color:var(--iexel-progress-summary-muted);line-height:1.5;margin:2px 0 0}
.iexel-player-progress-summary__milestone{align-items:center;background:color-mix(in srgb,var(--iexel-progress-summary-on-anchor) 8%,transparent);border:1px solid color-mix(in srgb,var(--iexel-progress-summary-on-anchor) 15%,transparent);border-radius:14px;display:grid;gap:13px;grid-template-columns:auto minmax(0,1fr);padding:14px 16px}
.iexel-player-progress-summary__marker{align-items:center;background:var(--iexel-progress-summary-accent);border-radius:50%;color:var(--iexel-progress-summary-deep);display:flex;height:48px;justify-content:center;width:48px}
.iexel-player-progress-summary__marker .iexel-player-progress__marker-icon{height:28px;width:28px}
.iexel-player-progress-summary__milestone>div>span{color:var(--iexel-progress-summary-accent);display:block;font-size:.65rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.iexel-player-progress-summary__milestone h3{color:var(--iexel-progress-summary-on-anchor);font-size:1rem;margin:4px 0 2px;overflow-wrap:anywhere}
.iexel-player-progress-summary__milestone time{color:var(--iexel-progress-summary-muted);font-size:.82rem;font-weight:750}
.iexel-player-progress-summary__action{align-items:center;background:var(--iexel-progress-summary-accent);border:2px solid var(--iexel-progress-summary-accent);border-radius:10px;color:var(--iexel-progress-summary-deep);display:inline-flex;font-weight:900;justify-content:center;min-height:44px;padding:9px 16px;text-align:center;text-decoration:none;white-space:nowrap}
.iexel-player-progress-summary__action:hover{background:color-mix(in srgb,var(--iexel-progress-summary-accent) 88%,var(--iexel-progress-summary-on-anchor));border-color:var(--iexel-progress-summary-on-anchor);color:var(--iexel-progress-summary-deep)}
.iexel-player-progress-summary__action:focus-visible{outline:3px solid var(--iexel-progress-summary-accent);outline-offset:3px}
@media(max-width:820px){
	.iexel-player-progress-summary{grid-template-columns:minmax(0,1fr) auto}
	.iexel-player-progress-summary__copy{grid-column:1/-1}
}
@media(max-width:520px){
	.iexel-player-progress-summary,.iexel-player-progress-summary:not(.has-latest){grid-template-columns:minmax(0,1fr)}
	.iexel-player-progress-summary__copy{grid-column:auto}
	.iexel-player-progress-summary__action{width:100%}
}
@media(max-width:390px){
	.iexel-player-progress-summary{gap:16px;padding:20px 17px}
	.iexel-player-progress-summary__milestone{padding:13px}
}
@media(max-width:360px){
	.iexel-player-progress-summary h2{font-size:1.4rem}
	.iexel-player-progress-summary__marker{height:44px;width:44px}
	.iexel-player-progress-summary__action{white-space:normal}
}
.iexel-player-stats{display:grid;gap:20px;max-width:1120px;min-width:0}.iexel-player-stats,.iexel-player-stats *{box-sizing:border-box;min-width:0}.iexel-player-stats__hero{background:linear-gradient(135deg,var(--iexel-midnight),#102b52);border-radius:18px;color:#fff;display:grid;gap:8px;padding:clamp(22px,5vw,46px)}.iexel-player-stats__eyebrow,.iexel-player-stats__section-heading>div>span{color:var(--iexel-gold);font-size:.74rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.iexel-player-stats__hero h1{color:#fff;font-size:clamp(2rem,5vw,3.25rem);line-height:1.05;margin:0;overflow-wrap:anywhere}.iexel-player-stats__hero p{color:#e7eef9;font-size:1.03rem;margin:0}.iexel-player-stats__section{background:var(--iexel-surface);border:1px solid var(--iexel-border);border-radius:16px;display:grid;gap:16px;padding:clamp(18px,3vw,28px)}.iexel-player-stats__section h2{color:var(--iexel-midnight);font-size:clamp(1.25rem,3vw,1.75rem);margin:0}.iexel-player-stats__section-heading{align-items:end;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.iexel-player-stats__section-heading p{color:var(--iexel-muted);font-size:.82rem;font-weight:700;margin:0}.iexel-player-stats__metrics{display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}.iexel-player-stats__metrics article{background:linear-gradient(145deg,#f8fafc,#eef3f9);border-top:3px solid var(--iexel-gold);border-radius:12px;padding:16px}.iexel-player-stats__metrics span{color:var(--iexel-muted);display:block;font-size:.69rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.iexel-player-stats__metrics strong{color:var(--iexel-midnight);display:block;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1;margin-top:9px}.iexel-player-stats__timeline{display:grid;gap:13px;list-style:none;margin:0;padding:0}.iexel-player-stats__timeline li{align-items:start;display:grid;gap:3px;grid-template-columns:20px minmax(0,1fr);position:relative}.iexel-player-stats__timeline-marker{background:var(--iexel-gold);border:3px solid var(--iexel-midnight);border-radius:50%;grid-row:span 2;height:16px;margin-top:3px;width:16px}.iexel-player-stats__timeline strong,.iexel-player-stats__match h3{color:var(--iexel-midnight);font-size:.96rem;margin:0}.iexel-player-stats__timeline li>span:last-child{color:var(--iexel-muted);font-weight:700}.iexel-player-stats__appearance-track{background:#e6ebf2;border-radius:999px;display:flex;height:14px;overflow:hidden;width:100%}.iexel-player-stats__appearance-track span{flex:var(--iexel-stats-segment) 1 0}.iexel-player-stats__appearance-track .is-starts,.iexel-player-stats__breakdown .is-starts{background:var(--iexel-midnight)}.iexel-player-stats__appearance-track .is-substitute,.iexel-player-stats__breakdown .is-substitute{background:var(--iexel-gold)}.iexel-player-stats__appearance-track .is-unused,.iexel-player-stats__breakdown .is-unused{background:#90a0b5}.iexel-player-stats__breakdown{display:grid;gap:9px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.iexel-player-stats__breakdown li{align-items:center;color:var(--iexel-ink);display:grid;font-weight:750;gap:8px;grid-template-columns:12px minmax(0,1fr) auto}.iexel-player-stats__breakdown li>span{border-radius:50%;height:10px;width:10px}.iexel-player-stats__breakdown strong{color:var(--iexel-midnight)}.iexel-player-stats__potm-markers{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.iexel-player-stats__potm-markers li{align-items:center;background:#e4eaf1;border-radius:50%;color:#718096;display:flex;height:30px;justify-content:center;width:30px}.iexel-player-stats__potm-markers li.is-potm{background:#fff3ca;color:#9a6700}.iexel-player-stats__matches{display:grid;gap:12px}.iexel-player-stats__match{background:#f8fafc;border:1px solid #e1e7ef;border-radius:12px;display:grid;gap:12px;padding:16px}.iexel-player-stats__match header{align-items:start;display:flex;gap:14px;justify-content:space-between}.iexel-player-stats__match header p,.iexel-player-stats__match time{color:var(--iexel-muted);font-size:.83rem;font-weight:700;margin:4px 0 0}.iexel-player-stats__selection{color:var(--iexel-midnight);font-weight:850;margin:0}.iexel-player-stats__match ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0;padding:0}.iexel-player-stats__match li{background:#e7edf5;border-radius:999px;color:var(--iexel-midnight);font-size:.79rem;font-weight:800;padding:5px 9px}.iexel-player-stats__match li.is-potm{background:#fff1bb;color:#7a5700}.iexel-player-stats__empty{background:#f8fafc;border:1px dashed #b6c1d0;border-radius:10px;color:var(--iexel-ink);font-weight:700;margin:0;padding:14px}.iexel-player-stats a:focus-visible{outline:3px solid var(--iexel-gold);outline-offset:3px}@media(max-width:760px){.iexel-player-stats__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.iexel-player-stats__metrics article:last-child{grid-column:1/-1}.iexel-player-stats__breakdown{grid-template-columns:minmax(0,1fr)}}@media(max-width:360px){.iexel-player-stats__metrics{grid-template-columns:minmax(0,1fr)}.iexel-player-stats__metrics article:last-child{grid-column:auto}.iexel-player-stats__match header{display:grid}}
.iexel-player-stats{margin-inline:auto;width:100%}.iexel-player-stats__contribution-list{display:flex;flex-wrap:wrap;gap:7px;grid-column:2;list-style:none;margin:3px 0 0;padding:0}.iexel-player-stats__contribution-list li{background:#e7edf5;border-radius:999px;color:var(--iexel-midnight);font-size:.79rem;font-weight:800;padding:5px 9px}.iexel-player-stats__contribution-list li.is-potm{background:#fff1bb;color:#7a5700}.iexel-player-stats__breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}.iexel-player-stats__potm-markers{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.iexel-player-stats__potm-markers li{align-items:center;background:#f3f5f8;border:1px solid #d6dde7;border-radius:12px;color:var(--iexel-muted);display:grid;gap:10px;grid-template-columns:30px minmax(0,1fr);height:auto;justify-content:stretch;padding:12px;width:auto}.iexel-player-stats__potm-markers li.is-potm{background:#fff8df;border-color:#e6c75c}.iexel-player-stats__potm-icon{align-items:center;background:#e4eaf1;border-radius:50%;display:flex;font-weight:900;height:30px;justify-content:center;width:30px}.iexel-player-stats__potm-markers li.is-potm .iexel-player-stats__potm-icon{background:#f5d76e;color:#6f4e00}.iexel-player-stats__potm-match{display:grid;gap:2px}.iexel-player-stats__potm-match strong{color:var(--iexel-midnight);font-size:.86rem;overflow-wrap:anywhere}.iexel-player-stats__potm-match time{font-size:.75rem;font-weight:750}.iexel-player-stats__potm-status{font-size:.7rem;font-weight:900;grid-column:2;letter-spacing:.05em;text-transform:uppercase}
.iexel-player-stats__contribution-list li{display:block}
@media(max-width:760px){.iexel-player-stats__breakdown,.iexel-player-stats__potm-markers{grid-template-columns:minmax(0,1fr)}}
.iexel-player-next-event{background:linear-gradient(145deg,#fff 0%,#f7f9fc 100%);border-top:4px solid var(--iexel-gold);display:grid;gap:18px;min-width:0}
.iexel-player-next-event__header h2,.iexel-player-next-event>h2{color:var(--iexel-midnight);font-size:clamp(1.4rem,2.6vw,1.85rem);line-height:1.2;margin:5px 0 0;overflow-wrap:anywhere}
.iexel-player-next-event__eyebrow{color:var(--iexel-midnight);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.iexel-player-next-event .iexel-event-lifecycle-banner{background:#fff7ed;border:1px solid #fdba74}
.iexel-player-next-event .iexel-event-lifecycle-banner strong,.iexel-player-next-event .iexel-event-lifecycle-banner p{color:var(--iexel-midnight);margin:0}
.iexel-player-next-event__meta{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
.iexel-player-next-event__meta div{background:#fff;border:1px solid #e1e6ee;border-radius:11px;min-width:0;padding:11px 12px}
.iexel-player-next-event__meta .is-wide{grid-column:1/-1}
.iexel-player-next-event__meta dt,.iexel-player-next-event__countdown span{color:var(--iexel-muted);font-size:.68rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.iexel-player-next-event__meta dd{color:var(--iexel-midnight);font-weight:800;margin:4px 0 0;overflow-wrap:anywhere}
.iexel-player-next-event__countdown{background:var(--iexel-midnight);border-radius:13px;color:#fff;display:grid;gap:4px;padding:14px 16px}
.iexel-player-next-event__countdown span{color:#dbe5f5}
.iexel-player-next-event__countdown strong{font-size:1.25rem;overflow-wrap:anywhere}
.iexel-player-next-event__response{align-items:center;border:1px solid #d0d5dd;border-radius:999px;display:flex;gap:9px;margin:0;padding:9px 12px;width:fit-content}
.iexel-player-next-event__response span{align-items:center;background:#fff;border:1px solid currentColor;border-radius:50%;display:inline-flex;flex:0 0 24px;font-size:.8rem;height:24px;justify-content:center}
.iexel-player-next-event__response.is-available{background:#e4f6e9;border-color:#78ae86;color:#185c2d}
.iexel-player-next-event__response.is-unavailable{background:#fce8e8;border-color:#ce8c8c;color:#8a1c1c}
.iexel-player-next-event__response.is-pending{background:#fff5d6;border-color:#c9a13d;color:#614800}
.iexel-player-next-event__actions{display:flex;flex-wrap:wrap;gap:10px}
.iexel-player-next-event__actions .iexel-experience-button{box-sizing:border-box;justify-content:center;min-height:44px}
.iexel-player-next-event__actions .is-primary{background:var(--iexel-midnight);color:#fff}
.iexel-player-next-event__actions .is-secondary{background:#fff;color:var(--iexel-midnight)}
.iexel-player-next-event__empty{color:var(--iexel-muted);margin:0;overflow-wrap:anywhere}
@media(max-width:360px){
	.iexel-player-next-event__meta{grid-template-columns:minmax(0,1fr)}
	.iexel-player-next-event__meta .is-wide{grid-column:1}
	.iexel-player-next-event__actions .iexel-experience-button{width:100%}
}

/* Lightbox Modal */
body.iexel-lightbox-open {
	overflow: hidden !important;
}

.iexel-lightbox-overlay {
	align-items: center;
	display: none;
	height: 100vh;
	justify-content: center;
	left: 0;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 999999;
}

.iexel-lightbox-backdrop {
	background: rgba(15, 23, 42, 0.85);
	backdrop-filter: blur(4px);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.iexel-lightbox-dialog {
	align-items: center;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	display: flex;
	flex-direction: column;
	max-height: 90vh;
	max-width: 90vw;
	overflow: hidden;
	position: relative;
	z-index: 10;
}

.iexel-lightbox-close {
	align-items: center;
	background: #f1f5f9;
	border: none;
	border-radius: 50%;
	color: #334155;
	cursor: pointer;
	display: flex;
	font-size: 20px;
	height: 36px;
	justify-content: center;
	line-height: 1;
	position: absolute;
	right: 12px;
	top: 12px;
	width: 36px;
	z-index: 12;
}

.iexel-lightbox-close:hover {
	background: #e2e8f0;
	color: #0f172a;
}

.iexel-lightbox-body {
	align-items: center;
	display: flex;
	flex-direction: column;
	max-height: 85vh;
	overflow: auto;
	padding: 24px;
}

.iexel-lightbox-image {
	border-radius: 8px;
	height: auto;
	max-height: 70vh;
	max-width: 100%;
	object-fit: contain;
}

.iexel-lightbox-caption {
	color: #334155;
	font-size: 14px;
	font-weight: 600;
	margin-top: 12px;
	text-align: center;
}

.iexel-player-my-team-anchor{min-width:0}
.iexel-player-my-team{background:linear-gradient(145deg,#fff 0%,#f7f9fc 100%);border-color:#dfe3e9;box-shadow:none;box-sizing:border-box;display:grid;gap:18px;min-width:0;overflow:hidden;position:relative}
.iexel-player-my-team .iexel-section-card-header{margin:0}
.iexel-player-my-team .iexel-section-kicker{color:var(--iexel-midnight);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.iexel-player-my-team .iexel-section-card-header h3{color:var(--iexel-midnight);font-size:clamp(1.4rem,2.6vw,1.85rem);line-height:1.2;margin-top:5px;overflow-wrap:anywhere}
.iexel-player-my-team__accent{background:var(--iexel-team-accent);height:5px;left:0;position:absolute;right:0;top:0}
.iexel-player-my-team__identity{display:grid;gap:14px;grid-template-columns:minmax(150px,1.1fr) minmax(0,1fr);min-width:0}
.iexel-player-my-team__media{align-items:center;aspect-ratio:16/10;background:#e9edf3;border:1px solid #d5dce7;border-radius:14px;display:flex;justify-content:center;margin:0;min-width:0;overflow:hidden}
.iexel-player-my-team__media img{display:block;height:100%;object-fit:cover;width:100%}
.iexel-player-my-team__media.is-badge img{object-fit:contain;padding:16px}
.iexel-player-my-team__media.is-placeholder span{align-items:center;background:var(--iexel-midnight);border:4px solid var(--iexel-gold);border-radius:50%;color:#fff;display:flex;font-size:clamp(2rem,7vw,3.5rem);font-weight:900;height:96px;justify-content:center;width:96px}
.iexel-player-my-team__context,.iexel-player-my-team__competition{display:grid;gap:10px;margin:0;min-width:0}
.iexel-player-my-team__context{grid-template-columns:minmax(0,1fr)}
.iexel-player-my-team__competition{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.iexel-player-my-team__context div,.iexel-player-my-team__competition div{background:#fff;border:1px solid #e1e6ee;border-radius:11px;min-width:0;padding:12px}
.iexel-player-my-team__context dt,.iexel-player-my-team__competition dt{color:var(--iexel-muted);font-size:.68rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.iexel-player-my-team__context dd,.iexel-player-my-team__competition dd{color:var(--iexel-midnight);font-weight:800;margin:4px 0 0;overflow-wrap:anywhere}
.iexel-player-my-team__staff{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.iexel-player-my-team__staff>section{background:#fff;border:1px solid #e1e6ee;border-radius:12px;min-width:0;padding:14px}
.iexel-player-my-team__staff h4{color:var(--iexel-midnight);font-size:.78rem;letter-spacing:.06em;margin:0 0 10px;text-transform:uppercase}
.iexel-player-my-team__staff p{color:var(--iexel-muted);margin:0}
.iexel-player-my-team__staff ul{display:grid;gap:9px;list-style:none;margin:0;padding:0}
.iexel-player-my-team__staff li{align-items:center;color:var(--iexel-ink);display:flex;font-weight:750;gap:8px;min-width:0}
.iexel-player-my-team__staff li>span:last-child{min-width:0;overflow-wrap:anywhere}
.iexel-player-my-team__footer{align-items:stretch;display:grid;gap:12px;grid-template-columns:minmax(130px,.7fr) minmax(170px,1fr)}
.iexel-player-my-team__footer .iexel-stat-card{background:var(--iexel-bg);border-color:#dfe3e9;box-shadow:none;min-width:0;padding:14px}
.iexel-player-my-team__footer .iexel-stat-value{color:var(--iexel-midnight);font-size:1.8rem}
.iexel-player-my-team__footer .iexel-stat-hint{color:var(--iexel-muted)}
.iexel-player-my-team__footer .iexel-experience-button{align-self:stretch;background:var(--iexel-midnight);box-sizing:border-box;color:#fff;justify-content:center;text-align:center}
.iexel-player-my-team__unavailable{background:var(--iexel-bg);border:1px dashed var(--iexel-border);border-radius:12px;padding:18px}
.iexel-player-my-team__unavailable strong{color:var(--iexel-midnight);display:block}
.iexel-player-my-team__unavailable p{color:var(--iexel-muted);margin:6px 0 0}

@media(max-width:1100px) and (min-width:901px){
	.iexel-player-my-team__identity{grid-template-columns:minmax(0,1fr)}
	.iexel-player-my-team__media{max-height:210px}
}
@media(max-width:620px){
	.iexel-player-my-team{padding:18px}
	.iexel-player-my-team__identity,.iexel-player-my-team__staff{grid-template-columns:minmax(0,1fr)}
	.iexel-player-my-team__media{aspect-ratio:4/3;max-height:260px}
	.iexel-player-my-team__competition,.iexel-player-my-team__footer{grid-template-columns:minmax(0,1fr)}
	.iexel-player-my-team__footer .iexel-experience-button{min-height:48px;width:100%}
}
@media(max-width:360px){
	.iexel-player-my-team{padding:16px}
}

/* Dedicated Player Progress experience. Keep all visual decisions scoped to this route. */
.iexel-player-progress {
	display: grid;
	gap: 22px;
	margin-inline: auto;
	max-width: 1220px;
	min-width: 0;
	width: 100%;
}
.iexel-player-progress,
.iexel-player-progress * {
	box-sizing: border-box;
	min-width: 0;
}
.iexel-player-progress__hero {
	align-items: center;
	background:
		radial-gradient(circle at 78% 28%, rgba(203, 161, 53, .14), transparent 27%),
		linear-gradient(135deg, var(--iexel-midnight) 0%, #0a2346 58%, #06172e 100%);
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 24px;
	box-shadow: 0 18px 44px rgba(7, 29, 73, .18);
	color: #fff;
	display: grid;
	gap: clamp(24px, 6vw, 80px);
	grid-template-columns: minmax(0, 1fr) minmax(190px, 320px);
	min-height: 270px;
	overflow: hidden;
	padding: clamp(28px, 5vw, 58px);
	position: relative;
}
.iexel-player-progress__hero::after {
	background: linear-gradient(90deg, var(--iexel-gold), rgba(203, 161, 53, 0));
	bottom: 0;
	content: "";
	height: 4px;
	left: 0;
	position: absolute;
	width: 58%;
}
.iexel-player-progress__hero-copy {
	position: relative;
	z-index: 1;
}
.iexel-player-progress__eyebrow,
.iexel-player-progress__kicker {
	color: var(--iexel-gold);
	display: block;
	font-size: .74rem;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
}
.iexel-player-progress__hero h1 {
	color: #fff;
	font-size: clamp(2.3rem, 5vw, 4.25rem);
	letter-spacing: -.035em;
	line-height: 1;
	margin: 12px 0 16px;
	overflow-wrap: anywhere;
}
.iexel-player-progress__season {
	color: #fff;
	font-size: clamp(1rem, 2vw, 1.18rem);
	font-weight: 800;
	margin: 0;
}
.iexel-player-progress__hero-intro {
	color: #dce6f3;
	font-size: 1rem;
	margin: 8px 0 0;
}
.iexel-player-progress__orbit {
	aspect-ratio: 1;
	justify-self: end;
	max-width: 290px;
	position: relative;
	width: 100%;
}
.iexel-player-progress__orbit span {
	border: 1px solid rgba(232, 183, 65, .8);
	border-radius: 50%;
	inset: 19% 5%;
	position: absolute;
	transform: rotate(-28deg);
}
.iexel-player-progress__orbit span:nth-child(2) {
	inset: 13% 12%;
	transform: rotate(37deg);
}
.iexel-player-progress__orbit i {
	background: var(--iexel-gold);
	border: 7px solid rgba(203, 161, 53, .16);
	border-radius: 50%;
	box-shadow: 0 0 26px rgba(203, 161, 53, .4);
	height: 18px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 18px;
}
.iexel-player-progress__summary,
.iexel-player-progress__section,
.iexel-player-progress__state,
.iexel-player-progress__actions {
	background: var(--iexel-surface);
	border: 1px solid var(--iexel-border);
	border-radius: 18px;
}
.iexel-player-progress__summary {
	align-items: center;
	display: grid;
	gap: clamp(18px, 5vw, 70px);
	grid-template-columns: minmax(0, .9fr) minmax(280px, 1.1fr);
	padding: clamp(22px, 4vw, 34px);
}
.iexel-player-progress__summary h2,
.iexel-player-progress__section h2,
.iexel-player-progress__state h2 {
	color: var(--iexel-midnight);
	font-size: clamp(1.45rem, 3vw, 2rem);
	line-height: 1.15;
	margin: 6px 0 0;
}
.iexel-player-progress__summary > p {
	border-left: 3px solid var(--iexel-gold);
	color: var(--iexel-ink);
	font-size: clamp(1.06rem, 2vw, 1.28rem);
	font-weight: 750;
	line-height: 1.55;
	margin: 0;
	padding: 10px 0 10px 24px;
}
.iexel-player-progress__section {
	display: grid;
	gap: 24px;
	padding: clamp(22px, 4vw, 34px);
}
.iexel-player-progress__section-heading {
	align-items: end;
	display: flex;
	flex-wrap: wrap;
	gap: 14px 28px;
	justify-content: space-between;
}
.iexel-player-progress__section-heading > p {
	color: var(--iexel-muted);
	font-size: .9rem;
	margin: 0;
	max-width: 390px;
}
.iexel-player-progress__milestones {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}
.iexel-player-progress__milestone {
	background: linear-gradient(145deg, #fff 0%, #f5f7fa 100%);
	border: 1px solid #dce3ec;
	border-radius: 15px;
	display: grid;
	gap: 9px;
	height: 100%;
	padding: 18px;
	position: relative;
}
.iexel-player-progress__milestone.is-latest {
	border-color: #c9ac57;
	box-shadow: 0 10px 24px rgba(7, 29, 73, .09);
}
.iexel-player-progress__milestone header {
	align-items: center;
	display: flex;
	gap: 10px;
	justify-content: space-between;
}
.iexel-player-progress__marker {
	align-items: center;
	background: var(--iexel-midnight);
	border: 2px solid var(--iexel-gold);
	border-radius: 50%;
	color: #fff;
	display: inline-flex;
	font-size: .72rem;
	font-weight: 900;
	height: 42px;
	justify-content: center;
	letter-spacing: .02em;
	width: 42px;
}
.iexel-player-progress__latest {
	background: #fff3c4;
	border-radius: 999px;
	color: #6f4e00;
	font-size: .65rem;
	font-weight: 900;
	padding: 6px 9px;
	text-transform: uppercase;
}
.iexel-player-progress__milestone h3 {
	color: var(--iexel-midnight);
	font-size: 1.06rem;
	line-height: 1.25;
	margin: 3px 0 0;
	overflow-wrap: anywhere;
}
.iexel-player-progress__milestone time {
	color: var(--iexel-muted);
	font-size: .78rem;
	font-weight: 800;
}
.iexel-player-progress__milestone p {
	color: var(--iexel-ink);
	font-size: .9rem;
	line-height: 1.5;
	margin: 2px 0 0;
}
.iexel-player-progress__journey {
	background: linear-gradient(180deg, #fff 0%, #f7f9fc 100%);
}
.iexel-player-progress__timeline {
	display: grid;
	gap: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}
.iexel-player-progress__checkpoint {
	display: grid;
	gap: 0 18px;
	grid-template-columns: 145px 24px minmax(0, 1fr);
	padding-bottom: 22px;
	position: relative;
}
.iexel-player-progress__checkpoint:last-child {
	padding-bottom: 0;
}
.iexel-player-progress__checkpoint::before {
	background: #cbd4df;
	bottom: 0;
	content: "";
	left: 156px;
	position: absolute;
	top: 15px;
	width: 2px;
}
.iexel-player-progress__checkpoint:last-child::before {
	display: none;
}
.iexel-player-progress__checkpoint > time {
	color: var(--iexel-midnight);
	font-size: .82rem;
	font-weight: 900;
	padding-top: 8px;
	text-align: right;
}
.iexel-player-progress__checkpoint-dot {
	background: var(--iexel-gold);
	border: 5px solid var(--iexel-midnight);
	border-radius: 50%;
	height: 18px;
	margin: 6px auto 0;
	position: relative;
	width: 18px;
	z-index: 1;
}
.iexel-player-progress__checkpoint > ul {
	display: grid;
	gap: 9px;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}
.iexel-player-progress__checkpoint > ul > li {
	background: #fff;
	border: 1px solid #dce3ec;
	border-radius: 12px;
	display: grid;
	gap: 5px;
	padding: 14px 16px;
}
.iexel-player-progress__checkpoint strong {
	color: var(--iexel-midnight);
	font-size: .95rem;
}
.iexel-player-progress__checkpoint li > span {
	color: var(--iexel-muted);
	font-size: .84rem;
	line-height: 1.45;
}
.iexel-player-progress__checkpoint small {
	color: #6f4e00;
	font-size: .65rem;
	font-weight: 900;
	letter-spacing: .05em;
	text-transform: uppercase;
}
.iexel-player-progress__state {
	align-items: center;
	display: grid;
	gap: clamp(22px, 5vw, 48px);
	grid-template-columns: auto minmax(0, 1fr);
	padding: clamp(28px, 6vw, 54px);
}
.iexel-player-progress__state-mark {
	align-items: center;
	background: var(--iexel-midnight);
	border-radius: 50%;
	display: flex;
	height: clamp(78px, 12vw, 112px);
	justify-content: center;
	position: relative;
	width: clamp(78px, 12vw, 112px);
}
.iexel-player-progress__state-mark::before,
.iexel-player-progress__state-mark::after,
.iexel-player-progress__state-mark i {
	border: 1px solid var(--iexel-gold);
	border-radius: 50%;
	content: "";
	inset: 23%;
	position: absolute;
}
.iexel-player-progress__state-mark::after {
	inset: 15% 27%;
	transform: rotate(45deg);
}
.iexel-player-progress__state-mark i {
	background: var(--iexel-gold);
	border: 0;
	height: 9px;
	inset: auto;
	width: 9px;
}
.iexel-player-progress__state p {
	color: var(--iexel-muted);
	font-size: 1rem;
	line-height: 1.55;
	margin: 10px 0 0;
}
.iexel-player-progress__state.is-unavailable {
	background: #f8fafc;
}
.iexel-player-progress__actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 16px 28px;
	justify-content: space-between;
	padding: 18px 20px;
}
.iexel-player-progress__actions > div:first-child {
	display: grid;
	gap: 3px;
}
.iexel-player-progress__actions > div:first-child span {
	color: var(--iexel-muted);
	font-size: .7rem;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.iexel-player-progress__actions > div:first-child strong {
	color: var(--iexel-midnight);
}
.iexel-player-progress__actions > div:last-child {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}
.iexel-player-progress__actions a {
	align-items: center;
	border: 2px solid var(--iexel-midnight);
	border-radius: 10px;
	display: inline-flex;
	font-weight: 850;
	justify-content: center;
	min-height: 44px;
	padding: 9px 15px;
	text-align: center;
	text-decoration: none;
}
.iexel-player-progress__actions a.is-primary {
	background: var(--iexel-midnight);
	color: #fff;
}
.iexel-player-progress__actions a.is-secondary {
	background: #fff;
	color: var(--iexel-midnight);
}
.iexel-player-progress__actions a:hover {
	border-color: var(--iexel-gold);
}
.iexel-player-progress a:focus-visible {
	outline: 3px solid var(--iexel-gold);
	outline-offset: 3px;
}
@media (max-width: 900px) {
	.iexel-player-progress__hero {
		grid-template-columns: minmax(0, 1fr) minmax(140px, 210px);
		min-height: 230px;
	}
	.iexel-player-progress__milestones {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.iexel-player-progress__summary {
		grid-template-columns: minmax(0, 1fr);
	}
}
@media (max-width: 680px) {
	.iexel-player-progress {
		gap: 16px;
	}
	.iexel-player-progress__hero {
		grid-template-columns: minmax(0, 1fr);
		min-height: 245px;
	}
	.iexel-player-progress__orbit {
		opacity: .55;
		position: absolute;
		right: -36px;
		top: 14px;
		width: 185px;
	}
	.iexel-player-progress__milestones {
		grid-template-columns: minmax(0, 1fr);
	}
	.iexel-player-progress__checkpoint {
		gap: 5px 12px;
		grid-template-columns: 24px minmax(0, 1fr);
	}
	.iexel-player-progress__checkpoint::before {
		left: 11px;
		top: 17px;
	}
	.iexel-player-progress__checkpoint > time {
		grid-column: 2;
		grid-row: 1;
		padding: 0;
		text-align: left;
	}
	.iexel-player-progress__checkpoint-dot {
		grid-column: 1;
		grid-row: 1 / span 2;
		margin-top: 0;
	}
	.iexel-player-progress__checkpoint > ul {
		grid-column: 2;
		grid-row: 2;
		grid-template-columns: minmax(0, 1fr);
	}
	.iexel-player-progress__state {
		align-items: start;
		grid-template-columns: minmax(0, 1fr);
	}
	.iexel-player-progress__actions,
	.iexel-player-progress__actions > div:last-child {
		align-items: stretch;
		flex-direction: column;
		width: 100%;
	}
	.iexel-player-progress__actions a {
		width: 100%;
	}
}
@media (max-width: 390px) {
	.iexel-player-progress__hero,
	.iexel-player-progress__section,
	.iexel-player-progress__state {
		border-radius: 16px;
	}
	.iexel-player-progress__hero {
		padding: 25px 20px;
	}
	.iexel-player-progress__summary,
	.iexel-player-progress__section,
	.iexel-player-progress__state {
		padding: 20px 17px;
	}
	.iexel-player-progress__summary > p {
		padding-left: 16px;
	}
	.iexel-player-progress__milestone {
		padding: 16px;
	}
	.iexel-player-progress__section-heading {
		align-items: start;
		flex-direction: column;
	}
}
@media (max-width: 360px) {
	.iexel-player-progress__hero h1 {
		font-size: 2.15rem;
	}
	.iexel-player-progress__latest {
		font-size: .6rem;
		white-space: normal;
	}
	.iexel-player-progress__checkpoint {
		gap: 5px 9px;
		grid-template-columns: 20px minmax(0, 1fr);
	}
	.iexel-player-progress__checkpoint::before {
		left: 9px;
	}
	.iexel-player-progress__checkpoint-dot {
		height: 16px;
		width: 16px;
	}
}
/* Player Progress premium polish. Semantic aliases stay scoped for future club branding. */
.iexel-player-progress {
	--iexel-progress-anchor: var(--iexel-color-primary, var(--iexel-midnight));
	--iexel-progress-anchor-deep: color-mix(in srgb, var(--iexel-progress-anchor) 78%, #000);
	--iexel-progress-accent: var(--iexel-color-gold, var(--iexel-gold));
	--iexel-progress-card: var(--iexel-color-card, var(--iexel-surface));
	--iexel-progress-page: var(--iexel-color-page, var(--iexel-bg));
	--iexel-progress-ink: var(--iexel-color-text, var(--iexel-ink));
	--iexel-progress-muted: var(--iexel-color-text-muted, var(--iexel-muted));
	--iexel-progress-border: var(--iexel-color-border, #dfe3e9);
	--iexel-progress-on-anchor: var(--iexel-color-on-anchor, #f8fafc);
	--iexel-progress-on-anchor-muted: var(--iexel-color-on-anchor-muted, #c8d3e3);
}
.iexel-player-progress__hero {
	background:
		radial-gradient(circle at 82% 22%, color-mix(in srgb, var(--iexel-progress-accent) 21%, transparent), transparent 31%),
		linear-gradient(135deg, var(--iexel-progress-anchor) 0%, var(--iexel-progress-anchor-deep) 100%);
	border: 1px solid color-mix(in srgb, var(--iexel-progress-card) 14%, transparent);
	box-shadow: var(--iexel-shadow-elevated, 0 18px 44px rgba(7, 29, 73, .14));
	grid-template-columns: minmax(0, 1fr) clamp(200px, 24vw, 280px);
	min-height: 310px;
}
.iexel-player-progress__hero::before {
	background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--iexel-progress-card) 12%, transparent), transparent);
	content: "";
	height: 1px;
	left: 4%;
	position: absolute;
	top: 28px;
	width: 62%;
}
.iexel-player-progress__hero::after {
	background: linear-gradient(90deg, var(--iexel-progress-accent), transparent);
}
.iexel-player-progress__eyebrow,
.iexel-player-progress__kicker {
	color: var(--iexel-progress-accent);
}
.iexel-player-progress__hero-intro {
	color: var(--iexel-progress-on-anchor-muted);
}
.iexel-player-progress__hero-visual {
	align-items: center;
	aspect-ratio: 1;
	display: grid;
	isolation: isolate;
	justify-self: end;
	max-width: 280px;
	place-items: center;
	position: relative;
	width: 100%;
}
.iexel-player-progress__portrait-orbit {
	border: 1px solid color-mix(in srgb, var(--iexel-progress-accent) 72%, transparent);
	border-radius: 50%;
	inset: 5%;
	position: absolute;
	transform: rotate(-14deg) scaleY(.82);
	z-index: -1;
}
.iexel-player-progress__portrait-orbit::after {
	border: 1px solid color-mix(in srgb, var(--iexel-progress-accent) 38%, transparent);
	border-radius: 50%;
	content: "";
	inset: 8% -3%;
	position: absolute;
	transform: rotate(34deg);
}
.iexel-player-progress__portrait {
	background: color-mix(in srgb, var(--iexel-progress-card) 8%, transparent);
	border: 1px solid color-mix(in srgb, var(--iexel-progress-card) 15%, transparent);
	border-radius: 50%;
	box-shadow: 0 18px 34px rgba(0, 0, 0, .28);
	display: flex;
	padding: 10px;
}
.iexel-player-progress__portrait .iexel-person-avatar.is-hero {
	background: var(--iexel-progress-anchor-deep);
	border: 4px solid var(--iexel-progress-card);
	box-shadow: 0 0 0 3px var(--iexel-progress-accent);
	height: clamp(170px, 18vw, 224px);
	width: clamp(170px, 18vw, 224px);
}
.iexel-player-progress__portrait .iexel-person-avatar-initials {
	font-size: clamp(2.4rem, 6vw, 4.5rem);
}
.iexel-player-progress__summary {
	background:
		linear-gradient(110deg, color-mix(in srgb, var(--iexel-progress-anchor) 94%, #000), var(--iexel-progress-anchor-deep));
	border-color: color-mix(in srgb, var(--iexel-progress-card) 13%, transparent);
	box-shadow: var(--iexel-shadow-standard, 0 8px 24px rgba(7, 29, 73, .08));
	color: var(--iexel-progress-on-anchor);
	min-height: 170px;
}
.iexel-player-progress__summary h2 {
	color: var(--iexel-progress-on-anchor);
}
.iexel-player-progress__summary > p {
	border-left-color: var(--iexel-progress-accent);
	color: var(--iexel-progress-on-anchor-muted);
}
.iexel-player-progress__section:not(.iexel-player-progress__journey) {
	background: linear-gradient(180deg, var(--iexel-progress-card), color-mix(in srgb, var(--iexel-progress-page) 70%, var(--iexel-progress-card)));
	border-color: var(--iexel-progress-border);
	box-shadow:
		inset 0 4px 0 var(--iexel-progress-anchor),
		var(--iexel-shadow-standard, 0 8px 24px rgba(7, 29, 73, .08));
}
.iexel-player-progress__section:not(.iexel-player-progress__journey) h2,
.iexel-player-progress__milestone h3,
.iexel-player-progress__checkpoint strong {
	color: var(--iexel-progress-anchor);
}
.iexel-player-progress__section-heading > p {
	color: var(--iexel-progress-muted);
}
.iexel-player-progress__milestone {
	background: var(--iexel-progress-card);
	border-color: var(--iexel-progress-border);
	box-shadow: 0 8px 22px color-mix(in srgb, var(--iexel-progress-anchor) 8%, transparent);
	overflow: hidden;
}
.iexel-player-progress__milestone::after {
	background: linear-gradient(90deg, var(--iexel-progress-accent), transparent);
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 42%;
}
.iexel-player-progress__milestone.is-latest {
	border-color: color-mix(in srgb, var(--iexel-progress-accent) 74%, var(--iexel-progress-border));
	box-shadow: 0 14px 30px color-mix(in srgb, var(--iexel-progress-anchor) 14%, transparent);
	transform: translateY(-2px);
}
.iexel-player-progress__marker {
	background: var(--iexel-progress-anchor);
	border-color: var(--iexel-progress-accent);
	color: var(--iexel-progress-accent);
	flex: 0 0 42px;
}
.iexel-player-progress__marker-icon {
	display: block;
	height: 25px;
	overflow: visible;
	pointer-events: none;
	shape-rendering: geometricPrecision;
	width: 25px;
}
.iexel-player-progress__marker-number {
	font-family: inherit;
	font-size: 7.4px;
	font-weight: 900;
	letter-spacing: -.04em;
	text-anchor: middle;
}
.iexel-player-progress__marker-icon.is-shirt-ten .iexel-player-progress__marker-number {
	font-size: 6.4px;
	letter-spacing: -.08em;
}
.iexel-player-progress__latest {
	background: color-mix(in srgb, var(--iexel-progress-accent) 24%, var(--iexel-progress-card));
	color: color-mix(in srgb, var(--iexel-progress-anchor) 78%, #000);
}
.iexel-player-progress__milestone time {
	color: var(--iexel-progress-muted);
}
.iexel-player-progress__milestone p {
	color: var(--iexel-progress-ink);
}
.iexel-player-progress__journey {
	background:
		radial-gradient(circle at 100% 0, color-mix(in srgb, var(--iexel-progress-accent) 12%, transparent), transparent 32%),
		linear-gradient(145deg, var(--iexel-progress-anchor), var(--iexel-progress-anchor-deep));
	border-color: color-mix(in srgb, var(--iexel-progress-card) 13%, transparent);
	box-shadow: var(--iexel-shadow-elevated, 0 18px 44px rgba(7, 29, 73, .14));
}
.iexel-player-progress__journey h2 {
	color: var(--iexel-progress-on-anchor);
}
.iexel-player-progress__journey .iexel-player-progress__section-heading > p {
	color: var(--iexel-progress-on-anchor-muted);
}
.iexel-player-progress__checkpoint::before {
	background: color-mix(in srgb, var(--iexel-progress-accent) 54%, var(--iexel-progress-on-anchor-muted));
}
.iexel-player-progress__checkpoint > time {
	color: var(--iexel-progress-on-anchor-muted);
}
.iexel-player-progress__checkpoint-dot {
	background: var(--iexel-progress-accent);
	border-color: var(--iexel-progress-anchor-deep);
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--iexel-progress-accent) 36%, transparent);
}
.iexel-player-progress__checkpoint > ul > li {
	background: var(--iexel-progress-card);
	border-color: color-mix(in srgb, var(--iexel-progress-border) 82%, transparent);
	box-shadow: 0 9px 24px rgba(0, 0, 0, .16);
}
.iexel-player-progress__checkpoint li > span {
	color: var(--iexel-progress-muted);
}
.iexel-player-progress__checkpoint small {
	color: color-mix(in srgb, var(--iexel-progress-accent) 72%, var(--iexel-progress-anchor));
}
.iexel-player-progress__state {
	background: linear-gradient(135deg, var(--iexel-progress-anchor), var(--iexel-progress-anchor-deep));
	border-color: color-mix(in srgb, var(--iexel-progress-card) 13%, transparent);
	box-shadow: var(--iexel-shadow-standard, 0 8px 24px rgba(7, 29, 73, .08));
	color: var(--iexel-progress-on-anchor);
}
.iexel-player-progress__state h2 {
	color: var(--iexel-progress-on-anchor);
}
.iexel-player-progress__state p {
	color: var(--iexel-progress-on-anchor-muted);
}
.iexel-player-progress__state.is-unavailable {
	background: linear-gradient(135deg, var(--iexel-progress-anchor), var(--iexel-progress-anchor-deep));
}
.iexel-player-progress__state-mark {
	background: color-mix(in srgb, var(--iexel-progress-card) 8%, transparent);
	border: 1px solid color-mix(in srgb, var(--iexel-progress-card) 13%, transparent);
}
.iexel-player-progress__state-mark::before,
.iexel-player-progress__state-mark::after,
.iexel-player-progress__state-mark i {
	border-color: var(--iexel-progress-accent);
}
.iexel-player-progress__state-mark i {
	background: var(--iexel-progress-accent);
}
.iexel-player-progress__actions {
	background: linear-gradient(105deg, var(--iexel-progress-anchor-deep), var(--iexel-progress-anchor));
	border-color: color-mix(in srgb, var(--iexel-progress-card) 13%, transparent);
	box-shadow: var(--iexel-shadow-standard, 0 8px 24px rgba(7, 29, 73, .08));
	padding: 20px 24px;
}
.iexel-player-progress__actions > div:first-child span {
	color: var(--iexel-progress-accent);
}
.iexel-player-progress__actions > div:first-child strong {
	color: var(--iexel-progress-on-anchor);
}
.iexel-player-progress__actions a {
	border-color: color-mix(in srgb, var(--iexel-progress-card) 48%, transparent);
	min-height: var(--iexel-control-height, 44px);
}
.iexel-player-progress__actions a.is-primary {
	background: var(--iexel-progress-accent);
	border-color: var(--iexel-progress-accent);
	color: var(--iexel-progress-anchor-deep);
}
.iexel-player-progress__actions a.is-secondary {
	background: color-mix(in srgb, var(--iexel-progress-card) 7%, transparent);
	color: var(--iexel-progress-on-anchor);
}
.iexel-player-progress__actions a:hover {
	background: color-mix(in srgb, var(--iexel-progress-accent) 88%, var(--iexel-progress-card));
	border-color: var(--iexel-progress-accent);
	color: var(--iexel-progress-anchor-deep);
}
.iexel-player-progress a:focus-visible {
	outline-color: var(--iexel-progress-accent);
}
@media (max-width: 900px) {
	.iexel-player-progress__hero {
		grid-template-columns: minmax(0, 1fr) minmax(160px, 190px);
		min-height: 260px;
	}
	.iexel-player-progress__portrait .iexel-person-avatar.is-hero {
		height: 158px;
		width: 158px;
	}
}
@media (max-width: 680px) {
	.iexel-player-progress__hero {
		gap: 18px;
		grid-template-columns: minmax(0, 1fr) clamp(96px, 29vw, 120px);
		min-height: 0;
	}
	.iexel-player-progress__hero-visual {
		align-self: center;
		max-width: 120px;
	}
	.iexel-player-progress__portrait {
		padding: 6px;
	}
	.iexel-player-progress__portrait .iexel-person-avatar.is-hero {
		border-width: 3px;
		height: clamp(88px, 25vw, 108px);
		width: clamp(88px, 25vw, 108px);
	}
	.iexel-player-progress__portrait .iexel-person-avatar-initials {
		font-size: clamp(1.6rem, 8vw, 2.4rem);
	}
	.iexel-player-progress__milestone.is-latest {
		transform: none;
	}
	.iexel-player-progress__summary > p {
		border-left: 0;
		border-top: 3px solid var(--iexel-progress-accent);
		padding: 18px 0 0;
	}
}
@media (max-width: 390px) {
	.iexel-player-progress__hero {
		gap: 14px;
		grid-template-columns: minmax(0, 1fr) 92px;
	}
	.iexel-player-progress__hero h1 {
		font-size: clamp(1.8rem, 9.5vw, 2.25rem);
		margin-block: 10px 12px;
	}
	.iexel-player-progress__hero-visual {
		max-width: 92px;
	}
	.iexel-player-progress__portrait .iexel-person-avatar.is-hero {
		height: 82px;
		width: 82px;
	}
	.iexel-player-progress__actions {
		padding: 18px 17px;
	}
}
@media (max-width: 360px) {
	.iexel-player-progress__hero {
		gap: 11px;
		grid-template-columns: minmax(0, 1fr) 82px;
		padding: 23px 17px;
	}
	.iexel-player-progress__hero h1 {
		font-size: 1.8rem;
	}
	.iexel-player-progress__hero-visual {
		max-width: 82px;
	}
	.iexel-player-progress__portrait .iexel-person-avatar.is-hero {
		height: 72px;
		width: 72px;
	}
	.iexel-player-progress__checkpoint > ul > li {
		padding: 13px;
	}
}

.iexel-experience-shell .iexel-committee-projects-hero,
.iexel-experience-shell .iexel-committee-project-card__header,
.iexel-experience-shell .iexel-committee-project-card__actions {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--iexel-space-standard, 16px);
}

.iexel-experience-shell .iexel-committee-projects-heading,
.iexel-experience-shell .iexel-committee-project-card__header {
	min-width: 0;
}

.iexel-experience-shell .iexel-committee-projects-heading {
	display: grid;
	gap: var(--iexel-space-small, 10px);
}

.iexel-experience-shell .iexel-committee-projects-heading p,
.iexel-experience-shell .iexel-committee-project-card__summary,
.iexel-experience-shell .iexel-committee-project-card__details {
	margin: 0;
	color: var(--iexel-color-text-muted);
}

.iexel-experience-shell .iexel-committee-projects-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--iexel-space-standard, 16px);
}

.iexel-experience-shell .iexel-committee-project-card {
	display: grid;
	gap: var(--iexel-space-standard, 16px);
	min-width: 0;
	padding: var(--iexel-space-standard, 16px);
	border: 1px solid var(--iexel-color-border, #dfe3e9);
	border-radius: var(--iexel-radius-card, 16px);
	background: var(--iexel-color-card, #fff);
}

.iexel-experience-shell .iexel-committee-project-card h3 {
	margin: 0;
	overflow-wrap: anywhere;
}

.iexel-experience-shell .iexel-committee-project-card__meta,
.iexel-experience-shell .iexel-committee-project-card__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: var(--iexel-space-small, 10px);
}

.iexel-experience-shell .iexel-committee-project-card__details {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
	gap: var(--iexel-space-standard, 16px);
}

.iexel-experience-shell .iexel-committee-project-card__details span,
.iexel-experience-shell .iexel-committee-project-card__details strong {
	display: block;
}

.iexel-experience-shell .iexel-committee-project-card__details strong {
	margin-top: 4px;
	color: var(--iexel-color-text);
}

.iexel-experience-shell .iexel-committee-project-card__actions form {
	margin: 0;
}

.iexel-experience-shell .iexel-committee-project-visibility > span:last-child {
	display: flex;
	align-items: center;
	gap: var(--iexel-space-small, 10px);
	min-height: var(--iexel-control-height, 44px);
}

.iexel-experience-shell .iexel-committee-project-visibility input {
	width: auto;
	min-height: auto;
}

@media (max-width: 820px) {
	.iexel-experience-shell .iexel-committee-projects-list {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 520px) {
	.iexel-experience-shell .iexel-committee-projects-hero,
	.iexel-experience-shell .iexel-committee-project-card__header {
		flex-direction: column;
	}

	.iexel-experience-shell .iexel-committee-projects-hero > .iexel-experience-button,
	.iexel-experience-shell .iexel-committee-project-card__actions,
	.iexel-experience-shell .iexel-committee-project-card__actions form,
	.iexel-experience-shell .iexel-committee-project-card__actions .iexel-experience-button {
		width: 100%;
	}

	.iexel-experience-shell .iexel-committee-project-card__details {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 390px) {
	.iexel-experience-shell .iexel-committee-project-card,
	.iexel-experience-shell .iexel-committee-projects-hero {
		gap: var(--iexel-space-small, 10px);
	}
}

@media (max-width: 360px) {
	.iexel-experience-shell .iexel-committee-project-card {
		padding: 14px;
	}

	.iexel-experience-shell .iexel-committee-project-card__actions .iexel-experience-button {
		justify-content: center;
	}
}

/* Treasurer operational directories. */
.iexel-experience-shell .iexel-directory,
.iexel-experience-shell .iexel-directory * {
	box-sizing: border-box;
	min-width: 0;
}

.iexel-experience-shell .iexel-directory-filters {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	align-items: end;
	gap: 14px;
	margin: 0 0 22px;
	padding: 16px;
	border: 1px solid #d8dee8;
	border-radius: 14px;
	background: #f7f9fc;
}

.iexel-experience-shell .iexel-directory-filter {
	display: grid;
	gap: 7px;
	color: var(--iexel-midnight);
	font-weight: 800;
}

.iexel-experience-shell .iexel-directory-filter--search {
	grid-column: span 2;
}

.iexel-experience-shell .iexel-directory-filter > span {
	font-size: 0.78rem;
	letter-spacing: 0.03em;
}

.iexel-experience-shell .iexel-directory-filter input,
.iexel-experience-shell .iexel-directory-filter select {
	width: 100%;
	min-height: 44px;
	padding: 9px 11px;
	border: 1px solid #98a2b3;
	border-radius: 9px;
	background: #fff;
	color: var(--iexel-ink);
	font: inherit;
}

.iexel-experience-shell .iexel-directory-filter input:focus,
.iexel-experience-shell .iexel-directory-filter select:focus {
	border-color: var(--iexel-midnight);
	box-shadow: 0 0 0 3px rgba(203, 161, 53, 0.35);
	outline: 0;
}

.iexel-experience-shell .iexel-directory-filters__submit {
	justify-content: center;
	min-height: 44px;
	background: var(--iexel-midnight);
	color: #fff;
	cursor: pointer;
	font: inherit;
}

.iexel-experience-shell .iexel-directory-filters__submit:hover {
	background: var(--iexel-navy);
	color: #fff;
}

.iexel-experience-shell .iexel-directory-table-wrap {
	width: 100%;
	overflow: hidden;
	border: 1px solid #d8dee8;
	border-radius: 13px;
}

.iexel-experience-shell .iexel-directory-table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	table-layout: fixed;
	background: #fff;
}

.iexel-experience-shell .iexel-directory-table th,
.iexel-experience-shell .iexel-directory-table td {
	padding: 14px;
	border-bottom: 1px solid #e4e8ef;
	vertical-align: top;
	text-align: left;
	overflow-wrap: anywhere;
}

.iexel-experience-shell .iexel-directory-table th {
	background: #eef2f7;
	color: var(--iexel-midnight);
	font-size: 0.75rem;
	font-weight: 900;
	letter-spacing: 0.045em;
	text-transform: uppercase;
}

.iexel-experience-shell .iexel-directory-table tbody tr:last-child td {
	border-bottom: 0;
}

.iexel-experience-shell .iexel-directory-table tbody tr:hover,
.iexel-experience-shell .iexel-directory-table tbody tr:focus-within {
	background: #f8fafc;
}

.iexel-experience-shell .iexel-directory-primary-link {
	color: var(--iexel-midnight);
	font-weight: 850;
	overflow-wrap: anywhere;
}

.iexel-experience-shell .iexel-directory-primary-link:hover {
	color: #31568f;
}

.iexel-experience-shell .iexel-directory-secondary {
	display: block;
	margin-top: 4px;
	color: var(--iexel-muted);
	font-size: 0.82rem;
	overflow-wrap: anywhere;
}

.iexel-experience-shell .iexel-directory-status {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	min-height: 28px;
	padding: 5px 9px;
	border: 1px solid #cbd5e1;
	border-radius: 999px;
	background: #eef2f6;
	color: #344054;
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
	overflow-wrap: anywhere;
}

.iexel-experience-shell .iexel-directory-status.is-active,
.iexel-experience-shell .iexel-directory-status.is-approved,
.iexel-experience-shell .iexel-directory-status.is-complete {
	border-color: #8ac5a2;
	background: #e8f6ed;
	color: #17603a;
}

.iexel-experience-shell .iexel-directory-status.is-pending,
.iexel-experience-shell .iexel-directory-status.is-submitted,
.iexel-experience-shell .iexel-directory-status.is-under_review {
	border-color: #e1bd61;
	background: #fff6d8;
	color: #76570c;
}

.iexel-experience-shell .iexel-directory-status.is-archived,
.iexel-experience-shell .iexel-directory-status.is-inactive,
.iexel-experience-shell .iexel-directory-status.is-rejected,
.iexel-experience-shell .iexel-directory-status.is-withdrawn {
	border-color: #bdc6d2;
	background: #f1f3f6;
	color: #475467;
}

.iexel-experience-shell .iexel-directory-empty {
	margin: 0;
	padding: 22px;
	color: var(--iexel-muted);
	text-align: center;
}

.iexel-experience-shell .iexel-directory-cards {
	display: none;
}

.iexel-experience-shell .iexel-directory-pagination {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 20px;
}

.iexel-experience-shell .iexel-directory-pagination__summary {
	margin: 0;
	color: var(--iexel-muted);
	font-size: 0.9rem;
	font-weight: 700;
}

.iexel-experience-shell .iexel-directory-pagination__nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.iexel-experience-shell .iexel-directory-pagination__nav .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 8px 11px;
	border: 1px solid #c8d0dc;
	border-radius: 9px;
	background: #fff;
	color: var(--iexel-midnight);
	font-weight: 800;
	text-decoration: none;
}

.iexel-experience-shell .iexel-directory-pagination__nav .page-numbers.current {
	border-color: var(--iexel-midnight);
	background: var(--iexel-midnight);
	color: #fff;
}

.iexel-experience-shell .iexel-directory-pagination__nav a.page-numbers:hover {
	border-color: var(--iexel-gold);
	background: #fff8df;
}

.iexel-experience-shell .iexel-directory-primary-link:focus-visible,
.iexel-experience-shell .iexel-directory-card__action:focus-visible,
.iexel-experience-shell .iexel-directory-pagination__nav a:focus-visible,
.iexel-experience-shell .iexel-directory-filters__submit:focus-visible {
	outline: 3px solid var(--iexel-gold);
	outline-offset: 2px;
}

@media (max-width: 900px) {
	.iexel-experience-shell .iexel-directory-filters {
		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	}

	.iexel-experience-shell .iexel-directory-table th,
	.iexel-experience-shell .iexel-directory-table td {
		padding: 12px 10px;
	}

	.iexel-experience-shell .iexel-directory-pagination {
		align-items: flex-start;
		flex-direction: column;
	}

	.iexel-experience-shell .iexel-directory-pagination__nav ul {
		justify-content: flex-start;
	}
}

@media (max-width: 680px) {
	.iexel-experience-shell .iexel-directory-filters {
		grid-template-columns: minmax(0, 1fr);
		padding: 14px;
	}

	.iexel-experience-shell .iexel-directory-filter--search {
		grid-column: auto;
	}

	.iexel-experience-shell .iexel-directory-filters__submit {
		width: 100%;
	}

	.iexel-experience-shell .iexel-directory-table-wrap {
		display: none;
	}

	.iexel-experience-shell .iexel-directory-cards {
		display: grid;
		gap: 12px;
	}

	.iexel-experience-shell .iexel-directory-card {
		display: grid;
		gap: 14px;
		padding: 16px;
		border: 1px solid #d8dee8;
		border-radius: 13px;
		background: #fff;
		box-shadow: 0 5px 16px rgba(7, 29, 73, 0.06);
	}

	.iexel-experience-shell .iexel-directory-card__header {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 12px;
	}

	.iexel-experience-shell .iexel-directory-card__details {
		display: grid;
		gap: 11px;
		margin: 0;
	}

	.iexel-experience-shell .iexel-directory-card__details > div {
		display: grid;
		gap: 3px;
		padding-top: 11px;
		border-top: 1px solid #e4e8ef;
	}

	.iexel-experience-shell .iexel-directory-card__details dt {
		color: var(--iexel-muted);
		font-size: 0.72rem;
		font-weight: 900;
		letter-spacing: 0.04em;
		text-transform: uppercase;
	}

	.iexel-experience-shell .iexel-directory-card__details dd {
		margin: 0;
		color: var(--iexel-ink);
		overflow-wrap: anywhere;
	}

	.iexel-experience-shell .iexel-directory-card__action {
		display: inline-flex;
		align-items: center;
		justify-content: space-between;
		min-height: 44px;
		padding: 9px 12px;
		border: 1px solid var(--iexel-midnight);
		border-radius: 9px;
		color: var(--iexel-midnight);
		font-weight: 850;
		text-decoration: none;
	}

	.iexel-experience-shell .iexel-directory-pagination {
		margin-top: 16px;
	}
}

@media (max-width: 390px) {
	.iexel-experience-shell .iexel-directory-card__header {
		align-items: flex-start;
		flex-direction: column;
	}

	.iexel-experience-shell .iexel-directory-status {
		align-self: flex-start;
	}

	.iexel-experience-shell .iexel-directory-pagination__nav .page-numbers {
		min-width: 42px;
		min-height: 42px;
	}
}

@media (max-width: 360px) {
	.iexel-experience-shell .iexel-directory-card {
		padding: 14px;
	}

	.iexel-experience-shell .iexel-directory-pagination__nav ul {
		gap: 5px;
	}

	.iexel-experience-shell .iexel-directory-pagination__nav .page-numbers {
		min-width: 40px;
		padding-inline: 8px;
	}
}
.iexel-experience-shell .iexel-committee-communications-hero,
.iexel-experience-shell .iexel-committee-communication-card__header,
.iexel-experience-shell .iexel-committee-communication-card__actions,
.iexel-experience-shell .iexel-committee-communications-heading {
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:var(--iexel-space-standard,16px)
}
.iexel-experience-shell .iexel-committee-communications-heading{min-width:0;flex-wrap:wrap}
.iexel-experience-shell .iexel-committee-communications-heading p,
.iexel-experience-shell .iexel-committee-communication-card__summary,
.iexel-experience-shell .iexel-committee-communications-form__hint{margin:0;color:var(--iexel-color-text-muted,#667085)}
.iexel-experience-shell .iexel-committee-communications-list,
.iexel-experience-shell .iexel-committee-communications-timeline,
.iexel-experience-shell .iexel-committee-communications-timeline-more{display:grid;gap:var(--iexel-space-standard,16px)}
.iexel-experience-shell .iexel-committee-communications-timeline-more[hidden]{display:none!important}
.iexel-experience-shell .iexel-committee-communication-card,
.iexel-experience-shell .iexel-committee-communications-preview,
.iexel-experience-shell .iexel-committee-communication-detail__body{display:grid;gap:var(--iexel-space-standard,16px);min-width:0;max-width:100%;box-sizing:border-box}
.iexel-experience-shell .iexel-committee-communication-card{padding:var(--iexel-space-standard,16px);border:1px solid var(--iexel-color-border,#dfe3e9);border-radius:var(--iexel-radius-card,16px);background:var(--iexel-color-card,#fff)}
.iexel-experience-shell .iexel-committee-communication-card h3,
.iexel-experience-shell .iexel-committee-communication-detail__body h3{margin:0;overflow-wrap:anywhere}
.iexel-experience-shell .iexel-committee-communication-card__meta,
.iexel-experience-shell .iexel-committee-communication-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--iexel-space-small,10px)}
.iexel-experience-shell .iexel-committee-communication-card__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--iexel-space-standard,16px);margin:0;color:var(--iexel-color-text-muted,#667085)}
.iexel-experience-shell .iexel-committee-communication-card__details span,
.iexel-experience-shell .iexel-committee-communication-card__details strong{display:block}
.iexel-experience-shell .iexel-committee-communication-card__details strong{margin-top:4px;color:var(--iexel-color-text,#18233a)}
.iexel-experience-shell .iexel-committee-communications-form{display:grid;gap:20px;min-width:0;max-width:100%;box-sizing:border-box}
.iexel-experience-shell .iexel-committee-communications-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0;max-width:100%}
.iexel-experience-shell .iexel-committee-communications-form__grid label{display:grid;gap:7px;font-weight:700;min-width:0}
.iexel-experience-shell .iexel-committee-communications-form__grid .is-wide{grid-column:1/-1}
.iexel-experience-shell .iexel-committee-communications-form input,
.iexel-experience-shell .iexel-committee-communications-form select,
.iexel-experience-shell .iexel-committee-communications-form textarea{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid rgba(15,23,42,.25);border-radius:10px;font:inherit}
.iexel-experience-shell .iexel-committee-communications-form select:disabled,
.iexel-experience-shell .iexel-committee-communications-form input:disabled{opacity:.6;cursor:not-allowed;background-color:#f4f5f7}
.iexel-experience-shell .iexel-committee-communications-form__checkbox > span:last-child { display: flex; align-items: flex-start; gap: 12px; font-weight: 400; min-height: 44px; cursor: pointer; }
.iexel-experience-shell .iexel-committee-communications-form__checkbox input[type="checkbox"],
.iexel-experience-shell .iexel-committee-communications-form__checkbox input { width: 20px; height: 20px; min-width: 20px; min-height: 20px; flex: 0 0 20px; margin: 2px 0 0 0; padding: 0; accent-color: var(--iexel-midnight, #071d49); cursor: pointer; }
.iexel-experience-shell .iexel-committee-confirm-recipient-box { background: #f8fafc; border: 1px solid #dfe3e9; border-radius: 12px; padding: 16px; display: grid; gap: 14px; box-sizing: border-box; }
.iexel-experience-shell .iexel-committee-confirm-recipient-box.is-empty { background: #fcfcfd; border-style: dashed; }
.iexel-experience-shell .iexel-committee-confirm-count-stat { display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; flex-wrap: wrap; gap: 8px; }
.iexel-experience-shell .iexel-committee-confirm-count-stat span { font-weight: 600; color: var(--iexel-color-text-muted, #667085); font-size: 0.9rem; }
.iexel-experience-shell .iexel-committee-confirm-count-stat strong { font-size: 1.25rem; color: var(--iexel-midnight, #071d49); }
.iexel-experience-shell .iexel-committee-review-confirmation { margin: 0; }
.iexel-experience-shell .iexel-committee-review-confirmation > span { display: flex; align-items: center; gap: 10px; min-height: 44px; font-weight: 600; color: var(--iexel-midnight, #071d49); cursor: pointer; }
.iexel-experience-shell .iexel-committee-communications-form__actions{display:flex;flex-wrap:wrap;gap:10px}
.iexel-experience-shell .iexel-committee-communications-warning,
.iexel-experience-shell .iexel-committee-communications-error{color:#b42318;margin:0;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.iexel-experience-shell .iexel-committee-communications-timeline article,
.iexel-experience-shell .iexel-committee-communications-timeline-more article{padding:14px;border-radius:12px;background:rgba(15,23,42,.04)}
.iexel-experience-shell .iexel-committee-communications-timeline-actions{display:flex;justify-content:flex-start;margin-top:4px}
.iexel-experience-shell .iexel-timeline-toggle{min-height:44px;padding:0 16px;font-size:14px;font-weight:700;color:var(--iexel-midnight,#071d49);background:#fff;border:1px solid var(--iexel-color-border,#dfe3e9);border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s ease,border-color .15s ease}
.iexel-experience-shell .iexel-timeline-toggle:hover{background:#f8fafc;border-color:var(--iexel-midnight,#071d49)}
.iexel-experience-shell .iexel-timeline-toggle:focus-visible{outline:2px solid var(--iexel-gold,#cba135);outline-offset:2px}
.iexel-experience-shell .iexel-committee-communications-preview .iexel-experience-metrics{min-width:0;max-width:100%;box-sizing:border-box}
.iexel-experience-shell .iexel-committee-communications-preview .iexel-experience-metric{min-width:0;box-sizing:border-box}
.iexel-experience-shell .iexel-committee-communications-preview .iexel-experience-metric span,
.iexel-experience-shell .iexel-committee-communications-preview .iexel-experience-metric strong{overflow-wrap:anywhere;word-break:break-word}
.iexel-experience-shell .iexel-attachment-picker__list{display:flex;flex-wrap:wrap;gap:8px;max-width:100%;box-sizing:border-box}
.iexel-experience-shell .iexel-attachment-chip{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;display:inline-flex;font-size:13px;gap:8px;padding:6px 12px;max-width:100%;box-sizing:border-box}
.iexel-experience-shell .iexel-attachment-chip__title{color:#0f172a;font-weight:500;min-width:0;flex:1 1 auto;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.iexel-experience-shell .iexel-attachment-chip__remove{background:transparent;border:none;color:#64748b;cursor:pointer;font-size:16px;line-height:1;padding:0 2px;flex:0 0 auto;min-width:20px;min-height:20px;display:inline-flex;align-items:center;justify-content:center}
.iexel-experience-shell .iexel-attachment-chip__remove:hover{color:#ef4444}
.iexel-experience-shell .iexel-attachment-chip.is-pending{background:#fff8e5;border-color:#f59e0b}
.iexel-experience-shell .iexel-attachment-chip.is-pending .iexel-attachment-chip__title small{color:#d97706;font-weight:400}
@media (max-width: 700px){
	.iexel-experience-shell .iexel-committee-communications-form__grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 520px){
	.iexel-experience-shell .iexel-committee-communications-hero,
	.iexel-experience-shell .iexel-committee-communication-card__header,
	.iexel-experience-shell .iexel-committee-communication-card__actions,
	.iexel-experience-shell .iexel-committee-communications-heading,
	.iexel-experience-shell .iexel-committee-communications-form__actions{flex-direction:column}
	.iexel-experience-shell .iexel-committee-communications-hero>.iexel-experience-button,
	.iexel-experience-shell .iexel-committee-communication-card__actions .iexel-experience-button,
	.iexel-experience-shell .iexel-committee-communications-heading .iexel-experience-button,
	.iexel-experience-shell .iexel-committee-communications-form__actions .iexel-experience-button,
	.iexel-experience-shell .iexel-committee-communications-form__actions button{width:100%;justify-content:center}
	.iexel-experience-shell .iexel-committee-communication-card__details{grid-template-columns:minmax(0,1fr)}
	.iexel-experience-shell .iexel-committee-communications-timeline-actions{width:100%}
	.iexel-experience-shell .iexel-timeline-toggle{width:100%;min-height:44px;justify-content:center}
}

/* Treasurer Person summary and relationship management. */
.iexel-experience-shell .iexel-treasurer-person-summary-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
	align-items: start;
	gap: 24px;
}

.iexel-experience-shell .iexel-treasurer-person-summary-grid > .iexel-experience-section {
	align-self: start;
	height: auto;
	min-height: 0;
}

.iexel-experience-shell .iexel-treasurer-relationship-card,
.iexel-experience-shell .iexel-treasurer-relationship-card *,
.iexel-experience-shell .iexel-treasurer-relationship-management,
.iexel-experience-shell .iexel-treasurer-relationship-management *,
.iexel-experience-shell .iexel-secretary-relationships,
.iexel-experience-shell .iexel-secretary-relationships * {
	box-sizing: border-box;
	min-width: 0;
}

.iexel-experience-shell .iexel-treasurer-relationship-management {
	width: 100%;
	margin-top: 24px;
}

.iexel-experience-shell .iexel-treasurer-relationship-management__header {
	margin-bottom: 20px;
}

.iexel-experience-shell .iexel-treasurer-relationship-management__header > span {
	color: var(--iexel-muted);
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.iexel-experience-shell .iexel-treasurer-relationship-management__header h2 {
	margin: 5px 0 7px;
}

.iexel-experience-shell .iexel-treasurer-relationship-management__header p {
	max-width: 780px;
	margin: 0;
	color: var(--iexel-muted);
	overflow-wrap: break-word;
}

.iexel-experience-shell .iexel-treasurer-relationships {
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.iexel-experience-shell .iexel-treasurer-relationship {
	display: grid;
	align-items: start;
	gap: 14px;
	padding: 14px;
	border: 1px solid #d8dee8;
	border-radius: 12px;
	background: #f8fafc;
}

.iexel-experience-shell .iexel-treasurer-relationship__identity {
	display: grid;
	gap: 4px;
	overflow-wrap: break-word;
}

.iexel-experience-shell .iexel-treasurer-relationship__current {
	display: inline-flex;
	align-items: center;
	justify-self: start;
	max-width: 100%;
	margin-top: 4px;
	padding: 5px 9px;
	border: 1px solid #8ac5a2;
	border-radius: 999px;
	background: #e8f6ed;
	color: #17603a;
	font-size: 0.75rem;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.iexel-experience-shell .iexel-treasurer-relationship__actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.iexel-experience-shell .iexel-treasurer-relationship__action {
	margin: 0;
}

.iexel-experience-shell .iexel-treasurer-relationship__action .iexel-experience-button:not(.is-danger) {
	justify-content: center;
	min-height: 44px;
	border-color: var(--iexel-midnight);
	background: var(--iexel-midnight);
	color: #fff;
	cursor: pointer;
	font: inherit;
}

.iexel-experience-shell .iexel-treasurer-relationship__action .iexel-experience-button:not(.is-danger):hover {
	background: var(--iexel-navy);
	color: #fff;
}

.iexel-experience-shell .iexel-treasurer-relationship__action .iexel-experience-button.is-danger,
.iexel-experience-shell .iexel-relationship-remove-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	border: 1px solid #b42318;
	border-radius: 9px;
	background: #fff1f0;
	color: #9e271f;
	cursor: pointer;
	font: inherit;
	font-weight: 700;
}

.iexel-experience-shell .iexel-treasurer-relationship__action .iexel-experience-button.is-danger:hover,
.iexel-experience-shell .iexel-relationship-remove-button:hover {
	background: #fee4e2;
	color: #7a1c16;
}

.iexel-experience-shell .iexel-secretary-relationships {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.iexel-experience-shell .iexel-secretary-relationship {
	display: grid;
	gap: 12px;
	padding: 12px;
	border: 1px solid #d8dee8;
	border-radius: 10px;
	background: #f8fafc;
}

.iexel-experience-shell .iexel-secretary-relationship__identity {
	display: grid;
	gap: 4px;
	overflow-wrap: break-word;
}

.iexel-experience-shell .iexel-secretary-relationship__current {
	justify-self: start;
	max-width: 100%;
	padding: 5px 9px;
	border: 1px solid #8ac5a2;
	border-radius: 999px;
	background: #e8f6ed;
	color: #17603a;
	font-size: 0.75rem;
	line-height: 1.2;
	overflow-wrap: break-word;
}

.iexel-experience-shell .iexel-secretary-relationship__action {
	margin: 0;
}

.iexel-experience-shell .iexel-treasurer-relationship-notice {
	margin: 0 0 14px;
	padding: 12px 14px;
	border: 1px solid #8ac5a2;
	border-radius: 10px;
	background: #e8f6ed;
	color: #17603a;
	overflow-wrap: anywhere;
}

.iexel-experience-shell .iexel-treasurer-relationship-notice.is-error {
	border-color: #e0a29d;
	background: #fff1f0;
	color: #9e271f;
}

.iexel-experience-shell .iexel-treasurer-relationship-card__note {
	margin: 14px 0 0;
	color: var(--iexel-muted);
	overflow-wrap: anywhere;
}

.iexel-experience-shell .iexel-treasurer-relationship-link {
	display: grid;
	gap: 14px;
}

.iexel-experience-shell .iexel-treasurer-relationship-link h3,
.iexel-experience-shell .iexel-treasurer-relationship-link p {
	margin: 0;
	overflow-wrap: anywhere;
}

.iexel-experience-shell .iexel-treasurer-relationship-link > p,
.iexel-experience-shell .iexel-treasurer-relationship-link__hint {
	color: var(--iexel-muted);
}

.iexel-experience-shell .iexel-treasurer-relationship-link__form,
.iexel-experience-shell .iexel-treasurer-relationship-type {
	display: grid;
	gap: 8px;
}

.iexel-experience-shell .iexel-treasurer-relationship-type > span,
.iexel-experience-shell .iexel-treasurer-relationship-link__picker-label {
	color: var(--iexel-midnight);
	font-weight: 800;
}

.iexel-experience-shell .iexel-treasurer-relationship-link__picker-label {
	display: block;
	margin-bottom: 8px;
}

.iexel-experience-shell .iexel-treasurer-relationship-link__form {
	gap: 16px;
}

.iexel-experience-shell .iexel-treasurer-relationship-type {
	max-width: 640px;
}

.iexel-experience-shell .iexel-treasurer-relationship-type select,
.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker__search {
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	min-height: 44px;
	padding: 9px 11px;
	border: 1px solid #98a2b3;
	border-radius: 9px;
	background: #fff;
	color: var(--iexel-ink);
	font: inherit;
}

.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker {
	display: grid;
	min-width: 0;
	gap: 14px;
	padding: 14px;
	border: 1px solid #d8dee8;
	border-radius: 12px;
	background: #f8fafc;
}

.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker__search-wrap,
.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker__selected-section,
.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker__available-section {
	min-width: 0;
}

.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker__search-label,
.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker__subheading {
	display: block;
	margin-bottom: 6px;
	color: var(--iexel-midnight);
	font-size: 0.8rem;
	font-weight: 800;
}

.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker__search-controls {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 10px;
}

.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker__search-submit,
.iexel-experience-shell .iexel-treasurer-relationship-link__form > .iexel-experience-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 9px 14px;
	border: 1px solid var(--iexel-midnight);
	border-radius: 9px;
	background: var(--iexel-midnight);
	color: #fff;
	cursor: pointer;
	font: inherit;
	font-weight: 700;
}

.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	flex-wrap: wrap;
}

.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker__count {
	color: var(--iexel-muted);
	font-size: 0.78rem;
	font-weight: 700;
}

.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker__chips {
	display: flex;
	min-height: 34px;
	margin-top: 7px;
	flex-wrap: wrap;
	gap: 8px;
}

.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-person-chip {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	gap: 6px;
	padding: 6px 10px;
	border: 1px solid #b8c9df;
	border-radius: 999px;
	background: #edf4fb;
	color: var(--iexel-midnight);
}

.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-person-chip__label {
	min-width: 0;
	word-break: normal;
	overflow-wrap: break-word;
}

.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-person-chip__remove {
	flex: 0 0 auto;
	padding: 3px;
	border: 0;
	background: transparent;
	color: var(--iexel-midnight);
	cursor: pointer;
	font-size: 1.1rem;
	line-height: 1;
}

.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker__list-container {
	max-height: 360px;
	margin-top: 7px;
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #d8dee8;
	border-radius: 9px;
	background: #fff;
}

.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker__item + .iexel-specific-people-picker__item {
	border-top: 1px solid #e8ecf2;
}

.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker__label {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	min-height: 44px;
	gap: 10px;
	padding: 9px 11px;
	cursor: pointer;
}

.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker__label:hover {
	background: #f3f6fa;
}

.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker__label input {
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: var(--iexel-midnight);
}

.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker__person-name,
.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker__person-id {
	min-width: 0;
	white-space: normal;
	word-break: normal;
	overflow-wrap: break-word;
}

.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker__person-name {
	color: var(--iexel-midnight);
	font-weight: 700;
}

.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker__person-id {
	color: var(--iexel-muted);
	font-size: 0.78rem;
}

.iexel-experience-shell .iexel-treasurer-relationship__action .iexel-experience-button:focus-visible,
.iexel-experience-shell .iexel-secretary-relationship__action .iexel-relationship-remove-button:focus-visible,
.iexel-experience-shell .iexel-treasurer-relationship-link input:focus-visible,
.iexel-experience-shell .iexel-treasurer-relationship-link select:focus-visible,
.iexel-experience-shell .iexel-treasurer-relationship-link button:focus-visible {
	outline: 3px solid var(--iexel-gold);
	outline-offset: 2px;
}

@media (max-width: 520px) {
	.iexel-experience-shell .iexel-treasurer-person-summary-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
	}

	.iexel-experience-shell .iexel-treasurer-relationship-management {
		margin-top: 16px;
	}

	.iexel-experience-shell .iexel-treasurer-relationship {
		align-items: stretch;
	}

	.iexel-experience-shell .iexel-treasurer-relationship__actions,
	.iexel-experience-shell .iexel-treasurer-relationship__action,
	.iexel-experience-shell .iexel-treasurer-relationship__action .iexel-experience-button,
	.iexel-experience-shell .iexel-secretary-relationship__action,
	.iexel-experience-shell .iexel-secretary-relationship__action .iexel-relationship-remove-button,
	.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker__search-submit,
	.iexel-experience-shell .iexel-treasurer-relationship-link__form > .iexel-experience-button {
		width: 100%;
	}

	.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker__search-controls {
		grid-template-columns: minmax(0, 1fr);
	}

	.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker__label {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.iexel-experience-shell .iexel-treasurer-relationship-link .iexel-specific-people-picker__person-id {
		grid-column: 2;
	}
}

@media (max-width: 360px) {
	.iexel-experience-shell .iexel-treasurer-relationship {
		padding: 12px;
	}
}

.iexel-experience-shell .iexel-secretary-role-hero > .iexel-experience-button {
	border-color: rgba(255, 255, 255, 0.72);
	color: #fff;
	justify-content: center;
}

.iexel-experience-shell .iexel-secretary-role-management {
	display: grid;
	gap: 18px;
	min-width: 0;
}

.iexel-experience-shell .iexel-secretary-role-management .iexel-experience-notice {
	background: #ecfdf5;
	border: 1px solid #10b981;
	border-radius: 12px;
	color: #065f46;
	min-width: 0;
	overflow-wrap: break-word;
	padding: 14px 16px;
}

.iexel-experience-shell .iexel-secretary-role-management .iexel-experience-notice.is-error {
	background: #fef2f2;
	border-color: #ef4444;
	color: #991b1b;
}

.iexel-experience-shell .iexel-secretary-role-management .iexel-experience-notice.is-warning {
	background: #fffbeb;
	border-color: #d97706;
	color: #78350f;
}

.iexel-experience-shell .iexel-secretary-role-management .iexel-experience-notice p {
	color: inherit;
	margin: 6px 0 0;
}

.iexel-experience-shell .iexel-secretary-role-section > p,
.iexel-experience-shell .iexel-secretary-role-section__heading p {
	color: var(--iexel-muted);
	margin: -6px 0 16px;
	overflow-wrap: break-word;
}

.iexel-experience-shell .iexel-secretary-role-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.iexel-experience-shell .iexel-secretary-role-badges .iexel-experience-status {
	font-size: 0.76rem;
	margin: 0;
	padding: 7px 10px;
}

.iexel-experience-shell .iexel-secretary-role-list {
	display: grid;
	gap: 10px;
	min-width: 0;
}

.iexel-experience-shell .iexel-secretary-role-row {
	align-items: center;
	background: #f7f9fc;
	border: 1px solid #dfe5ed;
	border-radius: 12px;
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(0, 1fr) auto;
	min-width: 0;
	padding: 15px 16px;
}

.iexel-experience-shell .iexel-secretary-role-row.is-protected {
	background: #f8fafc;
	border-left: 4px solid var(--iexel-gold);
}

.iexel-experience-shell .iexel-secretary-role-row__copy,
.iexel-experience-shell .iexel-secretary-role-row__action,
.iexel-experience-shell .iexel-secretary-role-row__action form {
	min-width: 0;
}

.iexel-experience-shell .iexel-secretary-role-row__title {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.iexel-experience-shell .iexel-secretary-role-row__title h3 {
	color: var(--iexel-midnight);
	font-size: 1rem;
	margin: 0;
	overflow-wrap: break-word;
}

.iexel-experience-shell .iexel-secretary-role-row__title .iexel-experience-status {
	margin: 0;
}

.iexel-experience-shell .iexel-secretary-role-row__copy > p {
	color: var(--iexel-muted);
	font-size: 0.88rem;
	line-height: 1.5;
	margin: 6px 0 0;
	overflow-wrap: break-word;
}

.iexel-experience-shell .iexel-secretary-role-workflow {
	display: inline-block;
	font-size: 0.82rem;
	font-weight: 800;
	margin-top: 8px;
}

.iexel-experience-shell .iexel-secretary-role-row__action .iexel-experience-button {
	box-sizing: border-box;
	justify-content: center;
	min-height: 44px;
	min-width: 104px;
}

.iexel-experience-shell .iexel-secretary-role-row__action .iexel-experience-button.is-primary {
	background: var(--iexel-midnight);
	border-color: var(--iexel-midnight);
	color: #fff;
}

.iexel-experience-shell .iexel-secretary-role-row__action .iexel-experience-button.is-danger {
	background: #fff;
	border-color: #b42318;
	color: #b42318;
}

.iexel-experience-shell .iexel-secretary-role-readonly {
	color: var(--iexel-muted);
	display: block;
	font-size: 0.8rem;
	font-weight: 800;
	max-width: 150px;
	overflow-wrap: break-word;
	text-align: right;
}

.iexel-experience-shell .iexel-secretary-role-row__action .iexel-experience-button:focus-visible,
.iexel-experience-shell .iexel-secretary-role-workflow:focus-visible,
.iexel-experience-shell .iexel-secretary-role-hero > .iexel-experience-button:focus-visible {
	outline: 3px solid var(--iexel-gold);
	outline-offset: 2px;
}

@media (max-width: 600px) {
	.iexel-experience-shell .iexel-secretary-role-hero {
		align-items: stretch;
		flex-direction: column;
		gap: 18px;
	}

	.iexel-experience-shell .iexel-secretary-role-row {
		align-items: stretch;
		grid-template-columns: minmax(0, 1fr);
	}

	.iexel-experience-shell .iexel-secretary-role-row__action,
	.iexel-experience-shell .iexel-secretary-role-row__action form,
	.iexel-experience-shell .iexel-secretary-role-row__action .iexel-experience-button,
	.iexel-experience-shell .iexel-secretary-role-hero > .iexel-experience-button {
		width: 100%;
	}

	.iexel-experience-shell .iexel-secretary-role-readonly {
		max-width: none;
		text-align: left;
	}
}

@media (max-width: 360px) {
	.iexel-experience-shell .iexel-secretary-role-section {
		padding: 14px;
	}

	.iexel-experience-shell .iexel-secretary-role-row {
		gap: 14px;
		padding: 13px;
	}
}

.iexel-experience-shell .iexel-secretary-person-add-form {
	box-sizing: border-box;
	max-width: 100%;
	min-width: 0;
	width: 100%;
}

.iexel-experience-shell .iexel-secretary-person-add-form input:not([type="radio"]),
.iexel-experience-shell .iexel-secretary-person-add-form select,
.iexel-experience-shell .iexel-secretary-person-add-form textarea {
	box-sizing: border-box;
	max-width: 100%;
	min-width: 0;
	width: 100%;
}

/* Treasurer Portal Fee Rule management */
.iexel-finance-workspace .iexel-fee-rule-directory,
.iexel-finance-workspace .iexel-fee-rule-editor,
.iexel-finance-workspace .iexel-fee-rule-form-card {
	box-sizing: border-box;
	color: var(--iexel-ink);
	max-width: 100%;
	min-width: 0;
}

.iexel-finance-workspace .iexel-fee-rule-directory {
	background: #f8fafc;
	border: 1px solid #d7dfeb;
}

.iexel-finance-workspace .iexel-fee-rule-directory__header h2,
.iexel-finance-workspace .iexel-fee-rule-editor h2,
.iexel-finance-workspace .iexel-fee-rule-editor h3,
.iexel-finance-workspace .iexel-fee-rule-editor h4 {
	color: var(--iexel-midnight);
}

.iexel-finance-workspace .iexel-fee-rule-directory__header h2,
.iexel-finance-workspace .iexel-fee-rule-directory__header p,
.iexel-finance-workspace .iexel-fee-rule-editor-header h2,
.iexel-finance-workspace .iexel-fee-rule-editor-header p,
.iexel-finance-workspace .iexel-fee-rule-impact-card header p,
.iexel-finance-workspace .iexel-fee-rule-form-card__header h3,
.iexel-finance-workspace .iexel-fee-rule-form-card__header p {
	margin: 0;
}

.iexel-finance-workspace .iexel-fee-rule-directory__header p,
.iexel-finance-workspace .iexel-fee-rule-editor-header p,
.iexel-finance-workspace .iexel-fee-rule-impact-card header p,
.iexel-finance-workspace .iexel-fee-rule-form-card__header p {
	color: #475467;
	margin-top: 5px;
	overflow-wrap: break-word;
}

.iexel-finance-workspace .iexel-fee-rule-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin-top: 18px;
	min-width: 0;
}

.iexel-finance-workspace .iexel-fee-rule-filter {
	align-items: center;
	background: #fff;
	border: 2px solid #cbd5e1;
	border-radius: 999px;
	box-sizing: border-box;
	color: var(--iexel-midnight);
	display: inline-flex;
	font-weight: 800;
	gap: 8px;
	justify-content: center;
	max-width: 100%;
	min-height: 44px;
	min-width: 0;
	padding: 8px 13px;
	text-decoration: none;
}

.iexel-finance-workspace .iexel-fee-rule-filter strong {
	align-items: center;
	background: #e2e8f0;
	border-radius: 999px;
	color: #334155;
	display: inline-flex;
	font-size: 0.78rem;
	justify-content: center;
	min-height: 24px;
	min-width: 24px;
	padding: 2px 6px;
}

.iexel-finance-workspace .iexel-fee-rule-filter:hover,
.iexel-finance-workspace .iexel-fee-rule-filter.is-current {
	background: var(--iexel-midnight);
	border-color: var(--iexel-midnight);
	color: #fff;
}

.iexel-finance-workspace .iexel-fee-rule-filter.is-current strong {
	background: var(--iexel-gold);
	color: var(--iexel-midnight);
}

.iexel-finance-workspace .iexel-fee-rule-empty {
	background: #fff;
	border: 1px dashed #98a2b3;
	border-radius: 12px;
	color: #475467;
	margin: 18px 0 0;
	padding: 16px;
}

.iexel-finance-workspace .iexel-fee-rule-grid {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 20px;
}

.iexel-finance-workspace .iexel-fee-rule-card {
	background: #fff;
	border: 1px solid #cfd8e6;
	border-radius: 18px;
	box-shadow: 0 8px 22px rgba(7, 29, 73, 0.08);
	display: grid;
	gap: 18px;
	min-width: 0;
	overflow: hidden;
	padding: 20px;
}

.iexel-finance-workspace .iexel-fee-rule-card.is-archived {
	border-left: 5px solid #64748b;
}

.iexel-finance-workspace .iexel-fee-rule-card__header {
	align-items: flex-start;
	border-bottom: 1px solid #e2e8f0;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: space-between;
	min-width: 0;
	padding-bottom: 16px;
}

.iexel-finance-workspace .iexel-fee-rule-card__identity {
	flex: 1 1 230px;
	min-width: 0;
}

.iexel-finance-workspace .iexel-fee-rule-eyebrow {
	color: #526078;
	display: block;
	font-size: 0.7rem;
	font-weight: 850;
	letter-spacing: 0.08em;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.iexel-finance-workspace .iexel-fee-rule-card h3 {
	color: var(--iexel-midnight);
	font-size: clamp(1.08rem, 2vw, 1.28rem);
	line-height: 1.25;
	margin: 0;
	overflow-wrap: anywhere;
}

.iexel-finance-workspace .iexel-fee-rule-card__identity p {
	color: #475467;
	line-height: 1.5;
	margin: 6px 0 0;
	overflow-wrap: break-word;
}

.iexel-finance-workspace .iexel-fee-rule-card__primary {
	align-items: flex-end;
	display: grid;
	gap: 9px;
	justify-items: end;
}

.iexel-finance-workspace .iexel-fee-rule-amount {
	color: var(--iexel-midnight);
	font-size: clamp(1.35rem, 3vw, 1.75rem);
	line-height: 1;
}

.iexel-finance-workspace .iexel-fee-rule-meta {
	display: grid;
	gap: 14px 18px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0;
}

.iexel-finance-workspace .iexel-fee-rule-meta div {
	min-width: 0;
}

.iexel-finance-workspace .iexel-fee-rule-meta .is-wide {
	grid-column: 1 / -1;
}

.iexel-finance-workspace .iexel-fee-rule-meta dt {
	color: #526078;
	font-size: 0.68rem;
	font-weight: 850;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.iexel-finance-workspace .iexel-fee-rule-meta dd {
	color: #18233a;
	font-weight: 700;
	line-height: 1.45;
	margin: 4px 0 0;
	overflow-wrap: break-word;
}

.iexel-finance-workspace .iexel-fee-rule-impact-summary {
	background: #f1f5f9;
	border: 1px solid #cbd5e1;
	border-left: 5px solid var(--iexel-midnight);
	border-radius: 12px;
	color: #18233a;
	display: grid;
	gap: 12px;
	min-width: 0;
	padding: 14px;
}

.iexel-finance-workspace .iexel-fee-rule-impact-summary > header {
	align-items: center;
	display: flex;
	gap: 10px;
	justify-content: space-between;
}

.iexel-finance-workspace .iexel-fee-rule-impact-summary > header strong {
	color: var(--iexel-midnight);
}

.iexel-finance-workspace .iexel-fee-rule-impact-summary > header span {
	background: #fff;
	border: 1px solid #b8c2d1;
	border-radius: 999px;
	color: #475467;
	font-size: 0.67rem;
	font-weight: 800;
	padding: 4px 7px;
	text-transform: uppercase;
}

.iexel-finance-workspace .iexel-fee-rule-impact-summary__groups {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.iexel-finance-workspace .iexel-fee-rule-impact-summary__groups > div {
	background: #fff;
	border: 1px solid #d7dfeb;
	border-radius: 10px;
	display: grid;
	gap: 3px;
	min-width: 0;
	padding: 10px;
}

.iexel-finance-workspace .iexel-fee-rule-impact-summary__groups span {
	color: #526078;
	font-size: 0.67rem;
	font-weight: 850;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.iexel-finance-workspace .iexel-fee-rule-impact-summary__groups strong {
	color: var(--iexel-midnight);
	overflow-wrap: break-word;
}

.iexel-finance-workspace .iexel-fee-rule-impact-summary__groups small {
	color: #475467;
	line-height: 1.4;
	overflow-wrap: break-word;
}

.iexel-finance-workspace .iexel-fee-rule-impact-summary__groups .is-historical {
	background: #fffbeb;
	border-color: #d9bd68;
}

.iexel-finance-workspace .iexel-fee-rule-actions {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	min-width: 0;
}

.iexel-finance-workspace .iexel-fee-rule-actions > form,
.iexel-finance-workspace .iexel-fee-rule-actions > .iexel-button,
.iexel-finance-workspace .iexel-fee-rule-actions > details,
.iexel-finance-workspace .iexel-fee-rule-actions > .iexel-fee-rule-delete-blocked {
	flex: 1 1 128px;
	margin: 0;
	min-width: 0;
}

.iexel-finance-workspace .iexel-fee-rule-actions form > .iexel-button {
	width: 100%;
}

.iexel-finance-workspace .iexel-fee-rule-actions .iexel-button,
.iexel-finance-workspace .iexel-fee-rule-confirmation summary,
.iexel-finance-workspace .iexel-finance-secondary-action,
.iexel-finance-workspace .iexel-fee-rule-new,
.iexel-finance-workspace .iexel-fee-rule-pagination .iexel-button {
	align-items: center;
	border: 2px solid var(--iexel-midnight);
	border-radius: 10px;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-weight: 800;
	justify-content: center;
	min-height: 44px;
	padding: 9px 14px;
	text-align: center;
	text-decoration: none;
	white-space: normal;
}

.iexel-finance-workspace .iexel-fee-rule-actions .iexel-button-primary,
.iexel-finance-workspace .iexel-fee-rule-new {
	background: var(--iexel-midnight);
	border-color: var(--iexel-midnight);
	color: #fff;
}

.iexel-finance-workspace .iexel-fee-rule-actions .iexel-button-secondary,
.iexel-finance-workspace .iexel-finance-secondary-action,
.iexel-finance-workspace .iexel-fee-rule-pagination .iexel-button {
	background: #fff;
	border-color: var(--iexel-midnight);
	color: var(--iexel-midnight);
}

.iexel-finance-workspace .iexel-fee-rule-actions .iexel-button-primary:hover,
.iexel-finance-workspace .iexel-fee-rule-new:hover {
	background: var(--iexel-navy);
	border-color: var(--iexel-gold);
	color: #fff;
	transform: none;
}

.iexel-finance-workspace .iexel-fee-rule-actions .iexel-button-secondary:hover,
.iexel-finance-workspace .iexel-finance-secondary-action:hover,
.iexel-finance-workspace .iexel-fee-rule-pagination .iexel-button:hover {
	background: #eef2f7;
	border-color: var(--iexel-gold);
	color: var(--iexel-midnight);
	transform: none;
}

.iexel-finance-workspace .iexel-fee-rule-confirmation {
	border: 0;
}

.iexel-finance-workspace .iexel-fee-rule-confirmation summary {
	background: #fff7ed;
	border-color: #c2410c;
	color: #9a3412;
	list-style-position: inside;
}

.iexel-finance-workspace .iexel-fee-rule-confirmation.is-restore summary {
	background: #ecfdf3;
	border-color: #15803d;
	color: #166534;
}

.iexel-finance-workspace .iexel-fee-rule-delete-confirmation summary {
	background: #fef2f2;
	border-color: #b91c1c;
	color: #7f1d1d;
}

.iexel-finance-workspace .iexel-fee-rule-confirmation[open] {
	background: #fffaf0;
	border: 1px solid #d9bd68;
	border-radius: 12px;
	color: #18233a;
	flex-basis: 100%;
	padding: 14px;
}

.iexel-finance-workspace .iexel-fee-rule-confirmation[open] summary {
	margin-bottom: 14px;
}

.iexel-finance-workspace .iexel-fee-rule-delete-confirmation[open] {
	background: #fff7f7;
	border-color: #fca5a5;
}

.iexel-finance-workspace .iexel-fee-rule-confirmation form {
	display: grid;
	gap: 14px;
}

.iexel-finance-workspace .iexel-fee-rule-confirmation label {
	align-items: flex-start;
	color: #18233a;
	display: flex;
	gap: 9px;
	line-height: 1.45;
}

.iexel-finance-workspace .iexel-fee-rule-confirmation input[type="checkbox"] {
	flex: 0 0 auto;
	height: 20px;
	margin-top: 1px;
	width: 20px;
}

.iexel-finance-workspace .iexel-fee-rule-confirmation .iexel-button-positive,
.iexel-finance-workspace .iexel-fee-rule-confirmation .iexel-button-warning,
.iexel-finance-workspace .iexel-fee-rule-confirmation .iexel-button-danger {
	border-radius: 10px;
	color: #fff;
	justify-self: start;
	min-height: 44px;
	padding: 10px 16px;
}

.iexel-finance-workspace .iexel-fee-rule-confirmation .iexel-button-positive {
	background: #166534;
	border: 2px solid #166534;
}

.iexel-finance-workspace .iexel-fee-rule-confirmation .iexel-button-warning {
	background: #9a3412;
	border: 2px solid #9a3412;
}

.iexel-finance-workspace .iexel-fee-rule-confirmation .iexel-button-danger {
	background: #7f1d1d;
	border: 2px solid #7f1d1d;
}

.iexel-finance-workspace .iexel-fee-rule-lifecycle-copy,
.iexel-finance-workspace .iexel-fee-rule-delete-warning,
.iexel-finance-workspace .iexel-fee-rule-delete-blocked {
	border-radius: 10px;
	line-height: 1.5;
	overflow-wrap: break-word;
	padding: 12px 14px;
}

.iexel-finance-workspace .iexel-fee-rule-lifecycle-copy {
	background: #f1f5f9;
	color: #334155;
	margin: 0;
}

.iexel-finance-workspace .iexel-fee-rule-delete-warning,
.iexel-finance-workspace .iexel-fee-rule-delete-blocked {
	background: #fef2f2;
	border: 1px solid #fca5a5;
	color: #7f1d1d;
}

.iexel-finance-workspace .iexel-fee-rule-delete-warning {
	margin: 0;
}

.iexel-finance-workspace .iexel-fee-rule-delete-blocked {
	flex-basis: 100%;
}

.iexel-finance-workspace .iexel-fee-rule-editor {
	display: grid;
	gap: 18px;
}

.iexel-finance-workspace .iexel-fee-rule-editor-header {
	align-items: flex-start;
	background: linear-gradient(135deg, #fff, #f6f8fc);
	border: 1px solid #cfd8e6;
	border-left: 5px solid var(--iexel-gold);
	border-radius: 16px;
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	justify-content: space-between;
	min-width: 0;
	padding: 20px;
}

.iexel-finance-workspace .iexel-fee-rule-editor-header > div {
	flex: 1 1 280px;
	min-width: 0;
}

.iexel-finance-workspace .iexel-fee-rule-editor-header h2 {
	font-size: clamp(1.35rem, 3vw, 1.8rem);
	overflow-wrap: anywhere;
}

.iexel-finance-workspace .iexel-fee-rule-editor-summary {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 13px;
}

.iexel-finance-workspace .iexel-fee-rule-editor-summary > strong {
	color: var(--iexel-midnight);
	font-size: 1.12rem;
}

.iexel-finance-workspace .iexel-finance-secondary-action {
	align-self: flex-start;
	gap: 7px;
	white-space: normal;
}

.iexel-finance-workspace .iexel-fee-rule-impact-card,
.iexel-finance-workspace .iexel-fee-rule-history-notice,
.iexel-finance-workspace .iexel-fee-rule-form-card {
	background: #fff;
	border: 1px solid #cfd8e6;
	color: #18233a;
	display: grid;
	gap: 16px;
}

.iexel-finance-workspace .iexel-fee-rule-impact-card {
	border-top: 5px solid var(--iexel-midnight);
}

.iexel-finance-workspace .iexel-fee-rule-impact-card h3,
.iexel-finance-workspace .iexel-fee-rule-history-notice h3 {
	margin: 0;
}

.iexel-finance-workspace .iexel-fee-rule-impact-detail {
	display: grid;
	gap: 14px;
	grid-template-columns: minmax(0, 2fr) minmax(190px, 1fr);
}

.iexel-finance-workspace .iexel-fee-rule-impact-detail > section {
	border: 1px solid #cbd5e1;
	border-radius: 12px;
	color: #18233a;
	display: grid;
	gap: 10px;
	min-width: 0;
	padding: 14px;
}

.iexel-finance-workspace .iexel-fee-rule-impact-detail > .is-future {
	background: #f1f5f9;
	border-left: 5px solid var(--iexel-midnight);
}

.iexel-finance-workspace .iexel-fee-rule-impact-detail > .is-historical {
	background: #fffbeb;
	border-color: #d9bd68;
	border-left: 5px solid #b7791f;
}

.iexel-finance-workspace .iexel-fee-rule-impact-detail h4,
.iexel-finance-workspace .iexel-fee-rule-impact-detail p {
	margin: 0;
}

.iexel-finance-workspace .iexel-fee-rule-impact-detail p {
	color: #475467;
	line-height: 1.45;
}

.iexel-finance-workspace .iexel-fee-rule-impact-metrics {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.iexel-finance-workspace .iexel-fee-rule-impact-metrics article {
	background: #fff;
	border: 1px solid #d7dfeb;
	border-radius: 10px;
	display: grid;
	gap: 3px;
	min-width: 0;
	padding: 11px;
}

.iexel-finance-workspace .iexel-fee-rule-impact-metrics strong {
	color: var(--iexel-midnight);
	font-size: 1.45rem;
}

.iexel-finance-workspace .iexel-fee-rule-impact-metrics span {
	color: #475467;
	font-size: 0.78rem;
	font-weight: 750;
	overflow-wrap: break-word;
}

.iexel-finance-workspace .iexel-fee-rule-risk {
	background: #fff7ed;
	border: 1px solid #fdba74;
	border-left: 5px solid #c2410c;
	border-radius: 10px;
	color: #7c2d12;
	line-height: 1.5;
	margin: 0;
	padding: 13px 14px;
}

.iexel-finance-workspace .iexel-fee-rule-risk.is-compact {
	font-size: 0.85rem;
}

.iexel-finance-workspace .iexel-fee-rule-history-notice {
	background: #fffbeb;
	border-color: #d9bd68;
	border-left: 5px solid #b7791f;
}

.iexel-finance-workspace .iexel-fee-rule-history-notice p {
	color: #713f12;
	line-height: 1.5;
	margin: 0;
}

.iexel-finance-workspace .iexel-fee-rule-form-card__header {
	border-bottom: 1px solid #e2e8f0;
	padding-bottom: 14px;
}

.iexel-finance-workspace .iexel-fee-rule-form-card .iexel-finance-portal-form {
	gap: 14px;
}

.iexel-finance-workspace .iexel-fee-rule-form-card .iexel-finance-portal-form,
.iexel-finance-workspace .iexel-fee-rule-form-card .iexel-finance-form-grid,
.iexel-finance-workspace .iexel-fee-rule-form-card .iexel-finance-form-grid > * {
	box-sizing: border-box;
	max-width: 100%;
	min-width: 0;
}

.iexel-finance-workspace .iexel-fee-rule-form-card .iexel-finance-form-grid {
	gap: 14px 16px;
}

.iexel-finance-workspace .iexel-fee-rule-form-card .iexel-finance-form-grid label,
.iexel-finance-workspace .iexel-fee-rule-form-card .iexel-fee-rule-statuses {
	color: #18233a;
}

.iexel-finance-workspace .iexel-fee-rule-form-card .iexel-finance-form-grid label > span:first-child,
.iexel-finance-workspace .iexel-fee-rule-form-card .iexel-fee-rule-statuses legend {
	color: var(--iexel-midnight);
	font-weight: 800;
}

.iexel-finance-workspace .iexel-fee-rule-form-card input:not([type="checkbox"]),
.iexel-finance-workspace .iexel-fee-rule-form-card select,
.iexel-finance-workspace .iexel-fee-rule-form-card textarea {
	background: #fff;
	border: 1px solid #98a2b3;
	box-sizing: border-box;
	color: #18233a;
	max-width: 100%;
	min-width: 0;
	width: 100%;
}

.iexel-finance-workspace .iexel-fee-rule-form-card small {
	color: #526078;
	line-height: 1.4;
}

.iexel-finance-workspace .iexel-fee-rule-form-card .notice {
	background: #fee2e2;
	border-left: 5px solid #b91c1c;
	border-radius: 10px;
	color: #7f1d1d;
	padding: 12px 16px;
}

.iexel-finance-workspace .iexel-fee-rule-form-card .notice p {
	margin: 0;
}

.iexel-finance-workspace .iexel-fee-rule-form-card .iexel-field-error {
	color: #b42318;
	display: block;
	font-weight: 800;
}

.iexel-finance-workspace .iexel-fee-rule-form-card .iexel-inline-fields {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.iexel-finance-workspace .iexel-fee-rule-form-card .iexel-fee-rule-statuses {
	border: 1px solid #d7dfeb;
	border-radius: 12px;
	padding: 14px;
}

.iexel-finance-workspace .iexel-fee-rule-form-card .iexel-fee-rule-statuses div {
	display: grid;
	gap: 9px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.iexel-finance-workspace .iexel-fee-rule-form-card .iexel-fee-rule-statuses label {
	align-items: flex-start;
	display: flex;
	gap: 8px;
}

.iexel-finance-workspace .iexel-fee-rule-form-card input[type="checkbox"] {
	flex: 0 0 auto;
	min-height: 20px;
	width: 20px;
}

.iexel-finance-workspace .iexel-fee-rule-form-card .button.button-primary {
	background: var(--iexel-midnight);
	border: 2px solid var(--iexel-midnight);
	border-radius: 10px;
	box-sizing: border-box;
	color: #fff;
	font: inherit;
	font-weight: 800;
	max-width: 100%;
	min-height: 44px;
	padding: 10px 18px;
}

.iexel-finance-workspace .iexel-fee-rule-form-card .button.button-primary:hover {
	background: var(--iexel-navy);
	border-color: var(--iexel-gold);
	color: #fff;
}

.iexel-finance-workspace .iexel-fee-rule-actions .iexel-button:focus-visible,
.iexel-finance-workspace .iexel-fee-rule-confirmation summary:focus-visible,
.iexel-finance-workspace .iexel-fee-rule-confirmation button:focus-visible,
.iexel-finance-workspace .iexel-fee-rule-filter:focus-visible,
.iexel-finance-workspace .iexel-finance-secondary-action:focus-visible,
.iexel-finance-workspace .iexel-fee-rule-new:focus-visible,
.iexel-finance-workspace .iexel-fee-rule-pagination .iexel-button:focus-visible,
.iexel-finance-workspace .iexel-fee-rule-form-card input:focus-visible,
.iexel-finance-workspace .iexel-fee-rule-form-card select:focus-visible,
.iexel-finance-workspace .iexel-fee-rule-form-card textarea:focus-visible,
.iexel-finance-workspace .iexel-fee-rule-form-card button:focus-visible {
	box-shadow: none;
	outline: 3px solid var(--iexel-gold);
	outline-offset: 2px;
}

.iexel-finance-workspace .iexel-fee-rule-pagination {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-end;
	margin-top: 20px;
}

.iexel-finance-workspace .iexel-fee-rule-pagination span {
	color: #475467;
	font-weight: 750;
	margin-right: auto;
}

@media (max-width: 900px) {
	.iexel-finance-workspace .iexel-fee-rule-grid,
	.iexel-finance-workspace .iexel-fee-rule-impact-detail {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 600px) {
	.iexel-finance-workspace .iexel-fee-rule-form-card .iexel-finance-form-grid,
	.iexel-finance-workspace .iexel-fee-rule-impact-summary__groups,
	.iexel-finance-workspace .iexel-fee-rule-impact-metrics {
		grid-template-columns: minmax(0, 1fr);
	}

	.iexel-finance-workspace .iexel-fee-rule-form-card .iexel-finance-form-grid .is-wide {
		grid-column: 1;
	}

	.iexel-finance-workspace .iexel-fee-rule-card__primary {
		align-items: start;
		justify-items: start;
	}

	.iexel-finance-workspace .iexel-fee-rule-filters {
		display: flex;
	}

	.iexel-finance-workspace .iexel-fee-rule-filter {
		flex: 1 1 auto;
		padding-inline: 8px;
		width: auto;
	}

	.iexel-finance-workspace .iexel-fee-rule-actions > form,
	.iexel-finance-workspace .iexel-fee-rule-actions > .iexel-button,
	.iexel-finance-workspace .iexel-fee-rule-actions > details,
	.iexel-finance-workspace .iexel-fee-rule-actions .iexel-button,
	.iexel-finance-workspace .iexel-fee-rule-confirmation summary,
	.iexel-finance-workspace .iexel-finance-secondary-action,
	.iexel-finance-workspace .iexel-fee-rule-new {
		flex-basis: 100%;
		width: 100%;
	}

	.iexel-finance-workspace .iexel-fee-rule-editor-header {
		align-items: stretch;
		flex-direction: column;
		gap: 14px;
	}

	.iexel-finance-workspace .iexel-fee-rule-editor-header > div {
		flex: 0 1 auto;
		width: 100%;
		min-width: 0;
	}

	.iexel-finance-workspace .iexel-package-editor:not(.iexel-add-on-editor) .iexel-fee-rule-editor-header > div {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.iexel-finance-workspace .iexel-package-editor:not(.iexel-add-on-editor) .iexel-fee-rule-editor-header .iexel-fee-rule-eyebrow {
		text-align: center;
	}

	.iexel-finance-workspace .iexel-package-editor:not(.iexel-add-on-editor) .iexel-fee-rule-editor-header h2 {
		text-align: center;
		text-wrap: balance;
		font-size: clamp(1.2rem, 5vw, 1.55rem);
		line-height: 1.3;
		margin: 4px 0 8px;
		width: 100%;
		overflow-wrap: break-word;
	}

	.iexel-finance-workspace .iexel-package-editor:not(.iexel-add-on-editor) .iexel-fee-rule-editor-header p {
		text-align: center;
		margin: 0 0 10px;
		font-size: 0.9rem;
		line-height: 1.45;
	}

	.iexel-finance-workspace .iexel-package-editor:not(.iexel-add-on-editor) .iexel-fee-rule-editor-summary {
		justify-content: center;
		margin-top: 4px;
	}

	.iexel-finance-workspace .iexel-finance-secondary-action {
		align-self: stretch;
		justify-content: center;
		text-align: center;
	}

	.iexel-finance-workspace .iexel-fee-rule-pagination {
		align-items: stretch;
		display: grid;
		grid-template-columns: minmax(0, 1fr);
	}

	.iexel-finance-workspace .iexel-fee-rule-pagination span {
		margin: 0;
	}

	.iexel-finance-workspace .iexel-fee-rule-pagination .iexel-button {
		width: 100%;
	}

	.iexel-finance-workspace .iexel-fee-rule-form-card .iexel-fee-rule-statuses div {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 390px) {
	.iexel-finance-workspace .iexel-fee-rule-card,
	.iexel-finance-workspace .iexel-fee-rule-editor-header,
	.iexel-finance-workspace .iexel-fee-rule-impact-card,
	.iexel-finance-workspace .iexel-fee-rule-history-notice,
	.iexel-finance-workspace .iexel-fee-rule-form-card {
		padding: 15px;
	}

	.iexel-finance-workspace .iexel-fee-rule-meta,
	.iexel-finance-workspace .iexel-fee-rule-form-card .iexel-inline-fields {
		grid-template-columns: minmax(0, 1fr);
	}

	.iexel-finance-workspace .iexel-fee-rule-meta .is-wide {
		grid-column: 1;
	}

	.iexel-finance-workspace .iexel-fee-rule-impact-summary > header {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 360px) {
	.iexel-finance-workspace .iexel-fee-rule-card,
	.iexel-finance-workspace .iexel-fee-rule-editor-header,
	.iexel-finance-workspace .iexel-fee-rule-impact-card,
	.iexel-finance-workspace .iexel-fee-rule-history-notice,
	.iexel-finance-workspace .iexel-fee-rule-form-card {
		padding: 14px;
	}
}

/* Treasurer Portal Finance mobile acceptance */
.iexel-finance-workspace .iexel-finance-workspace-nav a {
	box-sizing: border-box;
	max-width: 100%;
	min-width: 0;
}

.iexel-finance-workspace .iexel-finance-workspace-menu {
	display: none;
}

.iexel-finance-workspace .iexel-fee-rule-editor > *,
.iexel-finance-workspace .iexel-fee-rule-impact-card,
.iexel-finance-workspace .iexel-fee-rule-history-notice,
.iexel-finance-workspace .iexel-fee-rule-form-card,
.iexel-finance-workspace .iexel-fee-rule-impact-detail,
.iexel-finance-workspace .iexel-fee-rule-actions,
.iexel-finance-workspace .iexel-fee-rule-confirmation {
	box-sizing: border-box;
	max-width: 100%;
	min-width: 0;
}

.iexel-finance-workspace .iexel-fee-rule-form-card fieldset {
	max-width: 100%;
	min-inline-size: 0;
}

.iexel-finance-workspace .iexel-fee-rule-form-card .iexel-search-multiselect,
.iexel-finance-workspace .iexel-fee-rule-form-card .iexel-search-multiselect__control,
.iexel-finance-workspace .iexel-fee-rule-form-card .iexel-search-multiselect__chip,
.iexel-finance-workspace .iexel-fee-rule-form-card .iexel-search-multiselect__option {
	box-sizing: border-box;
	max-width: 100%;
	min-width: 0;
}

.iexel-finance-workspace .iexel-fee-rule-form-card label,
.iexel-finance-workspace .iexel-fee-rule-form-card legend,
.iexel-finance-workspace .iexel-fee-rule-form-card small {
	overflow-wrap: break-word;
}

@media (max-width: 520px) {
	.iexel-finance-workspace .iexel-finance-workspace-nav--desktop {
		display: none;
	}

	.iexel-finance-workspace .iexel-finance-workspace-menu {
		box-sizing: border-box;
		display: block;
		max-width: 100%;
		min-width: 0;
	}

	.iexel-finance-workspace .iexel-finance-workspace-menu > summary {
		align-items: center;
		background: var(--iexel-surface, #fff);
		border: 2px solid var(--iexel-midnight);
		border-radius: 12px;
		box-sizing: border-box;
		color: var(--iexel-midnight);
		cursor: pointer;
		display: grid;
		gap: 12px;
		grid-template-columns: minmax(0, 1fr) auto;
		list-style: none;
		max-width: 100%;
		min-height: 44px;
		padding: 9px 14px;
	}

	.iexel-finance-workspace .iexel-finance-workspace-menu > summary::-webkit-details-marker {
		display: none;
	}

	.iexel-finance-workspace .iexel-finance-workspace-menu > summary > span {
		display: grid;
		gap: 2px;
		min-width: 0;
	}

	.iexel-finance-workspace .iexel-finance-workspace-menu > summary small {
		color: #526078;
		overflow-wrap: break-word;
	}

	.iexel-finance-workspace .iexel-finance-workspace-menu > summary::after {
		content: "+";
		font-size: 1.35rem;
		font-weight: 800;
		line-height: 1;
	}

	.iexel-finance-workspace .iexel-finance-workspace-menu[open] > summary::after {
		content: "\2212";
	}

	.iexel-finance-workspace .iexel-finance-workspace-menu > summary:focus-visible {
		outline: 3px solid var(--iexel-gold);
		outline-offset: 2px;
	}

	.iexel-finance-workspace .iexel-finance-workspace-nav--mobile {
		display: grid;
		gap: 8px;
		grid-template-columns: minmax(0, 1fr);
		margin-top: 10px;
		min-width: 0;
	}

	.iexel-finance-workspace .iexel-finance-workspace-nav--mobile a {
		justify-content: center;
		width: 100%;
	}
}

/* Treasurer Portal Fee Rule Back-action mobile containment */
.iexel-finance-workspace .iexel-fee-rule-editor-header > .iexel-finance-secondary-action {
	box-sizing: border-box;
	flex: 0 1 auto;
	max-width: 100%;
	min-width: 0;
	overflow-wrap: break-word;
}

@media (max-width: 600px) {
	.iexel-finance-workspace .iexel-fee-rule-editor-header > .iexel-finance-secondary-action {
		align-self: stretch;
		flex-basis: auto;
		width: auto;
	}
}

/* Secretary Prospect workspace: local containment for identity and sensitive-detail surfaces. */
.iexel-prospect-workspace,.iexel-prospect-workspace *{box-sizing:border-box;min-width:0}.iexel-prospect-workspace{display:grid;gap:18px}.iexel-prospect-workspace .iexel-page-header{align-items:center;background:linear-gradient(135deg,var(--iexel-midnight),var(--iexel-navy));border-bottom:5px solid var(--iexel-gold);border-radius:20px;color:#fff;display:flex;gap:18px;justify-content:space-between;padding:clamp(22px,4vw,34px)}.iexel-prospect-workspace .iexel-page-header h1{color:#fff;margin:.25rem 0}.iexel-prospect-workspace .iexel-page-header p{margin:.25rem 0;overflow-wrap:anywhere}.iexel-prospect-workspace .iexel-eyebrow{color:var(--iexel-gold);font-size:.75rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.iexel-prospect-workspace .iexel-filter-bar{align-items:end;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr)) auto}.iexel-prospect-workspace label{display:grid;gap:7px;font-weight:700}.iexel-prospect-workspace input,.iexel-prospect-workspace select,.iexel-prospect-workspace textarea{font:inherit;max-width:100%;min-height:44px;padding:10px;width:100%}.iexel-prospect-workspace textarea{resize:vertical}.iexel-prospect-workspace .iexel-directory-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.iexel-prospect-workspace .iexel-os-card{overflow-wrap:anywhere}.iexel-prospect-workspace .iexel-detail-list{display:grid;gap:10px;margin:0}.iexel-prospect-workspace .iexel-detail-list>div{border-bottom:1px solid #e1e5eb;display:grid;gap:4px;padding:8px 0}.iexel-prospect-workspace .iexel-detail-list dt{color:var(--iexel-muted);font-size:.75rem;font-weight:850;text-transform:uppercase}.iexel-prospect-workspace .iexel-detail-list dd{margin:0}.iexel-prospect-workspace .iexel-action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.iexel-prospect-workspace .iexel-button{align-items:center;display:inline-flex;justify-content:center;min-height:44px;white-space:normal}.iexel-prospect-workspace :focus-visible{outline:3px solid var(--iexel-gold);outline-offset:2px}@media(max-width:760px){.iexel-prospect-workspace .iexel-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.iexel-prospect-workspace .iexel-filter-bar button{width:100%}}@media(max-width:600px){.iexel-prospect-workspace .iexel-page-header{align-items:stretch;display:grid}.iexel-prospect-workspace .iexel-page-header>.iexel-button{width:100%}.iexel-prospect-workspace .iexel-filter-bar,.iexel-prospect-workspace .iexel-directory-grid{grid-template-columns:minmax(0,1fr)}.iexel-prospect-workspace .iexel-action-row .iexel-button{flex:1 1 100%;width:100%}}

/* Event RSVP Priority Alert — family avatar stack (Parent Family Action Hub). Sizing is explicit and self-contained here (not solely relied on from .is-compact in public.css) so every identity in the stack — uploaded photo or fallback initials — renders at the same compact dimensions regardless of cross-file cascade order. */
.iexel-experience-alert-people {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 8px 0;
}
.iexel-experience-alert-avatar,
.iexel-experience-alert-avatar.iexel-person-avatar {
	box-sizing: border-box;
	flex: 0 0 auto;
	height: 36px;
	overflow: hidden;
	width: 36px;
}
.iexel-experience-alert-avatar img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}
.iexel-experience-alert-avatar .iexel-person-avatar-initials {
	font-size: .85rem;
}
.iexel-experience-alert-avatar-overflow {
	align-items: center;
	background: #eef1f5;
	border-radius: 50%;
	box-sizing: border-box;
	color: var(--iexel-midnight);
	display: inline-flex;
	flex: 0 0 auto;
	font-size: .75rem;
	font-weight: 800;
	height: 36px;
	justify-content: center;
	width: 36px;
}
@media (max-width: 320px) {
	.iexel-experience-alert-people {
		gap: 4px;
	}
}

/* RSVP Priority Alert — latest reminder message. Visually distinct from the
   alert description (People + When) directly above it; never merged. */
.iexel-experience-alert-reminder {
	background: #fff8e6;
	border-radius: 8px;
	margin: 6px 0 0;
	padding: 6px 10px;
}
.iexel-experience-alert-reminder strong {
	color: var(--iexel-midnight);
}

@media (max-width: 400px) {
	.iexel-experience-hero--generic h1 {
		text-wrap: balance;
	}
}

/* Player Progress chronology keeps native disclosure inside the existing timeline. */
.iexel-player-progress__milestone-months .iexel-month-disclosure {
	border-color: var(--iexel-progress-border);
}

.iexel-player-progress__milestone-months .iexel-month-disclosure > summary h3 {
	color: var(--iexel-progress-anchor);
}

.iexel-player-progress__milestone-months .iexel-month-disclosure-count,
.iexel-player-progress__milestone-months .iexel-month-disclosure-chevron {
	color: var(--iexel-progress-muted);
}

.iexel-player-progress__milestone-months .iexel-month-disclosure[open] .iexel-month-disclosure-chevron {
	color: var(--iexel-progress-anchor);
}

.iexel-player-progress__checkpoint-disclosure {
	display: block;
	grid-column: 2;
	min-width: 0;
	position: relative;
}

.iexel-player-progress__checkpoint {
	gap: 0 14px;
	grid-template-columns: 28px minmax(0, 1fr);
}

.iexel-player-progress__checkpoint::before {
	left: 13px;
	top: 14px;
}

.iexel-player-progress__checkpoint-disclosure > summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto 20px;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	cursor: pointer;
	list-style: none;
}

.iexel-player-progress__checkpoint-disclosure > summary::-webkit-details-marker {
	display: none;
}

.iexel-player-progress__checkpoint-disclosure > summary::marker {
	content: "";
}

.iexel-player-progress__checkpoint-disclosure > summary::after {
	color: var(--iexel-progress-on-anchor-muted);
	content: "\203A";
	font-size: 1.3rem;
	line-height: 1;
	text-align: center;
	transition: transform .2s ease, color .2s ease;
}

.iexel-player-progress__checkpoint-disclosure[open] > summary::after {
	color: var(--iexel-progress-accent);
	transform: rotate(90deg);
}

.iexel-player-progress__checkpoint-disclosure > summary:focus-visible {
	outline: 3px solid var(--iexel-progress-accent);
	outline-offset: 3px;
}

.iexel-player-progress__checkpoint-disclosure > summary time {
	color: var(--iexel-progress-on-anchor-muted);
	font-weight: 800;
}

.iexel-player-progress__checkpoint-disclosure .iexel-player-progress__checkpoint-dot {
	left: -42px;
	margin: 0;
	position: absolute;
	top: 8px;
}

.iexel-player-progress__checkpoint-disclosure > ul {
	display: grid;
	gap: 9px;
	grid-template-columns: minmax(0, 1fr);
	list-style: none;
	margin: 8px 0 0;
	padding: 0;
}

.iexel-player-progress__checkpoint-disclosure > ul > li {
	background: var(--iexel-progress-card);
	border: 1px solid color-mix(in srgb, var(--iexel-progress-border) 82%, transparent);
	border-radius: 12px;
	display: grid;
	gap: 5px;
	min-width: 0;
	padding: 14px 16px;
	box-shadow: 0 9px 24px rgba(0, 0, 0, .16);
}

.iexel-player-progress__journey .iexel-player-progress__checkpoint strong {
	color: var(--iexel-progress-anchor);
}

.iexel-player-progress__journey .iexel-player-progress__checkpoint li > span {
	color: var(--iexel-progress-muted);
}

.iexel-player-progress__checkpoint-count {
	color: var(--iexel-progress-on-anchor-muted);
	font-size: .78rem;
	font-weight: 800;
	white-space: nowrap;
}

@media (max-width: 480px) {
	.iexel-player-progress__checkpoint-disclosure > summary {
		gap: 6px;
	}
}

/* Treasurer Portal Registration Package management */
.iexel-finance-workspace .iexel-package-directory,
.iexel-finance-workspace .iexel-package-editor {
	box-sizing: border-box;
	color: var(--iexel-ink);
	max-width: 100%;
	min-width: 0;
}

.iexel-finance-workspace .iexel-package-grid {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	margin-top: 20px;
}

.iexel-finance-workspace .iexel-package-card {
	background: #fff;
	border: 1px solid #d7dfeb;
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 20px;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.iexel-finance-workspace .iexel-package-card:hover {
	border-color: #cbd5e1;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.07);
}

.iexel-finance-workspace .iexel-package-card.is-archived {
	background: #f8fafc;
	opacity: 0.85;
}

.iexel-finance-workspace .iexel-package-card__thumb {
	align-items: center;
	background: #f1f5f9;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	display: flex;
	flex-shrink: 0;
	height: 56px;
	justify-content: center;
	overflow: hidden;
	width: 56px;
}

.iexel-finance-workspace .iexel-package-card__thumb img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.iexel-finance-workspace .iexel-package-description {
	color: #475467;
	font-size: 0.9rem;
	line-height: 1.45;
	margin: 0 0 14px;
}

.iexel-finance-workspace .iexel-type-badge {
	background: #f1f5f9;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	color: #334155;
	font-size: 0.78rem;
	font-weight: 600;
	padding: 2px 8px;
}

.iexel-finance-workspace .iexel-package-editor {
	box-sizing: border-box;
	display: grid;
	gap: 18px;
	max-width: 100%;
	min-width: 0;
}

.iexel-finance-workspace .iexel-package-form-card {
	background: #fff;
	border: 1px solid #cfd8e6;
	border-radius: 14px;
	box-sizing: border-box;
	color: #18233a;
	display: grid;
	gap: 16px;
	max-width: 100%;
	min-width: 0;
	padding: 24px;
}

.iexel-finance-workspace .iexel-package-form .iexel-finance-form-grid {
	display: grid;
	gap: 20px 24px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	max-width: 100%;
}

.iexel-finance-workspace .iexel-package-form .iexel-finance-form-grid .is-wide {
	grid-column: 1 / -1;
}

.iexel-finance-workspace .iexel-package-form input[type="text"] {
	max-width: 100%;
}

.iexel-finance-workspace .iexel-package-form textarea {
	max-width: 100%;
	line-height: 1.5;
}

.iexel-finance-workspace .iexel-package-form select,
.iexel-finance-workspace .iexel-package-form input[type="number"] {
	max-width: 280px;
}

/* Registration Package Custom Checkbox Primitive (RP-A1) */
.iexel-finance-workspace .iexel-package-checkbox {
	appearance: none !important;
	-webkit-appearance: none !important;
	box-sizing: border-box !important;
	width: 28px !important;
	height: 28px !important;
	min-width: 28px !important;
	min-height: 28px !important;
	max-width: 28px !important;
	max-height: 28px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 2px solid #94a3b8 !important;
	border-radius: 7px !important;
	background-color: #fff !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 16px 16px !important;
	cursor: pointer;
	flex: 0 0 28px !important;
	transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.iexel-finance-workspace .iexel-package-checkbox:hover:not(:checked) {
	border-color: var(--iexel-midnight, #071d49) !important;
	background-color: #f8fafc !important;
}

.iexel-finance-workspace .iexel-package-checkbox:checked {
	background-color: var(--iexel-midnight, #071d49) !important;
	border-color: var(--iexel-gold, #c8932a) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23ffffff' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4.5 10.5 8.5 14.5 15.5 6'/%3E%3C/svg%3E") !important;
}

.iexel-finance-workspace .iexel-package-checkbox:focus-visible {
	outline: 3px solid var(--iexel-gold, #cba135) !important;
	outline-offset: 2px !important;
	box-shadow: none !important;
}

/* Registration Pathways & Checkbox Controls (RP-A1) */
.iexel-finance-workspace .iexel-package-pathways {
	background: #fff;
	border: 1px solid #d7dfeb;
	border-radius: 12px;
	box-sizing: border-box;
	margin: 0;
	max-width: 100%;
	min-width: 0;
	padding: 16px 18px;
}

.iexel-finance-workspace .iexel-package-pathways__legend {
	color: var(--iexel-midnight, #071d49);
	font-size: 0.95rem;
	font-weight: 700;
	margin-bottom: 8px;
	padding: 0 4px;
}

.iexel-finance-workspace .iexel-package-pathways__group {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 28px;
}

.iexel-finance-workspace .iexel-package-checkbox-control {
	align-items: center;
	box-sizing: border-box;
	column-gap: 12px;
	cursor: pointer;
	display: grid;
	gap: 0;
	grid-template-columns: 28px minmax(0, 1fr);
	min-height: 44px;
	padding: 4px 0;
	user-select: none;
}

.iexel-finance-workspace .iexel-package-checkbox-label {
	color: var(--iexel-midnight, #071d49);
	font-size: 0.92rem;
	font-weight: 600;
	line-height: 1.35;
	min-width: 0;
	overflow-wrap: break-word;
}

.iexel-finance-workspace .iexel-package-active-wrapper {
	margin-top: 4px;
}

.iexel-finance-workspace .iexel-package-active-control {
	align-items: flex-start;
	padding: 6px 0;
}

.iexel-finance-workspace .iexel-package-active-control .iexel-package-checkbox {
	margin-top: 2px !important;
}

.iexel-finance-workspace .iexel-package-active-title {
	color: var(--iexel-midnight, #071d49);
	display: block;
	font-size: 0.95rem;
	font-weight: 700;
}

.iexel-finance-workspace .iexel-package-active-help {
	color: #64748b;
	display: block;
	font-size: 0.85rem;
	font-weight: normal;
	line-height: 1.4;
	margin-top: 2px;
}

@media (max-width: 680px) {
	.iexel-finance-workspace .iexel-package-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.iexel-finance-workspace .iexel-package-form .iexel-finance-form-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
	}

	.iexel-finance-workspace .iexel-package-form select,
	.iexel-finance-workspace .iexel-package-form input[type="number"] {
		max-width: 100%;
	}

	.iexel-finance-workspace .iexel-package-form-card {
		padding: 16px;
	}

	.iexel-finance-workspace .iexel-package-pathways__group {
		flex-direction: column;
		gap: 4px;
	}

	.iexel-finance-workspace .iexel-package-checkbox-control {
		width: 100%;
	}
}

/* ==========================================================================
   Registration Add-ons Foundation (RP-A3)
   ========================================================================== */

.iexel-finance-workspace .iexel-packages-subnav {
	display: flex;
	gap: 4px;
	border-bottom: 2px solid #e2e8f0;
	margin-bottom: 24px;
}

.iexel-finance-workspace .iexel-packages-subnav__tab {
	padding: 10px 18px;
	font-weight: 600;
	font-size: 0.95rem;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -2px;
	color: #64748b;
	transition: color 0.15s ease, border-color 0.15s ease;
}

.iexel-finance-workspace .iexel-packages-subnav__tab:hover {
	color: var(--iexel-midnight, #071d49);
}

.iexel-finance-workspace .iexel-packages-subnav__tab.is-active {
	border-bottom-color: var(--iexel-midnight, #071d49);
	color: var(--iexel-midnight, #071d49);
	font-weight: 700;
}

.iexel-finance-workspace .iexel-addon-badge {
	display: inline-flex;
	align-items: center;
	background: #fef3c7;
	color: #92400e;
	font-size: 0.78rem;
	font-weight: 600;
	padding: 2px 8px;
	border-radius: 6px;
	border: 1px solid #fde68a;
}

.iexel-finance-workspace .iexel-package-add-on-item {
	transition: border-color 0.15s ease, background-color 0.15s ease;
}

.iexel-finance-workspace .iexel-package-add-on-item:hover {
	border-color: #cbd5e1 !important;
	background-color: #f8fafc !important;
}

/* ==========================================================================
   Registration Packages & Add-ons Mobile UX Refinements (RP-A3.1)
   ========================================================================== */

/* Context notice when creating extra charge from package config */
.iexel-package-context-notice {
	background: rgba(200, 147, 42, 0.08);
	border: 1px solid rgba(200, 147, 42, 0.28);
	border-left: 3px solid var(--iexel-gold, #c8932a);
	border-radius: 8px;
	color: var(--iexel-midnight, #071d49);
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.45;
	margin: 8px 0 0;
	padding: 8px 12px;
	text-align: left;
}

/* Form field containment: prevent intrinsic select width blowout */
.iexel-finance-workspace .iexel-package-form .iexel-form-field,
.iexel-finance-workspace .iexel-add-on-form .iexel-form-field {
	display: grid;
	gap: 7px;
	min-width: 0;
	max-width: 100%;
}

.iexel-finance-workspace .iexel-package-form .iexel-form-field.is-wide,
.iexel-finance-workspace .iexel-add-on-form .iexel-form-field.is-wide {
	grid-column: 1 / -1;
}

.iexel-finance-workspace .iexel-package-form select,
.iexel-finance-workspace .iexel-add-on-form select {
	box-sizing: border-box;
	min-width: 0;
	width: 100%;
	max-width: 320px;
	min-height: 44px;
	padding: 10px 32px 10px 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.iexel-finance-workspace .iexel-package-form .iexel-money-input-wrapper,
.iexel-finance-workspace .iexel-add-on-form .iexel-money-input-wrapper {
	min-width: 0;
	max-width: 100%;
}

.iexel-finance-workspace .iexel-package-form .iexel-money-input-wrapper input,
.iexel-finance-workspace .iexel-add-on-form .iexel-money-input-wrapper input {
	min-width: 0;
}

/* Canonical Textarea Autogrow Contract & Resize Suppression */
.iexel-finance-workspace .iexel-package-form textarea,
.iexel-finance-workspace .iexel-add-on-form textarea {
	box-sizing: border-box;
	max-width: 100%;
	min-width: 0;
	resize: none !important;
}

#package-contents.iexel-autogrow {
	--iexel-autogrow-min: 110px;
	--iexel-autogrow-max: 380px;
}

#package-description.iexel-autogrow,
#add-on-description.iexel-autogrow {
	--iexel-autogrow-min: 72px;
	--iexel-autogrow-max: 280px;
}

@media (max-width: 680px) {
	.iexel-finance-workspace .iexel-package-form select,
	.iexel-finance-workspace .iexel-add-on-form select {
		max-width: 100%;
		width: 100%;
	}

	.iexel-finance-workspace .iexel-package-form .iexel-form-field.is-wide,
	.iexel-finance-workspace .iexel-add-on-form .iexel-form-field.is-wide {
		grid-column: 1;
	}
}

@media (max-width: 520px) {
	.iexel-finance-workspace .iexel-package-form .iexel-finance-submit,
	.iexel-finance-workspace .iexel-add-on-form .iexel-finance-form-actions {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}

	.iexel-finance-workspace .iexel-package-form .iexel-finance-submit .iexel-button,
	.iexel-finance-workspace .iexel-package-form .iexel-finance-submit button,
	.iexel-finance-workspace .iexel-package-form .iexel-finance-submit a,
	.iexel-finance-workspace .iexel-add-on-form .iexel-finance-form-actions .iexel-button,
	.iexel-finance-workspace .iexel-add-on-form .iexel-finance-form-actions button,
	.iexel-finance-workspace .iexel-add-on-form .iexel-finance-form-actions a {
		width: 100%;
		justify-content: center;
		display: inline-flex;
		box-sizing: border-box;
		text-align: center;
	}
}

/* Ensure all selects in finance portal form grids do not overflow mobile viewports */
.iexel-finance-form-grid select {
	box-sizing: border-box;
	max-width: 100%;
	min-width: 0;
	width: 100%;
}

/* Directory Filters Actions */
.iexel-experience-shell .iexel-directory-filters__actions {
	display: flex;
	gap: 8px;
	align-items: flex-end;
	grid-column: span 2;
}
.iexel-experience-shell .iexel-directory-filters__actions .iexel-experience-button {
	white-space: nowrap;
	flex: 1 1 auto;
	height: 44px;
	min-height: 44px;
	box-sizing: border-box;
	margin: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 16px;
}
.iexel-experience-shell .iexel-directory-filters__reset {
	line-height: 1.2;
	text-decoration: none;
	text-align: center;
}
@media (max-width: 680px) {
	.iexel-experience-shell .iexel-directory-filters__actions {
		grid-column: auto;
		flex-direction: column;
		align-items: stretch;
		width: 100%;
	}
	.iexel-experience-shell .iexel-directory-filters__actions > * {
		width: 100%;
		white-space: normal;
	}
}

/* Registration conflict comparison: paired values, compact supporting information and retain choices. */
.iexel-registration-comparison-actions { display:flex; flex-wrap:wrap; gap:10px; }
.iexel-registration-comparison-differences { border-top:3px solid var(--iexel-gold); margin-top:22px; padding-top:8px; }
.iexel-registration-comparison-table { border-collapse:collapse; table-layout:fixed; width:100%; }
.iexel-registration-comparison-table th,
.iexel-registration-comparison-table td { border-bottom:1px solid #dce3ee; padding:12px; text-align:left; vertical-align:top; overflow-wrap:anywhere; }
.iexel-registration-comparison-table thead th { background:var(--iexel-midnight); color:#fff; font-size:13px; }
.iexel-registration-comparison-table th:first-child { width:28%; }
.iexel-registration-comparison-table tbody th { background:#f6f7f9; color:var(--iexel-midnight); font-size:13px; }
.iexel-registration-comparison-table td > span:last-child { white-space:pre-line; }
.iexel-registration-comparison-reference { display:none; }
.iexel-registration-comparison-safety { border-left:3px solid var(--iexel-gold); padding:8px 12px; }
.iexel-registration-comparison-support { margin-top:24px; }
.iexel-registration-comparison-support > p { color:var(--iexel-muted); font-size:13px; }
.iexel-registration-comparison-support details { border-bottom:1px solid #dce3ee; padding:12px 0; }
.iexel-registration-comparison-support summary { color:var(--iexel-midnight); cursor:pointer; font-weight:700; }
.iexel-registration-comparison-support summary span { color:var(--iexel-muted); font-size:12px; font-weight:400; margin-left:8px; }
.iexel-registration-comparison-support dl { display:grid; gap:14px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.iexel-registration-comparison-support dt { color:var(--iexel-muted); font-size:12px; }
.iexel-registration-comparison-support dd { margin:4px 0 0; white-space:pre-line; }
.iexel-registration-comparison-resolution { border-top:3px solid var(--iexel-gold); margin-top:24px; padding-top:8px; }
.iexel-registration-comparison-resolution fieldset { border:0; margin:18px 0; min-width:0; padding:0; }
.iexel-registration-comparison-resolution legend { font-weight:700; margin-bottom:10px; }
.iexel-registration-comparison-choices { display:grid; gap:12px; grid-template-columns:repeat(2,minmax(0,1fr)); }
.iexel-registration-comparison-choice { align-items:start; border:2px solid #dce3ee; border-radius:12px; cursor:pointer; display:grid; gap:10px; grid-template-columns:20px minmax(0,1fr); padding:16px; }
.iexel-registration-comparison-choice > span { display:grid; gap:7px; min-width:0; }
.iexel-registration-comparison-choice strong { color:var(--iexel-midnight); }
.iexel-registration-comparison-choice input,
.iexel-registration-comparison-confirm input { height:18px; margin:3px 0 0; width:18px; }
.iexel-registration-comparison-choice:has(input:checked) { background:#fff8e6; border-color:var(--iexel-gold); }
.iexel-registration-comparison-choice:focus-within { outline:2px solid var(--iexel-gold); outline-offset:3px; }
.iexel-registration-comparison-confirm { align-items:start; display:grid; gap:10px; grid-template-columns:20px minmax(0,1fr); }
@media (max-width:600px) {
 .iexel-registration-comparison-actions { flex-direction:column; }
 .iexel-registration-comparison-actions .iexel-experience-button { box-sizing:border-box; justify-content:center; min-height:44px; padding:10px 13px; text-align:center; width:100%; }
 .iexel-registration-comparison-table thead { clip-path:inset(50%); height:1px; overflow:hidden; position:absolute; width:1px; }
 .iexel-registration-comparison-table tbody,
 .iexel-registration-comparison-table tr { display:block; width:100%; }
 .iexel-registration-comparison-table tr { border-bottom:1px solid #dce3ee; padding:8px 0; }
 .iexel-registration-comparison-table th,
 .iexel-registration-comparison-table td { border:0; box-sizing:border-box; display:block; padding:8px 10px; width:100%; }
 .iexel-registration-comparison-table th:first-child { width:100%; }
 .iexel-registration-comparison-reference { color:var(--iexel-muted); display:block; font-size:11px; font-weight:700; margin-bottom:4px; }
 .iexel-registration-comparison-support dl,
 .iexel-registration-comparison-choices { grid-template-columns:minmax(0,1fr); }
 .iexel-registration-comparison-resolution .iexel-experience-button { box-sizing:border-box; justify-content:center; width:100%; }
}

.iexel-prospect-workspace .iexel-prospect-activity { list-style:none; margin:0; padding:0; }
.iexel-prospect-workspace .iexel-prospect-activity li { border-bottom:1px solid #e1e5eb; overflow-wrap:anywhere; padding:12px 0; }
.iexel-prospect-workspace .iexel-prospect-activity li:last-child { border-bottom:0; }
.iexel-prospect-workspace .iexel-prospect-activity small { color:var(--iexel-muted); display:block; margin-top:4px; }

/* Trial Period actions and Coach Trialist operational card. */
.iexel-team-trialists,.iexel-team-trialists *{box-sizing:border-box;min-width:0}
.iexel-team-trialists .iexel-directory-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);max-width:860px;width:100%}
.iexel-team-trialist-card{overflow-wrap:anywhere;width:100%}
.iexel-team-trialist-form{display:grid;gap:14px}
.iexel-team-trialist-form label{display:grid;gap:8px;font-weight:700}
.iexel-team-trialist-form textarea{--iexel-autogrow-min:88px;--iexel-autogrow-max:240px;font:inherit;max-width:100%;padding:10px;width:100%}
.iexel-prospect-trial-period #trial-session-history ~ .iexel-directory-grid{grid-template-columns:minmax(0,1fr);width:100%}
.iexel-prospect-trial-period #trial-session-history ~ .iexel-directory-grid > .iexel-os-card{overflow-wrap:anywhere;width:100%}
.iexel-trial-attendance-form{display:grid;gap:14px;min-width:0}
.iexel-trial-attendance-form label{display:grid;gap:8px;font-weight:700;min-width:0}
.iexel-trial-attendance-form textarea{--iexel-autogrow-min:88px;--iexel-autogrow-max:240px;box-sizing:border-box;font:inherit;max-width:100%;padding:10px;width:100%}
.iexel-team-trialist-form textarea[data-iexel-autogrow]:not([data-iexel-autogrow-init]),.iexel-trial-attendance-form textarea[data-iexel-autogrow]:not([data-iexel-autogrow-init]){overflow-y:auto}
.iexel-prospect-trial-period #trial-review > button,.iexel-prospect-trial-period #trial-schedule > button{align-items:center;border:2px solid var(--iexel-gold);border-radius:10px;box-sizing:border-box;cursor:pointer;display:inline-flex;font:inherit;font-weight:800;justify-content:center;max-width:100%;min-height:48px;min-width:190px;padding:10px 20px;text-align:center;white-space:normal;width:auto}
.iexel-prospect-trial-period #trial-review > button{background:var(--iexel-midnight);color:#fff}
.iexel-prospect-trial-period #trial-schedule > button{background:var(--iexel-gold);color:var(--iexel-midnight)}
.iexel-prospect-trial-period #trial-review > button:hover{background:var(--iexel-navy);color:#fff;transform:none}
.iexel-prospect-trial-period #trial-schedule > button:hover{background:var(--iexel-midnight);color:#fff;transform:none}
.iexel-trial-attendance-actions{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;width:100%}
.iexel-trial-attendance-actions .iexel-button{align-items:center;border:2px solid var(--iexel-gold);border-radius:10px;box-sizing:border-box;cursor:pointer;display:inline-flex;font:inherit;font-weight:800;justify-content:center;min-height:48px;padding:10px 16px;text-align:center;white-space:normal;width:100%}
.iexel-trial-attendance-actions .iexel-button-primary{background:var(--iexel-gold);color:var(--iexel-midnight)}
.iexel-trial-attendance-actions .iexel-button-secondary{background:var(--iexel-midnight);color:#fff}
.iexel-trial-attendance-actions .iexel-button-primary:hover{background:var(--iexel-midnight);color:#fff;transform:none}
.iexel-trial-attendance-actions .iexel-button-secondary:hover{background:var(--iexel-navy);color:#fff;transform:none}
.iexel-prospect-trial-period #trial-review > button:focus-visible,.iexel-prospect-trial-period #trial-schedule > button:focus-visible,.iexel-trial-attendance-actions .iexel-button:focus-visible{box-shadow:none;outline:3px solid var(--iexel-gold);outline-offset:3px}
.iexel-prospect-trial-period #trial-review > button:disabled,.iexel-prospect-trial-period #trial-schedule > button:disabled,.iexel-trial-attendance-actions .iexel-button:disabled{background:#e4e7ec;border-color:#98a2b3;color:#475467;cursor:not-allowed;opacity:1}
@media(max-width:600px){.iexel-prospect-trial-period #trial-review > button,.iexel-prospect-trial-period #trial-schedule > button{min-width:0;width:100%}.iexel-trial-attendance-actions{grid-template-columns:minmax(0,1fr)}}