/* Seguimiento de objetivos del SIG — indicadores, trazabilidad y reporte (js/modulos/cd_objetivos_ind.js).
   Estilo sobrio como el reporte EMO: fondo claro => letra oscura, bordes grises, sin rellenos amarillos. */
.cdoi-wrap{margin:10px 14px 0;display:flex;gap:12px;flex-wrap:wrap;align-items:stretch}
.cdoi-cards{flex:2 1 560px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;align-content:start}
.cdoi-card{display:flex;flex-direction:column;gap:2px;text-align:left;background:#fff;color:#1f2d3d;border:1px solid #cfd4da;border-left:4px solid var(--c,#8a94a0);border-radius:6px;padding:8px 10px;cursor:pointer;font-family:inherit;transition:box-shadow .15s}
.cdoi-card:hover{box-shadow:0 2px 8px rgba(10,30,80,.18)}
.cdoi-card.act{outline:2px solid #1a3e8a;outline-offset:0}
.cdoi-card .cdoi-v{font-size:24px;font-weight:800;color:#1f2d3d;line-height:1.1}
.cdoi-card .cdoi-r{font-size:12px;font-weight:700;color:#1f2d3d}
.cdoi-card .cdoi-s{font-size:10.5px;color:#3a4a5f;line-height:1.25}
.cdoi-card.cdoi-hero{grid-column:span 2}
.cdoi-card.cdoi-hero .cdoi-v{font-size:34px;color:#0a1e50}
.cdoi-chartbox{flex:1 1 340px;min-width:0;background:#fff;color:#1f2d3d;border:1px solid #cfd4da;border-radius:6px;padding:8px 10px}
.cdoi-chartbox .cdoi-ct{font-size:12px;font-weight:700;color:#1f2d3d;margin-bottom:4px}
.cdoi-chartbox .cdoi-cv{position:relative;height:250px}
.cdoi-info{margin:8px 14px 0;font-size:11.5px;color:#1f2d3d;background:#fff;border:1px solid #cfd4da;border-radius:6px;padding:6px 10px}
.cdoi-info summary{cursor:pointer;font-weight:700}
.cdoi-info div{margin-top:6px;line-height:1.45}
.cdoi-chip{margin:6px 14px 0;font-size:12px;color:#1f2d3d;min-height:0}
.cdoi-chip:empty{display:none}
.cdoi-traz{margin:10px 14px 14px;background:#fff;color:#1f2d3d;border:1px solid #cfd4da;border-radius:6px;padding:8px 10px}
.cdoi-traz summary{cursor:pointer;font-weight:700;font-size:13px}
.cdoi-vacio{padding:12px 8px;text-align:center;font-style:italic;color:#3a4a5f;font-size:12px}
.cdoi-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:#fff;color:#1f2d3d;border:1px solid #8a94a0;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}
.cdoi-btn:hover{background:#f1f3f5}
.cdoi-btn-s{height:26px;padding:0 9px;font-size:11px}
.cdoi-hist-btn{height:26px;padding:0 8px;font-size:11px;background:#fff;color:#1f2d3d;border:1px solid #8a94a0;margin-bottom:4px;white-space:nowrap}

/* Tablas (matriz de trazabilidad, historial y reporte) */
.cdoi-tb{width:100%;border-collapse:collapse;background:#fff;margin:6px 0 10px;font-size:11px}
.cdoi-tb th{background:#eef1f5;color:#1f2d3d;font-weight:700;border:1px solid #bfc5cc;padding:4px 6px;text-align:center}
.cdoi-tb td{background:#fff;color:#1f2d3d;border:1px solid #cfd4da;padding:4px 6px;text-align:center;vertical-align:top;line-height:1.3}
.cdoi-tb tr.cdoi-tot td{font-weight:700;background:#f4f6f8}
.cdoi-tb tr{break-inside:avoid;page-break-inside:avoid}

/* Reporte (estética del reporte EMO) */
.cdoi-reporte{background:#fff;color:#1f2d3d}
.cdoi-rep-area{background:#fff;color:#1f2d3d;padding:6px 4px;max-width:1100px;margin:0 auto}
.cdoi-sec{margin:0 0 14px}
.cdoi-caja{padding:10px;background:#f4f6f8;color:#1f2d3d;border:1px solid #cfd4da;border-left:3px solid #8a94a0;font-size:11.5px;line-height:1.5;margin-bottom:8px}
.cdoi-nota{font-size:11px;color:#3a4a5f;margin:0 0 6px}
.cdoi-kpis{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
.cdoi-kpi{flex:1 1 140px;background:#fff;border:1px solid #cfd4da;padding:6px 10px;text-align:center}
.cdoi-kpi-v{font-size:22px;font-weight:800;color:#0a1e50}
.cdoi-kpi-r{font-size:11px;font-weight:700;color:#1f2d3d}
.cdoi-kpi-s{font-size:10px;color:#3a4a5f}
.cdoi-fila{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start}
.cdoi-chart-box{padding:8px;border:1px solid #cfd4da;background:#fff;break-inside:avoid;page-break-inside:avoid;min-width:0;margin-bottom:8px}
.cdoi-chart-tit{font-size:11.5px;font-weight:700;color:#1f2d3d;margin-bottom:4px}
.cdoi-chart-cv{position:relative}
.cdoi-chart-cv canvas{max-width:100%}
.cdoi-ta{width:100%;box-sizing:border-box;min-height:44px;font-size:11.5px;line-height:1.3;resize:none;overflow:hidden;color:#1f2d3d;background:#fff;border:1px solid #bfc5cc;padding:4px 6px;font-family:inherit}
.cdoi-solo-imp{display:none}
.cdoi-imp .cdoi-solo-imp{display:block;font-size:11px;line-height:1.3;white-space:pre-wrap;text-align:left}
.cdoi-imp .cdoi-edit{display:none!important}
.cdoi-hist-box{width:min(860px,96vw);max-height:90vh}
@media (max-width:600px){.cdoi-card.cdoi-hero{grid-column:span 1}}
@media print{
  .cdoi-solo-imp{display:block!important;font-size:11px;line-height:1.3;white-space:pre-wrap;text-align:left}
  .cdoi-edit{display:none!important}
  .cdoi-rep-control > div:last-child{display:none}
  .cdoi-sec,.cdoi-caja,.cdoi-kpis{break-inside:avoid;page-break-inside:avoid}
}

/* La tabla de la matriz TI/IT ya no se estira a lo que sobra de la pantalla (la franja de indicadores va encima):
   toma su alto y se desplaza dentro de su propio marco. */
#cd-oit-tabla-wrap{flex:0 0 auto;min-height:320px;max-height:75vh}