/* SquirrelNest CRM — sparkle & delight layer */

/* Cmd+K palette */
.cmdk{position:fixed;inset:0;z-index:100;display:none;align-items:flex-start;justify-content:center;background:rgba(4,7,10,.55);backdrop-filter:blur(5px)}
.cmdk.on{display:flex;animation:cmdkfade .14s ease}
@keyframes cmdkfade{from{opacity:0}to{opacity:1}}
.cmdk__box{margin-top:12vh;width:min(580px,93vw);background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.55);animation:cmdkpop .18s cubic-bezier(.2,.7,.3,1)}
@keyframes cmdkpop{from{transform:translateY(-10px) scale(.985);opacity:.5}to{transform:none;opacity:1}}
.cmdk input{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:1.05rem 1.2rem;font-size:1.05rem;background:transparent;color:var(--bone)}
.cmdk input:focus{outline:none}
.cmdk ul{list-style:none;max-height:48vh;overflow:auto;padding:.4rem;margin:0}
.cmdk .grp{font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:var(--dim);padding:.55rem .85rem .2rem}
.cmdk li{padding:.6rem .85rem;border-radius:9px;display:flex;gap:.6rem;align-items:center;cursor:pointer;color:var(--bone)}
.cmdk li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmdk li small{color:var(--muted);margin-left:auto;flex:none}
.cmdk li.sel{background:var(--cyan);color:#05201f}.cmdk li.sel small{color:#05201f}
.cmdk__hint{font-size:.72rem;border:1px solid var(--line);border-radius:6px;padding:.05rem .4rem;color:var(--muted);font-family:ui-monospace,Menlo,monospace}

/* drag & drop */
.rec[draggable]{cursor:grab}
.rec.dragging{opacity:.35;cursor:grabbing}
[data-col].over{outline:2px dashed var(--cyan);outline-offset:-5px;background:rgba(57,198,192,.07)}
[data-cards]{min-height:24px}

/* toast */
.toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%,160%);background:var(--cyan);color:#05201f;font-weight:700;padding:.7rem 1.15rem;border-radius:99px;z-index:120;box-shadow:0 12px 34px rgba(0,0,0,.45);transition:transform .32s cubic-bezier(.2,.8,.3,1)}
.toast.in{transform:translate(-50%,0)}
.toast.bad{background:var(--bad);color:#fff}

/* sparkle canvas */
.sparkle{position:fixed;inset:0;pointer-events:none;z-index:130}

/* micro-interactions */
.rec{transition:transform .12s ease,border-color .2s,box-shadow .2s}
.rec:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.35)}
a.stat{transition:transform .15s ease,border-color .2s}
a.stat:hover{transform:translateY(-2px);border-color:var(--cyan)}
.pill{transition:transform .12s ease}.pill:hover{transform:translateY(-1px)}
@keyframes cardin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
[data-board] .rec{animation:cardin .34s ease both}
[data-board] .bcol:nth-child(2) .rec{animation-delay:.04s}
[data-board] .bcol:nth-child(3) .rec{animation-delay:.08s}

@media (prefers-reduced-motion:reduce){*{animation:none!important}.toast{transition:none}.rec:hover,a.stat:hover,.pill:hover{transform:none}}