/*
 * Send Listy Core 0.704 — Item Options Sheet Clearance & Softer Close Button
 * Parent: Core 0.703
 *
 * Local-only editor overrides. The global send-list.css remains untouched.
 * Every rule is scoped to the list editor / visible item-options sheet.
 */

/* Keep the approved 30% larger options gear from 0.703. */
.send-list-app .sl-editor .sl-item-options-header-toggle > span {
  font-size:20px !important;
  line-height:1 !important;
}

/* Item delete X: same lime-green family as the item management header,
   darkened only about 5% so it blends with the bar instead of looking heavy. */
.send-list-app .sl-editor .sl-item-card-header .sl-remove-item.sl-item-header-action {
  background:#55b000 !important;
  border-color:#4fa600 !important;
  color:#fff !important;
  border-radius:6px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.send-list-app .sl-editor .sl-item-card-header .sl-remove-item.sl-item-header-action:hover,
.send-list-app .sl-editor .sl-item-card-header .sl-remove-item.sl-item-header-action:focus-visible {
  background:#50a800 !important;
  border-color:#499c00 !important;
  color:#fff !important;
}

/* Keep the approved two-column item-options layout from 0.703.
   The bottom clearance now reserves the full fixed editor action tray
   (Create / Add Item / Preview + the Activate list Options tab), so the
   sheet sits visibly above it instead of being covered by it. */
.send-list-app .sl-editor .sl-item-add-options-menu.sl-item-options-sheet:not([hidden]) {
  box-sizing:border-box !important;
  width:auto !important;
  max-width:min(560px,calc(100vw - 16px)) !important;
  min-width:0 !important;
  bottom:calc(var(--sl-nav-live-height,78px) + 100px + env(safe-area-inset-bottom,0px)) !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  contain:layout paint !important;
}
.send-list-app .sl-editor .sl-item-add-options-menu.sl-item-options-sheet:not([hidden]) .sl-item-option-choice {
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
}

@media (max-width:560px) {
  .send-list-app .sl-editor .sl-item-add-options-menu.sl-item-options-sheet:not([hidden]) {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    bottom:calc(var(--sl-nav-live-height,78px) + 100px + env(safe-area-inset-bottom,0px)) !important;
  }
}