/* ============================================================================
   DS-01.07 — Sidebar overrides, relocated from the inline <style> block that lived
   in Pages/_Layout.cshtml (lines ~61-126). Killing the inline block is the AC1 goal.
   Behavior is preserved 1:1 (same selectors, same cascade position — loaded right after
   MtmpProjectsPoc.Web.styles.css, same as the old inline block — and the same !important
   that beats visual-polish-2026.css). Exact-match colors are tokenized (#ffffff →
   --bg-white, #001E46 → --med-blue-primary); the remaining off-palette polish colors are
   kept verbatim for zero visual regression and will be fully tokenized when the sidebar
   is re-skinned (FD-01) alongside the visual-polish/hotfix consolidation sweep.

   NOTE: the !important here is PRE-EXISTING (relocated, not new) — required to override
   visual-polish-2026.css which is still unlayered. It goes away when that file is folded
   into the @layer cascade (staged for human review in this story).
   ============================================================================ */

/* Override problematic .sidebar-content > div:first-child selector */
.sidebar-content > div:first-child,
.sidebar-content > .project-overview-sidebar,
.project-overview-sidebar {
    background: linear-gradient(180deg, var(--bg-white) 0%, #f9fafb 100%) !important;
    border: 1px solid #e2e8f0 !important;
}
/* Header keeps dark blue with white text */
.project-overview-sidebar > .sidebar-header,
.project-overview-sidebar .sidebar-header {
    background: linear-gradient(135deg, var(--med-blue-primary) 0%, #002855 100%) !important;
    border-radius: 10px 10px 0 0 !important;
    padding: 14px 18px !important;
}
.sidebar-header .sidebar-title,
.project-overview-sidebar .sidebar-header .sidebar-title {
    color: var(--bg-white) !important;
}
.sidebar-header .sidebar-subtitle,
.project-overview-sidebar .sidebar-header .sidebar-subtitle {
    color: rgba(255, 255, 255, 0.85) !important;
}
/* Labels - dark gray on light background */
.project-overview-sidebar .sidebar-label,
.sidebar-label {
    color: #4b5563 !important;
}
/* Values - very dark on light background */
.project-overview-sidebar .sidebar-value,
.sidebar-value {
    color: #111827 !important;
}
/* Empty/placeholder values */
.project-overview-sidebar .empty,
.project-overview-sidebar .sidebar-value .empty,
.project-overview-sidebar span.empty {
    color: #9ca3af !important;
    font-style: italic !important;
}
/* Compact sections with light dividers */
.project-overview-sidebar .sidebar-section,
.sidebar-section {
    padding: 10px 18px !important;
    border-bottom: 1px solid #e5e7eb !important;
    background: transparent !important;
}
.project-overview-sidebar .sidebar-section:last-child {
    border-bottom: none !important;
}
/* Score display */
.project-overview-sidebar .score-label {
    color: #4b5563 !important;
}
.project-overview-sidebar .score-value {
    color: #059669 !important;
}
.project-overview-sidebar .score-subtitle {
    color: #374151 !important;
}
/* Code elements */
.project-overview-sidebar code {
    background-color: #f1f5f9 !important;
    color: #059669 !important;
}