/* Event Launch Kit modal */
.event-share-panel {
    max-width: 520px;
    max-height: 90vh;
    overflow-y: auto;
    border-color: rgba(255, 0, 127, .45);
}

.event-share-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.event-share-kicker { color: #ff5ca8; font-size: .64rem; font-weight: 900; letter-spacing: .15em; }
.event-share-title { margin: 5px 0 2px; color: #fff; font-size: 1.24rem; font-weight: 900; }
.event-share-subtitle { color: #8b98b0; font-size: .74rem; }
.event-share-status { display: none; margin: 8px 0; padding: 8px 10px; border: 1px solid rgba(0,255,136,.28); border-radius: 8px; background: rgba(0,255,136,.07); color: #8fffc3; font-size: .75rem; }
.event-share-status.is-visible { display: block; }
.event-share-loading { padding: 20px 0; color: #8b98b0; font-size: .82rem; text-align: center; }
.event-share-body { display: none; flex-direction: column; gap: 11px; }
.event-share-preview { overflow: hidden; border: 1px solid rgba(255,255,255,.11); border-radius: 11px; background: #090c15; }
.event-share-preview img { display: block; width: 100%; height: auto; max-height: 220px; object-fit: contain; }
.event-share-link { display: flex; gap: 6px; }
.event-share-link input { flex: 1; min-width: 0; padding: 9px 10px; border: 1px solid rgba(255,255,255,.13); border-radius: 8px; background: rgba(0,0,0,.25); color: #bfeaff; font-size: .72rem; }
.event-share-link button { flex: 0 0 auto; padding: 8px 10px; font-size: .72rem; }
.event-share-actions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.event-share-action { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-height: 66px; padding: 8px 4px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; background: rgba(255,255,255,.04); color: #fff; cursor: pointer; font-size: .72rem; font-weight: 800; }
.event-share-action:hover { border-color: rgba(255,255,255,.35); background: rgba(255,255,255,.08); }
.event-share-action:disabled { opacity: .35; cursor: not-allowed; }
.event-share-action .icon { font-size: 1.25rem; }
.event-share-action.fb .icon { color: #4d9cff; }
.event-share-action.x .icon { color: #fff; }
.event-share-action.tiktok .icon { color: #ff4d82; }
.event-share-pack { padding: 11px; border: 1px solid rgba(0,240,255,.16); border-radius: 10px; background: rgba(0,240,255,.035); }
.event-share-pack-head { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 6px; color: #00f0ff; font-size: .65rem; font-weight: 900; letter-spacing: .08em; }
.event-share-pack textarea { width: 100%; min-height: 52px; resize: vertical; padding: 8px; border: 1px solid rgba(255,255,255,.13); border-radius: 7px; background: rgba(0,0,0,.24); color: #e8edf7; font: inherit; font-size: .75rem; line-height: 1.45; }
.event-share-pack-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 6px; }
.event-share-counter { color: #7d8aa2; font-size: .66rem; }
.event-share-pack-row button { padding: 6px 8px; font-size: .68rem; }
.event-share-caption { margin: 0 0 6px; color: #b9c7db; font-size: .74rem; line-height: 1.45; }
.event-share-settings { margin-top: 2px; border-top: 1px solid rgba(255,255,255,.08); padding-top: 10px; }
.event-share-settings summary { color: #ffd166; cursor: pointer; font-size: .76rem; font-weight: 800; }
.event-share-form { display: grid; gap: 9px; margin-top: 10px; }
.event-share-field { display: grid; gap: 4px; color: #8e9bb3; font-size: .68rem; font-weight: 700; }
.event-share-field input, .event-share-field select { width: 100%; padding: 8px 9px; border: 1px solid rgba(255,255,255,.13); border-radius: 7px; background: rgba(0,0,0,.25); color: #fff; font: inherit; font-size: .76rem; }
.event-share-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.event-share-check { display: flex; align-items: center; gap: 8px; color: #e8edf7; font-size: .78rem; font-weight: 800; }
.event-share-check input { width: 17px; height: 17px; accent-color: #ff007f; }
.event-share-hint { color: #7d8aa2; font-size: .67rem; line-height: 1.45; }
.event-share-save { padding: 10px; border-color: rgba(255,0,127,.55); background: rgba(255,0,127,.15); color: #fff; font-weight: 800; }
.event-share-disabled { padding: 11px; border: 1px dashed rgba(255,255,255,.16); border-radius: 9px; color: #9aa7bd; font-size: .76rem; line-height: 1.45; }
.event-share-media { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 0 0; color: #8b98b0; font-size: .68rem; }
.event-share-media a { color: #00f0ff; font-weight: 800; text-decoration: none; }
.event-share-danger { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 11px; border: 1px solid rgba(255, 77, 109, .25); border-radius: 10px; background: rgba(255, 77, 109, .06); }
.event-share-danger > div { display: grid; gap: 2px; }
.event-share-danger strong { color: #ff9bad; font-size: .72rem; }
.event-share-danger span { color: #8b98b0; font-size: .66rem; line-height: 1.35; }
.event-share-delete { flex: 0 0 auto; padding: 8px 9px; border: 1px solid rgba(255, 77, 109, .5); border-radius: 8px; background: rgba(255, 77, 109, .12); color: #ffb3c0; font: inherit; font-size: .68rem; font-weight: 800; cursor: pointer; }
.event-share-delete:hover { background: rgba(255, 77, 109, .22); }
.event-share-delete:disabled { opacity: .45; cursor: wait; }
@media (max-width: 480px) {
    .event-share-danger { flex-direction: column; align-items: stretch; }
    .event-share-delete { width: 100%; }
    .event-share-panel { max-width: calc(100vw - 24px); }
    .event-share-actions { grid-template-columns: 1fr; }
    .event-share-action { flex-direction: row; justify-content: flex-start; min-height: 42px; padding: 7px 10px; }
    .event-share-field-row { grid-template-columns: 1fr; }
}