html[data-frontend="modular"] .g-management-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }
html[data-frontend="modular"] .g-management-flow > div { min-height: 62px; padding: 10px 14px; display: flex; align-items: center; gap: 9px; border-right: 1px solid var(--g-color-border); }
html[data-frontend="modular"] .g-management-flow > div:last-child { border-right: 0; }
html[data-frontend="modular"] .g-management-flow strong { color: var(--g-color-brand-strong); font-size: var(--g-font-xl); }
html[data-frontend="modular"] .g-management-flow span { color: var(--g-color-muted); font-size: var(--g-font-sm); }

html[data-frontend="modular"] .g-climate { min-width: 0; display: grid; gap: var(--g-space-4); }
html[data-frontend="modular"] .g-climate-toolbar { padding: 12px; display: flex; align-items: center; gap: 10px; background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }
html[data-frontend="modular"] .g-climate-toolbar select { min-width: 280px; }
html[data-frontend="modular"] .g-climate-periods { display: flex; gap: 6px; }
html[data-frontend="modular"] .g-climate-toolbar > .g-tag { margin-left: auto; }
html[data-frontend="modular"] .g-climate-chart { min-width: 0; padding: 22px 16px 14px; overflow-x: auto; background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-lg); }
html[data-frontend="modular"] .g-climate-columns { min-width: max-content; height: 260px; display: flex; align-items: flex-end; gap: 10px; }
html[data-frontend="modular"] .g-climate-column { width: 58px; height: 100%; display: grid; grid-template-rows: 20px 1fr 18px 18px 18px; justify-items: center; gap: 2px; color: var(--g-color-muted); font-size: var(--g-font-xs); }
html[data-frontend="modular"] .g-climate-column > strong { color: var(--g-color-brand-strong); }
html[data-frontend="modular"] .g-climate-track { position: relative; width: 28px; height: 100%; align-self: end; background: var(--g-color-brand-soft); border-radius: 5px 5px 0 0; }
html[data-frontend="modular"] .g-climate-track i { position: absolute; inset: auto 0 0; display: block; background: var(--g-color-brand); border-radius: 5px 5px 0 0; }
html[data-frontend="modular"] .g-climate-track b { position: absolute; left: -6px; width: 40px; height: 3px; background: var(--g-color-accent); transform: translateY(1px); }
html[data-frontend="modular"] .g-climate-max { color: var(--g-color-danger); }
html[data-frontend="modular"] .g-climate-min { color: #286c9d; }
html[data-frontend="modular"] .g-climate-legend { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 6px; }

@media (max-width: 760px) {
  html[data-frontend="modular"] .g-management-flow { grid-template-columns: 1fr 1fr; }
  html[data-frontend="modular"] .g-management-flow > div:nth-child(2) { border-right: 0; }
  html[data-frontend="modular"] .g-management-flow > div:nth-child(-n+2) { border-bottom: 1px solid var(--g-color-border); }
  html[data-frontend="modular"] .g-climate-toolbar { align-items: stretch; flex-direction: column; }
  html[data-frontend="modular"] .g-climate-toolbar select { width: 100%; min-width: 0; }
  html[data-frontend="modular"] .g-climate-periods { overflow-x: auto; }
  html[data-frontend="modular"] .g-climate-toolbar > .g-tag { align-self: flex-start; margin-left: 0; }
}

html[data-frontend="modular"] .g-ops-attention-filter,
html[data-frontend="modular"] .g-ops-section-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
html[data-frontend="modular"] [data-contract-section] { scroll-margin-top: 150px; }
html[data-frontend="modular"] .g-ops-table-wrap { scrollbar-width: thin; scrollbar-color: #9aafbe transparent; }