/* DEEC Studio · panel administrativo: CRM */
.tab__n{margin-left:8px;padding:1px 8px;border-radius:99px;background:var(--g100);color:var(--text);font:600 11.5px var(--sans);font-style:normal}
.tab.on .tab__n{background:var(--acc-l);color:var(--acc)}
.tab__n--w{background:var(--bad-l);color:var(--bad)}
a.tab{text-decoration:none;display:inline-flex;align-items:center}
.crm__att{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch;margin-bottom:16px}
.crm__attt{display:flex;align-items:center;gap:8px;padding:0 18px;min-height:64px;border:1px solid var(--line);border-radius:12px;background:var(--card);font-size:14px;color:var(--text)}
.crm__attt b{font:300 30px/1 var(--sans);color:var(--fg)}
.crm__b{display:grid;gap:2px;text-align:left;padding:10px 18px;min-width:150px;border:1px solid var(--line);border-radius:12px;background:var(--card);cursor:pointer;transition:border-color .25s,box-shadow .25s}
.crm__b b{font:600 20px/1.1 var(--sans);color:var(--muted)}
.crm__b span{font-size:12.5px;color:var(--muted)}
.crm__b.has b{color:var(--warn)}
.crm__b:hover{border-color:var(--acc)}
.crm__sw{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--text);cursor:pointer}
.crm__t td small,.crm__t th small{display:block;margin-top:2px;font-size:12.5px;color:var(--muted)}
.crm__t td{vertical-align:top}
.crm__flag{display:inline-block;margin-top:6px;padding:2px 9px;border-radius:99px;background:var(--warn-l);color:var(--warn);font:600 11px var(--sans);letter-spacing:.02em}
.crm__flag--i{margin:0}
.crm__late{color:var(--bad)!important;font-weight:500}
.crm__pill{display:inline-block;margin:0 6px 4px 0;padding:3px 10px;border-radius:99px;background:var(--acc-l);color:var(--acc);font-size:12px;font-weight:500;white-space:nowrap}
.crm__demo{margin:14px 2px 0;font-size:12.5px;color:var(--muted)}
.linkbtn{padding:0;border:0;background:none;color:var(--acc);font:inherit;font-size:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.crm__bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.crm__sp{flex:1}
.crm__sl{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.crm__st{min-height:38px;padding:6px 12px;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--card);font-size:14px;color:var(--fg);text-transform:none;letter-spacing:0}
.crm__cols{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}
.crm__cols>*{min-width:0}
.crm__cols .card+.card{margin-top:0}
.crm__notes{margin:14px 0 0;padding:12px 14px;border-radius:8px;background:var(--bg2);font-size:14px;color:var(--text);white-space:pre-wrap}
.crm__pi,.crm__fu,.crm__tl{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.crm__pi li,.crm__fu li{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.crm__pi b,.crm__fu b{display:block;font-weight:600;color:var(--fg);font-size:14px}
.crm__pi small,.crm__fu small{display:block;margin-top:2px;font-size:12.5px;color:var(--muted)}
.crm__fu li.is-late{border-color:var(--bad-b);background:var(--bad-l)}
.crm__fu--d li{background:var(--bg2)}
.crm__add{display:flex;gap:10px;flex-wrap:wrap}
.crm__add select{flex:1;min-width:200px;min-height:38px;padding:6px 10px;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--card);font-size:14px}
.crm__e{padding:18px 12px}
.crm__ev{display:flex;gap:12px;align-items:flex-start}
.crm__ev>div{min-width:0;flex:1;padding-bottom:12px;border-bottom:1px solid var(--line)}
.crm__tl li:last-child>div{border-bottom:0}
.crm__ei{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--acc-l);color:var(--acc)}
.crm__ei svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.crm__eh{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.crm__eh b{font-size:14px;font-weight:600;color:var(--fg)}
.crm__ev small{display:block;margin-top:2px;font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
.crm__ev p{margin:8px 0 0;font-size:14px;color:var(--text);white-space:pre-wrap}
.crm__lk{font-size:13px!important;overflow-wrap:anywhere}
.crm__ev .row-act{margin-top:10px}
.crm__msg{margin-top:8px;font-size:13px}
.crm__msg summary{cursor:pointer;color:var(--acc)}
.crm__msg pre{margin:8px 0 0;padding:12px;border-radius:8px;background:var(--bg2);font:13px/1.55 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere}
.crm__hint{margin-top:14px}
.crm__sinfo{display:grid;gap:10px}
.crm__sinfo>div:first-child{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg2);font-size:14px}
.crm__sinfo small{display:block;margin-top:4px;color:var(--muted);font-size:12.5px}
.crm__lkb{padding:12px 14px;border:1px solid color-mix(in srgb,var(--acc) 25%,transparent);border-radius:10px;background:var(--acc-l)}
.crm__lkb span{display:block;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
.crm__lkb code{display:block;margin-top:4px;font-size:13px;overflow-wrap:anywhere;color:var(--fg)}
.crm__pd{margin:0;font-size:14.5px;color:var(--text)}
.crm__pp{font:300 30px/1 var(--sans);letter-spacing:-.03em;color:var(--fg)}
.crm__pp small{display:block;margin-top:6px;font:400 12.5px var(--sans);letter-spacing:0;color:var(--muted)}
.crm__ul{margin:6px 0 0;padding-left:18px;font-size:14px;color:var(--text)}
#crmShare textarea{min-height:170px}
.fld>span .linkbtn{margin-left:10px;text-transform:none;letter-spacing:0;font-size:12px}
@media (max-width:1100px){.crm__cols{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.crm__att{display:grid;grid-template-columns:1fr 1fr}.crm__attt{grid-column:1/-1}.crm__b{min-width:0}.crm__sl{width:100%;justify-content:space-between}}

/* Productos de interés en el alta de prospectos */
.crm__pk{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.crm__po{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--card);cursor:pointer;transition:border-color .2s,background .2s}
.crm__po:hover{border-color:color-mix(in srgb,var(--acc) 45%,transparent)}
.crm__po.is-on{border-color:var(--acc);background:var(--acc-l)}
.crm__po input{flex:none;width:16px;height:16px;accent-color:var(--acc)}
.crm__po b{display:block;font-weight:600;font-size:13.5px;color:var(--fg)}
.crm__po small{display:block;margin-top:1px;font-size:12px;color:var(--muted)}

/* Producto de interés: mismo selector que «Nueva contratación», con los elegidos como etiquetas */
#crmIntIn{display:grid;gap:6px}
.crm__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.crm__tag{display:inline-flex;align-items:center;gap:8px;padding:5px 6px 5px 12px;border:1px solid color-mix(in srgb,var(--acc) 30%,transparent);border-radius:99px;background:var(--acc-l);font-size:13px;color:var(--fg)}
.crm__tag button{display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:50%;background:color-mix(in srgb,var(--acc) 15%,transparent);color:var(--acc);font-size:15px;line-height:1;cursor:pointer}
.crm__tag button:hover{background:var(--acc);color:var(--accfg)}