@layer theme,base;@layer components{.crm-board{position:absolute;inset:7% 4% 21%}.crm-col{box-sizing:border-box;background:#eef1f8;border-radius:14px;width:23.5%;padding:10px 8px;position:absolute;top:0;bottom:16%}.crm-col h4{font:500 10px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#4a4f6e;justify-content:space-between;margin:0 0 10px;display:flex}.crm-ghost{opacity:.75;background:#fff;border:1px solid #dfe3ee;border-radius:10px;flex-direction:column;justify-content:center;gap:6px;height:46px;margin-bottom:8px;padding:0 10px;display:flex}.crm-ghost i{background:#dfe3ee;border-radius:4px;height:6px;display:block}.crm-ghost i+i{width:55%}.crm-lead{width:calc(23.5% - 16px);height:58px;box-shadow:var(--shadow-md);box-sizing:border-box;z-index:3;animation:crmMove 10s var(--ease) infinite;background:#fff;border:2px solid #046af3;border-radius:12px;margin-left:8px;padding:8px 10px;position:absolute;top:82px}.crm-lead b{font:700 13px/16px var(--font-sans);color:#07074d;display:block}.crm-lead span{font:500 11px/14px var(--font-mono);color:#0457c8}.crm-lead em{font:600 10px/1 var(--font-sans);color:#07074d;opacity:0;background:#c8f560;border-radius:999px;padding:3px 6px;font-style:normal;animation:10s infinite crmWon;position:absolute;top:8px;right:8px}@keyframes crmMove{0%,14%{opacity:1;border-color:#046af3;left:0}24%,36%{left:25.5%}46%,58%{border-color:#046af3;left:51%}68%,92%{opacity:1;border-color:#13804a;left:76.5%}98%,to{opacity:0;left:76.5%}}@keyframes crmWon{0%,68%{opacity:0}72%,92%{opacity:1}98%,to{opacity:0}}.crm-feed{color:#fff;height:12%;min-height:40px;font:600 13px/18px var(--font-sans);background:#07074d;border-radius:12px;align-items:center;gap:10px;padding:0 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.crm-feed .lbl{font:500 10px/1 var(--font-mono);letter-spacing:.08em;color:#c8f560;flex:none}.crm-msgs{flex:1;height:18px;position:relative}.crm-msgs span{opacity:0;white-space:nowrap;animation:none;position:absolute;top:0;left:0}.crm-msgs .m1{animation-name:crmM1}.crm-msgs .m2{animation-name:crmM2}.crm-msgs .m3{animation-name:crmM3}.crm-msgs .m0{animation-name:crmM0}@keyframes crmM0{0%,12%{opacity:1}15%,to{opacity:0}}@keyframes crmM1{0%,16%{opacity:0;transform:translateY(6px)}20%,38%{opacity:1;transform:none}41%,to{opacity:0}}@keyframes crmM2{0%,42%{opacity:0;transform:translateY(6px)}46%,62%{opacity:1;transform:none}65%,to{opacity:0}}@keyframes crmM3{0%,66%{opacity:0;transform:translateY(6px)}70%,96%{opacity:1;transform:none}to{opacity:0}}}@layer utilities;