/* disponibilita.css — tema scuro per FullCalendar dentro la dashboard Rentadomus. */
.dz-wrap { max-width: 1080px; margin: 0 auto; padding: 24px 18px 64px; }
.dz-bar { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin: 8px 0 16px; }
.dz-lab { font-size: 13px; color: var(--vz-dim); display: inline-flex; align-items: center; gap: 8px; }
.dz-legend { font-size: 12px; margin-top: 12px; display: flex; align-items: center; flex-wrap: wrap; }
.dz-dot { display: inline-block; width: 11px; height: 11px; border-radius: 3px; margin-right: 5px; vertical-align: -1px; }
.dz-green { background: #1d9e75; }
.dz-orange { background: #ff6b00; }

/* FullCalendar v6 in dark (override delle CSS custom properties) */
#calendar {
  --fc-page-bg-color: #0a0a0a;
  --fc-neutral-bg-color: #101012;
  --fc-neutral-text-color: #a1a1a8;
  --fc-border-color: rgba(255,255,255,0.10);
  --fc-today-bg-color: rgba(255,107,0,0.10);
  --fc-now-indicator-color: #ff6b00;
  --fc-event-bg-color: #1d9e75;
  --fc-event-border-color: #1d9e75;
  --fc-event-text-color: #ffffff;
  --fc-list-event-hover-bg-color: #17171b;
  color: #f5f5f7;
}
.fc .fc-toolbar-title { color: #f5f5f7; font-size: 18px; }
.fc .fc-col-header-cell-cushion,
.fc .fc-daygrid-day-number,
.fc .fc-timegrid-slot-label-cushion,
.fc .fc-timegrid-axis-cushion { color: #a1a1a8; text-decoration: none; }
.fc .fc-button {
  background: #17171b; border: 1px solid rgba(255,255,255,0.12); color: #f5f5f7;
  text-transform: capitalize; box-shadow: none; font-weight: 600;
}
.fc .fc-button:hover { background: #1d1d22; }
.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active { background: #ff6b00; border-color: #ff6b00; color: #0a0a0a; }
.fc .fc-button:focus { box-shadow: none; }
.fc-theme-standard .fc-scrollgrid,
.fc-theme-standard td,
.fc-theme-standard th { border-color: rgba(255,255,255,0.10); }
.fc .fc-highlight { background: rgba(255,107,0,0.18); }
.fc .fc-event { border-radius: 6px; font-size: 12px; padding: 1px 3px; }
.fc .fc-daygrid-day { cursor: pointer; }
.fc .fc-daygrid-day:hover { background: rgba(255,255,255,0.03); }

/* Tendine (select) in tema scuro con freccia custom */
.dz-bar select.vz-host-in,
.dz-bar select {
  -webkit-appearance: none; -moz-appearance: none; appearance: none;
  background-color: #17171b;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23a1a1a8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat; background-position: right 12px center;
  border: 1px solid rgba(255,255,255,0.12); color: #f5f5f7;
  font-size: 14px; font-weight: 600; border-radius: 12px;
  padding: 9px 34px 9px 14px; cursor: pointer; min-width: 120px;
}
.dz-bar select:hover { background-color: #1d1d22; border-color: rgba(255,255,255,0.2); }
.dz-bar select:focus { outline: none; border-color: #ff6b00; box-shadow: 0 0 0 3px rgba(255,107,0,0.18); }
.dz-lab { font-weight: 600; }

/* Modal di conferma (sostituisce confirm() nativo) */
.dz-modal { position: fixed; inset: 0; background: rgba(0,0,0,0.62); display: none; align-items: center; justify-content: center; z-index: 9999; padding: 18px; }
.dz-modal.open { display: flex; }
.dz-modal-panel {
  background: #141417; border: 1px solid rgba(255,255,255,0.12); border-radius: 18px;
  padding: 22px 22px 18px; max-width: 380px; width: 100%; box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}
.dz-modal-title { font-size: 17px; font-weight: 700; color: #f5f5f7; margin: 0 0 6px; }
.dz-modal-msg { font-size: 14px; color: #a1a1a8; margin: 0 0 18px; line-height: 1.5; }
.dz-modal-actions { display: flex; gap: 10px; justify-content: flex-end; }
.dz-mbtn { border: 1px solid rgba(255,255,255,0.14); background: #1d1d22; color: #f5f5f7; font-size: 14px; font-weight: 700; padding: 9px 18px; border-radius: 999px; cursor: pointer; }
.dz-mbtn:hover { background: #26262c; }
.dz-mbtn.danger { background: #f87171; border-color: #f87171; color: #2a0a0a; }
.dz-mbtn.danger:hover { background: #fa8a8a; }

/* Freccia indietro (sostituisce il logo) -> pagina visite */
.dz-back-arrow { display: inline-flex; align-items: center; gap: 6px; color: #f5f5f7; text-decoration: none; font-size: 15px; font-weight: 600; padding: 7px 14px 7px 10px; border: 1px solid rgba(255,255,255,0.12); border-radius: 999px; background: #17171b; }
.dz-back-arrow:hover { background: #1d1d22; border-color: rgba(255,255,255,0.2); }
.dz-back-arrow svg { display: block; }