/* Source: public/evenement.php */
/* ---- Dark theme aligned with index ---- */
    .event-page {padding-bottom:40px; color:#e5e7eb; color-scheme: dark;}
    .event-page .container{max-width:1100px;margin:0 auto;padding:0 16px;}
    .event-page .page-hero{position:relative;margin-top:8px;margin-bottom:18px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#0ea5e9 0%,#6366f1 50%,#0b1220 100%);color:#fff;}
    .event-page .page-hero .inner{padding:28px 22px;}
    .event-page h1{font-size:clamp(24px,3.2vw,40px);line-height:1.1;margin:0 0 4px 0;font-weight:800;letter-spacing:.2px;}
    .event-page .meta .chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);padding:8px 12px;border-radius:999px}
    .event-page .meta{display:flex;gap:18px;flex-wrap:wrap;opacity:.95;font-weight:500;justify-content:center;align-items:center;text-align:center}
    .event-page .grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}
    @media (max-width: 980px){.event-page .grid{grid-template-columns:1fr}}

    .card{background:#0f172a;border-radius:14px;box-shadow:0 10px 24px rgba(2,6,23,.35),0 2px 6px rgba(2,6,23,.45);padding:18px;border:1px solid rgba(255,255,255,.06)}
    .card.neon-border{box-shadow:0 0 0 1px rgba(59,130,246,.22), 0 0 0 4px rgba(59,130,246,.08), 0 12px 30px rgba(2,6,23,.6)}
    .card h2,.card h3{margin:0 0 10px 0;font-size:18px;color:#f3f4f6}
    .muted{color:#94a3b8}
    .list{list-style:none;margin:8px 0 0 0;padding:0;display:grid;gap:6px}
    .list li{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.02)}
    .status{font-size:12px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.10);color:#e5e7eb}
    .empty{padding:12px 0;color:#94a3b8}
    .error{color:#fecaca;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.35)}
    .success{color:#bbf7d0;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.35)}

    .btn{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.10);padding:10px 14px;border-radius:999px;background:#1f2937;color:#fff;font-weight:600;cursor:pointer;text-decoration:none}
    .btn + .btn{margin-left:8px}
    .btn:hover{filter:brightness(1.08)}

    .form-grid{display:grid;gap:10px}
    .form-grid label{font-weight:600;color:#e5e7eb}
    select, .select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0b1220;color:#e5e7eb}
    .helper{font-size:12px;color:#94a3b8;margin-top:4px}

    .description img{max-width:100%;height:auto;border-radius:10px}