:root{--navy:#102a43;--blue:#174ea6;--line:#d9e2ec;--bg:#f5f7fa;--text:#243b53}*{box-sizing:border-box}.my-event-public,.my-event-body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}.my-event-public{min-height:100vh;display:grid;place-items:center;padding:24px}.my-event-access-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:14px;padding:32px;box-shadow:0 14px 40px rgba(16,42,67,.12)}.my-event-brand{display:block;color:var(--navy);font-size:.75rem;font-weight:800;letter-spacing:.13em}.my-event-access-card h1{margin:12px 0}.my-event-primary{border:0;border-radius:7px;background:var(--navy);color:#fff;padding:11px 18px;font-weight:700;cursor:pointer}.my-event-primary:disabled{opacity:.55}.my-event-help{font-size:.82rem;color:#627d98;margin-top:20px}.my-event-header{min-height:64px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(16px,4vw,48px);gap:18px}.my-event-header>div{display:flex;align-items:center;gap:16px}.my-event-header .my-event-brand{color:#b8d8ff}.my-event-header .planner-button{color:#fff;border-color:#9fb3c8}.my-event-tabs{display:flex;gap:4px;padding:0 clamp(16px,4vw,48px);background:#fff;border-bottom:1px solid var(--line)}.my-event-tabs button{border:0;background:transparent;color:var(--navy);padding:14px 18px;font-weight:700;cursor:pointer;border-bottom:3px solid transparent}.my-event-tabs button.active{color:#fff;background:var(--navy);border-bottom-color:var(--navy)}.my-event-workspace{padding:22px clamp(16px,4vw,48px);max-width:1500px;margin:auto}.my-event-hero{background:#fff;border:1px solid var(--line);border-left:5px solid var(--navy);padding:20px 24px;margin-bottom:16px}.my-event-hero p,.my-event-hero h1{margin:0 0 7px}.event-host-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.event-host-capabilities{grid-column:1/-1;border:1px solid var(--line);display:flex;gap:18px;flex-wrap:wrap;padding:12px}.event-host-capability{font-weight:600}.event-host-form .event-guest-form-actions{grid-column:1/-1}.event-host-access{display:grid;gap:16px}@media(max-width:850px){.my-event-header{align-items:flex-start;flex-direction:column}.my-event-tabs{overflow:auto}.event-host-form{grid-template-columns:1fr 1fr}}@media(max-width:560px){.event-host-form{grid-template-columns:1fr}.my-event-header>div{flex-wrap:wrap}.my-event-workspace{padding:14px}.my-event-access-card{padding:22px}}
/* Header action: keep the logout label legible over the navy event shell. */
.my-event-header #myEventLogout {
  flex: 0 0 auto;
  color: #17365d;
  background: #fff;
  border-color: #fff;
  white-space: nowrap;
}

.my-event-header #myEventLogout:hover {
  color: #0b2340;
  background: #eaf0f8;
  border-color: #eaf0f8;
}

.my-event-header #myEventLogout:focus-visible {
  color: #0b2340;
  outline: 3px solid #93c5fd;
  outline-offset: 2px;
}