/* ---------- Events (next/events.v1.js, 2026-10-04) ---------- */
#view-events { max-width: 56rem; }
.ev-top { margin: 0 0 1.3rem; }
.ev-card { padding: 1.4rem 1.4rem 1.5rem; margin-bottom: 1.3rem; }
.ev-empty p { font-size: 1.1rem; }
.ev-form .card-h { margin-bottom: .6rem; }
.ev-when { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 0 1rem; }
.ev-check { display: flex; align-items: center; gap: .6rem; font-weight: 500; cursor: pointer; }
.ev-check input[type=checkbox] { width: 1.35rem; height: 1.35rem; min-height: 0; margin: 0; flex: none; accent-color: var(--accent); }
.ev-check:has(input:disabled) { color: var(--ink-mid); cursor: default; }
.ev-rem { border: 1px solid var(--ink-faint); border-radius: 12px; padding: .8rem 1rem .2rem; margin: .2rem 0 1rem; }
.ev-rem legend { font-weight: 600; padding: 0 .3rem; }
.ev-rem .ev-check { margin-bottom: .6rem; }
.ev-rem-why { margin: -.4rem 0 .7rem 1.95rem; }

.ev-sec { margin-bottom: 1.3rem; }
.ev-sec-h { font-size: 1.55rem; margin-bottom: .8rem; }
.ev-list { display: flex; flex-direction: column; gap: 1rem; }
.ev-past { padding: .9rem 1.1rem; }
.ev-past summary { font-size: 1.1rem; }
.ev-past .ev-list { margin-top: .9rem; }

.ev-item { display: grid; grid-template-columns: auto 1fr; gap: 1.1rem; padding: 1.2rem 1.3rem 1.3rem; min-width: 0; }
.ev-past .ev-item { box-shadow: none; }
.ev-badge { width: 4.2rem; border-radius: 14px; background: var(--accent-soft); color: var(--accent-dark); text-align: center; padding: .45rem 0 .5rem; align-self: start; }
.ev-badge span { display: block; text-transform: uppercase; letter-spacing: .1em; font-size: .85rem; font-weight: 700; }
.ev-badge b { display: block; font: 700 1.75rem/1.1 var(--font-serif); }
.ev-was .ev-badge { background: var(--paper); color: var(--ink-mid); }
.ev-body { min-width: 0; }
.ev-kind { margin: 0 0 .1rem; font-size: .85rem; }
.ev-when-w { font-weight: 600; color: var(--ink); }
.ev-title { font-size: 1.35rem; margin: .15rem 0 .4rem; overflow-wrap: anywhere; }
.ev-line { margin: .1rem 0; overflow-wrap: anywhere; }
.ev-desc { margin: .5rem 0 .2rem; color: var(--ink); white-space: pre-line; overflow-wrap: anywhere; }
.ev-notes { margin: .4rem 0; background: var(--gold-soft); border-radius: 10px; padding: .5rem .8rem; white-space: pre-line; overflow-wrap: anywhere; }
.ev-remnote { margin-top: .4rem; }
.ev-btns { margin-top: .6rem; }
.ev-del { color: var(--danger); }
.ev-promote { border-top: 1px solid var(--ink-faint); margin-top: 1rem; padding-top: .8rem; }
.ev-promote-h { font-weight: 700; color: var(--accent-dark); }
.ev-promote .kit-btns { margin-top: .4rem; }
.ev-out:empty { display: none; }
.ev-panel { background: var(--paper); border-radius: 14px; padding: 1rem 1.1rem; margin-top: .9rem; }
.ev-panel h4 { font: 700 1.1rem/1.3 var(--font-serif); margin-bottom: .5rem; }
.ev-panel label { margin-bottom: .8rem; }
.ev-panel .kit-btns { margin-top: .5rem; }
.ev-busy { margin: .3rem 0 0; max-width: none; }
.ev-text { margin-top: 0; }
.ev-text-pr { font-size: .96rem; }
.ev-count { margin-top: .3rem; }
.ev-prfold { margin-bottom: .6rem; }
.ev-prfold summary { cursor: pointer; color: var(--accent-dark); font-weight: 600; overflow-wrap: anywhere; }
.ev-prfold[open] summary { margin-bottom: .6rem; }

@media (max-width: 760px) {
  .ev-card, .ev-item { padding: 1rem 1rem 1.1rem; }
  .ev-when { grid-template-columns: 1fr 1fr; }
  .ev-when label:first-child { grid-column: 1 / -1; }
  .ev-item { grid-template-columns: 1fr; gap: .5rem; }
  .ev-badge { display: none; }
  .ev-promote .btn { flex: 1 1 100%; }
}

.ev-tz { margin: -.4rem 0 1.2rem; }
.ev-tz select { display: inline-block; width: auto; margin: 0 0 0 .3rem; }