/* Manager sales funnel. Scoped to its own workspace. */
.sf-funnel{--sf-paper:#fff;--sf-tint:#f3f8fd;--sf-line:#d8e4ef;--sf-ink:#203a55;--sf-muted:#62768b;--sf-blue:#1479d4;max-width:1600px;margin:0 auto;color:var(--sf-ink);font-family:var(--font-ui,var(--ui,system-ui,sans-serif));min-width:0}
.sf-funnel *{box-sizing:border-box}
.sf-funnel a{text-decoration:none;color:inherit}
.sf-funnel :is(a,button,select):focus-visible{outline:2px solid var(--sf-blue);outline-offset:3px}
.sf-page-head{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:5px 0 19px;border-bottom:1px solid var(--sf-line)}
.sf-eyebrow{display:block;color:#37628e;font-size:10px;font-weight:800;letter-spacing:.12em;line-height:1.4}
.sf-page-head h1{margin:7px 0 5px;font-size:clamp(28px,2.5vw,35px);line-height:1.12;letter-spacing:-.035em;font-weight:750}
.sf-page-head p,.sf-board-intro p{margin:0;color:var(--sf-muted);font-size:13px;line-height:1.5}
.sf-owner-picker{display:grid;gap:6px;min-width:250px;color:#506986;font-size:10px;font-weight:760;letter-spacing:.045em;text-transform:uppercase}
.sf-owner-picker select{min-height:42px;width:100%;padding:8px 36px 8px 12px;border:1px solid #cfdeed;border-radius:6px;background:var(--sf-paper);color:var(--sf-ink);font:650 12px/1.3 var(--font-ui,var(--ui,system-ui,sans-serif));letter-spacing:0;text-transform:none;cursor:pointer}
.sf-owner-picker select:disabled{opacity:.6;cursor:wait}
.sf-content[aria-busy=true]{min-height:460px}
.sf-board-intro{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:19px 1px 13px}
.sf-board-intro h2{font-size:20px;line-height:1.25;letter-spacing:-.025em;margin:3px 0 4px;font-weight:730}
.sf-board-intro p strong{color:var(--sf-ink);font-weight:750}
.sf-board-intro .sf-eyebrow{font-size:9px}
.sf-board-total{padding:7px 10px;border-radius:5px;background:#edf5fe;color:#2d5d8c;font-size:11px;font-weight:750;white-space:nowrap}
.sf-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;height:clamp(520px,calc(100dvh - 300px),740px);min-width:0}
.sf-column{--sf-accent:#1d78c6;display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--sf-line);border-radius:7px;background:var(--sf-paper);overflow:hidden}
.sf-column-working{--sf-accent:#337ba8}.sf-column-deals{--sf-accent:#4b779e}.sf-column-completed{--sf-accent:#5b7088}
.sf-column-head{padding:14px 14px 12px;min-height:88px;flex:none;background:var(--sf-tint);border-bottom:1px solid var(--sf-line)}
.sf-column-title{display:flex;align-items:center;gap:8px;min-width:0}
.sf-column-dot{width:7px;height:7px;border-radius:50%;background:var(--sf-accent);flex:none}
.sf-column-title h3{min-width:0;flex:1;margin:0;font-size:14px;line-height:1.2;font-weight:760;letter-spacing:-.015em}
.sf-column-title strong{padding:2px 7px;border-radius:10px;background:#e3f0fc;font-size:12px;font-weight:790;color:#26669c;font-variant-numeric:tabular-nums}
.sf-column-head p{margin:7px 0 0 15px;color:var(--sf-muted);font-size:10px;line-height:1.4}
.sf-column-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 8px 8px;scrollbar-color:var(--sf-line) transparent}
.sf-column-scroll>div[role=listitem]+div[role=listitem]{margin-top:7px}
.sf-card{background:var(--sf-paper);border:1px solid var(--sf-line);border-radius:6px;overflow:hidden;transition:border-color .12s ease,background .12s ease}
.sf-card:hover{border-color:#9ec9ed;background:#f8fbff}
.sf-card-main{display:block;padding:12px 11px 10px;min-width:0}
.sf-card-head{display:flex;align-items:center;gap:9px;min-width:0}
.sf-avatar{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:50%;background:#e5f2ff;color:#1769af;font-size:10px;font-weight:800}
.sf-card-identity{display:grid;gap:2px;min-width:0;flex:1}
.sf-card-identity strong{font-size:12.5px;line-height:1.3;font-weight:760;overflow-wrap:anywhere}
.sf-card-identity small{color:var(--sf-muted);font-size:10px;line-height:1.35;overflow-wrap:anywhere}
.sf-card-arrow{align-self:start;color:var(--sf-blue);font-size:14px;line-height:1;flex:none}
.sf-deal-title{display:block;margin:10px 0 -2px;color:var(--sf-ink);font-size:11px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.sf-card-detail{display:grid;gap:3px;margin-top:10px;padding-top:9px;border-top:1px solid #eaf0f6}
.sf-label{color:var(--sf-muted);font-size:9px;line-height:1.2;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.sf-detail-text{font-size:11px;line-height:1.45;font-weight:600;overflow-wrap:anywhere}
.sf-detail-text.is-missing{color:var(--sf-muted);font-weight:500}
.sf-detail-date{color:var(--sf-muted);font-size:10px;line-height:1.3}
.sf-detail-date.is-overdue{color:var(--red,#ba433a);font-weight:790}.sf-detail-date.is-today{color:var(--sf-blue);font-weight:790}
.sf-card-tail{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;color:var(--sf-blue);font-size:10px;font-weight:760}
.sf-card-tail>span:last-child{white-space:nowrap}
.sf-stage{display:inline-flex;align-items:center;min-height:20px;padding:3px 6px;background:#edf5fd;border-radius:4px;color:#276fa6;font-size:9px;line-height:1.2;font-weight:780;white-space:normal}
.sf-stage.sf-outcome-won{color:var(--green,#16805a);background:#e5f4ec}.sf-stage.sf-outcome-lost{color:var(--red,#a94741);background:#faeceb}.sf-stage.sf-outcome-withdrawn{color:var(--sf-muted)}
.sf-deal-link{display:block;padding:8px 11px 9px;border-top:1px solid #eaf0f6;color:var(--sf-blue)!important;font-size:10px;font-weight:760}
.sf-deal-link:hover{text-decoration:underline;text-underline-offset:2px}
.sf-column-foot{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:43px;padding:9px 14px;border-top:1px solid var(--sf-line);color:var(--sf-muted);font-size:10px;flex:none}
.sf-column-foot a{color:var(--sf-blue);font-weight:760;white-space:nowrap}
.sf-column-foot a:hover{text-decoration:underline;text-underline-offset:2px}
.sf-column-empty{display:grid;justify-items:center;align-content:center;min-height:220px;padding:20px 12px;text-align:center;color:var(--sf-muted)}
.sf-column-empty>span{font-size:30px;color:var(--sf-accent);line-height:1;margin-bottom:7px}
.sf-column-empty b{font-size:12px;color:var(--sf-ink)}
.sf-column-empty p{font-size:10.5px;line-height:1.5;max-width:210px;margin:5px 0 0}
.sf-trust{margin:13px 2px 0;color:var(--sf-muted);font-size:10.5px;line-height:1.5}
.sf-loading,.sf-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:380px;padding:32px;border:1px solid var(--sf-line);border-radius:9px;background:var(--sf-paper);text-align:center;color:var(--sf-muted);font-size:12px;line-height:1.5}
.sf-loading b,.sf-error h2{color:var(--sf-ink);font-size:17px;line-height:1.25;margin:5px 0 6px}
.sf-spinner{width:23px;height:23px;border:2px solid var(--sf-line);border-top-color:var(--sf-blue);border-radius:50%;animation:sf-spin .75s linear infinite}
@keyframes sf-spin{to{transform:rotate(360deg)}}
.sf-error>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#faeceb;color:var(--red,#a94741);font-weight:800}
.sf-error p{margin:0 0 16px;max-width:360px}
.sf-retry{min-height:38px;padding:8px 17px;border:1px solid var(--sf-blue);border-radius:6px;background:var(--sf-blue);color:#fff;font:750 11px var(--ui,system-ui,sans-serif);cursor:pointer}
.sf-retry:hover{filter:brightness(1.1)}
@media(max-width:1180px){.sf-board{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}.sf-column{height:500px}.sf-column-head{min-height:75px}.sf-card-identity strong{font-size:13px}}
@media(max-width:700px){.sf-page-head{display:grid;gap:16px;padding-bottom:18px}.sf-page-head h1{font-size:27px}.sf-page-head p{font-size:11.5px}.sf-owner-picker{min-width:0;width:100%}.sf-board-intro{display:block;margin-bottom:12px}.sf-board-intro h2{font-size:18px}.sf-board-intro p{font-size:11px}.sf-board-total{display:block;margin-top:9px;font-size:10px}.sf-board{display:grid;grid-template-columns:1fr;gap:14px}.sf-column{height:auto;max-height:530px}.sf-column-scroll{min-height:130px}.sf-column-head{min-height:0;padding:14px}.sf-column-title h3{font-size:14px}.sf-column-head p{font-size:10px}.sf-trust{font-size:10px}.sf-loading,.sf-error{min-height:310px}}
@media(prefers-reduced-motion:reduce){.sf-funnel *,.sf-funnel *::before,.sf-funnel *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
