/* Panel › Tablero de clientes y Campañas (campanas.js) */
.cp-kpi{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important}
.cp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;margin-top:16px}
.cp-grid h3{margin:0 0 12px;font-size:var(--t-4)}
.cp-semanas{grid-column:1/-1}
.cp-col{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;align-items:end;height:150px}
.cp-col div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px;min-width:0}
.cp-col i{display:block;width:100%;max-width:34px;height:var(--p);min-height:2px;border-radius:var(--radio-1) var(--radio-1) 2px 2px;background:linear-gradient(180deg,var(--menta),rgba(var(--menta-rgb),.35))}
.cp-col b{font:700 italic var(--t-4)/1 var(--num);color:var(--tinta)}
.cp-col span{font-size:var(--t-1);color:var(--gris2);white-space:nowrap}
.cp-barras{display:flex;flex-direction:column;gap:8px}
.cp-b{display:grid;grid-template-columns:minmax(80px,32%) 1fr auto;gap:12px;align-items:center;font-size:var(--t-3)}
.cp-b span{color:var(--texto2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-b i{display:block;height:10px;border-radius:var(--radio-1);background:linear-gradient(90deg,var(--menta) var(--p),rgba(var(--tinta-rgb),.06) var(--p))}
.cp-b b{font:700 italic var(--t-4)/1 var(--num);color:var(--tinta);white-space:nowrap}
.cp-b small{font:400 var(--t-1) var(--f);color:var(--gris)}
.cp-cumple,.cp-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.cp-cumple li{display:flex;justify-content:space-between;gap:12px;font-size:var(--t-3);border-bottom:1px solid var(--linea);padding-bottom:8px}
.cp-cumple span{color:var(--gris);font-size:var(--t-3)}
.cp-lista li{font-size:var(--t-3);color:var(--texto2)}
.cp-filtros{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.cp-filtros input{flex:1 1 220px;margin:0}
.cp-filtros select{flex:0 1 auto;width:auto;margin:0}
.cp-fila{cursor:pointer}
.cp-fila:hover td{background:rgba(var(--menta-rgb),.05)}
.cp-det{margin-top:16px;border-color:rgba(var(--menta-rgb),.35)}
.cp-det h3{margin:20px 0 8px;font-size:var(--t-4)}
.cp-det-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.cp-det-datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px 20px;margin-top:16px}
.cp-det-datos span{display:flex;flex-direction:column;font-size:var(--t-3);color:var(--texto);word-break:break-word}
.cp-det-datos b{font-size:var(--t-1);letter-spacing:.08em;text-transform:uppercase;color:var(--gris);font-weight:700}
.cp-barra{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:8px}
.cp-nota{margin:12px 0 16px;font-size:var(--t-3);color:var(--texto2)}
.cp-ed{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px;align-items:start}
.cp-ed h3{margin:24px 0 4px}
.cp-img{display:flex;gap:8px;align-items:center}
.cp-img input{flex:1;margin:0}
.cp-chks{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px}
.cp-chk{display:inline-flex!important;align-items:center;gap:8px;margin:0!important;padding:8px 12px;border:1px solid var(--linea2);border-radius:var(--radio-3);font-size:var(--t-3);font-weight:600;cursor:pointer;color:var(--texto2)}
.cp-chk input{width:auto;margin:0;accent-color:var(--menta)}
.cp-chk:has(input:checked){border-color:var(--menta);color:var(--menta);background:var(--menta-osc)}
.cp-cuenta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}
.cp-cuenta b{color:var(--menta)}
.cp-acc{margin-top:16px;flex-wrap:wrap;gap:8px}
.cp-acc .btn{width:auto;margin:0}
.cp-prog{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}
.cp-prog input{width:auto;margin:0}
.cp-secs{display:flex;flex-direction:column;gap:12px;margin:8px 0}
.cp-secs>div>b{display:block;font-size:var(--t-2);letter-spacing:.08em;text-transform:uppercase;color:var(--menta);margin-bottom:4px}
.cp-it{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--linea);font-size:var(--t-3)}
.cp-vista{position:sticky;top:90px}
.cp-vista-cab{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.cp-vista iframe{width:100%;height:640px;border:0;border-radius:var(--radio-2);background:var(--panel)}
@media(max-width:900px){.cp-ed{grid-template-columns:1fr}.cp-vista{position:static}.cp-vista iframe{height:520px}.cp-col span{font-size:var(--t-1)}}
@media(max-width:520px){.cp-b{grid-template-columns:minmax(70px,38%) 1fr auto}.cp-filtros select{flex:1 1 45%}}
