/* Infogaceta — Fase 21 Clientes / Mini CRM */
.clients-crm-page{background:#f7f9fc}
.clients-crm-hero{background:#fff;border-bottom:1px solid var(--line)}
.clients-crm-hero-inner{display:flex;justify-content:space-between;gap:28px;align-items:center}
.clients-crm-hero-card{min-width:250px;background:#0b2a4a;color:#fff;border-radius:18px;padding:18px 20px}
.clients-crm-hero-card small,.clients-crm-hero-card strong,.clients-crm-hero-card span{display:block}
.clients-crm-hero-card small{font-size:.72rem;color:#c2d1df;font-weight:850;text-transform:uppercase}
.clients-crm-hero-card strong{font-size:1.7rem;margin:5px 0}
.clients-crm-hero-card span{font-size:.82rem;color:#d8e3ed}
.clients-crm-workspace{padding-top:28px}
.crm-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.crm-kpis article,.crm-profile-kpis article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px}
.crm-kpis span,.crm-kpis strong,.crm-kpis small,.crm-profile-kpis span,.crm-profile-kpis strong{display:block}
.crm-kpis span,.crm-profile-kpis span{font-size:.73rem;color:var(--muted);font-weight:850;text-transform:uppercase}
.crm-kpis strong,.crm-profile-kpis strong{font-size:1.35rem;margin:5px 0;color:var(--navy)}
.crm-kpis small{font-size:.74rem;color:var(--muted)}
.crm-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:start}
.crm-sidebar{position:sticky;top:88px}
.crm-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 28px rgba(19,43,70,.05);margin-bottom:18px}
.crm-search{display:grid;grid-template-columns:1fr;gap:9px;margin-bottom:10px}
.crm-search label{display:grid;gap:5px;font-weight:750}
.crm-client-list{display:grid;margin-top:10px;max-height:680px;overflow:auto}
.crm-client-row{width:100%;appearance:none;border:0;border-top:1px solid var(--line);background:transparent;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;padding:12px 4px;cursor:pointer;color:inherit}
.crm-client-row:first-child{border-top:0}
.crm-client-row.active{background:#eef5fb;border-radius:12px;padding-left:8px;padding-right:8px}
.crm-list-avatar,.crm-avatar{display:grid;place-items:center;border-radius:50%;background:#0b2a4a;color:#fff;font-weight:900}
.crm-list-avatar{width:38px;height:38px}
.crm-avatar{width:58px;height:58px;font-size:1.4rem}
.crm-list-main strong,.crm-list-main small,.crm-list-stats b,.crm-list-stats small{display:block}
.crm-list-main small,.crm-list-stats small{color:var(--muted);margin-top:2px;font-size:.72rem}
.crm-list-stats{text-align:right}
.crm-list-stats b{font-size:.82rem}
.crm-list-stats small.has-debt{color:#9b2d2d;font-weight:800}
.crm-welcome{text-align:center;padding:70px 24px}
.crm-profile-header{display:flex;justify-content:space-between;gap:18px;align-items:center}
.crm-profile-title{display:flex;gap:14px;align-items:center}
.crm-profile-title h2{margin:.15rem 0}
.crm-profile-title p{margin:0;color:var(--muted)}
.crm-profile-actions{display:flex;gap:8px;flex-wrap:wrap}
.crm-profile-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.crm-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.crm-section-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.crm-section-heading h2{margin:.2rem 0}
.crm-pill{background:#f1f5f9;border-radius:999px;padding:5px 9px;color:#53697f;font-size:.74rem;font-weight:800}
.crm-sales-history,.crm-receivables,.crm-product-ranking{display:grid}
.crm-sale-row,.crm-receivable-row{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid var(--line)}
.crm-sale-row:first-child,.crm-receivable-row:first-child{border-top:0}
.crm-sale-row strong,.crm-sale-row small,.crm-receivable-row strong,.crm-receivable-row small{display:block}
.crm-sale-row small,.crm-receivable-row small{color:var(--muted);margin-top:3px}
.crm-receivable-row.overdue{color:#9b2d2d}
.crm-product-rank{display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;padding:10px 0;border-top:1px solid var(--line)}
.crm-product-rank:first-child{border-top:0}
.crm-rank-number{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#edf3f8;font-weight:850;color:#3c5873}
.crm-rank-main strong,.crm-rank-main small{display:block}
.crm-rank-main small{color:var(--muted);margin:2px 0 6px}
.crm-rank-bar{display:block;height:6px;background:#e8eef4;border-radius:999px;overflow:hidden}
.crm-rank-bar i{display:block;height:100%;background:#2d638f;border-radius:inherit}
.crm-note-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}
.crm-note-actions small{color:var(--muted)}
.crm-empty{padding:22px;text-align:center;color:var(--muted)}
.crm-dialog{width:min(720px,calc(100% - 28px));border:0;border-radius:18px;padding:0;box-shadow:0 25px 80px rgba(0,0,0,.26)}
.crm-dialog::backdrop{background:rgba(8,25,42,.62)}
.crm-dialog form{padding:22px}
.crm-dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
.crm-dialog-heading h2{margin:.15rem 0}
.crm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.crm-form-grid label{display:grid;gap:5px;font-weight:750}
.crm-form-wide{grid-column:1/-1}
.crm-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}
@media(max-width:1050px){
  .crm-layout{grid-template-columns:290px minmax(0,1fr)}
  .crm-profile-kpis{grid-template-columns:1fr 1fr}
  .crm-two-col{grid-template-columns:1fr}
}
@media(max-width:850px){
  .clients-crm-hero-inner,.crm-profile-header{flex-direction:column;align-items:stretch}
  .clients-crm-hero-card{min-width:0}
  .crm-kpis{grid-template-columns:1fr 1fr}
  .crm-layout{grid-template-columns:1fr}
  .crm-sidebar{position:static}
  .crm-client-list{max-height:430px}
}
@media(max-width:600px){
  .crm-kpis,.crm-profile-kpis,.crm-form-grid{grid-template-columns:1fr}
  .crm-form-wide{grid-column:auto}
  .crm-profile-title{align-items:flex-start}
  .crm-profile-actions{display:grid;grid-template-columns:1fr}
  .crm-profile-actions .btn{width:100%;text-align:center}
  .crm-client-row{grid-template-columns:38px minmax(0,1fr)}
  .crm-list-stats{grid-column:2;text-align:left;display:flex;gap:8px;align-items:center}
}