html[data-frontend="modular"] .g-operations { min-width: 0; display: grid; gap: var(--g-space-5); }
html[data-frontend="modular"] .g-ops-summary { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 7px; }
html[data-frontend="modular"] .g-ops-alert { padding: 13px 16px; display: flex; align-items: baseline; gap: 12px; color: #68440e; background: var(--g-color-warning-soft); border: 1px solid #e3c28d; border-radius: var(--g-radius-md); }
html[data-frontend="modular"] .g-ops-alert span { font-size: var(--g-font-sm); }
html[data-frontend="modular"] .g-ops-section { min-width: 0; display: grid; gap: 0; }
html[data-frontend="modular"] .g-ops-section > header { min-height: 50px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--g-color-surface-subtle); border: 1px solid var(--g-color-border); border-bottom: 0; border-radius: var(--g-radius-lg) var(--g-radius-lg) 0 0; }
html[data-frontend="modular"] .g-ops-section > header h2 { margin: 0; color: var(--g-color-brand-strong); font-size: var(--g-font-lg); letter-spacing: normal; text-transform: none; }
html[data-frontend="modular"] .g-ops-section > header span { color: var(--g-color-muted); font-size: var(--g-font-sm); }

html[data-frontend="modular"] .g-ops-table-wrap { min-width: 0; max-width: 100%; overflow-x: auto; background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: 0 0 var(--g-radius-lg) var(--g-radius-lg); }
html[data-frontend="modular"] .g-ops-table { width: 100%; border-collapse: collapse; }
html[data-frontend="modular"] .g-ops-table th { padding: 10px 13px; color: var(--g-color-muted); background: var(--g-color-surface-subtle); border-bottom: 1px solid var(--g-color-border); font-size: var(--g-font-xs); text-align: left; white-space: nowrap; }
html[data-frontend="modular"] .g-ops-table td { min-width: 110px; padding: 12px 13px; color: var(--g-color-ink-soft); border-bottom: 1px solid var(--g-color-border); font-size: var(--g-font-sm); vertical-align: top; }
html[data-frontend="modular"] .g-ops-table td:first-child { min-width: 190px; }
html[data-frontend="modular"] .g-ops-table tr:last-child td { border-bottom: 0; }
html[data-frontend="modular"] .g-ops-stack { min-width: 0; display: grid; align-content: start; justify-items: start; gap: 4px; }
html[data-frontend="modular"] .g-ops-stack small,
html[data-frontend="modular"] .g-ops-table small { color: var(--g-color-muted); font-size: var(--g-font-xs); }
html[data-frontend="modular"] .g-ops-tags { display: flex; flex-wrap: wrap; gap: 5px; }
html[data-frontend="modular"] .g-ops-table a { color: var(--g-color-brand); font-size: var(--g-font-xs); font-weight: 700; }


@media (max-width: 760px) {
  html[data-frontend="modular"] .g-ops-alert { align-items: flex-start; flex-direction: column; }
  html[data-frontend="modular"] .g-ops-table-wrap { overflow: visible; background: transparent; border: 0; }
  html[data-frontend="modular"] .g-ops-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  html[data-frontend="modular"] .g-ops-table,
  html[data-frontend="modular"] .g-ops-table tbody { width: 100%; min-width: 0; display: grid; gap: 12px; }
  html[data-frontend="modular"] .g-ops-table tr { padding: 14px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; background: var(--g-color-surface); border: 1px solid var(--g-color-border); border-radius: var(--g-radius-md); }
  html[data-frontend="modular"] .g-ops-table td { min-width: 0 !important; padding: 0; display: grid; gap: 3px; border: 0; }
  html[data-frontend="modular"] .g-ops-table td::before { content: attr(data-label); color: var(--g-color-muted); font-size: 12px; font-weight: 700; }
}

@media (max-width: 430px) {
  html[data-frontend="modular"] .g-ops-table tr { grid-template-columns: 1fr; }
}
