/* Planes, ejercicios y directorio (CG-Resiliencia, Ola 3). Reutiliza soa-*, maturity-panel, improvement-pill y cg-inc-*; aquí solo lo propio con prefijo cg-res-. */
[data-res-plans] { margin: 16px 0; }
.cg-res-view .eyebrow { display: block; }
.cg-res-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0 10px; border-bottom: 1px solid var(--border, #d0d7e2); }
.cg-res-tab { font: inherit; font-weight: 600; padding: 8px 14px; border: 1px solid transparent; border-bottom: 0; border-radius: 8px 8px 0 0; background: transparent; color: inherit; cursor: pointer; min-height: 40px; }
.cg-res-tab.is-active { border-color: var(--border, #d0d7e2); background: var(--surface, #fff); box-shadow: inset 0 -3px 0 #3b6fd4; }
.cg-res-tab:focus-visible { outline: 2px solid #3b6fd4; outline-offset: 2px; }
[data-res-plans], .cg-res-view, .cg-res-view > *, #res-panel { min-width: 0; max-width: 100%; box-sizing: border-box; }
.cg-res-view .soa-table-wrap { max-width: 100%; overflow-x: auto; }
.cg-res-view .soa-kpis { grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)); }
.cg-res-view .soa-table tbody th[scope="row"] { font-weight: 400; text-align: left; background: transparent; color: inherit; }
.cg-res-view .cg-inc-detail-head h3, .cg-res-view h3 { overflow-wrap: anywhere; }
.cg-res-view .cg-inc-urgent li { overflow-wrap: anywhere; }
.cg-res-view a { color: inherit; text-decoration: underline; }
.cg-inc-coord .cg-inc-history li { line-height: 1.45; }
@media (max-width: 640px) { .cg-res-tabs { flex-direction: column; } .cg-res-tab { border-radius: 8px; border-color: var(--border, #d0d7e2); } }
@media print { [data-res-plans] form, [data-res-plans] button, .cg-res-tabs { display: none !important; } }