/* panel.css — sistema visual compartido del panel (Bloque 1 del rediseño).
 * Clases con prefijo p- para no chocar con los estilos inline existentes.
 * Las páginas migran a estas clases progresivamente. */

.p-card{background:#fff;border:1px solid rgba(22,24,28,.08);border-radius:16px;padding:clamp(16px,2.2vw,22px)}
.p-card h2{font-weight:800;font-size:17px;letter-spacing:-.01em;margin:0 0 4px}
.p-card .p-sub{font-size:13px;color:#6b7078;margin:0 0 14px;line-height:1.5}

/* KPI: número grande + etiqueta; variante de atención en ámbar */
.p-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.p-kpi{background:#fff;border:1px solid rgba(22,24,28,.08);border-radius:14px;padding:14px 16px;text-decoration:none;color:#16181C;display:block;transition:border-color .15s}
a.p-kpi:hover{border-color:rgba(22,24,28,.3)}
.p-kpi .k-lbl{font-size:12px;font-weight:700;color:#6b7078;margin-bottom:6px}
.p-kpi .k-val{font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1}
.p-kpi .k-extra{font-size:12px;color:#9aa0aa;font-weight:600}
.p-kpi .k-up{color:#1f8a5b;font-weight:700}
.p-kpi.warn{border-color:rgba(240,180,20,.55);background:#fffdf5}
.p-kpi.warn .k-lbl,.p-kpi.warn .k-val{color:#854f0b}

/* Botones */
.p-btn{display:inline-flex;align-items:center;gap:8px;border-radius:100px;padding:11px 18px;cursor:pointer;font-family:'Manrope',sans-serif;font-size:14px;font-weight:700;border:none;text-decoration:none}
.p-btn-brand{background:#FF4D0D;color:#fff}.p-btn-brand:hover{background:#e54309}
.p-btn-dark{background:#0b1f3a;color:#fff}.p-btn-dark:hover{background:#0a1a30}
.p-btn-ghost{background:#fff;color:#16181C;border:1.5px solid rgba(22,24,28,.16)}.p-btn-ghost:hover{border-color:#16181C}

/* Chips de estado */
.p-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;border-radius:100px;padding:4px 11px}
.p-chip.ok{background:rgba(31,138,91,.12);color:#1f8a5b}
.p-chip.warn{background:rgba(240,180,20,.14);color:#8a6d1a}
.p-chip.err{background:rgba(225,29,42,.1);color:#b3121f}
.p-chip.neutral{background:#f6f5f3;color:#6b7078}
.p-chip.brand{background:rgba(255,77,13,.1);color:#FF4D0D}

/* Skeletons de carga (sustituyen al "Cargando…" de texto) */
@keyframes p-shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}
.p-skel{border-radius:10px;background:#eeece7;background-image:linear-gradient(90deg,#eeece7 0px,#f7f6f3 60px,#eeece7 120px);background-size:400px 100%;animation:p-shimmer 1.2s infinite linear}

/* Lista de filas (leads, anuncios) */
.p-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid rgba(22,24,28,.06)}
.p-row:last-child{border-bottom:none}
.p-avt{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex:none}

/* Botón de acción rápida (WhatsApp / llamar / email en la fila) */
.p-act{width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(22,24,28,.12);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:#42506a;cursor:pointer;text-decoration:none;flex:none;transition:all .15s}
.p-act:hover{border-color:#16181C;color:#16181C}
.p-act.wa{color:#1f8a5b}.p-act.wa:hover{border-color:#1f8a5b;background:rgba(31,138,91,.06)}

/* Barra de progreso */
.p-bar{height:7px;border-radius:100px;background:#f0efec;overflow:hidden}
.p-bar>div{height:100%;background:#1f8a5b;border-radius:100px;transition:width .3s}

/* Estado vacío */
.p-empty{background:#fff;border:1px dashed rgba(22,24,28,.18);border-radius:16px;padding:44px 24px;text-align:center}
.p-empty .e-t{font-size:16px;font-weight:800;margin:0 0 5px}
.p-empty .e-s{font-size:13.5px;color:#6b7078;margin:0 0 16px}