/* ============================================================
   action-sheet.css — Plant action sheet (S3b)
   Long-press a plant chip → menu of plant-scoped actions.
   v2 tokens only — no raw hex, not even as var() fallbacks
   (Canopy v2 Hard Rule #1).
   ============================================================ */

#plant-action-overlay .modal-sheet {
  padding-bottom: calc(8px + env(safe-area-inset-bottom, 0));
}

.pas-header {
  padding: 18px 20px 8px;
  text-align: center;
}

.pas-header-name {
  font-family: var(--v2-font-display);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.005em;
  line-height: 1.2;
  color: var(--v2-text-primary);
}

.pas-header-sub {
  margin-top: 2px;
  font-family: var(--v2-font-body);
  font-size: 12px;
  letter-spacing: 0.01em;
  color: var(--v2-text-muted);
}

.pas-items {
  display: flex;
  flex-direction: column;
  padding: 8px 12px 4px;
  gap: 2px;
}

.pas-item {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 52px;
  padding: 12px 14px;
  background: transparent;
  border: 0;
  border-radius: var(--v2-radius-md);
  text-align: left;
  font-family: var(--v2-font-body);
  font-size: 16px;
  line-height: 1.2;
  color: var(--v2-text-primary);
  cursor: pointer;
  transition: background var(--v2-transition-fast);
  -webkit-tap-highlight-color: transparent;
}

.pas-item:hover,
.pas-item:focus-visible {
  background: var(--v2-hover-overlay);
  outline: none;
}

.pas-item:active {
  background: var(--v2-press-overlay);
  transform: scale(0.997);
}

.pas-item-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border-radius: var(--v2-radius-md);
  background: var(--v2-bg-secondary);
  color: var(--v2-text-primary);
}

.pas-item-ico svg {
  width: 20px;
  height: 20px;
}

.pas-item-label {
  flex: 1;
}

.pas-item--danger {
  color: var(--v2-pop-coral);
}

.pas-item--danger .pas-item-ico {
  background: var(--v2-pop-coral-muted);
  color: var(--v2-pop-coral);
}

.pas-cancel {
  display: block;
  width: calc(100% - 24px);
  margin: 10px 12px 4px;
  min-height: 48px;
  padding: 12px;
  background: var(--v2-bg-secondary);
  border: 0;
  border-radius: var(--v2-radius-md);
  font-family: var(--v2-font-body);
  font-size: 16px;
  font-weight: 500;
  color: var(--v2-text-primary);
  cursor: pointer;
  transition: background var(--v2-transition-fast);
  -webkit-tap-highlight-color: transparent;
}

.pas-cancel:hover,
.pas-cancel:focus-visible {
  background: var(--v2-hover-overlay);
  outline: none;
}

.pas-cancel:active {
  background: var(--v2-press-overlay);
}