
/* funnel + CRM */
.an-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:4px 0 26px;}
.an-kpi{background:linear-gradient(160deg,var(--surface2,#15151d),rgba(43,208,197,.04));border:1px solid var(--border,#23232e);border-radius:16px;padding:16px 18px;}
.an-kpi .k-ico{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px;}
.an-kpi .k-lab{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);}
.an-kpi .k-val{font-size:27px;font-weight:900;letter-spacing:-.02em;line-height:1.1;margin-top:3px;}
.an-kpi .k-trend{font-size:11.5px;font-weight:700;margin-top:5px;display:inline-flex;align-items:center;gap:3px;}
.an-trend-up{color:#4ade80;} .an-trend-down{color:#f87171;} .an-trend-flat{color:var(--text-dim);}
.pfunnel{display:flex;align-items:stretch;gap:0;margin:14px 0;border-radius:12px;overflow:hidden;border:1px solid var(--border,#23232e);}
.pfunnel .pf-stage{flex:1;min-width:0;padding:14px 10px;text-align:center;position:relative;color:#fff;}
.pfunnel .pf-stage .pf-num{font-size:22px;font-weight:900;line-height:1;}
.pfunnel .pf-stage .pf-lab{font-size:10.5px;font-weight:600;opacity:.92;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pfunnel .pf-stage .pf-pct{font-size:10px;opacity:.8;margin-top:4px;}
.funnel-bar{display:flex;gap:10px;margin:14px 0 14px;flex-wrap:wrap;}
.funnel-bar .fstage{flex:1;min-width:104px;background:var(--surface2,#15151d);border:1px solid var(--border,#23232e);border-radius:12px;padding:9px 13px;display:flex;flex-direction:column;gap:1px;}
.funnel-bar .fnum{font-size:18px;font-weight:850;color:var(--cyan,#2BD0C5);line-height:1.1;} .funnel-bar .fstage span:last-child{font-size:11.5px;color:var(--text-dim,#9a9aac);}
.pipe-board{display:grid;grid-template-columns:repeat(5,minmax(176px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px;margin-top:4px;}
.pipe-col-head{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#8a8a9a;margin-bottom:9px;padding:0 2px 7px;border-bottom:1px solid var(--border,#23232e);display:flex;justify-content:space-between;}
.lead-card{background:var(--surface2,#15151d);border:1px solid var(--border,#23232e);border-radius:10px;padding:11px 12px;margin-bottom:9px;cursor:pointer;transition:border-color .12s,transform .12s;}
.lead-card:hover{border-color:var(--cyan,#2BD0C5);transform:translateY(-1px);}
.pipe-touch-handle{display:none;align-items:center;gap:5px;margin-top:8px;padding:6px 9px;border:1px solid var(--border,#23232e);border-radius:8px;background:var(--surface-1,#fff);color:var(--text-muted,#596277);font:700 11px var(--font,inherit);touch-action:none;}
.pipe-touch-ghost{position:fixed!important;z-index:99999!important;width:min(240px,70vw)!important;margin:0!important;pointer-events:none!important;opacity:.9!important;transform:rotate(1.5deg);box-shadow:0 18px 45px rgba(11,15,26,.28)!important;}
@media(max-width:768px){.pipe-touch-handle{display:inline-flex;}.pipe-col.drag-over{box-shadow:inset 0 0 0 2px var(--cyan,#2BD0C5)!important;}}
.lp-tile{transition:border-color .14s,transform .14s,box-shadow .14s;}
.lp-tile:hover{border-color:var(--cyan,#2BD0C5);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.25);}
.lpm-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-dim);font-size:13px;font-weight:600;padding:8px 2px;cursor:pointer;font-family:inherit;}
.lpm-tab.active{color:var(--cyan,#2BD0C5);border-bottom-color:var(--cyan,#2BD0C5);}
.lpm-grid-lib{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));}
.lpm-card{padding:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface);cursor:pointer;display:flex;flex-direction:column;text-align:left;}
.lpm-card:hover{border-color:var(--cyan,#2BD0C5);}
.lpm-card-lab{font-size:11px;color:var(--text);padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#lpMediaBody .lpm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
#lpMediaBody .lpm-grid button{padding:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;background:#000;aspect-ratio:16/10;}
#lpMediaBody .lpm-grid img,#lpMediaBody .lpm-grid video{width:100%;height:100%;object-fit:cover;display:block;}
.conn-group{margin-bottom:26px;} .conn-group-h{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#8a8a9a;margin-bottom:12px;}
.conn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;align-items:stretch;}
.conn-card{display:flex;flex-direction:column;background:var(--surface2,#15151d);border:1px solid var(--border,#23232e);border-radius:14px;padding:16px;}
.conn-top{display:flex;align-items:center;gap:10px;}
.conn-ico{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);flex:0 0 auto;overflow:hidden;}
.conn-name{font-weight:700;font-size:14px;flex:1;min-width:0;}
.conn-pill{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:3px 9px;border-radius:100px;flex:0 0 auto;}
.conn-pill.ok{background:rgba(46,204,113,.14);color:#4ade80;border:1px solid rgba(46,204,113,.3);}
.conn-pill.set{background:var(--cyan-glow,rgba(43,208,197,.12));color:var(--cyan,#2BD0C5);border:1px solid rgba(43,208,197,.3);}
.conn-desc{font-size:12.5px;color:#b6b6c4;margin:9px 0 0;line-height:1.45;flex:1;}
.conn-foot{margin-top:12px;}
.conn-btn{width:100%;padding:8px 12px;font-size:12.5px;font-weight:600;font-family:inherit;border-radius:9px;border:1px solid var(--border,#2a2a36);background:rgba(255,255,255,.03);color:#dcdce6;cursor:pointer;transition:border-color .12s,background .12s;}
.conn-btn:hover{border-color:var(--cyan,#2BD0C5);color:#fff;}
.conn-btn.primary{border-color:rgba(43,208,197,.4);background:var(--cyan-glow,rgba(43,208,197,.1));color:var(--cyan,#2BD0C5);}
.conn-btn.primary:hover{background:rgba(43,208,197,.18);color:#fff;}
@media(max-width:900px){.pipe-board{grid-template-columns:repeat(5,minmax(150px,1fr));}}
