/* Parafarma CRM — estilos compartidos de la beta privada (noindex). */
.pf-wrap { max-width: 1180px; margin: 0 auto; padding: 1rem; }
.pf-hero { background: linear-gradient(135deg, var(--primary,#059669), var(--primary-dark,#047857));
  color:#fff; padding:1.3rem 1.5rem; border-radius:.8rem; margin:.4rem 0 1rem;
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.6rem; }
.pf-hero h1 { margin:0; font-size:1.35rem } .pf-hero p { margin:.25rem 0 0; opacity:.92; font-size:.85rem }
.pf-badge { background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.3); padding:.15rem .55rem;
  border-radius:999px; font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em }
.pf-nav { display:flex; gap:1rem; flex-wrap:wrap; margin-bottom:.3rem }
.pf-nav a { color:var(--primary,#059669); text-decoration:none; font-weight:600; font-size:.85rem }
.pf-card { background:var(--bg,#fff); border:1px solid var(--border,#e5e7eb); border-radius:.6rem; padding:1rem 1.1rem; margin-bottom:1rem }
.pf-card h2 { margin:0 0 .7rem; font-size:1.05rem }
.pf-grid2 { display:grid; grid-template-columns:1fr 1fr; gap:1rem }
@media (max-width:820px){ .pf-grid2 { grid-template-columns:1fr } }
.pf-kpis { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:.8rem; margin-bottom:1rem }
.pf-kpi { background:var(--bg,#fff); border:1px solid var(--border,#e5e7eb); border-radius:.6rem; padding:.85rem 1rem }
.pf-kpi .lbl { font-size:.7rem; color:var(--text-secondary,#64748b); text-transform:uppercase; font-weight:700; letter-spacing:.03em }
.pf-kpi .val { font-size:1.4rem; font-weight:800; color:var(--text,#0f172a); margin-top:.2rem }
.pf-table { width:100%; border-collapse:collapse; font-size:.82rem }
.pf-table th, .pf-table td { border-bottom:1px solid var(--border,#e5e7eb); padding:.4rem .5rem; text-align:left }
.pf-table th { background:var(--bg-section,#f8fafc); position:sticky; top:0 }
.pf-table tr:hover td { background:var(--bg-section,#f8fafc) }
.pf-tag { display:inline-block; background:var(--primary-light,#ecfdf5); color:var(--primary-dark,#047857);
  border:1px solid var(--primary,#059669); padding:.08rem .45rem; border-radius:999px; font-size:.7rem; font-weight:600; margin:.1rem }
.pf-seg { display:inline-block; padding:.08rem .5rem; border-radius:999px; font-size:.72rem; font-weight:700; color:#fff }
.pf-btn { padding:.5rem .9rem; border-radius:8px; border:0; background:var(--primary,#059669); color:#fff; font-weight:700; cursor:pointer; font-size:.85rem; font-family:inherit }
.pf-btn.sec { background:var(--bg-section,#f1f5f9); color:var(--text,#0f172a); border:1px solid var(--border,#cbd5e1) }
.pf-btn:disabled { opacity:.5; cursor:not-allowed }
input, select, textarea { padding:.45rem .6rem; border:1.5px solid var(--border,#cbd5e1); border-radius:7px;
  font-family:inherit; font-size:.9rem; background:var(--bg,#fff); color:var(--text,#0f172a) }
textarea { width:100%; min-height:120px; resize:vertical }
label.fld { display:block; font-size:.78rem; font-weight:700; color:var(--text-secondary,#64748b); text-transform:uppercase; letter-spacing:.03em; margin:.6rem 0 .2rem }
.muted { color:var(--text-secondary,#64748b); font-size:.88rem }
.pf-bar { display:flex; gap:.6rem; flex-wrap:wrap; align-items:end; margin-bottom:1rem }
.pf-warn-box { background:#fffbeb; border:1px solid #f59e0b66; border-radius:.6rem; padding:1rem 1.2rem }