/* Lifecycle emails (public/marketing-lifecycle.js), inside the admin's Email sequences screen.
   Only the portal's own tokens, so light and dark follow the workspace theme. */
.lc{display:grid;gap:12px;margin-top:28px;min-width:0}
.lc-head h2{font-size:15px;margin:0}
.lc-head p{margin:2px 0 0;color:var(--ink-3)}
.lc-gates{margin:0}
.lc-gates ul{margin:6px 0 0;padding-left:18px}
.lc-gates li{margin-top:2px}
.lc-list{display:grid;gap:12px;min-width:0}
.lc .lc-seq{display:grid;gap:14px;min-width:0;margin-top:0;padding:16px 20px}
.lc-seq-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.lc-seq-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;min-width:0}
.lc-seq-title h3{font-size:14px;margin:0}
.lc-since{font-size:12px;color:var(--ink-3)}
.lc .lc-switch{flex:none;width:auto;min-height:32px}
.lc-facts{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(220px,.9fr);gap:12px 24px;margin:0}
.lc-fact{min-width:0}
.lc-fact dt{font-size:12px;font-weight:500;color:var(--ink-3)}
.lc-fact dd{margin:3px 0 0;font-size:13px;color:var(--ink)}
.lc .lc-select{width:100%;max-width:320px}
.lc-audience .inline-status:empty{display:none}
.lc-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;padding-top:12px;border-top:1px solid var(--line);min-width:0}
.lc-counts{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0}
.lc-count{display:flex;flex-direction:row-reverse;align-items:baseline;gap:5px}
.lc-count dt{font-size:12px;font-weight:400;color:var(--ink-3)}
.lc-count dd{margin:0;font-size:14px;font-weight:600;color:var(--ink)}
.lc-confirm-slot:empty{display:none}
.lc-confirm{padding:12px 14px;border:1px solid var(--brand-line);border-radius:var(--radius-control,6px);background:var(--brand-soft)}
.lc-confirm-title{margin:0;font-weight:600;color:var(--ink)}
.lc-confirm-body{margin:4px 0 0;color:var(--ink-2)}
.lc-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.lc .lc-actions .button{width:auto}
.lc-three{display:grid;gap:6px;min-width:0}
.lc-label{font-size:12px;font-weight:500;color:var(--ink-3)}
.lc .lc-three-input{width:100%;min-height:84px}
.lc-three .inline-status:empty,.lc-preview .inline-status:empty{display:none}
.lc-steps{min-width:0}
.lc .lc-toggle{width:auto;margin-right:-8px}
.lc-steps-body{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:16px;min-width:0}
.lc-step-list{display:grid;align-content:start;gap:4px;margin:0;padding:0;list-style:none}
.lc-step{display:grid;gap:1px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:var(--radius-control,6px);background:transparent;color:var(--ink);text-align:left;cursor:pointer}
.lc-step:hover{background:var(--surface-2)}
.lc-step[aria-pressed="true"]{border-color:var(--line-2);background:var(--surface-3)}
.lc-step-when{font-size:12px;color:var(--ink-3)}
.lc-step-subject{font-size:13px;font-weight:500;overflow-wrap:anywhere}
.lc-preview{min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-card,8px);background:var(--surface)}
.lc-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.lc-preview-head .button{flex:none;width:auto}
.lc-preview-subject{margin:0;font-size:14px;overflow-wrap:anywhere}
.lc .lc-preview-body{max-height:420px;margin:0;padding:0;overflow:auto;border:0;background:transparent;color:var(--ink);font:inherit;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.lc-notes{margin:10px 0 0;padding-left:18px;font-size:12px;color:var(--caution)}
.lc-notes:empty{display:none}
.lc .lc-sender{display:grid;gap:10px;min-width:0;margin-top:0;padding:16px 20px}
.lc-sender h3{font-size:14px;margin:0}
.lc-sender > p{margin:0}
.lc-sender-form{display:grid;gap:12px;min-width:0}
.lc-sender-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;min-width:0}
.lc-field{display:grid;gap:4px;align-content:start;min-width:0}
.lc .lc-sender-input{width:100%;min-width:0}
.lc .lc-sender-postal{min-height:72px}
.lc-sender-input[aria-invalid="true"]{border-color:var(--danger,var(--caution))}
.lc-hint{margin:0;color:var(--ink-3)}
.lc-sender .inline-status:empty{display:none}
@media(max-width:1100px){
  .lc-sender-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .lc-facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .lc-facts .lc-fact:last-child{grid-column:1/-1}
}
@media(max-width:767px){
  .lc .lc-seq{padding:14px}
  .lc-facts{grid-template-columns:minmax(0,1fr)}
  .lc-foot{align-items:flex-start;flex-direction:column}
  .lc .lc-toggle{margin:0 0 0 -8px}
  .lc-steps-body{grid-template-columns:minmax(0,1fr)}
  .lc-preview-head{flex-direction:column}
  .lc .lc-select{max-width:none}
  .lc .lc-sender{padding:14px}
  .lc-sender-grid{grid-template-columns:minmax(0,1fr)}
}
