/* action-sheet — iOS-style choice list, built atop .sheet
 *
 * Use:  Sheet.open({ className: 'action-sheet', body: ... })
 *       or call actionSheet({ title, message, actions, cancel }) directly.
 *
 * Structure inside .sheet-body:
 *   .action-sheet-title      ← muted caption
 *   .action-sheet-message    ← body copy
 *   .action-sheet-group      ← rounded button column (multiple groups allowed)
 *     .action-sheet-btn
 *     .action-sheet-btn--destructive
 *     .action-sheet-btn--cancel
 */

.action-sheet {
  padding: 8px 12px calc(12px + env(safe-area-inset-bottom));
}
.action-sheet-title {
  text-align: center;
  padding: 14px 16px 8px;
  color: var(--text-muted, #6B6258);
  font-size: 12.5px;
  font-weight: 500;
}
.action-sheet-message {
  text-align: center;
  padding: 0 16px 14px;
  color: var(--text, #2A2520);
  font-size: 14px;
}
.action-sheet-group {
  background: var(--surface, #FFFFFF);
  border: 1px solid var(--border, #EAE3D4);
  border-radius: 14px;
  overflow: hidden;
  display: flex; flex-direction: column;
}
.action-sheet-group + .action-sheet-group { margin-top: 8px; }
.action-sheet-btn {
  width: 100%;
  padding: 16px 18px;
  font-size: 15.5px;
  font-weight: 500;
  text-align: center;
  color: var(--accent, #B4654A);
  background: var(--surface, #FFFFFF);
  border: none;
  border-bottom: 1px solid var(--border, #EAE3D4);
  transition: background 100ms;
  cursor: pointer;
  font-family: inherit;
}
.action-sheet-btn:last-child { border-bottom: none; }
.action-sheet-btn:active { background: var(--surface-sunken, #F4EFE6); }
.action-sheet-btn--destructive { color: var(--red, #B85240); }
.action-sheet-btn--cancel { font-weight: 600; }