/* A short, nonmodal announcement. The dashboard remains operable underneath. */
.ticket-arrival-overlay { position: fixed; inset: 0; z-index: 1400; pointer-events: none; isolation: isolate; overflow: hidden; }
.ticket-arrival-backdrop { position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 45%,rgba(69,149,225,.17),rgba(9,20,38,.5)); backdrop-filter: blur(11px) saturate(125%); -webkit-backdrop-filter: blur(11px) saturate(125%); }
.ticket-arrival-card { position: fixed; visibility: hidden; width: min(640px,calc(100vw - 40px)); max-height: calc(100dvh - 130px); padding: 26px; border: 1px solid rgba(187,224,255,.64); border-radius: 28px; color: #f3f8ff; background: linear-gradient(135deg,rgba(74,118,168,.92),rgba(23,41,66,.94) 65%); box-shadow: 0 24px 100px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.26),0 0 65px rgba(120,196,255,.17); transform-origin: 0 0; will-change: transform,opacity; overflow: hidden; }
.ticket-arrival-banner { display: flex; align-items: center; gap: 12px; margin: 0 0 24px; }
.ticket-arrival-spark { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; color: #d2edff; background: rgba(144,211,255,.16); font-size: 27px; }
.ticket-arrival-seal { border: 2px solid rgba(189,231,255,.8); border-radius: 7px; padding: 7px 10px; color: #d2edff; letter-spacing: .12em; font-size: 13px; font-weight: 850; transform: rotate(-3deg); }
.ticket-arrival-received { margin-left: auto; color: #c2d7ef; font-size: 12px; }
.ticket-arrival-card .ticket-card { border-color: rgba(186,218,255,.26); background: rgba(7,22,43,.26); box-shadow: none; }
.ticket-arrival-card .ticket-card-main { cursor: default; padding: 22px 18px; }
.ticket-arrival-card .ticket-card h3 { font-size: clamp(20px,2.4vw,28px); line-height: 1.3; overflow-wrap: anywhere; }
.ticket-arrival-card .ticket-card-preview { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ticket-arrival-card .ticket-card-preview[hidden] { display: none; }
.ticket-arrival-card .ticket-meta { color: #c1d2e6; }
.ticket-arrival-card .ticket-card-avatar { width: 64px; height: 64px; flex-basis: 64px; }
.ticket-arrival-dismiss { position: absolute; right: max(20px,env(safe-area-inset-right)); top: max(20px,env(safe-area-inset-top)); display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid rgba(190,214,244,.35); border-radius: 50%; background: rgba(25,44,70,.8); color: #fff; font-size: 30px; cursor: pointer; pointer-events: auto; }
.ticket-arrival-dismiss:hover { background: #355475; }
.ticket-arrival-dismiss:focus-visible { outline: 3px solid #a5d9ff; outline-offset: 4px; }
.ticket-arrival-dismiss[hidden] { display: none; }
.ticket-card.ticket-arrival-landed { outline: 2px solid rgba(148,217,255,.85); outline-offset: 2px; box-shadow: 0 0 25px rgba(82,184,255,.25); }
@media (max-width: 600px) { .ticket-arrival-card { padding: 16px; border-radius: 22px; } .ticket-arrival-banner { gap: 8px; margin-bottom: 16px; } .ticket-arrival-received { display: none; } .ticket-arrival-card .ticket-card-main { padding: 16px 12px; gap: 12px; } .ticket-arrival-card .ticket-card-avatar { width: 52px; height: 52px; flex-basis: 52px; } }
@media (prefers-reduced-motion: reduce) { .ticket-arrival-card { will-change: auto; } .ticket-arrival-seal { transform: none; } }