@charset "UTF-8";

  :root{
    --rose:#E50053; --bleu:#1662ff; --vert:#10b981;
    --noir:#0c1b22; --bg:#f7f8fb; --surface:#fff; --text:#111318;
    --border:#e8eaf0; --radius:18px; --shadow:0 12px 30px rgba(17,19,24,.08);
  }

  /* Grilles utilitaires */
  .grid{display:grid;gap:20px;margin:10px 0 24px}
  .grid-kpi{grid-template-columns:repeat(3, minmax(0,1fr))}
  .grid-tiles{grid-template-columns:repeat(2, minmax(0,1fr))}
  @media (max-width:900px){.grid-kpi,.grid-tiles{grid-template-columns:1fr}}

  /* Cartes KPI “punchy” */
  .card-kpi{background:var(--rose);color:#fff;border-radius:22px;padding:22px;box-shadow:0 22px 48px rgba(229,0,83,.25)}
  .card-kpi .icon{width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.18);display:grid;place-items:center;margin-bottom:10px}
  .card-kpi .title{opacity:.95}
  .card-kpi .value{font-weight:800;font-size:18px;margin-top:6px}

  /* Cartes “soft” */
  .card-soft{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
    box-shadow:var(--shadow);padding:18px 20px;transition:transform .2s ease, box-shadow .2s ease}
  .card-soft:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(17,19,24,.12)}
  .card-soft .title{font-weight:800}.card-soft .sub{color:#6b7280}

  /* Cartes “glass” + “dark” (si tu en veux plus tard) */
  .card-glass{position:relative;border-radius:22px;padding:22px;color:#fff;background:linear-gradient(135deg,#E50053 0%,#1662ff 100%);overflow:hidden}
  .card-dark{background:var(--noir);color:#f4f7f9;border:1px solid #0f2330;border-radius:20px;padding:20px}
  .card-dark .muted{color:#cfe6f1}.card-dark .btn{display:inline-block;margin-top:8px;padding:10px 14px;border-radius:12px;border:1px solid #163041;color:#fff;text-decoration:none}

  /* Badges */
  .badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);font-weight:700}
  .badge.rose{background:#ffe9ef;border-color:#ffd1df;color:#9b0037}
  .badge.vert{background:#e9fbf4;border-color:#c7f1e4;color:#065f46}

  /* Booking Calendar (FullCalendar) – look propre */
  .ea4v-booking-calendar .fc .fc-toolbar-title{font-weight:800;letter-spacing:.2px}
  .ea4v-booking-calendar .fc .fc-button{
    background:#fff;color:var(--text);border:1px solid var(--border);
    border-radius:12px;padding:.45rem .8rem;box-shadow:var(--shadow)
  }
  .ea4v-booking-calendar .fc .fc-button:hover,
  .ea4v-booking-calendar .fc .fc-button-primary.fc-button-active{background:var(--rose);border-color:var(--rose);color:#fff}
  .ea4v-booking-calendar .fc-theme-standard td,
  .ea4v-booking-calendar .fc-theme-standard th{border-color:var(--border)}
  .ea4v-booking-calendar .fc .fc-day-today{background:rgba(22,98,255,.06)}
  .ea4v-booking-calendar .fc .fc-day-sat,
  .ea4v-booking-calendar .fc .fc-day-sun{background:rgba(17,19,24,.02)}
  .ea4v-booking-calendar .fc-daygrid-event{
    border-radius:10px;border:1px solid rgba(0,0,0,.04);padding:3px 6px;background:#fff;color:var(--text);
    box-shadow:0 8px 22px rgba(17,19,24,.06)
  }
  /* Vue “Semaine de la liste” */
  .ea4v-booking-calendar .fc-list{border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);background:#fff}
  .ea4v-booking-calendar .fc-list-day{background:var(--bg);font-weight:800}
  .ea4v-booking-calendar .fc-list-event{border-bottom:1px solid var(--border)}
  .ea4v-booking-calendar .fc-list-event:hover{background:#fff5f8}
  .ea4v-booking-calendar .fc-list-event-title{font-weight:800}
  .ea4v-booking-calendar .fc-list-event-time{font-weight:700}