.work-plans-heading-actions { display: flex; gap: .75rem; flex-wrap: wrap; }
.work-plans-filters { display: flex; gap: 1rem; align-items: end; margin: 1rem 0; }
.work-plans-filters label { min-width: 220px; }
.work-plans-kpis { display: grid; grid-template-columns: repeat(6, minmax(130px, 1fr)); gap: .75rem; margin: 1rem 0; }
.work-plans-kpis article { background: var(--surface, #fff); border: 1px solid var(--line, #dfe5ec); border-radius: 14px; padding: 1rem; display: grid; gap: .35rem; }
.work-plans-kpis span { color: var(--muted, #667085); font-size: .82rem; }
.work-plans-kpis strong { font-size: 1.65rem; }
.work-plans-meta { color: var(--muted, #667085); margin: .75rem 0; font-size: .9rem; }
.work-plans-config { display:grid; gap:1rem; margin:1rem 0; padding:1rem; border:1px solid var(--line, #dfe5ec); border-radius:16px; background:var(--surface, #fff); }
.work-plans-config[hidden] { display:none; }
.work-plans-config h4, .work-plans-config p { margin:.2rem 0; }
.work-plans-config-fields { display:grid; grid-template-columns:repeat(3, minmax(160px, 1fr)); gap:.75rem; align-items:end; }
.work-plans-config-fields label { display:grid; gap:.35rem; }
.work-plans-config-fields label:has(input[type="checkbox"]) { grid-template-columns:auto 1fr; align-items:center; align-self:center; }
.work-plans-config-fields input[type="checkbox"] { width:auto; }
.work-plans-enrollment-list { display:flex; gap:.55rem; flex-wrap:wrap; }
.work-plan-enrollment { display:flex; gap:.5rem; align-items:center; border:1px solid var(--line, #dfe5ec); border-radius:999px; padding:.35rem .45rem .35rem .75rem; }
.work-plan-enrollment.is-enabled { border-color:#12b76a; background:#ecfdf3; }
.work-plans-list { display: grid; gap: 1rem; }
.work-plan-card { background: var(--surface, #fff); border: 1px solid var(--line, #dfe5ec); border-left: 5px solid #8391a3; border-radius: 16px; padding: 1rem 1.1rem; display: grid; gap: .8rem; }
.work-plan-card.priority-P1 { border-left-color: #d92d20; }
.work-plan-card.priority-P2 { border-left-color: #f79009; }
.work-plan-card.priority-P3 { border-left-color: #2e90fa; }
.work-plan-card.priority-P4 { border-left-color: #667085; }
.work-plan-card.completed { opacity: .72; }
.work-plan-card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.work-plan-card-header h4 { margin: .15rem 0; }
.work-plan-card-header p { margin: 0; color: var(--muted, #667085); }
.work-plan-badges { display: flex; gap: .45rem; flex-wrap: wrap; justify-content: flex-end; }
.work-plan-badge { padding: .3rem .55rem; border-radius: 999px; background: #eef2f6; font-size: .75rem; font-weight: 700; white-space: nowrap; }
.work-plan-badge.P1 { background: #fee4e2; color: #b42318; }
.work-plan-badge.P2 { background: #fef0c7; color: #b54708; }
.work-plan-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.work-plan-detail { background: #f8fafc; border-radius: 10px; padding: .75rem; }
.work-plan-detail strong { display: block; font-size: .75rem; text-transform: uppercase; color: var(--muted, #667085); margin-bottom: .3rem; }
.work-plan-detail p { margin: 0; white-space: pre-wrap; }
.work-plan-sources summary { cursor: pointer; font-weight: 700; }
.work-plan-sources ul { margin-bottom: 0; }
.work-plan-actions { display: flex; gap: .55rem; flex-wrap: wrap; align-items: center; }
.work-plan-actions select { width: auto; min-width: 165px; }
.work-plans-empty { text-align: center; padding: 3rem 1rem; border: 1px dashed var(--line, #dfe5ec); border-radius: 16px; }
.work-plans-empty h4 { margin: 0 0 .5rem; }
@media (max-width: 1100px) { .work-plans-kpis { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 720px) {
  .work-plans-kpis { grid-template-columns: repeat(2, 1fr); }
  .work-plan-card-header, .work-plans-filters { align-items: stretch; flex-direction: column; }
  .work-plan-badges { justify-content: flex-start; }
  .work-plan-details { grid-template-columns: 1fr; }
  .work-plans-config-fields { grid-template-columns:1fr; }
}
