#view-evenements { gap: 16px; }
.evt-toolbar,.evt-actions,.evt-filterbar,.evt-titleline,.evt-draw-head { display:flex;align-items:center;gap:10px;flex-wrap:wrap; }
.evt-toolbar { justify-content:space-between; }
.evt-toolbar>div:first-child { min-width:0; }
.evt-titleline h2 { margin:0;font:700 20px/1.2 'Syne',sans-serif; }
.evt-status { display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase; }
.evt-status::before { content:'';width:6px;height:6px;border-radius:50%;background:currentColor; }
.evt-status.open { color:var(--ok);background:color-mix(in srgb,var(--ok) 13%,transparent); }
.evt-status.closed { color:var(--or);background:color-mix(in srgb,var(--or) 13%,transparent); }
.evt-status.drawn { color:var(--pt);background:color-mix(in srgb,var(--pt) 13%,transparent); }
.evt-status.draft,.evt-status.archived { color:var(--mt);background:var(--s2); }
.evt-meta { margin-top:5px;color:var(--mt);font-size:12px; }
.evt-actions { justify-content:flex-end; }
.evt-actions .btn { font-size:11px;padding:6px 11px; }
.evt-kpis { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px; }
.evt-kpis .kc { min-width:0; }
.evt-filterbar { justify-content:space-between; }
.evt-filterbar-left { display:flex;gap:8px;flex-wrap:wrap; }
.evt-search { width:min(280px,100%); }
.evt-table-wrap { overflow-x:auto; }
.evt-table { width:100%;min-width:1120px;border-collapse:collapse; }
.evt-table th { padding:11px 13px;border-bottom:1px solid var(--bd);color:var(--mt);font-size:10px;font-weight:700;letter-spacing:.055em;text-align:left;text-transform:uppercase;white-space:nowrap; }
.evt-table td { padding:12px 13px;border-bottom:1px solid var(--bd);font-size:12px;vertical-align:top; }
.evt-table tr:last-child td { border-bottom:0; }
.evt-table tbody tr:hover { background:color-mix(in srgb,var(--pr) 4%,transparent); }
.evt-person strong,.evt-person small { display:block; }
.evt-person strong { color:var(--tx);font-size:13px; }
.evt-person small { margin-top:3px;color:var(--mt); }
.evt-contact { display:grid;gap:3px; }
.evt-contact a { color:var(--pr);font-weight:600;text-decoration:none; }
.evt-renewals { display:grid;gap:4px; }
.evt-renewals span { white-space:nowrap; }
.evt-renewals b { color:var(--mt);font-size:9px;letter-spacing:.04em; }
.evt-badge { display:inline-flex;align-items:center;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:700;white-space:nowrap; }
.evt-badge.ok { color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent); }
.evt-badge.warn { color:var(--or);background:color-mix(in srgb,var(--or) 12%,transparent); }
.evt-badge.muted { color:var(--mt);background:var(--s2); }
.evt-badge.info { color:var(--pt);background:color-mix(in srgb,var(--pt) 12%,transparent); }
.evt-row-actions { display:flex;gap:5px;flex-wrap:wrap;min-width:160px; }
.evt-row-actions .btn { padding:4px 8px;font-size:10px; }
.evt-empty { padding:42px 20px!important;color:var(--mt);text-align:center; }
.evt-error { padding:18px;border:1px solid color-mix(in srgb,var(--er) 30%,var(--bd));border-radius:10px;color:var(--er);background:color-mix(in srgb,var(--er) 7%,transparent);font-size:12px; }
.evt-draw-card { padding:18px; }
.evt-draw-head { justify-content:space-between;margin-bottom:13px; }
.evt-draw-head h3 { margin:0;font-size:14px; }
.evt-winner { display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:15px;border:1px solid color-mix(in srgb,var(--pr) 35%,var(--bd));border-radius:12px;background:color-mix(in srgb,var(--pr) 7%,var(--s1)); }
.evt-winner-mark { display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#1a1c00;background:var(--pr);font-size:19px; }
.evt-winner strong,.evt-winner small { display:block; }
.evt-winner small { margin-top:3px;color:var(--mt); }
.evt-draw-history { display:grid;gap:7px;margin-top:12px; }
.evt-draw-row { display:grid;grid-template-columns:70px 1fr auto;gap:10px;padding:9px 10px;border-radius:8px;background:var(--s2);font-size:11px; }
.evt-draw-row.replaced { opacity:.7; }
.evt-modal-grid { display:grid;gap:13px; }
.evt-modal-summary { padding:12px;border-radius:9px;background:var(--s2);font-size:12px;line-height:1.55; }
.evt-modal-summary strong { display:block;color:var(--tx);font-size:14px; }
.evt-modal-footer { display:flex;justify-content:flex-end;gap:8px;margin-top:18px; }
.evt-draw-result { padding:18px;text-align:center; }
.evt-draw-result .evt-winner-mark { width:62px;height:62px;margin:0 auto 14px;font-size:28px; }
.evt-draw-result h3 { margin-bottom:5px;font-size:25px;font-family:'Syne',sans-serif; }
.evt-draw-result p { margin:4px 0;color:var(--mt);font-size:12px; }
.evt-create-modal { width:min(680px,96vw); }
.evt-create-form { display:grid;gap:16px; }
.evt-create-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px; }
.evt-create-wide { grid-column:1/-1; }
.evt-field-help { display:block;margin-top:5px;color:var(--mt);font-size:10px;line-height:1.45;overflow-wrap:anywhere; }
.evt-slug-row { display:flex;align-items:center;border:1px solid var(--bd);border-radius:8px;background:var(--s2);overflow:hidden; }
.evt-slug-row:focus-within { border-color:var(--pr);box-shadow:0 0 0 3px color-mix(in srgb,var(--pr) 12%,transparent); }
.evt-slug-row span { padding:0 0 0 10px;color:var(--mt);font-size:11px;white-space:nowrap; }
.evt-slug-row .fi { border:0;background:transparent;box-shadow:none; }
.evt-template-note { display:grid;gap:4px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--pr) 25%,var(--bd));border-radius:10px;background:color-mix(in srgb,var(--pr) 6%,var(--s1));font-size:11px;line-height:1.5; }
.evt-template-note span { color:var(--mt); }
@media (max-width:900px) {
  .evt-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .evt-toolbar,.evt-filterbar { align-items:stretch;flex-direction:column; }
  .evt-actions { justify-content:flex-start; }
  .evt-search { width:100%; }
  .evt-winner { grid-template-columns:auto 1fr; }
  .evt-winner>:last-child { grid-column:1/-1; }
  .evt-create-grid { grid-template-columns:1fr; }
  .evt-create-wide { grid-column:auto; }
}