.bbar-enrollment{--bbar-enrollment-bg: #f6f7f8;--bbar-enrollment-surface: #ffffff;--bbar-enrollment-text: #17212b;--bbar-enrollment-muted: #5d6975;--bbar-enrollment-border: #d7dde3;--bbar-enrollment-primary: #1f6f5f;--bbar-enrollment-primary-dark: #155246;--bbar-enrollment-focus: #0b76ce;--bbar-enrollment-info: #eaf5f2;--bbar-enrollment-error: #a61b1b;box-sizing: border-box;max-width: 72rem;margin: 2rem auto;color: var(--bbar-enrollment-text);font-size: 1rem;line-height: 1.55;}
.bbar-enrollment *, .bbar-enrollment *::before, .bbar-enrollment *::after{box-sizing: inherit;}
.bbar-enrollment__header{margin-bottom: 1.25rem;}
.bbar-enrollment__eyebrow{margin: 0 0 .25rem;color: var(--bbar-enrollment-primary-dark);font-size: .8rem;font-weight: 700;letter-spacing: .08em;text-transform: uppercase;}
.bbar-enrollment__header h2{margin: 0;font-size: clamp(1.6rem, 3vw, 2.35rem);line-height: 1.15;}
.bbar-enrollment__intro{max-width: 46rem;margin: .65rem 0 0;color: var(--bbar-enrollment-muted);}
.bbar-enrollment__progress{margin: 1rem 0 var(--bbar-ui-section-gap, 1.25rem);}
.bbar-enrollment__progress ol{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: .5rem;margin: 0;padding: 0;list-style: none;}
.bbar-enrollment__progress li{display: flex;align-items: center;gap: .5rem;min-width: 0;padding: .65rem .75rem;border: 1px solid var(--bbar-enrollment-border);border-radius: .65rem;background: var(--bbar-enrollment-surface);color: var(--bbar-enrollment-muted);font-size: .9rem;font-weight: 600;}
.bbar-enrollment__progress li > span{display: inline-grid;flex: 0 0 1.65rem;width: 1.65rem;height: 1.65rem;place-items: center;border-radius: 50%;background: var(--bbar-enrollment-bg);color: var(--bbar-enrollment-text);}
.bbar-enrollment__progress li[aria-current="step"]{border-color: var(--bbar-enrollment-primary);background: var(--bbar-enrollment-info);color: var(--bbar-enrollment-primary-dark);}
.bbar-enrollment__progress li[aria-current="step"] > span{background: var(--bbar-enrollment-primary);color: #ffffff;}
.bbar-enrollment__form, .bbar-enrollment__review, .bbar-enrollment__empty, .bbar-enrollment__notice{border: 1px solid var(--bbar-enrollment-border);border-radius: .9rem;background: var(--bbar-enrollment-surface);box-shadow: 0 .35rem 1.1rem rgba(23, 33, 43, .06);}
.bbar-enrollment__form, .bbar-enrollment__review{padding: var(--bbar-ui-card-padding, 1rem);}
.bbar-enrollment__fieldset{min-width: 0;margin: 0;padding: 0;border: 0;}
.bbar-enrollment__fieldset legend{width: 100%;margin-bottom: 1rem;padding: 0;font-size: 1.15rem;font-weight: 700;}
.bbar-enrollment__choice-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));gap: 1rem;}
.bbar-enrollment__choice{position: relative;display: block;margin: 0;cursor: pointer;}
.bbar-enrollment__choice-input{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);border: 0;white-space: nowrap;}
.bbar-enrollment__choice-card{display: flex;min-height: 100%;flex-direction: column;gap: .45rem;padding: 1rem;border: 2px solid var(--bbar-enrollment-border);border-radius: .8rem;background: var(--bbar-enrollment-surface);transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;}
.bbar-enrollment__choice:not(.bbar-enrollment__choice--disabled):hover .bbar-enrollment__choice-card{border-color: #8fa9a2;transform: translateY(-1px);}
.bbar-enrollment__choice-input:focus-visible + .bbar-enrollment__choice-card{outline: 3px solid var(--bbar-enrollment-focus);outline-offset: 3px;}
.bbar-enrollment__choice-input:checked + .bbar-enrollment__choice-card, .bbar-enrollment__choice-card.is-selected{border-color: var(--bbar-enrollment-primary);box-shadow: 0 0 0 3px rgba(31, 111, 95, .14);background: #fbfffd;}
.bbar-enrollment__choice--disabled{cursor: not-allowed;opacity: .65;}
.bbar-enrollment__choice--disabled .bbar-enrollment__choice-card{background: var(--bbar-enrollment-bg);}
.bbar-enrollment__choice-kicker{color: var(--bbar-enrollment-primary-dark);font-size: .78rem;font-weight: 700;letter-spacing: .05em;text-transform: uppercase;}
.bbar-enrollment__choice-title{font-size: 1.15rem;line-height: 1.3;}
.bbar-enrollment__choice-warning{color: var(--bbar-enrollment-error);font-weight: 600;}
.bbar-enrollment__price{margin: .2rem 0;font-size: 1.3rem;}
.bbar-enrollment__slot-list, .bbar-enrollment__membership-list{margin: .35rem 0 0;padding-left: 1.25rem;}
.bbar-enrollment__slot-list li, .bbar-enrollment__membership-list li{margin: .15rem 0;}
.bbar-enrollment__availability-note{margin: -.25rem 0 1rem;color: var(--bbar-enrollment-muted);}
.bbar-enrollment__profile-help{margin: 1rem 0 0;color: var(--bbar-enrollment-muted);}
.bbar-enrollment__profile-help a{font-weight: 700;}
.bbar-enrollment__profile-help a:focus-visible{outline: 3px solid var(--bbar-enrollment-focus);outline-offset: 3px;}
.bbar-enrollment__actions{display: flex;flex-wrap: wrap;justify-content: flex-end;gap: .75rem;margin-top: 1.35rem;}
.bbar-enrollment__button{display: inline-flex;min-height: 2.75rem;align-items: center;justify-content: center;padding: .65rem 1rem;border: 2px solid transparent;border-radius: .55rem;font: inherit;font-weight: 700;line-height: 1.2;text-align: center;text-decoration: none;cursor: pointer;}
.bbar-enrollment__button--primary{border-color: var(--bbar-enrollment-primary);background: var(--bbar-enrollment-primary);color: #ffffff;}
.bbar-enrollment__button--primary:hover{border-color: var(--bbar-enrollment-primary-dark);background: var(--bbar-enrollment-primary-dark);color: #ffffff;}
.bbar-enrollment__button--secondary{border-color: var(--bbar-enrollment-border);background: var(--bbar-enrollment-surface);color: var(--bbar-enrollment-text);}
.bbar-enrollment__button--secondary:hover{border-color: var(--bbar-enrollment-primary);color: var(--bbar-enrollment-primary-dark);}
.bbar-enrollment__button:focus-visible{outline: 3px solid var(--bbar-enrollment-focus);outline-offset: 3px;}
.bbar-enrollment__context-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));gap: .75rem;margin-bottom: 1rem;}
.bbar-enrollment__context{display: flex;flex-direction: column;gap: .15rem;margin-bottom: 1rem;padding: .75rem 1rem;border-left: 4px solid var(--bbar-enrollment-primary);border-radius: .35rem;background: var(--bbar-enrollment-info);}
.bbar-enrollment__context-grid .bbar-enrollment__context{margin-bottom: 0;}
.bbar-enrollment__context > span{color: var(--bbar-enrollment-muted);font-size: .82rem;font-weight: 600;}
.bbar-enrollment__summary{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0;margin: 0;border: 1px solid var(--bbar-enrollment-border);border-radius: .7rem;overflow: hidden;}
.bbar-enrollment__summary > div{padding: .9rem 1rem;border-bottom: 1px solid var(--bbar-enrollment-border);}
.bbar-enrollment__summary > div:nth-child(odd){border-right: 1px solid var(--bbar-enrollment-border);}
.bbar-enrollment__summary > .bbar-enrollment__summary-schedule{grid-column:1 / -1;border-right:0;}
.bbar-enrollment__summary dt{margin-bottom: .25rem;color: var(--bbar-enrollment-muted);font-size: .82rem;font-weight: 700;text-transform: uppercase;}
.bbar-enrollment__summary dd{margin: 0;font-weight: 600;}
.bbar-enrollment__notice, .bbar-enrollment__empty{padding: 1rem 1.15rem;}
.bbar-enrollment__notice{margin-top: 1rem;}
.bbar-enrollment__notice--info{border-color: #a5cec4;background: var(--bbar-enrollment-info);}
.bbar-enrollment__notice--error{border-color: #e0a5a5;background: #fff7f7;}
.bbar-enrollment__notice p, .bbar-enrollment__empty p{margin: .35rem 0 .8rem;}
.bbar-enrollment__empty h3, .bbar-enrollment__empty h2{margin-top: 0;}
@media (max-width: 720px) {
.bbar-enrollment__progress ol{grid-template-columns: repeat(2, minmax(0, 1fr));}
.bbar-enrollment__summary{grid-template-columns: 1fr;}
.bbar-enrollment__summary > div:nth-child(odd){border-right: 0;}
}
@media (max-width: 480px) {
.bbar-enrollment{margin: 1rem .5rem;}
.bbar-enrollment__progress li{padding: .55rem;font-size: .82rem;}
.bbar-enrollment__form, .bbar-enrollment__review{padding: .85rem;}
.bbar-enrollment__actions{flex-direction: column-reverse;}
.bbar-enrollment__button{width: 100%;}
}
.bbar-enrollment__notice--success{border-color:#87bea8;background:#f1fbf6;}
.bbar-enrollment__error-summary{margin-top:.7rem;}
.bbar-enrollment__error-summary ul{margin:.4rem 0 0;padding-left:1.25rem;}
.bbar-enrollment__error-summary li{margin:.15rem 0;}

/* BB-UX-SYSTEM-01 / Customer Guided Experience */
.bbar-enrollment {
    --bbar-enrollment-bg: var(--bbar-ui-surface-soft, #f6f9fc);
    --bbar-enrollment-surface: var(--bbar-ui-surface, #fff);
    --bbar-enrollment-text: var(--bbar-ui-ink, #172033);
    --bbar-enrollment-muted: var(--bbar-ui-muted, #64778b);
    --bbar-enrollment-border: var(--bbar-ui-line, #d9e3ed);
    --bbar-enrollment-primary: var(--bbar-ui-blue-600, #2877e6);
    --bbar-enrollment-primary-dark: var(--bbar-ui-navy-800, #102b47);
    --bbar-enrollment-focus: var(--bbar-ui-cyan-400, #43d9ff);
    --bbar-enrollment-info: var(--bbar-ui-surface-blue, #f2f8ff);
    max-width: 76rem;
}

.bbar-enrollment__header {
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem;
    padding: clamp(1.35rem, 3vw, 2.2rem);
    border: 1px solid #203b59;
    border-radius: var(--bbar-ui-radius-lg, 20px);
    color: #f5faff;
    background:
        radial-gradient(circle at 88% 8%, rgba(67,217,255,.16), transparent 26%),
        linear-gradient(125deg, #07111e 0%, #0b192a 50%, #102b47 100%);
    box-shadow: var(--bbar-ui-shadow-md, 0 12px 32px rgba(17,39,61,.09));
}
.bbar-enrollment__header::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .24;
    background-image: linear-gradient(rgba(67,217,255,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(67,217,255,.09) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(90deg, #000, transparent 85%);
}
.bbar-enrollment__header > * { position: relative; }
.bbar-enrollment__eyebrow { color: #70ddff; font-size: .72rem; letter-spacing: .13em; }
.bbar-enrollment__header h2 { color: #fff; letter-spacing: -.025em; }
.bbar-enrollment__intro { color: #adc3d8; }

.bbar-enrollment__progress ol { gap: .65rem; }
.bbar-enrollment__progress li {
    position: relative;
    border-color: var(--bbar-ui-line, #d9e3ed);
    border-radius: 11px;
    box-shadow: 0 3px 10px rgba(23,45,67,.035);
}
.bbar-enrollment__progress li[aria-current="step"] {
    border-color: #85b8e6;
    color: #0f4f80;
    background: #edf7ff;
    box-shadow: inset 0 0 0 1px rgba(67,217,255,.12);
}
.bbar-enrollment__progress li[aria-current="step"] > span { background: linear-gradient(135deg, var(--bbar-ui-navy-800, #102b47), var(--bbar-ui-blue-600, #2877e6)); }
.bbar-enrollment__progress li.is-complete { color: #35647f; background: #f6fbff; }
.bbar-enrollment__progress li.is-complete > span { color: #fff; background: #2786b7; }

.bbar-enrollment__form,
.bbar-enrollment__review,
.bbar-enrollment__empty,
.bbar-enrollment__notice {
    border-radius: var(--bbar-ui-radius-md, 14px);
    box-shadow: var(--bbar-ui-shadow-sm, 0 4px 14px rgba(23,45,67,.05));
}
.bbar-enrollment__fieldset legend { color: #173652; font-size: 1.12rem; }
.bbar-enrollment__choice-card { border-color: var(--bbar-ui-line, #d9e3ed); border-radius: 13px; box-shadow: 0 3px 12px rgba(23,45,67,.035); }
.bbar-enrollment__choice:not(.bbar-enrollment__choice--disabled):hover .bbar-enrollment__choice-card { border-color: #92bada; box-shadow: 0 9px 22px rgba(23,71,111,.09); }
.bbar-enrollment__choice-input:checked + .bbar-enrollment__choice-card,
.bbar-enrollment__choice-card.is-selected { border-color: var(--bbar-ui-blue-500, #3f83ff); background: #f8fbff; box-shadow: 0 0 0 3px rgba(63,131,255,.13), 0 10px 24px rgba(23,71,111,.08); }
.bbar-enrollment__choice-kicker { color: #2471aa; }

.bbar-enrollment__button { border-radius: var(--bbar-ui-radius-sm, 9px); transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease; }
.bbar-enrollment__button:hover { transform: translateY(-1px); }
.bbar-enrollment__button--primary { border-color: var(--bbar-ui-navy-800, #102b47); background: linear-gradient(135deg, var(--bbar-ui-navy-800, #102b47), var(--bbar-ui-blue-600, #2877e6)); box-shadow: 0 7px 18px rgba(40,119,230,.18); }
.bbar-enrollment__button--primary:hover { border-color: #153e66; background: linear-gradient(135deg, #0d2239, #286dce); }
.bbar-enrollment__button--secondary { border-color: var(--bbar-ui-line-strong, #c4d3e1); color: #23425f; }
.bbar-enrollment__button--secondary:hover { border-color: #8fb4d4; color: #0c5c9b; background: #f7fbff; }
.bbar-enrollment__button:focus-visible { outline: none; box-shadow: var(--bbar-ui-focus, 0 0 0 3px rgba(67,217,255,.28)); }

.bbar-enrollment__week {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 10px;
    margin-top: .65rem;
    padding: 0;
    border: 0;
    background: transparent;
}
.bbar-enrollment__week-day {
    display: grid;
    min-height: 82px;
    align-content: center;
    justify-items: start;
    gap: 3px;
    padding: 11px 12px;
    border: 1px solid #dce7f1;
    border-radius: 10px;
    color: #183b5a;
    background: #fff;
    text-align: left;
}
.bbar-enrollment__week-day.has-session {
    border-color: #b9d2ea;
    color: #183b5a;
    background: linear-gradient(145deg, #f5fbff, #e8f3ff);
    box-shadow: 0 4px 12px rgba(23,71,111,.06);
}
.bbar-enrollment__week-label { color:#557087; font-size: .72rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.bbar-enrollment__week-day strong { font-size: 1.02rem; line-height: 1.15; }
.bbar-enrollment__week-day small { color: #61809b; font-size: .72rem; }
.bbar-enrollment__week-empty { font-size: 1.1rem; }
.bbar-enrollment__pair-note { margin: .45rem 0 0; color: #557087; font-size: .78rem; font-weight: 650; }
.bbar-enrollment__capacity{display:inline-flex;align-items:center;width:max-content;margin-top:.25rem;padding:.35rem .65rem;border:1px solid #c8d8e8;border-radius:999px;color:#173652;background:#f5f9fd;font-size:.82rem;font-weight:800}

@media (max-width: 720px) {
    .bbar-enrollment__week { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); }
}
/* BB-UX-CUSTOMER-01 — Account Center visual authority */
.bbar-enrollment{
    --bbar-enrollment-bg:var(--bbar-ui-surface-soft,#f6f8fb);
    --bbar-enrollment-surface:var(--bbar-ui-surface,#fff);
    --bbar-enrollment-text:var(--bbar-ui-ink,#172033);
    --bbar-enrollment-muted:var(--bbar-ui-muted,#667085);
    --bbar-enrollment-border:var(--bbar-ui-line,#e4e8ef);
    --bbar-enrollment-primary:var(--bbar-ui-blue-600,#175cd3);
    --bbar-enrollment-primary-dark:#134aa8;
    --bbar-enrollment-focus:var(--bbar-ui-cyan-400,#43d9ff);
    --bbar-enrollment-info:#eff5ff;
    width:100%;
    max-width:1200px;
    color:var(--bbar-ui-ink,#172033);
}
.bbar-enrollment__header{
    padding:var(--bbar-ui-header-padding, clamp(1.1rem,2.5vw,1.5rem));
    margin-bottom:var(--bbar-ui-section-gap, 1.25rem);
    border:1px solid var(--bbar-ui-line,#e4e8ef);
    border-radius:22px;
    color:var(--bbar-ui-ink,#172033);
    background:linear-gradient(145deg,#fff 0%,#f3f7ff 100%);
    box-shadow:0 18px 50px rgba(15,23,42,.08);
}
.bbar-enrollment__header::after{content:none;display:none}
.bbar-enrollment__eyebrow{color:#175cd3}
.bbar-enrollment__header h2{color:#172033}
.bbar-enrollment__intro{color:#667085}
.bbar-enrollment__form,.bbar-enrollment__review,.bbar-enrollment__empty,.bbar-enrollment__notice{
    border-color:#e4e8ef;
    border-radius:18px;
    box-shadow:0 8px 28px rgba(15,23,42,.055);
}
.bbar-enrollment__choice-card{border-color:#e4e8ef;border-radius:16px}
.bbar-enrollment__choice:not(.bbar-enrollment__choice--disabled):hover .bbar-enrollment__choice-card{border-color:#a9c7ee}
.bbar-enrollment__choice-input:checked + .bbar-enrollment__choice-card,.bbar-enrollment__choice-card.is-selected{
    border-color:#175cd3;
    background:#f8fbff;
    box-shadow:0 0 0 3px rgba(23,92,211,.12);
}
.bbar-enrollment__button{min-height:var(--bbar-ui-control-height, 2.75rem);border-radius:10px}
.bbar-enrollment__button--primary{border-color:#175cd3;background:#175cd3}
.bbar-enrollment__button--primary:hover{border-color:#134aa8;background:#134aa8}
.bbar-enrollment__button--secondary{border-color:#cfd9e5;color:#344054;background:#fff}
.bbar-enrollment__progress li[aria-current="step"]{border-color:#175cd3;background:#eff5ff;color:#134aa8}
.bbar-enrollment__progress li[aria-current="step"]>span{background:#175cd3}
.bbar-account-center-surface .bbar-account-delegated .bbar-enrollment{max-width:none;margin:0;padding:0}
.bbar-enrollment__job-nav{display:flex;flex-wrap:wrap;gap:10px;max-width:980px;margin:0 auto 18px;padding:10px;border:1px solid #dbe4ec;border-radius:14px;background:#fff}.bbar-enrollment__job-nav a{flex:1 1 220px;padding:11px 14px;border-radius:9px;color:#21445f;background:#f4f8fb;font-weight:700;text-align:center;text-decoration:none}.bbar-enrollment__job-nav a:hover,.bbar-enrollment__job-nav a:focus-visible{color:#fff;background:#2468c9}


/* BB-UX-FINAL-IA — explicit csoportos-edzes workspace */
.bbar-enrollment-workspace{width:100%;display:grid;gap:18px}
.bbar-enrollment-workspace__intro{padding:var(--bbar-ui-header-padding, clamp(1.1rem,2.5vw,1.5rem));border:1px solid #d9e3ed;border-radius:18px;background:linear-gradient(145deg,#fff 0%,#f3f7ff 100%);box-shadow:0 12px 34px rgba(15,23,42,.055)}
.bbar-enrollment-workspace__intro h2{margin:.15rem 0 .45rem;color:#172033;font-size:clamp(1.65rem,3vw,2.25rem)}
.bbar-enrollment-workspace__intro p:last-child{max-width:52rem;margin:0;color:#667085}
.bbar-enrollment-workspace .bbar-enrollment__job-nav{max-width:none;margin:0;padding:8px;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.bbar-enrollment-workspace .bbar-enrollment__job-nav a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border:1px solid transparent;color:#36516b;background:#f5f8fb}
.bbar-enrollment-workspace .bbar-enrollment__job-nav a strong{display:inline-grid;min-width:24px;height:24px;place-items:center;padding:0 6px;border-radius:999px;color:#175cd3;background:#eaf2ff;font-size:.78rem}
.bbar-enrollment-workspace .bbar-enrollment__job-nav a.is-active,.bbar-enrollment-workspace .bbar-enrollment__job-nav a[aria-current="page"]{border-color:#175cd3;color:#fff;background:#175cd3;box-shadow:0 7px 18px rgba(23,92,211,.18)}
.bbar-enrollment-workspace .bbar-enrollment__job-nav a.is-active strong,.bbar-enrollment-workspace .bbar-enrollment__job-nav a[aria-current="page"] strong{color:#134aa8;background:#fff}
.bbar-enrollment-workspace__pane[hidden]{display:none!important}
.bbar-enrollment-workspace__pane>.bbar-enrollment{margin:0!important}
.bbar-enrollment-workspace__pane>.bbar-enrollment>.bbar-enrollment__header{margin-bottom:1rem;box-shadow:0 8px 28px rgba(15,23,42,.045)}
@media(max-width:640px){.bbar-enrollment-workspace__intro{padding:18px}.bbar-enrollment-workspace .bbar-enrollment__job-nav{display:grid;grid-template-columns:1fr}.bbar-enrollment-workspace .bbar-enrollment__job-nav a{width:100%}}

/* BB-UX-NO-SURPRISE-FINAL — one group-membership timeline for each managed participant. */
.bbar-enrollment--mine{display:grid;gap:1rem}
.bbar-enrollment--mine>.bbar-enrollment__header{margin-bottom:0}
.bbar-enrollment__status-section{padding:1rem;border:1px solid #e4e8ef;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(15,23,42,.045)}
.bbar-enrollment__status-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .85rem}
.bbar-enrollment__status-heading h3{margin:0;color:#172033;font-size:1.05rem}
.bbar-enrollment__status-heading>span{display:inline-grid;min-width:28px;height:28px;place-items:center;padding:0 .5rem;border-radius:999px;color:#175cd3;background:#eff5ff;font-size:.78rem;font-weight:800}
.bbar-enrollment__choice-card--status{display:flex;min-height:160px;flex-direction:column;align-items:flex-start;gap:.45rem}
.bbar-enrollment__choice-card--status .bbar-enrollment__button{margin-top:auto}
.bbar-enrollment__card-status{display:flex;width:100%;justify-content:flex-start}
.bbar-enrollment__status-pill{display:inline-flex;align-items:center;width:max-content;min-height:26px;padding:.22rem .62rem;border-radius:999px;font-size:.72rem;font-weight:800}
.bbar-enrollment__status-pill--active{color:#067647;background:#ecfdf3}
.bbar-enrollment__status-pill--activation{color:#9a6700;background:#fffaeb}
.bbar-enrollment__status-pill--pending{margin-bottom:.45rem;color:#175cd3;background:#eff5ff}
.bbar-enrollment__status-pill--rejected{margin-bottom:.45rem;color:#b42318;background:#fef3f2}
.bbar-enrollment__decision-reason{margin:.35rem 0 0;color:#667085;font-size:.88rem}

.bbar-enrollment .bbar-enrollment__button--primary:disabled,
.bbar-enrollment .bbar-enrollment__button--primary:disabled:hover{
    border-color:#cbd5e1;
    background:#e8edf3;
    color:#64748b;
    box-shadow:none;
    cursor:not-allowed;
}

.bbar-enrollment__service-filter {
    display:grid;
    grid-template-columns:minmax(0, 20rem) auto;
    align-items:end;
    justify-content:start;
    gap:.4rem .65rem;
    margin:0 0 1rem;
    padding:var(--bbar-ui-card-padding, 1rem);
    border:1px solid var(--bbar-enrollment-border);
    border-radius:14px;
    background:var(--bbar-enrollment-surface);
}
.bbar-enrollment__service-filter label { grid-column:1 / -1; margin:0; font-weight:700; }
.bbar-enrollment__service-filter select {
    width:100%;
    min-width:0;
    min-height:var(--bbar-ui-control-height, 2.75rem);
    padding:.55rem .75rem;
    border:1px solid var(--bbar-enrollment-border);
    border-radius:10px;
    color:var(--bbar-enrollment-text);
    background:#fff;
    font:inherit;
}
.bbar-enrollment__service-filter select:focus-visible { outline:3px solid #175cd3; outline-offset:2px; }
.bbar-enrollment__choice-availability { color:#087443; }
.bbar-enrollment__choice--disabled .bbar-enrollment__choice-availability { color:#475467; }
@media(max-width:640px) {
    .bbar-enrollment__service-filter { grid-template-columns:1fr; }
    .bbar-enrollment__service-filter .bbar-enrollment__button { width:100%; }
}