.grid6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.panelKpis .kpi{min-width:0}.collectionSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.collectionBox{padding:15px 17px;border-width:1px;border-style:solid}.collectionBox .v{font-size:22px;font-weight:900;margin:3px 0}.collectionBox small{font-size:11px;font-weight:700}.collectionBox.paid{background:#effaf4;border-color:#b7e2cb}.collectionBox.paid .v,.collectionBox.paid small{color:#168953}.collectionBox.unpaid{background:#fff1f1;border-color:#efb9b9}.collectionBox.unpaid .v,.collectionBox.unpaid small{color:#c83232}.collectionBox.regularized{background:#eef5ff;border-color:#b9d0ef}.collectionBox.regularized .v,.collectionBox.regularized small{color:#165eb8}.statsCharts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.statsCharts>.card,.statsCharts>.chartCard{min-width:0}.statsCharts .chartLegend{display:none!important}.thinSanction select[data-sanction-id]{border-radius:999px;font-weight:800;padding:7px 30px 7px 12px}.sanctionStatusSelect.PENDIENTE{background:#fff0f0!important;color:#c83232!important;border-color:#efb4b4!important}.sanctionStatusSelect.COMUNICADA{background:#fff7df!important;color:#ad7300!important;border-color:#efd48e!important}.sanctionStatusSelect.PAGADA{background:#eaf8f1!important;color:#168953!important;border-color:#b7e2cb!important}.incidentMiniStack{display:flex;gap:4px;flex-wrap:wrap;align-items:center;margin-top:7px}.miniIncidentPill{font-size:9px!important;padding:3px 6px!important;line-height:1.1}.incidentMetric .v{font-size:inherit}.panelKpis.grid6{grid-template-columns:repeat(6,minmax(0,1fr))!important}

/* Documentación: exactamente cuatro globos por línea */
.docGrid,.docBlocks,.documentationGrid,.documentGrid,.docsGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important}.docBlock,.docTile,.documentCard,.documentationCard{min-width:0!important;box-sizing:border-box!important}

/* Contratación: fases verticales, tarjetas homogéneas */
.contractStage{margin:0 0 22px!important}.contractStageHead{margin-bottom:10px!important}.contractStageGrid,.precontractSequence{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important}.contractStep.compactContract,.contractStageGrid .contractStep,.precontractSequence .contractStep{position:relative!important;height:126px!important;min-height:126px!important;max-height:126px!important;box-sizing:border-box!important;display:block!important;padding:12px 12px 10px!important;border-radius:12px!important;border:1px solid #e2e8f0!important;background:#fff!important;overflow:hidden!important}.contractStep.current{border-color:#8fb4e7!important;background:#f2f7ff!important;box-shadow:0 5px 16px rgba(23,105,224,.09)!important}.contractStep.completed{background:#f4faf7!important;border-color:#c5e3d2!important}.contractStep.skipped{background:#f7f8fa!important;border-color:#dfe4eb!important}.contractStepNo{position:absolute!important;top:10px!important;left:10px!important;width:31px!important;height:31px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#eef2f7!important;color:#57677b!important;font-size:14px!important;font-weight:900!important}.contractStep.current .contractStepNo{background:#1769e0!important;color:#fff!important}.contractStep.completed .contractStepNo{background:#20a765!important;color:#fff!important}.contractStepBody{display:block!important;padding:0 76px 0 42px!important;min-height:52px!important;text-align:center!important}.contractStepTitle{font-size:15px!important;line-height:1.2!important;font-weight:850!important;margin:10px 0 0!important;min-height:34px!important;display:flex!important;align-items:flex-start!important;justify-content:center!important}.contractStepStatus{position:absolute!important;top:11px!important;right:11px!important;min-height:0!important}.contractStepStatus .badge{font-size:9px!important;padding:4px 7px!important}.contractStepActions{position:absolute!important;left:50%!important;bottom:10px!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:max-content!important;max-width:calc(100% - 20px)!important;margin:0!important;min-height:0!important}.contractStepActions .btn{height:36px!important;padding:7px 16px!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important}.contractStepActions .contractSendBtn{min-width:100px!important;margin:0!important}.contractStepActions .tinyOptional{font-size:10px!important}

/* Estadísticas compactas e interactivas */
.statsTwelve{gap:9px!important}.statsTwelve .metric{padding:10px 12px!important;min-height:78px!important}.statsTwelve .metric .v{font-size:19px!important;line-height:1.1!important;margin-top:4px!important}.statsTwelve .metric .muted{font-size:10px!important}.seriesToggleLegend{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 2px}.seriesToggleBtn{border:1px solid #e0e6ef;background:#fff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700;color:#4d5b70;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.seriesToggleBtn.off{opacity:.38;text-decoration:line-through}.seriesToggleDot{width:7px;height:7px;border-radius:50%;display:inline-block}.portfolioLarge .donutWrap{grid-template-columns:230px 1fr!important;gap:12px!important}.portfolioLarge .donut{width:220px!important;height:220px!important}.portfolioLarge .donut:after{inset:43px!important}.portfolioLarge .donutRow{padding:5px 0!important;gap:8px!important}.portfolioLegendLabel{display:flex;align-items:center;gap:6px}.portfolioLegendDot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:0 0 auto}.chartAxisLabel{font-size:9px;fill:#8b96a8}.chartGridLine{stroke:#e8edf4;stroke-width:1}.chartValue{font-size:9px;fill:#53647a;font-weight:700}.chartBarValue{font-size:10px;fill:#fff;font-weight:900}.chartLineValue{font-size:10px;fill:#1769e0;font-weight:900}

@media(max-width:1250px){.grid6,.panelKpis.grid6{grid-template-columns:repeat(3,minmax(0,1fr))!important}.contractStageGrid,.precontractSequence,.docGrid,.docBlocks,.documentationGrid,.documentGrid,.docsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:900px){.grid6,.collectionSummary,.statsCharts,.contractStageGrid,.precontractSequence,.docGrid,.docBlocks,.documentationGrid,.documentGrid,.docsGrid{grid-template-columns:1fr!important}.portfolioLarge .donutWrap{grid-template-columns:1fr!important}}

/* V4 visual language: operational areas and client tabs */
#content .pageHead,#content .sectionHead{margin-bottom:16px}
#content .pageHead h1,#content .pageHead h2,#content .sectionHead h1,#content .sectionHead h2{color:#17213a;letter-spacing:-.025em}
#content>.card,#content .commercialWrap>.card{border:0;border-radius:20px;box-shadow:0 10px 28px rgba(35,49,83,.09)}
#content .filters{padding:13px;border-radius:16px;background:linear-gradient(135deg,#f1f5ff,#eefaf6);border:1px solid #e2e8f2;gap:9px}
#content .filters .btn,#content .filter{border-radius:11px}
#content .dataTable{border-collapse:separate;border-spacing:0 7px;background:transparent}
#content .dataTable thead th{border:0;background:transparent;color:#667085;font-size:10px;text-transform:uppercase;letter-spacing:.05em}
#content .dataTable tbody tr{background:#fff;box-shadow:0 5px 16px rgba(35,49,83,.065)}
#content .dataTable tbody td{border-top:1px solid #e8edf4;border-bottom:1px solid #e8edf4;padding-top:13px;padding-bottom:13px}
#content .dataTable tbody td:first-child{border-left:4px solid #6378df;border-radius:13px 0 0 13px}
#content .dataTable tbody tr:nth-child(3n+2) td:first-child{border-left-color:#22a77a}
#content .dataTable tbody tr:nth-child(3n) td:first-child{border-left-color:#ef8a4c}
#content .dataTable tbody td:last-child{border-right:1px solid #e8edf4;border-radius:0 13px 13px 0}
#content .metricCards .card,#content .grid5 .card,#content .statCard{border:0;border-radius:18px;box-shadow:0 8px 22px rgba(35,49,83,.08)}
#content .infoSection,#content .paymentsCard,#content .noteCard,#content .taskCard,#content .documentCard,#content .contractCard{border:0!important;border-radius:18px!important;box-shadow:0 8px 22px rgba(35,49,83,.08)!important}
#content .infoSection:nth-child(3n+1),#content .paymentsCard{background:linear-gradient(145deg,#f0f4ff,#fff)}
#content .infoSection:nth-child(3n+2),#content .noteCard{background:linear-gradient(145deg,#effbf6,#fff)}
#content .infoSection:nth-child(3n),#content .taskCard{background:linear-gradient(145deg,#fff5ec,#fff)}
#content .sectionTitle{border-radius:13px;padding:11px 13px;background:linear-gradient(135deg,#f3f6ff,#eefaf6);color:#263553}
#content .emptyState{border-radius:17px;background:#fff;border:1px dashed #cfd8e6;padding:30px;color:#667085}
#content .badge{border-radius:999px;padding:6px 10px;font-weight:850}
#content .btn.primary{border:0;background:linear-gradient(135deg,#3563d1,#667be7);box-shadow:0 7px 17px rgba(53,99,209,.22)}
@media(max-width:760px){#content .dataTable{border-spacing:0 9px}#content .dataTable tbody tr{box-shadow:none}}

/* Styled controls and action modals */
#content select,#content .filter,.modal select,.btOb4Shell select{appearance:none;-webkit-appearance:none;min-height:42px;border:1px solid #d4dce8!important;border-radius:12px!important;padding:0 38px 0 12px!important;background-color:#fff!important;background-image:linear-gradient(45deg,transparent 50%,#58677f 50%),linear-gradient(135deg,#58677f 50%,transparent 50%)!important;background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px!important;background-size:5px 5px,5px 5px!important;background-repeat:no-repeat!important;color:#26324b!important;font-size:13px!important;font-weight:700!important;box-shadow:0 3px 10px rgba(35,49,83,.05)}
#content select:hover,.modal select:hover{border-color:#9caae6!important}#content select:focus,.modal select:focus{outline:0;border-color:#6479df!important;box-shadow:0 0 0 3px rgba(100,121,223,.13)!important}
.modalBack .modal{border-radius:24px!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 30px 90px rgba(15,27,58,.33)!important;overflow:hidden}.modalBack .modalHead{padding:19px 22px!important;background:linear-gradient(135deg,#263f91,#536ddb 60%,#7a8bef)!important;color:#fff!important}.modalBack .modalHead .btn{background:rgba(255,255,255,.15)!important;color:#fff!important;border-color:rgba(255,255,255,.28)!important}.modalBack .modalBody{padding:22px!important;background:linear-gradient(145deg,#f8faff,#f3faf7)!important}.modalBack .modalBody .field{padding:11px!important;border:1px solid #e1e7f0!important;border-radius:14px!important;background:#fff!important}.modalBack .modalFoot{padding:15px 20px!important;background:#fff!important;border-top:1px solid #e3e8f0!important}