/* Assign / Reassign — row button, employee picker (desktop popover · phone bottom sheet), "just assigned" tag, arrival toast. Tokens only. */
.lx-assign{display:inline-flex;align-items:center;gap:5px;flex:none;height:32px;padding:0 11px;border:1px solid var(--c-n200);border-radius:10px;background:var(--c-white);color:var(--c-starlight);font-weight:700;font-size:12.5px;line-height:1;font-family:inherit;white-space:nowrap;cursor:pointer;transition:background var(--t-fast,.12s) ease,border-color var(--t-fast,.12s) ease}
.lx-assign svg,.lx-assign .li{width:14px;height:14px;flex:none}
.lx-assign:hover{background:var(--c-n50);border-color:var(--c-n300)}
.lx-assign:focus-visible{outline:2px solid var(--c-sand);outline-offset:2px}
.lx-assign:not(.re){background:var(--c-sand);border-color:var(--c-sand-dark);color:var(--c-starlight)}
.lx-assign:not(.re):hover{background:var(--c-sand-light)}
.lx-assign[aria-expanded="true"]{background:var(--c-blue-soft);border-color:var(--c-blue)}
.lx-asg{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:var(--c-blue-soft);color:var(--c-starlight);border:1px solid var(--c-blue);font-size:11.5px;font-weight:700;white-space:nowrap}

.asg-layer{position:fixed;inset:0;z-index:1200}
.asg-scrim{position:absolute;inset:0;background:transparent}
.asg-pop{position:fixed;display:flex;flex-direction:column;gap:8px;background:var(--c-white);border:1px solid var(--c-n200);border-radius:14px;box-shadow:0 18px 40px rgba(var(--c-starlight-rgb),.22);padding:10px;overflow:hidden}
.asg-pop header{display:grid;grid-template-columns:1fr auto;grid-template-areas:"t x" "s x";gap:0 8px;align-items:center;padding:2px 4px 0}
.asg-pop header b{grid-area:t;font-size:15px;color:var(--c-starlight)}
.asg-pop header small{grid-area:s;color:var(--c-n600);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asg-x{grid-area:x;width:32px;height:32px;border:0;border-radius:50%;background:var(--c-n50);color:var(--c-n700);cursor:pointer}
.asg-pop .ap-q{min-height:40px;border:1px solid var(--c-n200);border-radius:10px;padding:0 12px;font:inherit}
.asg-pop .ap-q:focus{outline:0;border-color:var(--c-sand);box-shadow:0 0 0 3px rgba(var(--c-sand-rgb),.25)}
.asg-pop ul{list-style:none;margin:0;padding:0;overflow:auto;display:grid;gap:2px;overscroll-behavior:contain;min-height:0}
.asg-pop .ap-o.on{cursor:default;opacity:.8}
@media (max-width:640px){
  .asg-scrim{background:rgba(var(--c-starlight-rgb),.45)}
  .asg-pop{inset:auto 0 0 0;width:auto!important;left:0!important;top:auto!important;bottom:0!important;max-height:78vh!important;border-radius:18px 18px 0 0;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}
  .asg-pop .ap-o{min-height:52px}
}
@media (prefers-reduced-motion:no-preference){.asg-pop{animation:asgIn .16s ease-out both}@keyframes asgIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}

/* arrival toast (a new assignment while the app is open) — tappable, opens the lead */
.toast.notif-toast{display:flex;align-items:stretch;gap:4px;padding:0;overflow:hidden;max-width:min(420px,calc(100vw - 24px))}
.notif-toast .nt-b{display:grid;gap:2px;text-align:start;background:none;border:0;color:inherit;font:inherit;padding:10px 6px 10px 16px;cursor:pointer;min-width:0}
.notif-toast .nt-b b{font-size:14px}.notif-toast .nt-b span{font-size:12.5px;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notif-toast .nt-x{background:none;border:0;color:inherit;opacity:.7;width:40px;cursor:pointer}