.events-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.events-kicker{display:block;color:#2651b2;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.events-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:22px}.event-filter{display:flex;gap:8px;margin-bottom:14px}.event-filter .active{background:#162d6e;color:#fff;border-color:#162d6e}.event-admin-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #e3e8f0}.event-date-tile{display:grid;place-items:center;align-content:center;min-height:62px;border:1px solid #cbd6e8;border-bottom:4px solid #f5c200;border-radius:8px;background:#f5f7fb;color:#162d6e}.event-date-tile strong{font:800 28px/1 "Barlow Condensed","Arial Narrow",sans-serif}.event-date-tile span{font-size:11px;font-weight:800;letter-spacing:.08em}.event-card-copy{min-width:0}.event-card-copy h3{margin:4px 0 2px;color:#162d6e;font-size:19px}.event-card-copy p{overflow:hidden;margin:0;color:#667085;text-overflow:ellipsis;white-space:nowrap}.event-card-copy small{display:block;margin-top:5px;color:#475467;font-weight:700}.event-category,.event-publish{display:inline-flex;width:max-content;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800;text-transform:capitalize}.event-category{background:#dce8ff;color:#173e89}.event-category-competition{background:#fff0a8;color:#533f00}.event-category-community{background:#d9f2e2;color:#14532d}.event-category-social{background:#f5ddf6;color:#70256f}.event-category-development{background:#d9eff8;color:#164e63}.event-publish-draft{background:#eef1f5;color:#475467}.event-publish-published{background:#d9f2e2;color:#14532d}.event-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px;border:1px solid #b9c9e5;border-top:4px solid #2651b2;border-radius:10px;background:#f8faff;box-shadow:0 14px 34px rgba(22,45,110,.1)}.event-form-head,.event-span{grid-column:1/-1}.event-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.event-form textarea{resize:vertical}.event-check{display:flex!important;align-items:center;gap:10px}.event-check input{width:20px}.event-booking-links{max-height:220px;overflow:auto;padding:14px;border:1px solid #d6deeb;border-radius:8px}.event-booking-option{display:flex!important;align-items:center;gap:9px;padding:8px 4px}.event-booking-option input{width:18px}.event-actions{display:flex;gap:10px}.event-empty{display:grid;gap:5px;padding:34px;border:1px dashed #b9c9e5;border-radius:8px;color:#667085;text-align:center}.event-empty strong{color:#162d6e}@media(min-width:1100px){.events-workspace:has(.event-form:not(.hidden)){grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr)}}@media(max-width:700px){.events-heading{align-items:stretch;flex-direction:column}.events-heading button{width:100%}.event-admin-card{grid-template-columns:54px minmax(0,1fr) auto;gap:10px}.event-admin-card>button{grid-column:2/-1;width:100%}.event-publish{grid-column:3}.event-card-copy p{white-space:normal}.event-form{grid-template-columns:1fr;padding:16px}.event-form>*{grid-column:1}.event-actions{display:grid;grid-template-columns:1fr 1fr}}
@media(min-width:701px){body.event-panel-open #portal-canvas{transform:translateX(-160px)}.event-form.event-drawer{position:fixed;z-index:50;top:0;right:0;bottom:0;width:min(540px,calc(100vw - 320px));max-height:none;margin:0;overflow-y:auto;border:0;border-left:2px solid rgba(38,81,178,.28);border-radius:0;background:#fff;box-shadow:-10px 0 30px rgba(22,45,110,.14);animation:event-drawer-in .24s ease-out}.event-form.event-drawer .event-form-head{position:sticky;top:-20px;z-index:2;margin:-20px -20px 0;padding:20px;background:#fff;border-bottom:2px solid rgba(245,194,0,.55)}}@keyframes event-drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}@media(max-width:700px){.event-form.event-drawer{position:fixed;z-index:50;inset:0;width:100%;max-height:none;margin:0;overflow-y:auto;border:0;border-top:3px solid var(--blue);border-radius:0;background:#fff;box-shadow:none;animation:event-drawer-up .22s ease-out}.event-form.event-drawer .event-form-head{position:sticky;top:-16px;z-index:2;margin:-16px -16px 0;padding:16px;background:#fff;border-bottom:2px solid rgba(245,194,0,.55)}}@keyframes event-drawer-up{from{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.event-form.event-drawer{animation:none}}
/* Match the established New booking drawer exactly, including its responsive
   workspace shift.  Event fields are different; the panel behaviour is not. */
@media(min-width:1101px){body.event-panel-open #portal-canvas{transform:translateX(-160px)}.event-form.event-drawer{width:min(600px,calc(100vw - 320px))}}
@media(min-width:701px) and (max-width:1100px){body.event-panel-open #portal-canvas{transform:translateX(-120px)}.event-form.event-drawer{width:min(480px,48vw)}}
@media(min-width:701px){.event-form.event-drawer{padding:24px;border-left:2px solid rgba(38,81,178,.28);box-shadow:-10px 0 30px rgba(22,45,110,.14);animation:edge-drawer-in .24s ease-out}.event-form.event-drawer .event-form-head{top:-24px;margin:-24px -24px 0;padding:24px;background:#fff;border-bottom:2px solid rgba(245,194,0,.55)}}
@media(max-width:700px){.event-form.event-drawer{padding:18px;border-top:0;animation:edge-drawer-in .22s ease-out}.event-form.event-drawer .event-form-head{top:-18px;margin:-18px -18px 0;padding:18px;background:#fff}}
@keyframes edge-drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
/* A standalone What’s On item is intentionally a short, public-facing form.
   Keep the same drawer shell as bookings, but do not squeeze the old admin
   workspace into it. */
.event-form.event-drawer{align-content:start;gap:12px;background:#fff}.event-form.event-drawer .event-form-head h3{margin:2px 0 0;color:var(--navy);font-size:26px;line-height:1.1}.event-form.event-drawer .event-form-head .events-kicker{color:#2651b2}.event-form.event-drawer>label:nth-of-type(1),.event-form.event-drawer>label:nth-of-type(2),.event-form.event-drawer>.event-check,.event-form.event-drawer>.event-booking-links,.event-form.event-drawer>.event-actions,.event-form.event-drawer>#event-status{grid-column:1/-1}.event-form.event-drawer .event-booking-links{display:none}.event-form.event-drawer>label:nth-of-type(2){order:5}.event-form.event-drawer>label:nth-of-type(3){order:2}.event-form.event-drawer>label:nth-of-type(4){order:3}.event-form.event-drawer>label:nth-of-type(5){order:4}.event-form.event-drawer>label:nth-of-type(6),.event-form.event-drawer>label:nth-of-type(7){order:6}.event-form.event-drawer>label:nth-of-type(8),.event-form.event-drawer>label:nth-of-type(9){order:7}.event-form.event-drawer>.event-check{order:8;padding:10px 12px;border-left:3px solid var(--blue);background:#f5f8ff}.event-form.event-drawer>.event-actions{order:10;margin-top:4px;padding-top:12px;border-top:1px solid #e2e8f2}.event-form.event-drawer>#event-status{order:11;margin:0}.event-form.event-drawer label small{margin-top:4px;line-height:1.35}@media(max-width:700px){.event-form.event-drawer{grid-template-columns:1fr;gap:10px}.event-form.event-drawer>*{grid-column:1!important}.event-form.event-drawer .event-actions{grid-template-columns:1fr}.event-form.event-drawer .event-form-head h3{font-size:24px}}