.exec-mission-cards,
.exec-status-cards { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin:12px 0; }
.exec-mission-card,
.exec-status-card { display:flex; flex-direction:column; gap:4px; background:#fff; border:1px solid var(--line,#cfd8d3); border-radius:8px; padding:12px; color:inherit; text-decoration:none; min-height:88px; }
.exec-mission-card strong,
.exec-status-card strong { font-size:1.6rem; }
.exec-mission-swatch { width:14px; height:14px; border-radius:3px; display:inline-block; }
.exec-mission-card--justice { grid-column: span 1; background:#f7f1e4; }
.exec-reconcile { margin:8px 0 14px; color:#4b5563; }
.exec-charts { margin-bottom:16px; }
.exec-pie-slice { cursor:pointer; }
.exec-drill-legend { display:flex; flex-wrap:wrap; gap:8px 16px; padding:0; margin:0 0 16px; list-style:none; }
.exec-drill-legend li { background:#e8f3ee; border-radius:999px; padding:4px 10px; font-size:.85rem; }
.exec-ranking tr.is-near { background:#fff8db; }
.exec-ranking tr.is-overdue { background:#fef0ee; }
.exec-ranking small { display:block; color:#617169; }
.exec-contrib { margin:0 0 12px; padding-left:18px; }
.exec-integration-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:16px; }
.exec-chart-empty { padding:24px; border:1px dashed #cfd8d3; border-radius:8px; text-align:center; color:#4b5563; }
.exec-status-card--overdue { border-color:#c0392b; }
@media (max-width:1024px) {
  .exec-mission-cards, .exec-status-cards, .exec-integration-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
  .exec-mission-cards, .exec-status-cards, .exec-integration-grid { grid-template-columns:1fr; }
}

.approval-list { display:flex; flex-direction:column; gap:6px; max-height:720px; overflow:auto; }
.approval-item { display:flex; flex-direction:column; gap:2px; background:#fff; border:1px solid var(--line); border-radius:6px; padding:12px; color:var(--ink); }
.approval-item.on { border-color:var(--ect-green); box-shadow:inset 4px 0 var(--ect-green); }
.approval-item small,.decision-context dt { color:#4b5563; }
.ux-panel dt { color:#4b5563; }
@media(max-width:900px){.approval-list{max-height:360px}}