#events-alerts-container{margin-bottom:1rem;padding:0}@keyframes eventBannerFadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.event-banner{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;border-radius:var(--border-radius-card);background:var(--surface-1);border:1px solid var(--surface-border);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;animation:eventBannerFadeIn .3s ease}.event-banner::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px}.event-banner--mustsee::before{background:#e8a000;width:4px}.event-banner--critical::before{background:var(--error-500)}.event-banner--high::before{background:var(--warning-500)}.event-banner--medium::before{background:var(--accent-1)}.event-banner--low::before{background:var(--surface-border-strong)}.event-banner__icon{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;margin-left:.125rem}.event-banner--mustsee .event-banner__icon{background:rgba(232,160,0,0.14);color:#e8a000}.event-banner--critical .event-banner__icon{background:rgba(239,68,68,0.12);color:var(--error-500)}.event-banner--high .event-banner__icon{background:rgba(245,158,11,0.12);color:var(--warning-500)}.event-banner--medium .event-banner__icon{background:var(--accent-soft);color:var(--accent-1)}.event-banner--low .event-banner__icon{background:var(--accent-soft);color:var(--text-muted)}.event-banner__content{flex:1;min-width:0}.event-banner__title-row{display:flex;align-items:center;flex-wrap:wrap;row-gap:.25rem;gap:.5rem;min-width:0}.event-banner__title{font-weight:var(--font-semibold);font-size:1.1rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;flex:1 1 auto;min-width:0}.event-banner__badge{flex-shrink:0;display:inline-flex;align-items:center;font-size:.65rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.02em;padding:.15rem .5rem;border-radius:var(--border-radius-pill);background:#e8a000;color:#fff;white-space:nowrap}.event-banner__desc{font-size:.9rem;color:var(--text-muted);margin-top:.1rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-banner__meta{font-size:.75rem;color:var(--text-muted);margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.event-banner__action{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:.375rem}.event-banner__btn{font-size:.75rem;font-weight:var(--font-medium);border-radius:var(--border-radius-pill);padding:.25rem .75rem;border:1px solid var(--surface-border-strong);background:transparent;color:var(--text-primary);white-space:nowrap;transition:background var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal)}.event-banner__btn:hover{background:var(--surface-hover);border-color:var(--accent-1);color:var(--accent-1)}.event-banner-dots{display:flex;justify-content:center;align-items:center;gap:.25rem;margin-top:.875rem}.event-banner-dot-hit{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin-top:-.75rem;margin-bottom:-.75rem;padding:0;border:0;background:transparent;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.event-banner-dot{display:block;width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,0.45);transition:background var(--transition-normal),transform var(--transition-normal);pointer-events:none}.event-banner-dot.active{background:#fff;transform:scale(1.5)}@media(max-width:575.98px){.event-banner{padding:.625rem .75rem;gap:.625rem}.event-banner__icon{width:1.875rem;height:1.875rem;font-size:.9rem}.event-banner__title{font-size:1rem}.event-banner__btn{padding:.375rem .5rem;display:inline-flex;align-items:center;justify-content:center}.event-banner__btn-label{display:none}.event-banner__btn .icon-inline{margin-right:0}.event-banner__badge{font-size:.6rem;padding:.1rem .4rem}}.bg-must-see{background-color:#e8a000 !important;color:#fff !important}.text-must-see{color:#e8a000 !important}
