/* Etkinlikler: detay, Etkinliklerim, katılımcı listesi. Marka: yeşil #0F5C46, sıcak nötrler. */
.ev { --ev-ink: #1C1C1A; --ev-sub: #6E6D66; --ev-line: #E4E3DE; --ev-soft: #F5F5F2; --ev-a: #0F5C46; --ev-a-soft: #E7F0EC;
      --ev-warn: #A15C07; --ev-warn-bg: #FDF3E1; --ev-bad: #B42318; --ev-bad-bg: #FDECEA;
      max-width: 72rem; margin: 0 auto; padding: 1rem 1rem 3rem; color: var(--ev-ink); }
.ev-back { display: inline-flex; align-items: center; gap: .4rem; font-size: .85rem; color: var(--ev-sub); text-decoration: none; margin-bottom: .75rem; }
.ev-back:hover { color: var(--ev-ink); }

.ev-alert { border-radius: 8px; padding: .75rem 1rem; font-size: .875rem; margin-bottom: 1rem; display: flex; gap: .6rem; align-items: flex-start; }
.ev-alert--ok { background: var(--ev-a-soft); color: #0B4A38; }
.ev-alert--err { background: var(--ev-bad-bg); color: var(--ev-bad); }
.ev-alert--warn { background: var(--ev-warn-bg); color: var(--ev-warn); }

/* Kapak */
.ev-hero { position: relative; border-radius: 12px; overflow: hidden; background: var(--ev-soft); aspect-ratio: 21 / 8; max-height: 360px; }
.ev-hero img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ev-hero__chips { position: absolute; left: 1rem; top: 1rem; display: flex; gap: .4rem; flex-wrap: wrap; }
.ev-chip { display: inline-flex; align-items: center; gap: .3rem; font-size: .75rem; font-weight: 700; padding: .25rem .6rem; border-radius: 999px; background: rgba(255,255,255,.94); color: var(--ev-ink); }
.ev-chip--free { background: var(--ev-a); color: #fff; }
.ev-chip--warn { background: var(--ev-warn-bg); color: var(--ev-warn); }
.ev-chip--bad { background: var(--ev-bad-bg); color: var(--ev-bad); }
.ev-chip--mute { background: #EFEFEB; color: var(--ev-sub); }

.ev-layout { display: grid; grid-template-columns: minmax(0, 1fr) 21rem; gap: 1.5rem; margin-top: 1.25rem; align-items: start; }
.ev-main h1 { font-size: 1.75rem; line-height: 1.2; font-weight: 800; margin: 0 0 .5rem; letter-spacing: -.01em; }
.ev-lead { font-size: 1.02rem; color: #3F3E3A; margin: 0 0 1rem; }
.ev-facts { display: grid; gap: .55rem; margin: 0 0 1.25rem; padding: 0; list-style: none; }
.ev-facts li { display: flex; gap: .7rem; align-items: flex-start; font-size: .92rem; }
.ev-facts i { width: 1.1rem; color: var(--ev-a); margin-top: .2rem; text-align: center; }
.ev-facts a { color: var(--ev-a); font-weight: 600; text-decoration: none; }
.ev-facts a:hover { text-decoration: underline; }
.ev-org { display: flex; align-items: center; gap: .75rem; padding: .85rem 1rem; border: 1px solid var(--ev-line); border-radius: 10px; background: #fff; margin-bottom: 1.25rem; text-decoration: none; color: inherit; }
.ev-org:hover { border-color: #CBCAC3; }
.ev-org img, .ev-org__ph { width: 2.75rem; height: 2.75rem; border-radius: 999px; object-fit: cover; background: var(--ev-a-soft); display: flex; align-items: center; justify-content: center; color: var(--ev-a); font-weight: 800; flex: none; }
.ev-org small { display: block; font-size: .72rem; color: var(--ev-sub); }
.ev-org b { font-size: .95rem; }
.ev-org .fa-chevron-right { margin-left: auto; color: var(--ev-sub); font-size: .8rem; }
.ev-sec-title { font-size: 1rem; font-weight: 800; margin: 1.5rem 0 .6rem; }
.ev-body { font-size: .95rem; line-height: 1.7; color: #3F3E3A; white-space: pre-line; }

/* Katılım kartı */
.ev-card { background: #fff; border: 1px solid var(--ev-line); border-radius: 12px; padding: 1.15rem; position: sticky; top: 6rem; }
.ev-date { display: flex; gap: .85rem; align-items: center; padding-bottom: 1rem; border-bottom: 1px solid var(--ev-line); margin-bottom: 1rem; }
.ev-date__box { width: 3.6rem; text-align: center; border: 1px solid var(--ev-line); border-radius: 10px; overflow: hidden; flex: none; }
.ev-date__box small { display: block; background: var(--ev-a); color: #fff; font-size: .68rem; font-weight: 700; padding: .15rem 0; text-transform: uppercase; letter-spacing: .04em; }
.ev-date__box b { display: block; font-size: 1.45rem; padding: .2rem 0 .25rem; }
.ev-date p { margin: 0; font-size: .85rem; color: var(--ev-sub); }
.ev-date p b { display: block; color: var(--ev-ink); font-size: .95rem; }

.ev-cap { margin-bottom: 1rem; }
.ev-cap__top { display: flex; justify-content: space-between; align-items: baseline; font-size: .85rem; margin-bottom: .4rem; }
.ev-cap__top b { font-size: 1.15rem; }
.ev-cap__bar { height: 8px; border-radius: 999px; background: #EFEFEB; overflow: hidden; }
.ev-cap__bar span { display: block; height: 100%; background: var(--ev-a); border-radius: 999px; }
.ev-cap__bar.is-full span { background: var(--ev-warn); }
.ev-cap__sub { font-size: .78rem; color: var(--ev-sub); margin-top: .4rem; }

.ev-me { border-radius: 10px; padding: .7rem .85rem; font-size: .85rem; margin-bottom: .75rem; display: flex; gap: .55rem; align-items: center; }
.ev-me--going { background: var(--ev-a-soft); color: #0B4A38; font-weight: 700; }
.ev-me--maybe { background: var(--ev-warn-bg); color: var(--ev-warn); font-weight: 700; }
.ev-me--info { background: var(--ev-soft); color: var(--ev-sub); }

.ev-btns { display: grid; gap: .5rem; }
.ev-btns form { margin: 0; }
.ev-btn { appearance: none; width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; border-radius: 8px; padding: .7rem 1rem; font-size: .9rem; font-weight: 700; cursor: pointer; border: 1px solid transparent; text-decoration: none; }
.ev-btn--pri { background: var(--ev-a); color: #fff; }
.ev-btn--pri:hover { background: #0B4A38; color: #fff; }
.ev-btn--ghost { background: #fff; border-color: #D6D5CF; color: var(--ev-ink); }
.ev-btn--ghost:hover { border-color: var(--ev-ink); }
.ev-btn--link { background: none; color: var(--ev-sub); font-weight: 600; padding: .4rem; }
.ev-btn--link:hover { color: var(--ev-bad); }
.ev-btn[disabled] { opacity: .55; cursor: not-allowed; }
.ev-btn-row { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }

.ev-tools { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--ev-line); }
.ev-tool { display: inline-flex; align-items: center; gap: .35rem; font-size: .78rem; font-weight: 600; color: var(--ev-sub); text-decoration: none; padding: .35rem .6rem; border-radius: 6px; border: 1px solid var(--ev-line); background: #fff; cursor: pointer; }
.ev-tool:hover { color: var(--ev-ink); border-color: #CBCAC3; }

.ev-owner { margin-top: 1rem; border: 1px dashed #AFD6C3; background: #F4F9F6; border-radius: 10px; padding: .85rem; }
.ev-owner p { margin: 0 0 .6rem; font-size: .82rem; color: #0B4A38; font-weight: 600; }
.ev-owner .ev-stats { margin-bottom: .7rem; }

.ev-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: .4rem; }
.ev-stat { background: #fff; border: 1px solid var(--ev-line); border-radius: 8px; padding: .45rem; text-align: center; }
.ev-stat b { display: block; font-size: 1.1rem; }
.ev-stat small { font-size: .68rem; color: var(--ev-sub); }

.ev-related { margin-top: 2.5rem; }
.ev-related ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); gap: .9rem; }
.ev-related a { display: block; text-decoration: none; color: inherit; border: 1px solid var(--ev-line); border-radius: 10px; overflow: hidden; background: #fff; }
.ev-related a:hover { border-color: #CBCAC3; }
.ev-related img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.ev-related span { display: block; padding: .6rem .75rem; }
.ev-related strong { display: block; font-size: .88rem; line-height: 1.3; }
.ev-related small { color: var(--ev-sub); font-size: .75rem; }

@media (max-width: 899.98px) {
    .ev-layout { grid-template-columns: 1fr; }
    .ev-card { position: static; }
    .ev-main h1 { font-size: 1.4rem; }
    .ev-hero { aspect-ratio: 16 / 9; }
}

/* Hesabım › Etkinliklerim (acc düzeni içinde) */
.evm-tabs { display: flex; gap: .2rem; border-bottom: 1px solid #E4E3DE; margin-bottom: 1rem; overflow-x: auto; }
.evm-tab { padding: .6rem .9rem; font-size: .85rem; font-weight: 700; color: #6E6D66; text-decoration: none; border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; }
.evm-tab:hover { color: #1C1C1A; }
.evm-tab.is-on { color: #0F5C46; border-bottom-color: #0F5C46; }
.evm-tab span { font-weight: 600; color: #9C9B93; margin-left: .25rem; }
.evm-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; }
.evm-item { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr) auto; gap: 1rem; align-items: center; background: #fff; border: 1px solid #E4E3DE; border-radius: 10px; padding: .7rem; }
.evm-item img { width: 7.5rem; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 6px; display: block; }
.evm-item h3 { margin: 0 0 .25rem; font-size: .95rem; font-weight: 800; }
.evm-item h3 a { color: inherit; text-decoration: none; }
.evm-item h3 a:hover { color: #0F5C46; }
.evm-meta { display: flex; flex-wrap: wrap; gap: .25rem .9rem; font-size: .78rem; color: #6E6D66; }
.evm-meta i { color: #0F5C46; margin-right: .25rem; }
.evm-acts { display: flex; flex-direction: column; gap: .35rem; align-items: stretch; min-width: 9rem; }
.evm-acts form { margin: 0; }
.evm-badge { display: inline-flex; align-items: center; gap: .3rem; font-size: .7rem; font-weight: 700; padding: .15rem .5rem; border-radius: 999px; background: #EFEFEB; color: #55544E; }
.evm-badge--ok { background: #E7F0EC; color: #0B4A38; }
.evm-badge--warn { background: #FDF3E1; color: #A15C07; }
.evm-badge--bad { background: #FDECEA; color: #B42318; }
.evm-cap { font-size: .78rem; font-weight: 700; color: #1C1C1A; }
.evm-cap small { font-weight: 600; color: #6E6D66; }
@media (max-width: 639.98px) {
    .evm-item { grid-template-columns: 5.5rem minmax(0, 1fr); }
    .evm-item img { width: 5.5rem; }
    .evm-acts { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; min-width: 0; }
    .evm-acts > * { flex: 1 1 auto; }
}

/* Katılımcı tablosu */
.evp-table { width: 100%; border-collapse: collapse; font-size: .875rem; }
.evp-table th { text-align: left; font-size: .72rem; text-transform: uppercase; letter-spacing: .04em; color: #6E6D66; padding: .55rem .6rem; border-bottom: 1px solid #E4E3DE; }
.evp-table td { padding: .6rem; border-bottom: 1px solid #EFEFEB; }
.evp-table tr:last-child td { border-bottom: 0; }
.evp-filter { display: flex; flex-wrap: wrap; gap: .35rem; margin-bottom: .9rem; }
.evp-filter a { font-size: .8rem; font-weight: 700; padding: .3rem .7rem; border-radius: 999px; border: 1px solid #E4E3DE; color: #55544E; text-decoration: none; background: #fff; }
.evp-filter a.is-on { background: #1C1C1A; color: #fff; border-color: #1C1C1A; }