/**
 * ERP — parches quirúrgicos (galería CTA · icono usuario · agenda FC)
 * Solo CSS — sin JS / HTML.
 */

/* =========================================================
   1. Galería — SOLO #btnUpload (luxury dark · ref. Reservar Cita)
   Sin fill dorado/beige — gradiente navy + borde dorado fino
========================================================= */
body:has(.admin-gal-wrapper) button#btnUpload.btn.btn-primary,
body:has(.admin-gal-wrapper) #btnUpload.btn-primary.w-100,
body:has(.admin-gal-wrapper) #btnUpload {
  background: linear-gradient(
    135deg,
    rgba(15, 23, 35, 0.92),
    rgba(22, 32, 48, 0.88)
  ) !important;
  background-color: transparent !important;
  color: #ff5c7a !important;
  font-weight: 600 !important;
  text-shadow: 0 0 6px rgba(255, 92, 122, 0.28), 0 1px 2px rgba(0, 0, 0, 0.32) !important;
  border: 1px solid rgba(201, 169, 110, 0.45) !important;
  border-radius: 10px !important;
  box-shadow:
    0 10px 25px rgba(0, 0, 0, 0.35),
    0 0 12px rgba(201, 169, 110, 0.12) !important;
  filter: none !important;
  opacity: 1 !important;
}

body:has(.admin-gal-wrapper) button#btnUpload.btn.btn-primary:hover,
body:has(.admin-gal-wrapper) button#btnUpload.btn.btn-primary:focus,
body:has(.admin-gal-wrapper) #btnUpload:hover,
body:has(.admin-gal-wrapper) #btnUpload:focus {
  background: linear-gradient(
    135deg,
    rgba(18, 28, 42, 0.96),
    rgba(26, 38, 54, 0.92)
  ) !important;
  color: #ff6d88 !important;
  text-shadow: 0 0 8px rgba(255, 92, 122, 0.32), 0 1px 2px rgba(0, 0, 0, 0.32) !important;
  border-color: rgba(201, 169, 110, 0.55) !important;
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.4),
    0 0 16px rgba(201, 169, 110, 0.16) !important;
  transform: translateY(-1px);
  filter: none !important;
}

body:has(.admin-gal-wrapper) button#btnUpload.btn.btn-primary:active,
body:has(.admin-gal-wrapper) #btnUpload:active {
  transform: translateY(0);
  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.32),
    0 0 10px rgba(201, 169, 110, 0.1) !important;
}

body:has(.admin-gal-wrapper) #btnUpload i {
  color: inherit !important;
  text-shadow: inherit;
}

/* =========================================================
   2. Panel citas — Agenda visual / FullCalendar (sin blancos)
========================================================= */
#calendar .fc,
#calendar.fc {
  --fc-page-bg-color: rgba(12, 17, 24, 0.92);
  --fc-neutral-bg-color: rgba(12, 17, 24, 0.92);
  --fc-neutral-text-color: #e2e8f0;
  --fc-border-color: rgba(255, 255, 255, 0.08);
  --fc-today-bg-color: rgba(196, 165, 116, 0.06);
  --fc-now-indicator-color: #c4a574;
  --fc-list-event-hover-bg-color: rgba(34, 45, 61, 0.65);
}

#calendar .fc-scrollgrid,
#calendar .fc-scrollgrid-section,
#calendar .fc-scrollgrid-section > td,
#calendar .fc-scrollgrid-section > th,
#calendar .fc-scrollgrid-sync-table,
#calendar .fc-scrollgrid-sync-inner,
#calendar .fc-timegrid,
#calendar .fc-timegrid-body,
#calendar .fc-timegrid-slots,
#calendar .fc-timegrid-cols,
#calendar .fc-timegrid-col,
#calendar .fc-timegrid-col-bg,
#calendar .fc-timegrid-col-frame,
#calendar .fc-timegrid-slot,
#calendar .fc-timegrid-slot-lane,
#calendar .fc-timegrid-axis,
#calendar .fc-timegrid-axis-chunk,
#calendar td.fc-timegrid-axis,
#calendar th.fc-timegrid-axis,
#calendar .fc-col-header,
#calendar .fc-col-header-cell,
#calendar .fc-daygrid-day,
#calendar .fc-daygrid-day-frame,
#calendar .fc-datagrid,
#calendar .fc-datagrid-header,
#calendar .fc-datagrid-body,
#calendar .fc-datagrid-cell,
#calendar .fc-datagrid-cell-cushion,
#calendar .fc-resource-timeline,
#calendar .fc-timeline-body,
#calendar .fc-timeline-slot,
#calendar .fc-timeline-lane {
  background-color: rgba(12, 17, 24, 0.92) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

#calendar .fc-timegrid-slot:nth-child(even),
#calendar .fc-timegrid-col:nth-child(even) .fc-timegrid-slot {
  background-color: rgba(15, 23, 35, 0.88) !important;
}

#calendar .fc-timegrid-axis-cushion,
#calendar .fc-timegrid-slot-label-cushion,
#calendar .fc-col-header-cell-cushion,
#calendar .fc-datagrid-cell-cushion,
#calendar .fc-scrollgrid-shrink-cushion {
  color: #e2e8f0 !important;
}

#calendar .fc-toolbar-title {
  color: #f8fafc !important;
}

#calendar .table-card,
body:has(#calendar) .table-card {
  background: rgba(12, 17, 24, 0.55) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

#calendar .table-card h4 {
  color: #f8fafc !important;
}