.event-export-trigger { min-height:32px; padding:4px 15px; border:1px solid var(--event-export-accent,#722ed1); border-radius:8px; background:transparent; color:var(--event-export-accent,#722ed1); font:600 14px/1.5 inherit; cursor:pointer; white-space:nowrap; transition:background .18s,box-shadow .18s }
.event-export-trigger:hover { background:rgba(114,46,209,.07); box-shadow:0 3px 12px rgba(80,40,120,.10) }
.event-export-trigger:focus-visible,.event-export-dialog button:focus-visible,.event-export-dialog input:focus-visible,.event-export-dialog select:focus-visible { outline:2px solid #722ed1; outline-offset:2px }
.event-export-dialog { position:fixed; inset:0; margin:auto; width:min(720px,calc(100vw - 30px)); max-height:min(90vh,900px); padding:0; border:0; border-radius:15px; box-shadow:0 24px 80px rgba(22,16,40,.24); color:#25203b; background:#fff; overflow:auto }
.event-export-dialog [hidden] { display:none!important }
.event-export-dialog::backdrop { background:rgba(23,16,37,.56); backdrop-filter:blur(3px) }
.event-export-shell { font-family:inherit }
.event-export-header { position:relative; display:flex; gap:18px; padding:30px 34px 22px; align-items:flex-start }
.event-export-mark { width:48px; height:48px; flex:none; display:grid; place-items:center; border-radius:13px; background:#f3edfc; color:#722ed1; font-size:30px; line-height:1 }
.event-export-heading { flex:1; min-width:0 }
.event-export-eyebrow { display:block; color:#722ed1; font-size:10px; font-weight:800; letter-spacing:.15em }
.event-export-heading h2 { margin:5px 0 5px; font-size:25px; line-height:1.25; font-weight:750; color:#25203b }
.event-export-heading p { margin:0; color:#706b7c; font-size:13px; line-height:1.55 }
.event-export-close { position:absolute; top:16px; right:20px; width:30px; height:30px; border:0; border-radius:8px; background:transparent; color:#706b7c; font-size:27px; cursor:pointer }
.event-export-close:hover { background:#f3edfc; color:#722ed1 }
.event-export-filters { position:relative; z-index:2; display:grid; grid-template-columns:1.25fr .85fr; gap:20px; margin:0 34px 20px }
.event-export-filter-stack { display:grid; gap:17px; min-width:0 }
.event-export-field { min-width:0 }
.event-export-field-top { display:flex; align-items:center; justify-content:space-between; min-height:26px; margin-bottom:10px; gap:8px }
.event-export-field label { color:#722ed1; font-size:11px; font-weight:800; letter-spacing:.06em }
.event-export-field label span { color:#25203b; margin-left:5px }
.event-export-toggle { display:flex; background:#f5f2f9; border-radius:7px; padding:2px }
.event-export-toggle button { border:0; border-radius:5px; padding:3px 11px; background:transparent; color:#706b7c; font:600 12px inherit; cursor:pointer }
.event-export-toggle .is-active { color:#722ed1; background:#fff; box-shadow:0 1px 4px rgba(30,20,45,.12) }
.event-export-date-inputs { display:flex; align-items:center; gap:6px }
.event-export-date-inputs input,.event-export-select > button { box-sizing:border-box; width:100%; height:38px; min-width:0; padding:0 9px; border:1px solid #d9d4e0; border-radius:8px; background:#fff; color:#25203b; font:13px inherit }
.event-export-date-inputs span { color:#8b8495 }
.event-export-select { position:relative }
.event-export-select > button { display:flex; align-items:center; justify-content:space-between; gap:10px; text-align:left; cursor:pointer }
.event-export-selected { overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.event-export-chevron { width:8px; height:8px; flex:none; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-2px) rotate(45deg) }
.event-export-select > button[aria-expanded="true"] .event-export-chevron { transform:translateY(2px) rotate(225deg) }
.event-export-options { position:absolute; z-index:20; top:calc(100% + 6px); left:0; right:0; max-height:252px; overflow:auto; padding:5px; border:1px solid #d9d4e0; border-radius:10px; background:#fff; box-shadow:0 14px 32px rgba(22,16,40,.18) }
.event-export-option { padding:9px 11px; border-radius:7px; color:#25203b; font-size:13px; cursor:pointer; outline:none }
.event-export-option:hover,.event-export-option:focus-visible { background:#f5f0fc }
.event-export-option[aria-selected="true"] { background:#f3edfc; color:#722ed1; font-weight:700 }
.event-export-option[aria-selected="true"]::before { content:"✓"; margin-right:8px }
.event-export-field small { display:block; margin-top:7px; color:#8b8495; font-size:11px }
.event-export-preview { margin:0 34px; border:1px solid #e8e3ef; border-radius:12px; overflow:hidden; background:#fff }
.event-export-preview-top { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:18px 20px 11px }
.event-export-preview-top h3 { margin:4px 0 0; color:#25203b; font-size:16px }
.event-export-badge { border:1px solid #d9efdc; border-radius:7px; padding:5px 9px; color:#237b37; background:#f3fbf4; font-size:12px; font-weight:750 }
.event-export-columns { display:flex; flex-wrap:wrap; gap:8px 17px; padding:9px 20px 16px; border-bottom:1px solid #eee9f2; color:#6d6678; font-size:11px }
.event-export-columns span::first-letter { color:#2c9b50 }
.event-export-state { display:grid; place-items:center; min-height:100px; padding:16px; text-align:center; color:#8b8495; font-size:13px }
.event-export-results { padding:15px 20px 18px }
.event-export-count { display:flex; align-items:baseline; gap:7px; color:#706b7c; font-size:12px; margin-bottom:9px }
.event-export-count strong { color:#722ed1; font-size:26px; line-height:1 }
.event-export-row { display:grid; grid-template-columns:minmax(0,1fr) 92px 110px; gap:9px; align-items:center; padding:8px 0; border-top:1px solid #eee9f2; font-size:12px }
.event-export-row-title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:650 }
.event-export-row-date { color:#706b7c; white-space:nowrap }
.event-export-row-sector { color:#722ed1; text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.event-export-footer { display:flex; align-items:center; gap:9px; padding:20px 34px 26px }
.event-export-note { flex:1; margin:0; color:#8b8495; font-size:11px; line-height:1.5 }
.event-export-footer button { border-radius:8px; padding:8px 14px; font:600 13px inherit; cursor:pointer; white-space:nowrap }
.event-export-cancel { border:1px solid #d9d4e0; background:#fff; color:#25203b }
.event-export-download { border:1px solid #722ed1; background:#722ed1; color:#fff; box-shadow:0 3px 9px rgba(114,46,209,.20) }
.event-export-download:disabled { opacity:.45; cursor:not-allowed; box-shadow:none }
html[data-theme="dark"] .event-export-dialog { --ee-bg:#20150c; --ee-panel:#2a1c12; --ee-ink:#fff7ed; --ee-muted:#f4c7a4; --ee-subtle:#d6a984; --ee-border:#4a2f1b; --ee-accent:#fb923c; --ee-accent-soft:#3a2515; --ee-action:#c45c13; --ee-success:#79d5a5; --ee-success-soft:#183327; color-scheme:dark }
html[data-theme="midnight-breeze"] .event-export-dialog { --ee-bg:#1a2433; --ee-panel:#243141; --ee-ink:#e6edf3; --ee-muted:#b8c9d9; --ee-subtle:#8ca2b7; --ee-border:#34455e; --ee-accent:#75acea; --ee-accent-soft:#1c3855; --ee-action:#3a7ab8; --ee-success:#79d5a5; --ee-success-soft:#18392f; color-scheme:dark }
html[data-theme="light-breeze"] .event-export-dialog { --ee-bg:#fff; --ee-panel:#f7fafd; --ee-ink:#2c3e50; --ee-muted:#5d7793; --ee-subtle:#8ca2b7; --ee-border:#dee8f2; --ee-accent:#3a7ab8; --ee-accent-soft:#e7f0f9; --ee-action:#4d98d8; --ee-success:#29863d; --ee-success-soft:#f0f9e8 }
html[data-theme="light"] .event-export-dialog { --ee-bg:#fff; --ee-panel:#fffdf9; --ee-ink:#1f1307; --ee-muted:#6b4c35; --ee-subtle:#a8846e; --ee-border:#f1d8c5; --ee-accent:#d85d0e; --ee-accent-soft:#fff0e5; --ee-action:#f97316; --ee-success:#228a48; --ee-success-soft:#edf9f0 }
html[data-theme="dark"] .event-export-dialog,html[data-theme="midnight-breeze"] .event-export-dialog,html[data-theme="light-breeze"] .event-export-dialog,html[data-theme="light"] .event-export-dialog { background:var(--ee-bg); color:var(--ee-ink) }
html[data-theme] .event-export-dialog .event-export-mark { background:var(--ee-accent-soft); color:var(--ee-accent) }
html[data-theme] .event-export-dialog .event-export-eyebrow,html[data-theme] .event-export-dialog .event-export-field label,html[data-theme] .event-export-dialog .event-export-count strong,html[data-theme] .event-export-dialog .event-export-row-sector { color:var(--ee-accent) }
html[data-theme] .event-export-dialog .event-export-heading h2,html[data-theme] .event-export-dialog .event-export-field label span,html[data-theme] .event-export-dialog .event-export-preview-top h3,html[data-theme] .event-export-dialog .event-export-row-title { color:var(--ee-ink) }
html[data-theme] .event-export-dialog .event-export-heading p,html[data-theme] .event-export-dialog .event-export-close,html[data-theme] .event-export-dialog .event-export-columns,html[data-theme] .event-export-dialog .event-export-count,html[data-theme] .event-export-dialog .event-export-row-date { color:var(--ee-muted) }
html[data-theme] .event-export-dialog .event-export-field small,html[data-theme] .event-export-dialog .event-export-note,html[data-theme] .event-export-dialog .event-export-state { color:var(--ee-subtle) }
html[data-theme] .event-export-dialog .event-export-date-inputs input,html[data-theme] .event-export-dialog .event-export-select > button,html[data-theme] .event-export-dialog .event-export-cancel,html[data-theme] .event-export-dialog .event-export-options { background:var(--ee-panel); color:var(--ee-ink); border-color:var(--ee-border) }
html[data-theme] .event-export-dialog .event-export-option { color:var(--ee-ink) }
html[data-theme] .event-export-dialog .event-export-option:hover,html[data-theme] .event-export-dialog .event-export-option:focus-visible,html[data-theme] .event-export-dialog .event-export-option[aria-selected="true"] { background:var(--ee-accent-soft); color:var(--ee-accent) }
html[data-theme] .event-export-dialog .event-export-preview { background:var(--ee-panel); border-color:var(--ee-border) }
html[data-theme] .event-export-dialog .event-export-columns,html[data-theme] .event-export-dialog .event-export-row { border-color:var(--ee-border) }
html[data-theme] .event-export-dialog .event-export-toggle { background:var(--ee-accent-soft) }
html[data-theme] .event-export-dialog .event-export-toggle button { color:var(--ee-muted) }
html[data-theme] .event-export-dialog .event-export-toggle .is-active { background:var(--ee-panel); color:var(--ee-accent) }
html[data-theme] .event-export-dialog .event-export-badge { background:var(--ee-success-soft); border-color:var(--ee-success); color:var(--ee-success) }
html[data-theme] .event-export-dialog .event-export-download { background:var(--ee-action); border-color:var(--ee-action); color:#fff }
html[data-theme] .event-export-dialog .event-export-close:hover { background:var(--ee-accent-soft); color:var(--ee-accent) }
html[data-theme] .event-export-dialog button:focus-visible,html[data-theme] .event-export-dialog input:focus-visible,html[data-theme] .event-export-dialog [role="option"]:focus-visible { outline-color:var(--ee-accent) }
@media(max-width:650px) { .event-export-dialog { max-height:calc(100vh - 20px) } .event-export-header { padding:22px 20px 18px; gap:11px } .event-export-mark { width:38px; height:38px; font-size:23px } .event-export-heading h2 { font-size:20px } .event-export-close { top:8px; right:8px } .event-export-filters { grid-template-columns:1fr; gap:17px; margin:0 20px 18px } .event-export-preview { margin:0 20px } .event-export-preview-top { padding:14px 15px 8px } .event-export-columns { padding:8px 15px 13px; gap:7px 12px } .event-export-results { padding:12px 15px } .event-export-row { grid-template-columns:minmax(0,1fr) 72px; } .event-export-row-sector { display:none } .event-export-footer { flex-wrap:wrap; padding:17px 20px 22px } .event-export-note { flex-basis:100% } .event-export-cancel,.event-export-download { flex:1 } }
