/* ==========================================================================
   ISHITO · Dashboard profesional (15/10/2026). Alcance: #dashboardContent.ix-dash
   ========================================================================== */
#dashboardContent.ix-dash .page-container { max-width: 1480px; }
#dashboardContent.ix-dash .dashboard-grid { gap: 20px !important; }

/* Encabezado */
body #dashboardContent .page-header.ix-dash-hero {
  display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px; flex-wrap: wrap;
  background: #0A2A5E !important; background-image: none !important; border: 0 !important; border-radius: 18px !important; padding: 26px 30px !important; margin: 0 0 20px !important;
  position: relative; overflow: hidden; box-shadow: none !important;
}
#dashboardContent .page-header.ix-dash-hero::after {
  content: ''; position: absolute; right: -60px; top: -80px; width: 260px; height: 260px; border-radius: 50%;
  background: radial-gradient(circle, rgba(245,130,32,.28), rgba(245,130,32,0) 70%); pointer-events: none;
}
#dashboardContent .ix-dash-hero-txt { position: relative; z-index: 1; }
#dashboardContent .ix-dash-fecha { display: inline-flex; align-items: center; gap: 6px; color: #F8B57A; font-size: 13px; font-weight: 700; letter-spacing: .02em; }
body #dashboardContent .page-header.ix-dash-hero h1 { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF; background: none !important; font-size: 28px !important; font-weight: 800 !important; margin: 6px 0 4px !important; line-height: 1.2; }
body #dashboardContent .page-header.ix-dash-hero #welcomeMessage { color: #C7D4EE !important; margin: 0 !important; font-size: 14px; }
#dashboardContent .ix-dash-acciones { display: flex; gap: 10px; flex-wrap: wrap; position: relative; z-index: 1; }
#dashboardContent .ix-dash-btn {
  display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 16px; border-radius: 11px; cursor: pointer;
  border: 1px solid rgba(255,255,255,.35); background: rgba(255,255,255,.08); color: #FFFFFF; font: inherit; font-weight: 700; font-size: 14px;
  transition: background .15s, border-color .15s;
}
#dashboardContent .ix-dash-btn:hover { background: rgba(255,255,255,.16); border-color: rgba(255,255,255,.6); }
#dashboardContent .ix-dash-btn.primario { background: #F58220; border-color: #F58220; color: #0A2A5E; }
#dashboardContent .ix-dash-btn.primario:hover { background: #FF9640; }
#dashboardContent .ix-dash-btn:focus-visible { outline: 3px solid #F8B57A; outline-offset: 2px; }

/* Indicadores */
#dashboardContent .stats-grid.ix-dash-kpis { gap: 16px !important; margin: 0 !important; padding: 0 !important; }
#dashboardContent .ix-dash-kpis .stat-card {
  background: #FFFFFF !important; border: 1px solid #E1E7F1 !important; border-radius: 16px !important; box-shadow: none !important;
  padding: 20px !important; display: flex !important; align-items: flex-start !important; gap: 14px !important; position: relative; overflow: hidden;
  transform: none !important;
}
#dashboardContent .ix-dash-kpis .stat-card::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: #0E4AA4; }
#dashboardContent .ix-dash-kpis .stat-card:nth-child(2)::before { background: #F58220; }
#dashboardContent .ix-dash-kpis .stat-card:nth-child(3)::before { background: #146C43; }
#dashboardContent .ix-dash-kpis .stat-card:nth-child(4)::before { background: #0A2A5E; }
#dashboardContent .ix-dash-kpis .stat-icon {
  width: 46px !important; height: 46px !important; min-width: 46px; border-radius: 12px !important; display: flex !important; align-items: center; justify-content: center;
  background: #E7EEFA !important; color: #0E4AA4 !important; font-size: 18px !important; box-shadow: none !important;
}
#dashboardContent .ix-dash-kpis .stat-card:nth-child(2) .stat-icon { background: #FFF0E3 !important; color: #C2410C !important; }
#dashboardContent .ix-dash-kpis .stat-card:nth-child(3) .stat-icon { background: #E3F3EA !important; color: #146C43 !important; }
#dashboardContent .ix-dash-kpis .stat-card:nth-child(4) .stat-icon { background: #E6EAF2 !important; color: #0A2A5E !important; }
#dashboardContent .ix-dash-kpis .stat-icon i { color: inherit !important; }
#dashboardContent .ix-dash-kpis .stat-content { min-width: 0; flex: 1; }
#dashboardContent .ix-dash-kpis .stat-content h3 {
  font-size: 12px !important; font-weight: 800 !important; color: #5A6B88 !important; text-transform: uppercase; letter-spacing: .05em; margin: 0 0 6px !important;
}
#dashboardContent .ix-dash-kpis .stat-number {
  font-size: 25px !important; font-weight: 800 !important; color: #0A2A5E !important; line-height: 1.15 !important; font-variant-numeric: tabular-nums;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
#dashboardContent .ix-dash-kpis .stat-change.ix-neutral { display: block !important; color: #5A6B88 !important; font-size: 12.5px !important; font-weight: 600 !important; margin-top: 6px; line-height: 1.4; }
#dashboardContent .ix-dash-kpis .stat-change.ix-neutral b { color: #15233D; font-weight: 800; }
#dashboardContent .ix-dash-tend { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 999px; font-weight: 800; font-size: 12px; }
#dashboardContent .ix-dash-tend.sube { background: #E3F3EA; color: #146C43; }
#dashboardContent .ix-dash-tend.baja { background: #FDE7D6; color: #C2410C; }

/* Requiere atención */
#dashboardContent .ix-dash-atencion { background: #FFFFFF; border: 1px solid #E1E7F1; border-radius: 16px; padding: 18px 20px; }
#dashboardContent .ix-dash-sec-tit { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
#dashboardContent .ix-dash-sec-tit h3 { margin: 0; font-size: 17px; font-weight: 800; color: #0A2A5E; display: flex; align-items: center; gap: 8px; }
#dashboardContent .ix-dash-sec-tit h3 i { color: #F58220; }
#dashboardContent .ix-dash-sec-tit span { color: #5A6B88; font-size: 13px; }
#dashboardContent .ix-dash-at-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 12px; }
#dashboardContent .ix-dash-tile {
  display: flex; align-items: center; gap: 12px; text-align: left; width: 100%; padding: 14px 14px; border-radius: 14px; cursor: pointer;
  border: 1px solid #E1E7F1; background: #F7F9FC; font: inherit; color: #15233D; transition: border-color .15s, background .15s, transform .15s;
}
#dashboardContent .ix-dash-tile:hover { border-color: #9CB6E0; background: #FFFFFF; transform: translateY(-1px); }
#dashboardContent .ix-dash-tile:focus-visible { outline: 3px solid rgba(14,74,164,.35); outline-offset: 2px; }
#dashboardContent .ix-dash-tile-ic { width: 42px; height: 42px; min-width: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 17px; }
#dashboardContent .ix-dash-tile.naranja .ix-dash-tile-ic { background: #FFF0E3; color: #C2410C; }
#dashboardContent .ix-dash-tile.azul .ix-dash-tile-ic { background: #E7EEFA; color: #0E4AA4; }
#dashboardContent .ix-dash-tile.rojo .ix-dash-tile-ic { background: #FDE8E7; color: #B42318; }
#dashboardContent .ix-dash-tile.gris .ix-dash-tile-ic { background: #EEF2F8; color: #42536F; }
#dashboardContent .ix-dash-tile-txt { display: flex; flex-direction: column; min-width: 0; flex: 1; }
#dashboardContent .ix-dash-tile-txt small { font-size: 12px; font-weight: 700; color: #5A6B88; }
#dashboardContent .ix-dash-tile-txt b { font-size: 22px; font-weight: 800; color: #0A2A5E; line-height: 1.2; font-variant-numeric: tabular-nums; }
#dashboardContent .ix-dash-tile.rojo .ix-dash-tile-txt b { color: #B42318; }
#dashboardContent .ix-dash-tile.naranja .ix-dash-tile-txt b { color: #C2410C; }
#dashboardContent .ix-dash-tile-txt em { font-style: normal; font-size: 12px; color: #5A6B88; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#dashboardContent .ix-dash-tile-flecha { color: #9AA8C0; font-size: 12px; }

/* Tarjetas, gráficos y secciones */
#dashboardContent.ix-dash .chart-card, #dashboardContent.ix-dash .priority-actions-card, #dashboardContent.ix-dash .ix-cierre,
#dashboardContent.ix-dash .iso-certificates-section {
  background: #FFFFFF !important; border: 1px solid #E1E7F1 !important; border-radius: 16px !important; box-shadow: none !important;
}
#dashboardContent.ix-dash .chart-card .card-header, #dashboardContent.ix-dash .priority-actions-card .card-header {
  display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px; flex-wrap: wrap;
  background: transparent !important; border-bottom: 1px solid #EDF1F7 !important; padding-bottom: 12px !important; margin-bottom: 14px !important;
}
#dashboardContent.ix-dash .chart-card .card-header h3, #dashboardContent.ix-dash .priority-actions-card .card-header h3 {
  font-size: 17px !important; font-weight: 800 !important; color: #0A2A5E !important; text-transform: none !important; letter-spacing: 0 !important;
  display: flex; align-items: center; gap: 8px; margin: 0 !important;
}
#dashboardContent.ix-dash .chart-card .card-header h3 i, #dashboardContent.ix-dash .priority-actions-card .card-header h3 i { color: #0E4AA4 !important; }
#dashboardContent.ix-dash select.chart-filter {
  appearance: none; -webkit-appearance: none; border: 1px solid #D5DDEA !important; border-radius: 10px !important; min-height: 36px; padding: 0 32px 0 12px !important;
  font: inherit; font-size: 13px !important; font-weight: 600; color: #15233D !important; cursor: pointer;
  background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235A6B88' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center !important;
}
#dashboardContent.ix-dash select.chart-filter:focus { outline: 0; border-color: #0E4AA4 !important; box-shadow: 0 0 0 3px rgba(14,74,164,.15); }
#dashboardContent.ix-dash .sales-kpi { border: 1px solid #E1E7F1 !important; border-radius: 12px !important; background: #F7F9FC !important; box-shadow: none !important; }

/* Certificados ISO */
#dashboardContent.ix-dash .iso-certificates-section { padding: 20px !important; }
#dashboardContent.ix-dash .iso-certificates-section .section-header h2 {
  font-size: 17px !important; font-weight: 800 !important; color: #0A2A5E !important; display: flex; align-items: center; gap: 8px; margin: 0 0 2px !important;
}
#dashboardContent.ix-dash .iso-certificates-section .section-header h2 i { color: #0E4AA4 !important; font-size: 16px !important; }
#dashboardContent.ix-dash .iso-certificates-section .section-header p { color: #5A6B88 !important; font-size: 13px !important; margin: 0 0 14px !important; }
#dashboardContent.ix-dash .folder-grid { gap: 14px !important; }
#dashboardContent.ix-dash .folder-card {
  border: 1px solid #E1E7F1 !important; border-left: 4px solid #0E4AA4 !important; border-radius: 14px !important; box-shadow: none !important;
  background: #FFFFFF !important; transform: none !important; padding: 16px 18px !important; align-items: center !important;
}
#dashboardContent.ix-dash .folder-card.courier-card, #dashboardContent.ix-dash .folder-card:nth-child(2) { border-left-color: #146C43 !important; }
#dashboardContent.ix-dash .folder-card:hover { border-color: #9CB6E0 !important; background: #FAFCFF !important; }
#dashboardContent.ix-dash .folder-icon {
  position: relative !important; width: 64px !important; min-width: 64px; height: 64px !important; border-radius: 14px !important; background: #E7EEFA !important;
  display: flex !important; flex-direction: column; align-items: center !important; justify-content: center !important; gap: 0;
}
#dashboardContent.ix-dash .folder-card:nth-child(2) .folder-icon { background: #E3F3EA !important; }
#dashboardContent.ix-dash .folder-icon > i { font-size: 15px !important; color: #0E4AA4 !important; position: static !important; margin: 0 !important; }
#dashboardContent.ix-dash .folder-card:nth-child(2) .folder-icon > i { color: #146C43 !important; }
#dashboardContent.ix-dash .folder-badge {
  position: static !important; transform: none !important; background: transparent !important; box-shadow: none !important; padding: 0 !important;
  color: #0A2A5E !important; font-size: 19px !important; font-weight: 800 !important; line-height: 1.1; min-width: 0 !important; height: auto !important;
}
#dashboardContent.ix-dash .folder-badge span { color: inherit !important; font-size: inherit !important; }
#dashboardContent.ix-dash .folder-content h3 { font-size: 16px !important; font-weight: 800 !important; color: #15233D !important; margin: 0 0 2px !important; }
#dashboardContent.ix-dash .folder-content p { font-size: 13px !important; color: #5A6B88 !important; font-weight: 500 !important; margin: 0 0 8px !important; }
#dashboardContent.ix-dash .folder-stats .stat-item { background: #F1F4F9 !important; border-radius: 999px !important; padding: 4px 10px !important; font-size: 12px !important; font-weight: 700 !important; color: #2A3B5A !important; }
#dashboardContent.ix-dash .folder-arrow i { color: #9AA8C0 !important; }

/* Sin datos reales: se oculta */
#dashboardContent .ix-dash-oculto { display: none !important; }

@media (max-width: 760px) {
  #dashboardContent .page-header.ix-dash-hero { padding: 20px; }
  #dashboardContent .ix-dash-hero h1 { font-size: 23px !important; }
  #dashboardContent .ix-dash-acciones { width: 100%; }
  #dashboardContent .ix-dash-btn { flex: 1 1 auto; justify-content: center; }
}

/* ---------- Cotizaciones por departamento (15/10/2026) ---------- */
#dashboardContent .priority-actions-card.ix-depto { padding: 20px !important; }
#dashboardContent .ix-depto .card-header { flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; text-align: left !important; gap: 2px !important; }
#dashboardContent .ix-depto .card-header h3 { justify-content: flex-start !important; width: 100%; }
#dashboardContent .ix-depto-sub { color: #5A6B88; font-size: 13px; font-weight: 500; align-self: flex-start; text-align: left; }
#dashboardContent.ix-dash .priority-actions-card.ix-depto .card-header { align-items: flex-start !important; }
#dashboardContent .ix-depto .card-body > .row { border: 1px solid #EDF1F7; border-radius: 14px; overflow: hidden; }
#dashboardContent .ix-depto #mapaPeruDepartamentos { background: #F7F9FC !important; height: auto !important; min-height: 440px; flex-direction: column; padding: 10px 0; border-right: 0 !important; }
#dashboardContent .ix-depto .col-md-8 { border-right: 1px solid #EDF1F7 !important; }
#dashboardContent .ix-depto-mapa-svg { width: 100%; display: flex; justify-content: center; }
#dashboardContent .ix-depto-leyenda { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #5A6B88; font-weight: 600; margin-top: 4px; }
#dashboardContent .ix-depto-leyenda i { width: 140px; height: 8px; border-radius: 999px; background: linear-gradient(90deg, #DCE6F7, #5E8DD6, #0E4AA4, #0A2A5E); }
#dashboardContent .ix-depto .col-md-4 { padding: 18px 20px !important; }
#dashboardContent .ix-depto .col-md-4 h5 { font-size: 15px !important; font-weight: 800 !important; color: #0A2A5E !important; border-bottom: 1px solid #EDF1F7 !important; padding-bottom: 10px !important; margin-bottom: 12px !important; display: flex; align-items: center; gap: 8px; }
#dashboardContent .ix-depto .col-md-4 h5 i { color: #F58220 !important; margin: 0 !important; }
#dashboardContent .ix-depto-split { margin-bottom: 14px; }
#dashboardContent .ix-depto-split-bar { height: 10px; border-radius: 999px; background: #F8C99E; overflow: hidden; }
#dashboardContent .ix-depto-split-bar span { display: block; height: 100%; background: #0E4AA4; border-radius: 999px 0 0 999px; }
#dashboardContent .ix-depto-split-txt { display: flex; justify-content: space-between; gap: 8px; margin-top: 6px; font-size: 12px; color: #5A6B88; font-weight: 600; }
#dashboardContent .ix-depto-split-txt b { color: #15233D; }
#dashboardContent .ix-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 5px; vertical-align: 0; }
#dashboardContent .ix-dot.lima { background: #0E4AA4; } #dashboardContent .ix-dot.reg { background: #F58220; }
#dashboardContent #mapaPeruResumen { overflow-y: auto; max-height: 360px !important; padding-right: 4px; }
#dashboardContent .ix-depto-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
#dashboardContent .ix-depto-lista li { display: flex; align-items: center; gap: 10px; }
#dashboardContent .ix-depto-pos { width: 24px; height: 24px; min-width: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; background: #EEF2F8; color: #42536F; }
#dashboardContent .ix-depto-pos.top { background: #0A2A5E; color: #FFFFFF; }
#dashboardContent .ix-depto-info { flex: 1; min-width: 0; }
#dashboardContent .ix-depto-nom { display: flex; justify-content: space-between; gap: 8px; font-size: 13px; }
#dashboardContent .ix-depto-nom b { color: #15233D; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#dashboardContent .ix-depto-nom em { font-style: normal; color: #5A6B88; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
#dashboardContent .ix-depto-bar { display: block; height: 6px; border-radius: 999px; background: #EEF2F8; margin-top: 4px; overflow: hidden; }
#dashboardContent .ix-depto-bar span { display: block; height: 100%; border-radius: 999px; background: #0E4AA4; }
#dashboardContent .ix-depto-vacio { color: #5A6B88; text-align: center; padding: 30px 10px; display: flex; flex-direction: column; align-items: center; gap: 8px; }
#dashboardContent .ix-depto-vacio i { font-size: 28px; color: #9AA8C0; }
@media (max-width: 767px) { #dashboardContent .ix-depto .col-md-8 { border-right: 0 !important; border-bottom: 1px solid #EDF1F7; } }

/* ---------- Avance diario de ventas (15/10/2026) ---------- */
#dashboardContent .ix-avance .sales-kpi { padding: 14px 16px !important; }
#dashboardContent .ix-avance .sales-kpi-label { font-size: 11.5px !important; font-weight: 800 !important; color: #5A6B88 !important; text-transform: uppercase; letter-spacing: .04em; line-height: 1.35; }
#dashboardContent .ix-avance .sales-kpi-value { font-size: 20px !important; font-weight: 800 !important; color: #0A2A5E; font-variant-numeric: tabular-nums; margin-top: 4px; }
#dashboardContent .ix-avance .sales-kpi-value.down { color: #C2410C !important; }
#dashboardContent .ix-avance .sales-kpi-value.up { color: #146C43 !important; }
#dashboardContent .ix-avance-ritmo { display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; margin: 12px 0 6px; }
#dashboardContent .ix-ritmo-estado { display: inline-flex; align-items: center; gap: 8px; padding: 0 14px; border-radius: 12px; font-weight: 800; font-size: 13px; min-height: 52px; }
#dashboardContent .ix-ritmo-estado.ok { background: #E3F3EA; color: #146C43; }
#dashboardContent .ix-ritmo-estado.bajo { background: #FFF0E3; color: #9A4708; }
#dashboardContent .ix-ritmo-item { display: flex; flex-direction: column; justify-content: center; padding: 8px 14px; border-radius: 12px; border: 1px solid #E1E7F1; background: #FFFFFF; min-width: 130px; }
#dashboardContent .ix-ritmo-item small { font-size: 11.5px; font-weight: 700; color: #5A6B88; }
#dashboardContent .ix-ritmo-item b { font-size: 16px; font-weight: 800; color: #15233D; font-variant-numeric: tabular-nums; }
#dashboardContent .ix-ritmo-item.clave { border-color: #F6C9A3; background: #FFF8F2; }
#dashboardContent .ix-ritmo-item.clave b { color: #C2410C; }