/* Dashboard compacto de Initiating: una tarjeta de acciones y dos gráficos. */
.initiating-dashboard { display: grid; gap: var(--space-md); }
.initiating-dashboard__actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
    padding: var(--space-md);
    background: var(--color-surface);
    border: var(--border-default);
    border-radius: var(--radius-lg);
}
.initiating-dashboard__actions .project-phase--compact {
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    flex: 0 0 auto;
}
.initiating-dashboard__charts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: var(--space-md);
}
.initiating-dashboard__chart {
    padding: var(--space-md);
    border: var(--border-default);
    border-radius: var(--radius-lg);
    background: var(--color-surface);
    min-width: 0;
}
.initiating-dashboard__chart header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-sm);
}
.initiating-dashboard__chart h2 { margin: 0; font-size: var(--font-size-md); }
.initiating-dashboard__chart header strong { font-variant-numeric: tabular-nums; }
.initiating-dashboard__chart-body { display: grid; justify-items: center; gap: var(--space-sm); }
.initiating-dashboard__pie { display: block; width: 240px; max-width: 100%; height: auto; }
.initiating-dashboard__legend {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .2rem var(--space-md);
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
}
.initiating-dashboard__legend li {
    display: grid;
    grid-template-columns: .7rem minmax(0, 1fr) auto auto;
    gap: .4rem;
    align-items: center;
    padding: .25rem 0;
    font-size: var(--font-size-sm);
    font-variant-numeric: tabular-nums;
}
.initiating-dashboard__swatch { width: .7rem; height: .7rem; border-radius: .2rem; }
@media (max-width: 70rem) { .initiating-dashboard__legend { grid-template-columns: 1fr; } }
@media (max-width: 40rem) { .initiating-dashboard__charts { grid-template-columns: 1fr; } }