.eb-panel,.eb-row,.eb-stats article{background:#fff;color:#122d4d;border:1px solid #d9e3ed;border-radius:22px;box-shadow:0 12px 36px #09264b0a;padding:30px;text-align:left}.eb-panel{max-width:1060px;margin:24px auto}.eb-eyebrow{color:#93702b;font-size:11px;letter-spacing:.15em;font-weight:800}.eb-panel h2,.eb-row h2{font-size:26px;line-height:1.2;margin:10px 0 18px}.eb-panel p,.eb-row p{line-height:1.6}.eb-form{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px}.eb-form label,.eb-filters label{display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:650;min-width:0}.eb-form input,.eb-form select,.eb-form textarea,.eb-filters input,.eb-filters select{font:inherit;padding:13px;border:1px solid #bacbdd;border-radius:10px;background:#f8fafc;color:#122d4d;width:100%;box-sizing:border-box;min-width:0}.eb-form input[readonly]{background:#edf2f7;color:#53677f}.eb-form small{font-weight:400;color:#53677f;line-height:1.5}.eb-full{grid-column:1/-1}.eb-button{display:inline-flex;justify-content:center;align-items:center;padding:14px 22px;background:#dcb551;color:#102b49;border:1px solid transparent;border-radius:10px;font:700 13px inherit;font-weight:750;cursor:pointer;text-decoration:none;line-height:1.4;min-height:44px}.eb-button:disabled{opacity:.5;cursor:wait}.eb-secondary{background:#f1f5f9;border-color:#cfdae6;color:#18344f}.eb-button:focus-visible,.eb-name:focus-visible{outline:3px solid #2489d4;outline-offset:3px}.eb-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.eb-details{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:24px 0}.eb-details>div{padding:14px 0;border-bottom:1px solid #e3eaf1;min-width:0}.eb-details dt{color:#61738a;font-size:12px;margin-bottom:6px}.eb-details dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.eb-id{color:#61738a;font-size:12px;overflow-wrap:anywhere}.eb-pill{display:inline-block;background:#e5eef9;color:#174777;padding:7px 12px;border-radius:20px;font-size:11px;font-weight:800;letter-spacing:.06em}.eb-confirmed,.eb-completed{background:#e3f2ea;color:#176144}.eb-needs_follow_up{background:#fff1d4;color:#805710}.eb-cancelled{background:#eceff2;color:#5f6c7b}.eb-followup{color:#865807;font-weight:700}.eb-confirmed{padding:20px;border-radius:12px}.eb-error{background:#fff1f1;color:#9b2727;padding:16px;border-radius:10px;line-height:1.5}.eb-admin{max-width:1400px;margin:0 auto;padding:12px}.eb-admin-hero{background:linear-gradient(120deg,#102c4b,#214d65);color:white;padding:32px;border-radius:22px;margin:18px 0 24px}.eb-admin-hero h1{font-size:38px;margin:10px 0}.eb-admin-hero .eb-eyebrow{color:#edcf82}.eb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.eb-stats strong{display:block;font-size:34px;margin-top:12px}.eb-stats span{color:#5b7087}.eb-filters{display:grid;grid-template-columns:1fr 1.5fr 1fr auto;align-items:end;gap:16px;margin:24px 0}.eb-list{display:grid;gap:16px}.eb-row{display:grid;grid-template-columns:1.4fr 1fr auto;gap:24px;align-items:center}.eb-row p{margin:8px 0;font-size:14px;overflow-wrap:anywhere}.eb-name{font:inherit;background:none;border:0;color:inherit;text-align:left;cursor:pointer;padding:0}.eb-muted{font-size:13px;color:#5d7288}.eb-admin .eb-panel{max-width:none}.eb-nav .eb-button{padding:8px 0;background:transparent;border:0}.eb-count{background:#ffffff25;border-radius:10px;padding:5px 10px;font-style:normal} @media(max-width:900px){.eb-row{grid-template-columns:1fr 1fr}.eb-row>.eb-button{grid-column:1/-1}.eb-filters{grid-template-columns:1fr 1fr}.eb-panel{padding:24px}.eb-stats{grid-template-columns:1fr 1fr}}@media(max-width:550px){.eb-form,.eb-details,.eb-row,.eb-filters{grid-template-columns:1fr}.eb-panel{padding:20px;border-radius:16px}.eb-panel h2{font-size:24px}.eb-admin{padding:0}.eb-admin-hero{padding:24px}.eb-admin-hero h1{font-size:30px}.eb-stats article{padding:18px}.eb-actions>*{width:100%;box-sizing:border-box}.eb-row{padding:20px}.eb-form input,.eb-form select,.eb-form textarea{font-size:16px}}
/* Only the booking workspace replaces the admin home cards; Back restores them. */
body:has(#adminView:not(.hidden) [data-exam-bookings-admin]) .hero-panel,
body:has(#adminView:not(.hidden) [data-exam-bookings-admin]) #metricsGrid{display:none}
.admin-tool-card[data-open-exam-bookings] span{font-size:13px;line-height:1.45;letter-spacing:normal}
.admin-tool-card[data-open-exam-bookings] strong{letter-spacing:normal;font-size:22px}
.eb-pill.eb-confirmed,.eb-pill.eb-completed{padding:7px 12px}

.eb-course{display:block;border:1px solid #bacbdd;border-radius:10px;padding:13px;background:#edf2f7;color:#53677f;line-height:1.5;overflow-wrap:anywhere}

/* Book Exam only: widen the existing hero and form without affecting other routes. */
.app-shell:has(.rl-page .eb-panel){width:100%;max-width:none;margin:0;padding:0}
.rl-page:has(.eb-panel) .rl-content{max-width:none;padding-inline:32px}
.rl-page .eb-panel{width:100%;max-width:none;padding:36px}
.rl-page .eb-panel>p{max-width:72ch}
.rl-page .eb-form{column-gap:32px;align-items:end}
@media(max-width:900px){
 .rl-page:has(.eb-panel) .rl-content{padding-inline:24px}
 .rl-page .eb-panel{padding:28px}
 .rl-page .eb-form{column-gap:24px}
}
@media(max-width:700px){
 .rl-page:has(.eb-panel) .rl-content{padding-inline:16px}
 .rl-page .eb-panel{padding:20px}
 .rl-page .eb-form,.rl-page .eb-details{grid-template-columns:minmax(0,1fr)}
}

/* Edge-to-edge booking canvas; spacing remains inside the hero and form. */
body:has(.rl-page .eb-panel){background:#0c2038}
.rl-page:has(.eb-panel){border-radius:0;min-height:100vh}
.eb-qualification-logo{display:block;width:150px;max-width:100%;height:auto;object-fit:contain;margin:0 auto 24px}

/* Narrow only the learner booking card; retain the edge-to-edge canvas. */
.rl-page .eb-panel{
 width:75%;max-width:none;margin:32px auto;
 padding:40px;border:1px solid #d5dfe9;border-radius:24px;
 box-shadow:0 20px 56px #03132630,0 3px 12px #03132614;
}
.rl-page .eb-qualification-logo{margin:8px auto 32px}
.rl-page .eb-panel>.eb-eyebrow{margin-bottom:12px}
.rl-page .eb-panel>h2{margin-bottom:14px}
.rl-page .eb-form{margin-top:30px;row-gap:24px}
@media(max-width:1100px){.rl-page .eb-panel{width:100%;padding:28px}}
@media(max-width:700px){
 .rl-page .eb-panel{padding:22px;margin-block:24px;border-radius:20px}
 .rl-page .eb-qualification-logo{margin:4px auto 28px}
}

/* Saved request receipt: independent of the external exam-booking status. */
.eb-receipt-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:28px;align-items:start;margin:32px auto}
.rl-page .eb-receipt-layout>.eb-panel{width:100%;margin:0;min-width:0}
.eb-receipt{background:#e4f3e9;color:#164d35;border:1px solid #b9dcc7;border-radius:24px;padding:32px;box-shadow:0 18px 44px #03132626;text-align:left}
.eb-receipt-check{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#24724d;color:white;font-size:30px;margin-bottom:24px}
.eb-receipt h2{font-size:25px;line-height:1.25;letter-spacing:-.02em;color:inherit;margin:0 0 18px}
.eb-receipt p{font-size:16px;line-height:1.65;margin:0 0 20px}
.eb-receipt .eb-receipt-note{font-size:13px;border-top:1px solid #b9dcc7;padding-top:18px;margin-bottom:0}
@media(max-width:1100px){.eb-receipt-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.eb-receipt{padding:24px;border-radius:20px}.eb-receipt-layout{gap:20px;margin-block:24px}}