dialog.activity-detail-dialog{width:min(1280px,96vw);max-width:1280px;max-height:94dvh;padding:0;border-radius:16px;background:#fff;color:#244B63}dialog.activity-detail-dialog #dialog-content{padding:0}dialog.activity-detail-dialog>.close{position:sticky;top:10px;float:right;margin:8px 12px -44px 0;z-index:4;background:white} .event-detail{font-family:Manrope,sans-serif}.event-top{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 64px 0 24px;border-bottom:1px solid #244b6315;font-size:12px;font-weight:700}.event-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;padding:20px}.event-main{min-width:0}.event-hero{position:relative}.event-hero>img{width:100%;height:280px;object-fit:cover;border-radius:10px}.event-hero-actions{position:absolute;right:14px;top:14px;display:flex;gap:8px}.event-hero-actions .btn{background:white;font-size:12px;padding:9px 12px;display:flex;align-items:center;gap:5px}.event-photo-note{position:absolute;bottom:14px;left:12px;background:#244b63d9;color:white;font-size:10px;padding:3px 6px;border-radius:4px}.event-content{padding:20px 10px}.event-heading{display:flex;align-items:center;gap:12px;justify-content:space-between}.event-heading h2{font-size:30px;margin:9px 0}.event-sport{font-size:11px;background:#91c9e83b;border-radius:15px;padding:4px 10px}.event-state{font-size:11px;background:#edf4e9;border-radius:20px;padding:6px 12px;white-space:nowrap}.event-tagline{font-size:13px;margin:0 0 16px}.event-host{font-size:13px;font-weight:700;margin:18px 0}.event-facts{display:grid;grid-template-columns:1fr 1fr;gap:15px;border:1px solid #244b6315;border-radius:8px;padding:18px}.event-facts>div{display:flex;gap:12px;align-items:center;font-size:12px}.event-detail svg{width:19px;height:19px;flex-shrink:0}.event-content section{border-bottom:1px solid #244b6314;padding:20px 0}.event-content h3,.event-aside h3{font-size:16px;margin:0 0 10px}.event-content h4,.event-aside h4{font-size:14px;margin:0 0 8px}.event-content p,.event-aside p{font-size:13px;line-height:1.65;margin:6px 0}.event-pre{white-space:pre-wrap;overflow-wrap:anywhere}.event-venue{display:grid;grid-template-columns:210px 1fr;gap:18px}.event-map{background:linear-gradient(35deg,#ede3d2,#eaf4f9);border:1px solid #244b6315;min-height:120px;border-radius:9px;display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:center;color:#244B63;text-decoration:none;font-size:12px}.event-map svg{width:32px;height:32px}.event-links{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;margin-top:10px}.event-links a,.event-trust a{color:#244B63}.event-split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.event-confirmation{background:#91c9e81f;padding:18px!important;border-radius:10px;margin-top:10px}.event-steps{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:700;margin:18px 0}.event-aside{position:sticky;top:20px;align-self:start}.event-booking,.event-trust{padding:20px;border:1px solid #244b6314;box-shadow:0 3px 15px #244b6307;border-radius:10px;margin-bottom:14px}.event-booking h3{font-size:24px}.event-booking>strong{display:block;font-size:13px;text-align:center;margin-top:15px}.event-booking .lifecycle-actions{display:flex;flex-direction:column}.event-booking .btn{width:100%;background:#244B63;color:white;border:0;justify-content:center}.event-booking progress{width:100%;height:8px;accent-color:#91C9E8}.event-availability{background:#91c9e826;padding:10px;border-radius:6px}.event-booking small,.event-chat>small{font-size:11px;line-height:1.5;display:block}.event-booking .textlink{display:block;margin-top:14px;font-size:12px}.event-trust{background:#ede3d250}.event-trust a{font-size:12px}.event-roster{display:flex;gap:14px;flex-wrap:wrap;padding-top:12px}.event-person{width:64px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.event-person img,.event-person>span{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#ede3d2;display:grid;place-items:center}.event-person small{font-size:11px;max-width:100%;overflow-wrap:anywhere}.event-chat-heading{display:flex;justify-content:space-between;align-items:center}.event-chat-messages{max-height:340px;overflow:auto;background:#f5f7f7;border-radius:10px;padding:12px;margin:12px 0;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}.event-message{background:white;border:1px solid #244b6310;padding:10px 12px;border-radius:12px;max-width:88%;align-self:start}.event-message.mine{background:#91c9e838;align-self:end}.event-message header{display:flex;gap:16px;align-items:center;font-size:11px}.event-message time{font-size:10px;opacity:.7}.event-message p{white-space:pre-wrap;overflow-wrap:anywhere}.event-chat form>label{font-size:12px}.event-chat form>div{display:flex;gap:8px;margin:6px 0 12px}.event-chat textarea{width:100%;resize:vertical;border:1px solid #244b6326;border-radius:8px;padding:10px;font:inherit;font-size:14px}.event-chat form[hidden]{display:none}.event-chat button{align-self:end}.activity-detail-dialog #flow-error{padding:0 30px}.event-detail a:focus-visible,.event-detail button:focus-visible{outline:3px solid #91c9e8;outline-offset:3px}@media(max-width:800px){.event-layout{grid-template-columns:1fr;padding:10px;gap:8px}.event-aside{position:static;grid-row:2}.event-hero>img{height:220px}.event-heading{align-items:start;flex-direction:column;gap:4px}.event-heading h2{font-size:26px}.event-venue{grid-template-columns:1fr}.event-map{min-height:100px}.event-steps{flex-direction:column}.event-facts{padding:12px;gap:12px}.event-top{padding-left:18px}.event-split{grid-template-columns:1fr}.event-chat textarea{font-size:16px}.event-hero-actions .btn{padding:8px}.event-layout .event-content{padding:16px 6px}.event-booking{margin-top:0}}
.event-top .event-profile{display:flex;align-items:center;gap:8px;font-size:12px;color:#244B63}.event-profile img{width:30px;height:30px;border-radius:50%;object-fit:cover}.event-booking button:disabled{opacity:.5}.member-layout dialog.activity-detail-dialog{width:calc(100vw - var(--mh-side));max-width:none;margin:0 0 0 var(--mh-side);height:100dvh;max-height:100dvh;border-radius:0}.member-layout dialog.activity-detail-dialog::backdrop{background:transparent;backdrop-filter:none}@media(max-width:800px){.member-layout dialog.activity-detail-dialog{width:100vw;margin:0;height:calc(100dvh - 65px);max-height:calc(100dvh - 65px)}}
body:has(dialog.activity-detail-dialog[open]){overflow:hidden}.event-hero>img{object-position:center 30%}
.member-layout dialog.activity-detail-dialog{position:fixed;left:var(--mh-side);right:0;top:0;bottom:0;margin:0;overflow-y:auto;overflow-x:hidden;background:#fff}@media(max-width:800px){.member-layout dialog.activity-detail-dialog{left:0;bottom:65px}}
.event-steps{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;align-items:start;gap:12px;margin:24px 0}.event-step{display:flex;flex-direction:column;gap:12px;min-width:0}.event-step-icon{width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;border:1px solid #91c9e87a;color:#244B63}.event-step-icon svg{width:23px;height:23px}.event-step h4{font-size:13px;margin:0 0 6px}.event-step p{font-size:12px;line-height:1.6;margin:0}.event-step-arrow{align-self:start;padding-top:10px;color:#244B63}.event-step-arrow svg{width:24px;height:24px}.event-equipment-link{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#244B63;font-size:12px;font-weight:700;margin-top:14px;text-decoration:none;background:#91c9e822;padding:12px;border-radius:8px}.event-equipment-link span{display:block;width:100%;font-size:11px;font-weight:400;padding-left:25px}.event-disclaimer{background:#ede3d236;border-radius:10px;padding:18px!important;margin-top:20px}.event-disclaimer h3{font-size:13px}.event-disclaimer p{font-size:11px;line-height:1.75}@media(max-width:650px){.event-steps{grid-template-columns:1fr;gap:12px}.event-step{flex-direction:row;align-items:start}.event-step-icon{flex-shrink:0}.event-step-arrow{padding:0;margin-left:10px;transform:rotate(90deg);width:24px}}

/* Event conversation */
.event-message-row { display: flex; align-items: start; gap: 7px; min-width: 0; }
.event-message-row.mine { flex-direction: row-reverse; }
.event-message-avatar { display: grid; place-items: center; width: 32px; height: 32px; flex: 0 0 32px; border: 1px solid #244b631a; border-radius: 50%; overflow: hidden; background: #EDE3D2; color: #244B63; font-size: 12px; font-weight: 800; }
.event-message-avatar img { width: 100%; height: 100%; object-fit: cover; }
.event-detail .event-chat-messages {
  min-height: 220px;
  max-height: 390px;
  padding: 16px;
  gap: 8px;
  background: radial-gradient(circle at center, #244b6312 1px, transparent 1.4px) 0 0 / 18px 18px, #f3efe7;
  border: 1px solid #244b6312;
  border-radius: 14px;
}
.event-chat-date {
  align-self: center;
  margin: 4px 0 7px;
  padding: 3px 10px;
  border-radius: 20px;
  background: #fff;
  color: #516570;
  font-size: 11px;
  font-weight: 650;
}
.event-detail .event-message {
  position: relative;
  display: grid;
  gap: 3px;
  max-width: min(84%, 540px);
  min-width: 76px;
  margin: 0 4px;
  padding: 8px 11px 5px;
  border: 0;
  border-radius: 3px 13px 13px 13px;
  background: #fff;
  box-shadow: 0 1px 2px #244b631a;
}
.event-detail .event-message::before {
  content: '';
  position: absolute;
  top: 0;
  left: -5px;
  width: 8px;
  height: 9px;
  background: inherit;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}
.event-detail .event-message.mine { background: #e8f5c9; border-radius: 13px 3px 13px 13px; }
.event-detail .event-message.mine::before { left: auto; right: -5px; transform: scaleX(-1); }
.event-message-sender { color: #244B63; font-size: 11px; font-weight: 800; overflow-wrap: anywhere; }
.event-detail .event-message p { margin: 0; color: #244B63; font-size: 14px; line-height: 1.45; }
.event-detail .event-message time { justify-self: end; color: #536875; opacity: 1; font-size: 10px; line-height: 1.2; }
.event-detail .event-chat form > div { align-items: end; gap: 9px; }
.event-detail .event-chat textarea { min-height: 48px; max-height: 132px; padding: 11px 15px; border-radius: 18px; background: #fff; }
.event-detail .event-chat .btn[type='submit'] { display: grid; place-items: center; width: 46px; height: 46px; padding: 0; border-radius: 50%; flex: none; }
.event-detail .event-chat textarea:focus-visible,
.event-detail .event-chat .btn:focus-visible { outline: 3px solid #91C9E8; outline-offset: 2px; }
@media (max-width: 500px) {
  .event-detail .event-chat-messages { padding: 12px; }
  .event-detail .event-message { max-width: 90%; }
}

.event-venue-access {
 margin:14px 0;
 padding:12px;
 background:#f2f6e8;
 border:1px solid #d8e6af;
 border-radius:10px;
}
.event-venue-access p { margin:6px 0 0; }