/* ===============================
   OPTIONS SHEET — bottom sheet
   =============================== */
.options-sheet {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;

  background: #fff;
  border-radius: 16px 16px 0 0;

  max-height: 70vh;
  overflow-y: auto;

  transform: translateY(100%);
  transition: transform 0.25s ease;

  z-index: 1001;
}

.options-sheet.open {
  transform: translateY(0);
}

/* ===============================
   OVERLAY
   =============================== */
.sheet-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.35);
  display: none;
  z-index: 1000;
}

.sheet-overlay.open {
  display: block;
}

/* ===============================
   CONTENUTO INTERNO
   =============================== */
#optionsSheet .sheet-content {
  padding: 20px;
}

#optionsSheet h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #444;
}

.sheet-btn {
  width: 100%;
  padding: 12px;
  margin-bottom: 8px;
  text-align: left;
  background: #f5f5f5;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  cursor: pointer;
}

.sheet-btn:hover {
  background: #e8e8e8;
}

/* =========================================================
   MODALITÀ ACTIVITIES — override minimale
   ========================================================= */

/* Sfondo sheet attività */
body.activities .options-sheet {
  background: var(--panel-bg);
}

/* Titoli attività */
body.activities #optionsSheet h3 {
  color: var(--panel-title-color);
}

/* Pulsanti attività */
body.activities .sheet-btn {
  background: #eef4ff;
  border: 1px solid #d0d8ff;
  color: #0033aa;
  font-weight: 600;
}

body.activities .sheet-btn:hover {
  background: #e0eaff;
}