/* R-Rollout Enterprise Visual Redesign – Phase 2
 * Specialty-surface harmonization only. No functional changes.
 */

/* Project overview / cockpit: retain information architecture, remove legacy decorative treatment. */
.project-cockpit {
    --workspace-accent: var(--brand-primary);
    --workspace-accent-soft: var(--brand-soft);
    --workspace-line: var(--border-default);
    gap: 20px;
}

.project-cockpit .workspace-hero {
    grid-template-columns: minmax(0, 1.55fr) minmax(18rem, .55fr);
    padding: 24px 26px;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-card);
    background: var(--bg-surface);
    color: var(--text-primary);
    box-shadow: var(--shadow-card);
}
.project-cockpit .workspace-hero::after { display: none; }
.project-cockpit .workspace-hero h2 {
    max-width: 60rem;
    color: var(--text-primary);
    font-size: clamp(30px, 3.4vw, 46px);
    font-weight: 720;
    letter-spacing: -.04em;
}
.project-cockpit .workspace-hero__description {
    margin-top: 10px;
    color: var(--text-secondary);
    font-size: 14px;
}
.project-cockpit .workspace-hero__breadcrumbs {
    color: var(--text-muted);
    letter-spacing: .08em;
}
.project-cockpit .workspace-meta { margin-top: 14px; gap: 7px; }
.project-cockpit .workspace-chip {
    min-height: 30px;
    padding: 5px 9px;
    border: 1px solid var(--border-default);
    background: var(--bg-surface-secondary);
    color: var(--text-secondary);
    font-size: 12px;
    backdrop-filter: none;
}
.project-cockpit .workspace-chip--status {
    border-color: color-mix(in srgb, var(--success) 24%, var(--border-default));
    background: color-mix(in srgb, var(--success) 8%, var(--bg-surface));
    color: var(--success);
}
.project-cockpit .workspace-chip--owner {
    border-color: var(--border-default);
    background: var(--bg-surface-secondary);
}
.project-cockpit .workspace-hero__actions { margin-top: 18px; }
.project-cockpit .workspace-action { min-height: 40px; border-radius: var(--radius-button); }
.project-cockpit .workspace-action--primary {
    border-color: var(--brand-primary);
    background: var(--brand-primary);
    color: #fff;
    box-shadow: none;
}
.project-cockpit .workspace-action--primary:hover { background: var(--brand-primary-hover); }

.project-cockpit .workspace-hero__summary {
    align-self: stretch;
    padding: 18px;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-card);
    background: var(--bg-surface-secondary);
    color: var(--text-primary);
    box-shadow: none;
    backdrop-filter: none;
}
.project-cockpit .workspace-progress__head span { color: var(--text-muted); }
.project-cockpit .workspace-progress__head strong { color: var(--text-primary); font-size: 32px; }
.project-cockpit .workspace-progress__track { background: var(--border-default); }
.project-cockpit .workspace-progress__bar { background: var(--accent-primary); }
.project-cockpit .workspace-summary-item {
    border: 1px solid var(--border-default);
    background: var(--bg-surface);
}
.project-cockpit .workspace-summary-item span { color: var(--text-muted); }

.project-cockpit .workspace-tabs {
    top: 8px;
    padding: 4px;
    border: 1px solid var(--border-default);
    border-radius: 10px;
    background: color-mix(in srgb, var(--bg-surface) 96%, transparent);
    box-shadow: var(--shadow-card);
    backdrop-filter: blur(12px);
}
.project-cockpit .workspace-tab { padding: 8px 12px; border-radius: 7px; font-size: 13px; }
.project-cockpit .workspace-tab.is-active,
.project-cockpit .workspace-tab[aria-current="location"] {
    background: var(--accent-soft);
    color: var(--accent-primary);
}

.project-cockpit .workspace-decision {
    gap: 18px;
    padding: 22px;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-card);
    background: var(--bg-surface);
    box-shadow: var(--shadow-card);
}
.project-cockpit .workspace-decision__head { padding-bottom: 14px; border-bottom-color: var(--border-default); }
.project-cockpit .workspace-decision__head h2 { font-size: clamp(24px, 2.3vw, 34px); }
.project-cockpit .workspace-decision__head .eyebrow { color: var(--brand-primary); }
.project-cockpit .workspace-owner-card { border-left-color: var(--brand-primary); }
.project-cockpit .workspace-next-action {
    min-height: 0;
    padding: 20px;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-card);
    background: var(--bg-surface-secondary);
    box-shadow: none;
}
.project-cockpit .workspace-next-action::after { display: none; }
.project-cockpit .workspace-next-action::before { width: 3px; background: var(--brand-primary); }
.project-cockpit .workspace-next-action__label { color: var(--brand-primary); }
.project-cockpit .workspace-next-action h3 { font-size: clamp(22px, 2.2vw, 32px); }
.project-cockpit .workspace-next-action p { color: var(--text-secondary); font-size: 14px; }
.project-cockpit .workspace-focus { border-left-color: var(--border-default); }
.project-cockpit .workspace-focus__grid { border-top-color: var(--border-default); }
.project-cockpit .workspace-focus__grid a { border-bottom-color: var(--border-default); }
.project-cockpit .workspace-focus__grid a:nth-child(even) { border-left-color: var(--border-default); }
.project-cockpit .workspace-focus__grid a:hover { background: var(--accent-soft); }
.project-cockpit .workspace-focus__grid strong { font-size: 24px; }

.project-cockpit .workspace-kpis {
    border-color: var(--border-default);
    border-radius: var(--radius-card);
    background: var(--bg-surface);
}
.project-cockpit .workspace-kpi {
    min-height: 100px;
    padding: 16px;
    border-right-color: var(--border-default);
    background: var(--bg-surface);
}
.project-cockpit .workspace-kpi strong { font-size: clamp(24px, 2vw, 32px); }
.project-cockpit .workspace-kpi__label { color: var(--text-muted); font-size: 11px; }
.project-cockpit .workspace-card,
.project-cockpit .command-center,
.project-cockpit .workspace-workplace-grid {
    border-color: var(--border-default);
    border-radius: var(--radius-card);
    background: var(--bg-surface);
    box-shadow: var(--shadow-card);
}
.project-cockpit .workspace-workplace-card { border-bottom-color: var(--border-default); }
.project-cockpit .workspace-workplace-card .workspace-card__body { border-left-color: var(--border-default); }
.project-cockpit .workspace-workplace-card .workspace-card__header > span {
    background: var(--brand-soft);
    color: var(--brand-primary);
}

/* Planning control center: standard enterprise surfaces and semantic colors. */
.planning-control {
    gap: 16px;
    padding: 20px;
    border-color: var(--border-default);
    border-radius: var(--radius-card);
    background: var(--bg-surface);
    box-shadow: var(--shadow-card);
}
.planning-control__head h2 { font-size: 20px; letter-spacing: -.015em; }
.planning-control__head p:last-child { color: var(--text-secondary); }
.planning-control__health {
    min-height: 28px;
    padding: 4px 9px;
    border-color: var(--border-default);
    font-size: 11px;
}
.planning-control__health--healthy { color: var(--success); border-color: color-mix(in srgb,var(--success) 25%,var(--border-default)); background: color-mix(in srgb,var(--success) 8%,var(--bg-surface)); }
.planning-control__health--warning { color: var(--warning); border-color: color-mix(in srgb,var(--warning) 25%,var(--border-default)); background: color-mix(in srgb,var(--warning) 8%,var(--bg-surface)); }
.planning-control__health--critical { color: var(--danger); border-color: color-mix(in srgb,var(--danger) 25%,var(--border-default)); background: color-mix(in srgb,var(--danger) 8%,var(--bg-surface)); }
.planning-control__metrics { gap: 10px; }
.planning-control__metrics article {
    padding: 14px;
    border: 1px solid var(--border-default);
    border-radius: 10px;
    background: var(--bg-surface-secondary);
}
.planning-control__metrics span,
.planning-control__metrics small,
.planning-control__attention-item small,
.planning-control__capacity-row small { color: var(--text-secondary); }
.planning-control__metrics strong { color: var(--text-primary); font-size: 24px; }
.planning-control__grid { gap: 12px; }
.planning-control__panel {
    gap: 10px;
    padding: 16px;
    border-color: var(--border-default);
    border-radius: 10px;
    background: var(--bg-surface);
}
.planning-control__attention-item {
    padding: 10px 11px;
    border: 1px solid var(--border-default);
    border-radius: 8px;
    background: var(--bg-surface-secondary);
}
.planning-control__attention-item--critical .planning-control__signal { background: var(--danger); }
.planning-control__attention-item--warning .planning-control__signal { background: var(--warning); }
.planning-control__attention-item--healthy .planning-control__signal { background: var(--success); }
.planning-control__bar { background: var(--border-default); }
.planning-control__bar span { background: var(--accent-primary); }
.planning-control__capacity-row.is-overloaded > strong { color: var(--danger); }

/* Generic governance / preparation sections. */
.governance-grid,
.planning-grid,
.workspace-grid { gap: 16px; }

details {
    border-radius: var(--radius-control);
}
details > summary {
    cursor: pointer;
    color: var(--text-primary);
    transition: color var(--transition-fast), background var(--transition-fast);
}
details > summary:hover { color: var(--accent-primary); }

/* Prevent specialty pages from reintroducing strong legacy shadows/gradients. */
.project-cockpit [class*="hero"],
.planning-control,
.governance-panel {
    background-image: none;
}

@media (max-width: 1000px) {
    .project-cockpit .workspace-hero,
    .project-cockpit .workspace-decision__grid { grid-template-columns: 1fr; }
    .project-cockpit .workspace-focus { border-left: 0; border-top: 1px solid var(--border-default); }
}

@media (max-width: 720px) {
    .project-cockpit .workspace-hero { padding: 18px; }
    .project-cockpit .workspace-decision { padding: 16px; }
    .planning-control { padding: 16px; }
}