/* ISHITO · Panel de gestión (15/10/2026). Alcance: #ixPanel (.ix-pn) */
#dashboardContent .page-container > .page-header.ix-dash-hero { display: none !important; }
#dashboardContent.ix-pn-solo .dashboard-grid { display: none !important; }
.ix-pn { font-family: 'Plus Jakarta Sans', system-ui, sans-serif; color: #15233D; margin-bottom: 20px; }
.ix-pn * { box-sizing: border-box; }

/* Bienvenida */
.ix-pn-hero { position: relative; overflow: hidden; display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; padding: 28px 30px; border-radius: 20px; background: linear-gradient(120deg, #0A2A5E 0%, #0E4AA4 100%); color: #FFFFFF; margin-bottom: 22px; }
.ix-pn-hero::after { content: ''; position: absolute; right: -60px; top: -80px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle, rgba(245,130,32,.45), rgba(245,130,32,0) 70%); pointer-events: none; }
.ix-pn-hero-tx { position: relative; z-index: 1; max-width: 720px; }
.ix-pn-fecha { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: #FFC58F; }
.ix-pn-hero h1 { margin: 6px 0 8px; font-size: 30px; font-weight: 800; color: #FFFFFF !important; line-height: 1.15; }
.ix-pn-hero p { margin: 0; font-size: 15px; line-height: 1.55; color: #DCE6F7; }
.ix-pn-hero p b { color: #FFFFFF; }
.ix-pn-acc { position: relative; z-index: 1; display: flex; gap: 8px; flex-wrap: wrap; }
.ix-pn-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 16px; border-radius: 11px; border: 1px solid rgba(255,255,255,.35); background: rgba(255,255,255,.1); color: #FFFFFF; font: inherit; font-weight: 700; font-size: 14px; cursor: pointer; transition: background .15s, transform .15s; white-space: nowrap; }
.ix-pn-btn:hover { background: rgba(255,255,255,.2); transform: translateY(-1px); }
.ix-pn-btn.pri { background: #F58220; border-color: #F58220; color: #0A2A5E; }
.ix-pn-btn.pri:hover { background: #FF9238; }
.ix-pn-btn.sec { background: #FFFFFF; border-color: #D5DEEC; color: #0A2A5E; }
.ix-pn-btn.sec:hover { background: #F3F6FB; }
.ix-pn-cargando, .ix-pn-vacio { padding: 26px 16px; text-align: center; color: #5B6B86; font-size: 14px; }
.ix-pn-vacio.ok { color: #146C43; }

/* Secciones */
.ix-pn-sec { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin: 4px 2px 12px; }
.ix-pn-sec h2 { margin: 0; font-size: 19px; font-weight: 800; color: #0A2A5E; display: flex; align-items: center; gap: 8px; }
.ix-pn-sec h2 i { color: #F58220; }
.ix-pn-sec span { font-size: 13px; color: #7A879C; }
.ix-pn-tres { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 22px; }
.ix-pn-dos { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 16px; margin-bottom: 18px; }
.ix-pn-card, .ix-pn-box { background: #FFFFFF; border: 1px solid #E1E7F0; border-radius: 18px; padding: 20px; box-shadow: 0 1px 2px rgba(10,42,94,.05); min-width: 0; }
.ix-pn-ch { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 700; color: #5B6B86; margin-bottom: 12px; }
.ix-pn-ch .ic { width: 38px; height: 38px; border-radius: 11px; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; }
.ix-pn-card.ventas .ic { background: #E3ECFA; color: #0E4AA4; }
.ix-pn-card.cierre .ic { background: #E7F4EC; color: #146C43; }
.ix-pn-card.cobro .ic { background: #FFF1E3; color: #C25E00; }
.ix-pn-card .big { display: block; font-size: 30px; font-weight: 800; color: #0A2A5E; line-height: 1.1; }
.ix-pn-card.cobro .big { color: #C25E00; }
.ix-pn-card small { display: block; font-size: 13px; color: #5B6B86; margin-top: 4px; }
.ix-pn-meta { margin-top: 14px; }
.ix-pn-meta span { display: block; font-size: 12px; color: #7A879C; margin-top: 6px; }
.barra { display: block; height: 8px; border-radius: 6px; background: #EEF2F8; overflow: hidden; }
.barra i { display: block; height: 100%; border-radius: 6px; background: linear-gradient(90deg, #0E4AA4, #F58220); }
.ix-pn-trend { margin: 12px 0 0; padding: 9px 12px; border-radius: 10px; background: #F3F6FB; font-size: 13px; color: #34445E; line-height: 1.45; }
.ix-pn-trend.sube { background: #E7F4EC; color: #146C43; }
.ix-pn-trend.baja { background: #FFF4E5; color: #8A4B00; }
.ix-pn-anillo { --p: 0; width: 112px; height: 112px; border-radius: 50%; margin: 0 auto 10px; display: flex; align-items: center; justify-content: center; background: conic-gradient(#146C43 calc(var(--p) * 1%), #E7F4EC 0); position: relative; }
.ix-pn-anillo::before { content: ''; position: absolute; inset: 12px; border-radius: 50%; background: #FFFFFF; }
.ix-pn-anillo b { position: relative; font-size: 26px; font-weight: 800; color: #146C43; }
.ix-pn-frase { margin: 0; text-align: center; font-weight: 700; color: #0A2A5E; font-size: 14px; }
.ix-pn-card.cierre small { text-align: center; }
.ix-pn-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; padding: 0; border: 0; background: none; color: #0E4AA4; font: inherit; font-weight: 700; font-size: 13px; cursor: pointer; }
.ix-pn-link:hover { text-decoration: underline; }

.ix-pn-bh { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.ix-pn-bh h3 { margin: 0; font-size: 16px; font-weight: 800; color: #0A2A5E; display: flex; align-items: center; gap: 8px; }
.ix-pn-bh h3 i { color: #0E4AA4; }
.ix-pn-bh span { font-size: 12px; color: #7A879C; }
.ix-pn-graf { position: relative; height: 280px; }

/* Pendientes */
.ix-pn-pends { display: flex; flex-direction: column; gap: 8px; }
.ix-pn-pend { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px; border: 1px solid #E1E7F0; border-radius: 12px; background: #FFFFFF; text-align: left; font: inherit; color: #15233D; cursor: pointer; transition: border-color .15s, background .15s; }
.ix-pn-pend:hover { border-color: #9DB4DA; background: #F6F9FE; }
.ix-pn-pend .ic { width: 36px; height: 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; flex: none; }
.ix-pn-pend.azul .ic { background: #E3ECFA; color: #0E4AA4; }
.ix-pn-pend.verde .ic { background: #E7F4EC; color: #146C43; }
.ix-pn-pend.rojo .ic { background: #FDECEA; color: #B42318; }
.ix-pn-pend.gris .ic { background: #EEF2F8; color: #5B6B86; }
.ix-pn-pend .tx { flex: 1; min-width: 0; font-size: 14px; line-height: 1.35; }
.ix-pn-pend .tx b { color: #0A2A5E; }
.ix-pn-pend .go { font-size: 12px; font-weight: 700; color: #0E4AA4; white-space: nowrap; }

/* Auditorías */
.ix-pn-auds { display: flex; flex-direction: column; gap: 8px; }
.ix-pn-aud { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px; background: #F8FAFD; }
.ix-pn-aud .cal { width: 46px; flex: none; border-radius: 10px; background: #FFFFFF; border: 1px solid #D5DEEC; text-align: center; padding: 4px 0; line-height: 1.1; }
.ix-pn-aud .cal b { display: block; font-size: 18px; font-weight: 800; color: #0A2A5E; }
.ix-pn-aud .cal small { display: block; font-size: 11px; font-weight: 700; color: #F58220; text-transform: uppercase; }
.ix-pn-aud .tx { flex: 1; min-width: 0; }
.ix-pn-aud .tx b { display: block; font-size: 14px; color: #0A2A5E; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ix-pn-aud .tx small { display: block; font-size: 12px; color: #5B6B86; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ix-pn-aud .cuando { font-size: 12px; font-weight: 700; color: #5B6B86; white-space: nowrap; }
.ix-pn-aud.pronto { background: #FFF8F0; }
.ix-pn-aud.pronto .cuando { color: #C25E00; }

/* Ranking */
.ix-pn-rank { display: flex; flex-direction: column; gap: 12px; }
.ix-pn-ases { display: flex; align-items: center; gap: 12px; }
.ix-pn-ases .av { width: 38px; height: 38px; border-radius: 50%; background: #0A2A5E; color: #FFFFFF; font-weight: 800; font-size: 13px; display: inline-flex; align-items: center; justify-content: center; flex: none; }
.ix-pn-ases .tx { flex: 1; min-width: 0; }
.ix-pn-ases .tx b { display: block; font-size: 14px; color: #0A2A5E; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ix-pn-ases .val { text-align: right; white-space: nowrap; }
.ix-pn-ases .val b { display: block; font-size: 14px; color: #0A2A5E; }
.ix-pn-ases .val small { font-size: 12px; color: #7A879C; }
.ix-pn-normas { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 16px; padding-top: 14px; border-top: 1px solid #EEF2F8; }
.ix-pn-normas span { font-size: 12px; font-weight: 700; color: #7A879C; margin-right: 2px; }
.ix-pn-normas em { font-style: normal; font-size: 12px; font-weight: 700; color: #0E4AA4; background: #E3ECFA; border-radius: 99px; padding: 4px 10px; }
.ix-pn-normas em b { color: #0A2A5E; margin-left: 2px; }
.ix-pn-pie { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; margin-top: 6px; }

@media (max-width: 1199.98px) { .ix-pn-dos { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 991.98px) { .ix-pn-tres { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 767.98px) {
  .ix-pn-hero { padding: 22px 18px; border-radius: 16px; }
  .ix-pn-hero h1 { font-size: 24px; }
  .ix-pn-acc { width: 100%; }
  .ix-pn-acc .ix-pn-btn { flex: 1 1 calc(50% - 4px); padding: 0 10px; font-size: 13px; }
  .ix-pn-card, .ix-pn-box { padding: 16px; border-radius: 16px; }
  .ix-pn-card .big { font-size: 26px; }
  .ix-pn-graf { height: 230px; }
  .ix-pn-pend .go { display: none; }
}

.ix-pn-dos > .ix-pn-box { display: flex; flex-direction: column; }
.ix-pn-dos > .ix-pn-box > .ix-pn-graf { flex: 1 1 auto; min-height: 280px; }
.ix-pn-card.cobro .ix-pn-trend { margin-top: 10px; }