/* Automation scenes: a source record passes through a rule and lands on a board. Used by the lighter app pages. */
.fl .fl-src { position: absolute; left: 16px; top: 96px; width: 262px; background: #fff; border-radius: 16px; box-shadow: 0 30px 60px -28px rgba(17,38,63,.4); padding: 14px 16px; z-index: 1; }
.fl .fl-src-h { display: flex; align-items: center; gap: 9px; font: 600 14px var(--display); color: var(--ink); margin-bottom: 8px; }
.fl .fl-src-h img { width: 24px; height: 24px; border-radius: 7px; }
.fl .fl-row { display: flex; justify-content: space-between; gap: 12px; padding: 7px 8px; border-radius: 8px; font-size: 13px; color: #676879; transition: background-color 250ms ease, box-shadow 250ms ease; }
.fl .fl-row b { font-weight: 600; color: #323338; white-space: nowrap; }
.fl .fl-row.on { background: var(--violet-soft); box-shadow: inset 0 0 0 1.5px #6a55e8; }
.fl .win { left: 58px; top: 288px; width: 606px; }
.fl .t .r { grid-template-columns: var(--cols); }
.fl [data-new] { opacity: 0; height: 0; overflow: hidden; border-bottom: 0; transition: opacity 350ms ease, height 350ms var(--ease-out), background-color 700ms ease; }
.fl [data-new].in { opacity: 1; height: 38px; border-bottom: 1px solid #e6e9ef; background: #f3f0ff; }
.fl [data-upd].hit { box-shadow: inset 0 0 0 2px #6a55e8; }
.fl .fl-fly { position: absolute; left: 0; top: 0; z-index: 4; padding: 5px 10px; border-radius: 8px; background: #5b46dc; color: #fff; font-size: 12.5px; font-weight: 600; white-space: nowrap; opacity: 0; box-shadow: 0 12px 24px -10px rgba(91,70,220,.8); transition: transform 850ms var(--ease-in-out), opacity 150ms ease; }
.fl .fl-fly.on { opacity: 1; }
.fl .toast { left: 200px; top: 512px; }
/* Levels: one item and five subitem levels */
.lv .win { top: 150px; width: 560px; }
.lv .t .r { grid-template-columns: 1fr 150px; }
.lv .lvn { gap: 8px; font-weight: 500; }
.lv .lvn u { text-decoration: none; font-size: 11px; font-weight: 600; color: #5b46dc; background: var(--violet-soft); border-radius: 6px; padding: 1px 6px; }
.lv .r:nth-child(2) .lvn { font-weight: 700; }
.lv .toast { left: 180px; top: 505px; }