/* Pop'up Events 339 — couche UX bêta uniquement. Le styles.css stable reste intact. */
.participant-fav-title{margin-top:24px}
.beta-pause-btn{opacity:.9}
.organizer-stats.three{grid-template-columns:repeat(3,1fr)}
.organizer-public-events{display:grid;gap:8px;margin-top:4px}
.organizer-public-event{width:100%;display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center;text-align:left;padding:8px;border-radius:14px;background:var(--surface2);border:1px solid var(--border);color:var(--ink)}
.organizer-public-event img{width:58px;height:52px;border-radius:10px;object-fit:cover}
.organizer-public-event span{min-width:0;display:grid;gap:3px}
.organizer-public-event strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.organizer-public-event small{color:var(--muted)}
.beta-banner{border-color:rgba(255,45,141,.34);background:linear-gradient(135deg,rgba(255,45,141,.10),rgba(122,43,255,.10)),var(--surface)}
.beta-feedback-row{background:linear-gradient(90deg,rgba(255,45,141,.08),rgba(122,43,255,.08));border-radius:14px;padding-left:10px;padding-right:10px}
#feedbackMessage{min-height:130px}
@media(max-width:520px){
  .organizer-item{grid-template-columns:58px minmax(0,1fr);align-items:start}
  .organizer-item img{width:58px;height:52px}
  .organizer-item>div:nth-child(2){min-width:0}
  .organizer-item>div:nth-child(2)>b{display:block;overflow-wrap:anywhere;line-height:1.18}
  .manage-actions{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .manage-actions button{font-size:10px;padding:8px 4px;min-width:0;white-space:normal}
  .organizer-stats.three{grid-template-columns:repeat(3,1fr)}
  .organizer-public-event{grid-template-columns:50px 1fr}.organizer-public-event img{width:50px;height:46px}
}

/* === Pop'up Events 340 : comptes utilisateur / organisateur === */
.organizer-fields{display:grid;gap:12px}
.organizer-access-panel{border-color:rgba(0,211,255,.38);background:linear-gradient(135deg,rgba(0,211,255,.08),rgba(122,43,255,.10)),var(--surface)}
.organizer-code-box{display:grid;gap:10px;margin-top:12px}
#organizerAccessCode{text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.organizer-access-success{border-color:rgba(54,211,153,.35)}
.user-only-note{padding:10px 12px;border-radius:12px;background:var(--surface2);color:var(--muted)}
#publishNavBtn.hidden{display:none!important}
@media(max-width:520px){
  .organizer-access-panel .section-head{align-items:flex-start;gap:8px}
  .organizer-access-panel .pill{font-size:10px}
}


/* 341 — MODE ÉPHÉMÈRE 30 MIN */
.ephemeral-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:620px}
.ephemeral-publish-notice{display:flex;align-items:flex-start;gap:12px;padding:14px 15px;border:1px solid rgba(255,45,141,.38);border-radius:16px;background:linear-gradient(135deg,rgba(255,45,141,.14),rgba(122,43,255,.14));margin-bottom:12px}
.ephemeral-publish-notice b{display:block;color:var(--ink);font-size:15px}.ephemeral-publish-notice span:not(.live-dot){display:block;color:var(--muted);font-size:12px;line-height:1.45;margin-top:3px}
.ephemeral-duration{padding:12px 13px;border-radius:14px;background:rgba(255,45,141,.08);border:1px solid rgba(255,45,141,.2);color:var(--muted);font-size:13px}.ephemeral-duration b{color:var(--ink)}
.bottom-nav{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:1fr}
#favoritesPage,.fav,#modalFavBtn,#shareBtn,#calendarBtn{display:none!important}
.hero-kicker{letter-spacing:.02em}
.live-tag{font-variant-numeric:tabular-nums}


/* 343 — identité Pop’up 100 % éphémère */
.ephemeral-slogan{max-width:780px;line-height:1.04;letter-spacing:-.02em}
.ephemeral-slogan span{background:linear-gradient(90deg,#ffd43b,#ff2d8d,#9b5cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.ephemeral-subline{max-width:720px;font-size:15px;line-height:1.45}.ephemeral-subline b{color:#fff}
.hero-kicker{font-weight:900}
.big-publish{font-size:16px;box-shadow:0 12px 32px rgba(255,45,141,.2)}
.event-card .live-tag{font-weight:900;letter-spacing:.02em}
#bookingBtn{display:none!important}
#recommendSection{display:none!important}
@media(max-width:520px){
 .ephemeral-slogan{font-size:clamp(28px,8.5vw,40px)!important;line-height:1.02!important}
 .ephemeral-subline{font-size:13px!important}
 .hero-kicker{font-size:11px!important}
}


/* 345 — fenêtre personnelle + catégories organisateur */
.viewer-window-panel{border-color:rgba(255,212,59,.3);background:linear-gradient(135deg,rgba(255,212,59,.08),rgba(255,45,141,.08)),var(--surface)}
.window-row{display:flex;align-items:center;gap:11px}
.window-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,212,59,.2),rgba(255,45,141,.2));font-size:22px}
.window-row>div{min-width:0;flex:1}
#viewerWindowPill{font-variant-numeric:tabular-nums}
#pubLiveDuration:disabled{opacity:.65}
.event-card .live-tag{max-width:calc(100% - 22px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:520px){
  .window-row{align-items:flex-start}
  #viewerWindowPill{margin-top:2px}
}
\n\n/* 346 — accueil épuré / identité immédiate */\n.hero{padding:10px 14px 4px}\n.hero-card{min-height:292px;border-radius:24px}\n.hero-card:before{background:linear-gradient(180deg,rgba(9,4,25,.08),rgba(9,4,25,.86)),url("assets/ephya-hero.jpg") center/cover}\n.hero-content{padding:18px 19px 20px}\n.hero-logo{width:min(300px,82%);height:92px;margin:-5px auto 2px}\n.hero-kicker{font-size:10.5px!important;padding:6px 9px;gap:6px;letter-spacing:.045em;background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.16)}\n.ephemeral-slogan{max-width:560px;font-size:clamp(27px,5.6vw,34px)!important;line-height:1.06!important;letter-spacing:-.025em;margin:13px 0 7px!important}\n.ephemeral-subline{max-width:520px;font-size:14px!important;line-height:1.38!important;color:rgba(255,255,255,.82)!important}\n.search-row{margin-top:14px;border-radius:15px;padding:6px;box-shadow:0 10px 28px rgba(0,0,0,.18)}\n.search-row input{padding:9px 10px;font-size:14px}\n.search-row button{min-height:40px;padding:0 15px;border-radius:11px}\n.hero-actions{margin-top:9px;gap:7px}\n.glass-btn{padding:8px 11px;font-size:12px;min-height:38px;background:rgba(255,255,255,.09)}\n@media(min-width:690px){.hero-card{min-height:305px}.hero-content{padding:20px 24px 22px}.hero-logo{height:96px}}\n@media(max-width:520px){\n  .hero{padding:8px 12px 3px}\n  .hero-card{min-height:0;border-radius:22px}\n  .hero-content{padding:15px 15px 17px}\n  .hero-logo{width:min(250px,78%);height:76px;margin:-3px auto 2px}\n  .hero-kicker{font-size:9.5px!important;padding:5px 8px}\n  .ephemeral-slogan{font-size:clamp(24px,7.2vw,29px)!important;line-height:1.07!important;margin:11px 0 6px!important}\n  .ephemeral-subline{font-size:12.5px!important;line-height:1.35!important}\n  .search-row{margin-top:12px}\n  .search-row input{font-size:13px;padding:8px 9px}\n  .search-row button{min-height:38px;padding:0 12px;font-size:13px}\n  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}\n  .glass-btn{width:100%;justify-content:center;padding:8px 9px;font-size:11.5px}\n}\n