/* Lifecycle AI (redesign): the customer's preferences across the top, four moments below on a time line, each shown as
   the message actually received. The preview changes form with its channel: email, WhatsApp or app notification. */
.lc-hero{padding-bottom:var(--s9)}
.lc-desk{margin-top:var(--s8);display:grid;gap:var(--s7)}
.lc-side{overflow:hidden}
.lc-perms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;padding:6px 24px 10px}
.lc-perm{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);font-size:15.5px;line-height:1.4;font-weight:600;color:var(--ink);cursor:pointer}
.lc-perm small{display:block;font-size:13.5px;font-weight:400;color:var(--text)}
.lc-line{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-top:12px}
.lc-line::before{content:"";position:absolute;left:0;right:0;top:20px;height:2px;background:var(--pale)}
.lc-m{position:relative;display:grid;gap:12px;align-content:start}
.lc-day{position:relative;display:flex;align-items:baseline;gap:10px;padding-top:26px}
.lc-day::before{content:"";position:absolute;left:0;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px var(--cobalt)}
.lc-day b{font-size:17px;color:var(--ink)}.lc-day span{font-size:14.5px;font-weight:600;color:var(--text)}
.lc-prev{display:grid;gap:8px;padding:18px;border-radius:14px;background:#fff;box-shadow:var(--sh-ui);transition:background-color .35s ease,border-radius .35s ease,opacity .35s ease}
.lc-t{display:grid;gap:6px;justify-items:start}
.lc-t b{font-size:17px;line-height:1.3;color:var(--ink)}
.lc-msg{font-size:15.5px;line-height:1.5;color:var(--ink)}
.lc-from{font-size:13.5px;font-weight:700;color:var(--text)}
.lc-ch{font-size:13.5px;font-weight:800;padding:3px 10px;border-radius:6px;background:var(--ice);color:var(--deep)}
/* channel forms */
.lc-m[data-chan=mail] .lc-prev{border-top:4px solid var(--cobalt)}
.lc-m[data-chan=wa] .lc-prev{background:#E3F7F4;border-radius:18px 18px 18px 4px;box-shadow:0 10px 24px -16px rgba(11,42,102,.4)}
.lc-m[data-chan=wa] .lc-ch{background:#fff;color:var(--t-teal)}
.lc-m[data-chan=push] .lc-prev{border-radius:20px;background:#F7FAFF;box-shadow:0 0 0 1px var(--line),0 10px 24px -16px rgba(11,42,102,.4)}
.lc-m.off .lc-prev{box-shadow:inset 0 0 0 1.5px var(--line);background:#fff}.lc-m.off .lc-t b,.lc-m.off .lc-msg,.lc-m.off .lc-from{color:var(--text)}
.lc-m.off .lc-msg{text-decoration:line-through;text-decoration-color:var(--muted)}
.lc-ch.none{background:#FFF0F2;color:var(--t-coral)}
.lc-when{font-size:15px;line-height:1.45;font-weight:600;color:var(--text)}

/* channel rules */
.lc-rules-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s5) var(--s9);align-items:end}
.lc-scroll{margin-top:var(--s7);overflow-x:auto}
.lc-tab{width:100%;min-width:760px;border-collapse:collapse}
.lc-tab th,.lc-tab td{padding:16px 20px;text-align:left;border-top:1px solid var(--line);font-size:16px;line-height:1.45;color:var(--ink)}
.lc-tab thead th{border-top:0;font-size:15px;color:var(--deep)}.lc-tab tbody th{font-weight:800}
.lc-src{margin-top:var(--s5);font-size:15px;color:var(--text)}.lc-src a{color:var(--deep);font-weight:700;text-decoration:underline;text-underline-offset:3px}

@media (max-width:1100px){.lc-perms{grid-template-columns:1fr 1fr}.lc-line{grid-template-columns:1fr 1fr;row-gap:28px}.lc-line::before{display:none}.lc-rules-head{grid-template-columns:1fr}}
@media (max-width:760px){.lc-perms{grid-template-columns:1fr}.lc-line{grid-template-columns:1fr}}