.event-assistant { position: fixed; right: 22px; bottom: 22px; z-index: 10040; font-family: Inter, Arial, sans-serif; }
.event-assistant-launcher { width: 60px; height: 60px; display: grid; place-items: center; margin-left: auto; border: 0; border-radius: 50%; color: #fff; background: linear-gradient(135deg,#ff6b1f,#e10f25); box-shadow: 0 16px 38px rgba(204,23,30,.38); cursor: pointer; transition: transform .2s ease, box-shadow .2s ease; }
.event-assistant-launcher:hover { transform: translateY(-3px); box-shadow: 0 22px 44px rgba(204,23,30,.42); }
.event-assistant-launcher svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.event-assistant-launcher::after { position: absolute; right: 7px; bottom: 7px; width: 11px; height: 11px; border: 2px solid #fff; border-radius: 50%; background: #37d48c; content: ""; }
.event-assistant-panel { position: absolute; right: 0; bottom: 76px; width: min(398px,calc(100vw - 28px)); overflow: hidden; border: 1px solid rgba(255,255,255,.22); border-radius: 21px; color: #0b213d; background: #fff; box-shadow: 0 28px 80px rgba(7,26,50,.34); opacity: 0; pointer-events: none; transform: translateY(12px) scale(.98); transform-origin: bottom right; transition: opacity .2s ease, transform .2s ease; }
.event-assistant.is-open .event-assistant-panel { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); }
.event-assistant-header { position: relative; padding: 21px 52px 20px 21px; color: #fff; background: radial-gradient(circle at 84% 10%,rgba(57,211,145,.38),transparent 33%),linear-gradient(135deg,#071a32,#133a6e); }
.event-assistant-kicker { display: block; margin-bottom: 6px; color: #ffbd8d; font-size: 9px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.event-assistant-header strong { display: block; font: 900 23px/1 "Roboto Condensed",Arial,sans-serif; letter-spacing: -.02em; }
.event-assistant-header p { margin: 7px 0 0; color: rgba(255,255,255,.74); font-size: 12px; line-height: 1.45; }
.event-assistant-close { position: absolute; top: 13px; right: 13px; width: 32px; height: 32px; border: 1px solid rgba(255,255,255,.32); border-radius: 50%; color: #fff; background: transparent; cursor: pointer; font-size: 21px; line-height: 1; }
.event-assistant-priority { display: grid; grid-template-columns: 1fr auto; gap: 7px 10px; padding: 12px 16px; border-bottom: 1px solid #e5edf5; background: linear-gradient(90deg,#fff8f3,#f4fbf8); }
.event-assistant-priority > span { grid-column: 1 / -1; color: #6e7f92; font-size: 9px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.event-assistant-priority-button { min-height: 39px; padding: 0 12px; border: 0; border-radius: 9px; color: #fff; background: linear-gradient(135deg,#ff6b1f,#e10f25); cursor: pointer; font: 900 12px/1 Inter,Arial,sans-serif; text-align: left; }
.event-assistant-priority-button b { float: right; margin-left: 22px; font-size: 16px; }
.event-assistant-contact-button { border: 1px solid #c9d9e8; border-radius: 9px; color: #14385f; background: #fff; cursor: pointer; font: 800 10px/1.15 Inter,Arial,sans-serif; }
.event-assistant-conversation { max-height: min(205px,28vh); display: grid; gap: 12px; padding: 15px 16px; overflow-y: auto; background: linear-gradient(180deg,#f5f8fc,#fff); }
.event-assistant-message { max-width: 90%; padding: 11px 13px; border-radius: 14px; font-size: 13px; line-height: 1.48; }
.event-assistant-message.assistant { border: 1px solid #e1e9f3; border-bottom-left-radius: 4px; color: #304764; background: #fff; }
.event-assistant-message.user { justify-self: end; border-bottom-right-radius: 4px; color: #fff; background: #163d72; }
.event-assistant-message p { margin: 0; }
.event-assistant-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; margin-top: 10px; }
.event-assistant-action { display: flex; align-items: center; justify-content: center; min-height: 32px; padding: 0 8px; border: 1px solid #d2dfec; border-radius: 8px; color: #14385f; background: #fff; font-size: 10px; font-weight: 900; line-height: 1.1; text-align: center; text-decoration: none; }
.event-assistant-action.primary { grid-column: 1 / -1; }
.event-assistant-action.primary { border-color: #ff5d1e; color: #fff; background: linear-gradient(135deg,#ff6b1f,#e10f25); }
.event-assistant-action.whatsapp { border-color: #bfe8d2; color: #147344; background: #effaf3; }
.event-assistant-action.call { border-color: #d9e6f5; color: #174f8c; background: #f2f7fd; }
.event-assistant-action:hover { filter: brightness(.97); }
.event-assistant-suggestions { padding: 11px 16px 7px; color: #728196; background: #fff; font-size: 9px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.event-assistant-quick { display: flex; gap: 7px; padding: 0 16px 12px; overflow-x: auto; background: #fff; scrollbar-width: none; }
.event-assistant-quick::-webkit-scrollbar { display: none; }
.event-assistant-chip { flex: 0 0 auto; min-height: 33px; padding: 0 11px; border: 1px solid #d7e1ed; border-radius: 999px; color: #183b69; background: #fff; cursor: pointer; font: 800 11px/1 Inter,Arial,sans-serif; }
.event-assistant-chip:hover { border-color: #ff6b1f; color: #d94917; background: #fff7f2; }
.event-assistant-form { display: block; padding: 12px 13px 13px; border-top: 1px solid #e4ebf3; background: linear-gradient(180deg,#fffaf7,#fff); }
.event-assistant-input-label { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 0 1px 7px; color: #102d50; font-size: 12px; font-weight: 900; }
.event-assistant-input-label span { color: #718197; font-size: 9px; font-weight: 700; text-align: right; }
.event-assistant-input-row { display: flex; gap: 8px; padding: 4px; border: 2px solid #ffbd9b; border-radius: 13px; background: #fff; box-shadow: 0 6px 18px rgba(255,107,31,.12); transition: border-color .2s ease,box-shadow .2s ease; }
.event-assistant-input-row:focus-within { border-color: #ff5d1e; box-shadow: 0 0 0 3px rgba(255,107,31,.16),0 8px 20px rgba(255,107,31,.15); }
.event-assistant-input { min-width: 0; flex: 1; height: 42px; padding: 0 10px; border: 0; border-radius: 9px; color: #0b213d; outline: none; background: transparent; font: 600 13px Inter,Arial,sans-serif; }
.event-assistant-input::placeholder { color: #738399; opacity: 1; }
.event-assistant-send { min-width: 72px; height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 0 11px; border: 0; border-radius: 9px; color: #fff; background: linear-gradient(135deg,#ff6b1f,#e10f25); box-shadow: 0 6px 13px rgba(221,36,34,.22); cursor: pointer; font: 900 11px/1 Inter,Arial,sans-serif; }
.event-assistant-send svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.event-assistant-note { margin: 0; padding: 10px 14px 12px 37px; border-top: 1px solid #dbe7f2; color: #28435f; background: #eef5fb; font-size: 11px; font-weight: 600; line-height: 1.45; position: relative; }
.event-assistant-note::before { position: absolute; top: 11px; left: 14px; width: 15px; height: 15px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #174f8c; content: "i"; font: 900 10px/15px Georgia,serif; text-align: center; }
.event-assistant-note b { color: #0b2d55; font-weight: 900; }
@media (max-width: 680px) { .event-assistant { right: 14px; bottom: 14px; } .event-assistant-launcher { width: 56px; height: 56px; } .event-assistant-panel { bottom: 69px; width: min(390px,calc(100vw - 22px)); max-height: calc(100dvh - 88px); border-radius: 17px; } .event-assistant-priority { padding: 10px 13px; } .event-assistant-conversation { max-height: min(205px,25vh); padding: 13px; } .event-assistant-input-label span { display: none; } .event-assistant-send { min-width: 48px; padding: 0; } .event-assistant-send span { display: none; } }
@media (max-height: 700px) { .event-assistant-conversation { max-height: 150px; } .event-assistant-header { padding-top: 16px; padding-bottom: 15px; } .event-assistant-header p { margin-top: 5px; } .event-assistant-priority { padding-top: 9px; padding-bottom: 9px; } }
@media (prefers-reduced-motion: reduce) { .event-assistant-launcher,.event-assistant-panel { transition: none; } }