/* All Projects: presentation-only overrides for the seven/eight-column DOM.
   Standalone so unrelated pending JS/backend features need not be released. */
:root .project-management-grid.management-grid-row { font-size: .875rem !important; line-height: 1.25rem !important; }
:root .project-management-grid.management-grid-row > * { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
:root .project-management-grid.management-grid-row > :first-child {
  font-size: .8125rem !important; line-height: 1.125rem !important; font-variant-numeric: tabular-nums;
}
:root .project-management-grid.management-grid-row > :nth-child(2) > :first-child { font-size: .9375rem !important; line-height: 1.25rem !important; }
:root .project-management-grid.management-grid-row > :nth-child(2) > :not(:first-child),
:root .project-management-grid.management-grid-row > :nth-last-child(3),
:root .project-management-grid.management-grid-row > :nth-last-child(2) { font-size: .8125rem !important; line-height: 1.1875rem !important; }
:root .project-management-grid.management-grid-row > :nth-child(2) > :last-child { margin-top: .1875rem; }
:root .project-management-grid.management-grid-row > :nth-last-child(5) > span { min-height: 1.5rem; padding: .1875rem .5rem; font-size: .75rem !important; line-height: 1rem !important; }
:root .project-management-grid.management-grid-row > :nth-last-child(4) strong { font-size: .875rem !important; line-height: 1.25rem !important; font-variant-numeric: tabular-nums; }
:root .project-management-grid.management-grid-row > :nth-last-child(4) small { font-size: .8125rem !important; line-height: 1.1875rem !important; }
:root .project-management-grid.management-grid-row > :nth-last-child(4) > span { min-width: 0; }
:root .project-management-grid.management-grid-row > :nth-last-child(3) > span { gap: .1875rem; line-height: 1.1875rem !important; font-variant-numeric: tabular-nums; }
/* Only the existing decorative dash is hidden; both source dates remain visible. */
:root .project-management-grid.management-grid-row > :nth-last-child(3) > span > [aria-hidden="true"] { display: none; }
:root .project-management-grid.management-grid-row > :nth-last-child(2) > div + div { margin-top: .0625rem; }
:root .project-management-grid.management-grid-row > :last-child { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: .375rem; }
:root .project-management-grid.management-grid-row > :last-child > :only-child { grid-column: 1 / -1; }
:root .project-management-grid.management-grid-row > :last-child > button { min-width: 0; min-height: 44px; padding: .25rem .375rem; white-space: normal; overflow-wrap: normal; font-size: .8125rem !important; line-height: 1.0625rem !important; }
:root .project-management-grid.management-grid-row svg { width: 14px; height: 14px; flex-shrink: 0; }
:root .project-management-grid.management-grid-row > :nth-last-child(5) svg { width: 12px; height: 12px; }
:root .project-management-grid .project-budget-usage svg { width: 2.5rem; height: 2.5rem; }
:root .project-management-grid .project-budget-usage figure { margin: 0; }
:root .project-management-grid .project-budget-usage figcaption { overflow-wrap: anywhere; }
:root .project-management-grid .project-budget-usage-mobile-label { display: none; }
:root .project-management-grid.management-grid-row button:focus-visible { outline: 2px solid #3b82f6; outline-offset: 2px; }
@media (min-width: 768px) {
  :root .project-management-grid {
    min-width: 71.5rem;
    grid-template-columns: 4.25rem minmax(16rem, 1.6fr) 9rem 8.5rem 7.25rem minmax(10.25rem, 1.15fr) 11.25rem !important;
    column-gap: .5rem; padding-left: .75rem; padding-right: .75rem;
  }
  :root .project-management-grid.management-grid-header { padding-top: .625rem; padding-bottom: .625rem; font-size: .75rem !important; line-height: 1.0625rem !important; letter-spacing: .04em; }
  :root .project-management-grid.management-grid-header > * { overflow-wrap: normal; }
  :root .project-management-grid.management-grid-row { align-items: center; padding-top: .5625rem; padding-bottom: .5625rem; row-gap: .375rem; }
  :root .project-management-grid--with-budget {
    min-width: 76.75rem;
    grid-template-columns: 4.25rem minmax(14rem, 1.55fr) 10.75rem 9rem 7.25rem 7.25rem minmax(9rem, 1fr) 10.25rem !important;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  :root .project-management-grid.management-grid-row > :last-child > button { min-height: 2.125rem; padding-top: .1875rem; padding-bottom: .1875rem; }
}
@media (max-width: 767px) {
  :root .project-management-grid.management-grid-row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .625rem; padding: .875rem; }
  :root .project-management-grid.management-grid-row > :first-child,
  :root .project-management-grid.management-grid-row > :nth-child(2),
  :root .project-management-grid.management-grid-row > :nth-last-child(2),
  :root .project-management-grid.management-grid-row > :last-child,
  :root .project-management-grid.management-grid-row > .project-budget-usage { grid-column: 1 / -1; }
  :root .project-management-grid.management-grid-row > :first-child,
  :root .project-management-grid.management-grid-row > :nth-child(2),
  :root .project-management-grid.management-grid-row > :nth-last-child(4),
  :root .project-management-grid.management-grid-row > :nth-last-child(2) button { min-height: 44px; }
  :root .project-management-grid.management-grid-row > :nth-last-child(2) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
  :root .project-management-grid.management-grid-row > :nth-last-child(2) > div { display: flex; flex-direction: column; gap: .125rem; margin-top: 0; }
  :root .project-management-grid.management-grid-row > :nth-last-child(2) button { text-align: left; }
  :root .project-management-grid .project-budget-usage-mobile-label { display: block; margin-bottom: .375rem; font-size: .6875rem; font-weight: 800; color: #64748b; }
}
@media print { :root .project-management-grid { min-width: 0; } }