/* Shared tiny fixes only (no visual overrides) */

/* Fix iOS/Safari scroll issues when using flex + overflow containers */
.layout-admin .main{ min-height: 0; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
.layout-admin .sidebar{ min-height: 0; }
.layout-admin .menu{ -webkit-overflow-scrolling: touch; }

@media (max-width: 768px){
  html, body{ height:auto; overflow:auto; }
}

/* Tooltip qualifiche (condiviso) */
#qualifica-tooltip{
  position: fixed;
  z-index: 2000;
  display: none;
  max-width: 320px;
  background: rgba(0,0,0,0.88);
  color: #fff;
  padding: 8px 10px;
  border-radius: 10px;
  font-size: 0.9rem;
  line-height: 1.35;
  box-shadow: 0 10px 25px rgba(0,0,0,0.35);
  pointer-events: none;
}

/* Mostra/nascondi elementi basati su qualifiche (gestito via JS) */
.layout-admin [data-qualifiche]{ display:none; }



/* Pulsanti dentro il riquadro "Ore del comitato" */
.btn-ore{ border:0; border-radius:8px; padding:9px 14px; font-weight:700; font-size:13px;
  cursor:pointer; background:#b71c1c; color:#fff; }
.btn-ore:hover{ background:#8e1515; }

/* ===========================================================================
   Bottone d'azione rosso uniforme (Aggiungi, Esporta CSV, Vista calendario,
   Nuovo turno, Attestati in scadenza...). Stessa dimensione e colore in tutte
   le pagine. Applicare la classe .btn-azione-rosso al <button>.
   ========================================================================= */
.btn-azione-rosso {
  background: #b71c1c;
  color: #fff;
  border: none;
  padding: 12px 20px;
  border-radius: 5px;
  font-weight: bold;
  font-size: 1rem;
  cursor: pointer;
  transition: background 0.3s;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.btn-azione-rosso:hover { background: #9f1b1b; }

/* ===========================================================================
   Pulsanti d'azione uniformi in TUTTE le pagine (prima erano definiti solo in
   volontari.css, quindi in Admin restavano bianchi). Riquadri pieni colorati:
   giallo=modifica, rosso=elimina, blu=info/azione, verde=conferma.
   ========================================================================= */
.action-btn {
  cursor: pointer;
  padding: 6px 12px;
  margin: 2px;
  border: none;
  border-radius: 6px;
  font-weight: bold;
  font-size: 0.9rem;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: filter .15s;
}
.action-btn:hover { filter: brightness(1.08); }
.edit-btn { background-color: #ffc107; color: #000; }
.delete-btn { background-color: #dc3545; color: #fff; }
.info-btn { background-color: #2563eb; color: #fff; }
.approve-btn { background-color: #16a34a; color: #fff; }
.reject-btn { background-color: #dc3545; color: #fff; }

/* ===========================================================================
   Riquadro privacy (iscrizione pubblica e "Aggiungi volontario"): stesso
   aspetto ovunque, testo tutto della stessa grandezza, casella ben visibile.
   ========================================================================= */
.gs-privacy{ background:#fffbeb; border:1px solid #fde68a; border-left:5px solid #b71c1c; border-radius:10px;
             padding:16px 18px; margin:18px 0; font-size:14px; line-height:1.55; color:#333; text-align:left; }
.gs-privacy-titolo{ font-weight:800; font-size:15px; color:#b71c1c; margin-bottom:8px; }
.gs-privacy-titolo span{ display:inline-block; margin-left:6px; font-size:11px; font-weight:800; text-transform:uppercase;
                         letter-spacing:.03em; background:#b71c1c; color:#fff; border-radius:999px; padding:2px 8px; vertical-align:middle; }
.gs-privacy p{ margin:0 0 8px; font-size:14px; }
.gs-privacy .gs-privacy-nota{ color:#666; font-size:13px; }
.gs-privacy-check{ display:flex !important; align-items:flex-start; gap:10px; margin-top:10px; padding:10px 12px;
                   background:#fff; border:1px solid #e5e7eb; border-radius:8px; cursor:pointer; font-weight:700; font-size:14px; }
.gs-privacy-check input[type="checkbox"]{ width:20px; height:20px; min-width:20px; margin:1px 0 0; accent-color:#b71c1c; flex:none; }

/* Mia Anagrafica: email che vuoi ricevere */
.gs-pref-email{ background:#fff; border-radius:12px; box-shadow:0 2px 10px rgba(0,0,0,.06); padding:20px 22px; margin:20px 0; }
.gs-pref-email h2{ margin:0 0 6px; color:#b71c1c; font-size:1.25rem; }
.gs-pe-desc{ margin:0 0 14px; color:#555; font-size:14px; }
.gs-pe-voci{ display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:10px; }
.gs-pe-voce{ display:flex !important; align-items:center; gap:10px; padding:12px 14px; border:1px solid #e5e7eb; border-radius:10px;
             cursor:pointer; font-weight:600; font-size:15px; background:#fafafa; }
.gs-pe-voce input{ width:20px; height:20px; accent-color:#b71c1c; flex:none; margin:0; }
.gs-pe-stato{ min-height:20px; margin-top:10px; font-size:14px; font-weight:600; color:#166534; }


/* Fila di pulsanti in cima alle pagine delle specialita' (Eventi, Calendario,
   Torna a...): tutti della stessa misura */
.ev-fila-pulsanti{ display:flex; flex-wrap:wrap; gap:8px; align-items:stretch; margin:0 0 20px; }
.ev-fila-pulsanti > a, .ev-fila-pulsanti > button{ margin:0 !important; box-sizing:border-box; min-width:230px;
  display:inline-flex !important; align-items:center; justify-content:center; gap:6px; padding:12px 20px !important;
  font-size:1rem !important; line-height:1.2 !important; text-decoration:none !important; }
@media (max-width:768px){ .ev-fila-pulsanti > a, .ev-fila-pulsanti > button{ flex:1 1 100%; min-width:0; } }