/*
 * Send Listy Core 0.719 — All Items Optional Fields Canonical Row Alignment
 * Parent: Core 0.718 — Active List Optional Fields Icon Alignment
 *
 * Scope: Add/Edit List > All Items Optional Fields disclosure row only.
 * Presentation/label only. No option state, save/read-back, item behavior,
 * group logic, global modal CSS, or database changes.
 */

/* Match the exact canonical rail used by List Optional Fields above it:
   24px icon + 8px gap + flexible title + 24px chevron. */
.send-list-app .sl-modal.is-create-list-modal
.sl-create-list-settings-host > .sl-items-optional-primary > summary {
  display:grid !important;
  grid-template-columns:24px minmax(0,1fr) 24px !important;
  align-items:center !important;
  column-gap:8px !important;
  height:52px !important;
  min-height:52px !important;
  padding:0 14px !important;
  margin:0 !important;
  box-sizing:border-box !important;
}

.send-list-app .sl-modal.is-create-list-modal
.sl-items-optional-primary .sl-items-optional-primary-icon {
  display:grid !important;
  place-items:center !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:7px !important;
  background:#edf8ef !important;
  color:#239944 !important;
  font-size:17px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-align:center !important;
  justify-self:start !important;
}

.send-list-app .sl-modal.is-create-list-modal
.sl-items-optional-primary > summary > strong {
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  color:inherit !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  text-align:start !important;
}

.send-list-app .sl-modal.is-create-list-modal
.sl-items-optional-primary > summary .sl-optional-chevron {
  display:grid !important;
  place-items:center !important;
  width:24px !important;
  height:24px !important;
  margin:0 !important;
  padding:0 !important;
  justify-self:end !important;
  color:#239944 !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

/* Preserve the proven disclosure mechanics; only normalize the axis. */
.send-list-app .sl-modal.is-create-list-modal
.sl-items-optional-primary:not([open]) > summary .sl-optional-chevron {
  transform:rotate(90deg) !important;
}

.send-list-app .sl-modal.is-create-list-modal
.sl-items-optional-primary[open] > summary .sl-optional-chevron {
  transform:none !important;
}

.send-list-app.sl-dark-mode .sl-modal.is-create-list-modal
.sl-items-optional-primary > summary > strong {
  color:#ffffff !important;
}

.send-list-app.sl-dark-mode .sl-modal.is-create-list-modal
.sl-items-optional-primary .sl-items-optional-primary-icon {
  background:#213629 !important;
  color:#79df97 !important;
}

.send-list-app.sl-dark-mode .sl-modal.is-create-list-modal
.sl-items-optional-primary > summary .sl-optional-chevron {
  color:#79df97 !important;
}

@media(max-width:767px){
  .send-list-app .sl-modal.is-create-list-modal
  .sl-create-list-settings-host > .sl-items-optional-primary > summary {
    grid-template-columns:24px minmax(0,1fr) 24px !important;
    column-gap:8px !important;
    padding:0 14px !important;
  }
}