/* Shared event identity in public selectors and portal records. */
.cx-event-date {
    box-sizing:border-box; display:inline-flex; flex:0 0 48px; flex-direction:column;
    align-items:center; justify-content:center; width:48px; height:48px;
    overflow:hidden; border:1px solid #525952; border-radius:8px;
    background:#2b332d; color:#f0f0f0; font-family:'Satoshi Variable','Satoshi',sans-serif;
}
.cx-event-date .cx-event-date__month { display:block; width:100%; padding:3px 0; margin:0; background:#3a493d; color:#cfdfd2; font:700 10px/12px 'Satoshi Variable','Satoshi',sans-serif !important; text-transform:uppercase; text-align:center; }
.cx-event-date .cx-event-date__day { display:block; padding:2px 0 3px; margin:0; color:#f0f0f0; font:700 19px/24px 'Satoshi Variable','Satoshi',sans-serif !important; text-align:center; }
.cx-event-choice {
    box-sizing:border-box; display:flex; align-items:center; gap:12px; width:100%; min-width:0;
    height:auto; min-height:88px; padding:12px; /* grows when a long event name wraps on a phone */ border:1px solid #444448; border-radius:9px;
    background:#272727; color:#f0f0f0; font-family:'Satoshi Variable','Satoshi',sans-serif; text-align:left; cursor:pointer;
}
.cx-event-choice:hover { background:#303030; border-color:#92b497; }
.cx-event-choice:focus-visible { outline:2px solid #92b497; outline-offset:-3px; }
.cx-event-choice__copy { flex:1; min-width:0; display:grid; gap:3px; }
.cx-event-choice__copy strong,.cx-event-choice__copy small { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; overflow-wrap:normal; }
.cx-event-choice__copy strong { font-size:14px; line-height:20px; font-weight:700; color:#f0f0f0; }
.cx-event-choice__copy small { font-size:12px; line-height:16px; color:#b5b5b5; }
.cx-event-choice__arrow { flex:0 0 16px; color:#b5b5b5; }

/* Inside the quote request form a general "button { min-height: 44px }" rule outranks the one above,
   so restate the 88px floor there, and let each row in the event list be as tall as its content
   (otherwise the list squashes rows together when there are many events). Felix 2026-10-15. */
.cx-quote-request .cx-event-choice { min-height:88px; }
.cx-request-quote-event-list { grid-auto-rows:max-content; }