/* One shared gutter for the operations overview, buckets and filter controls. */
@layer workspace-monochrome-controls {
body #app .tech-operations-page{--operations-controls-inset:30px}
body #app .tech-operations-page>.operation-grade-overview,
body #app .tech-operations-page>.operations-filter-panel{box-sizing:border-box!important;padding-left:var(--operations-controls-inset)!important;padding-right:var(--operations-controls-inset)!important;margin-left:0!important;margin-right:0!important}
body #app .tech-operations-page>.operation-grade-overview{padding-bottom:8px!important}
body #app .tech-operations-page>.operation-store-buckets{box-sizing:border-box!important;margin:0!important;padding:0 var(--operations-controls-inset)!important;gap:12px!important;justify-content:flex-start!important;align-items:center!important}
body #app .tech-operations-page>.operation-store-buckets+.muted{box-sizing:border-box!important;margin:0!important;padding:0 var(--operations-controls-inset)!important;line-height:1.65!important;font-size:13px!important}
body #app .tech-operations-page>.operations-filter-panel{padding-top:8px!important}
body #app .tech-operations-page .operations-grade-toolbar,
body #app .tech-operations-page #operation-filter-form>.section-heading{display:flex!important;justify-content:flex-start!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
body #app .tech-operations-page .operations-inline-actions,
body #app .tech-operations-page #operation-filter-form>.section-heading>.toolbar-actions{display:flex!important;justify-content:flex-start!important;flex-wrap:wrap!important;margin:0!important;padding:0!important;gap:10px!important}
body #app .tech-operations-page .operations-inline-actions>button{order:-1!important;margin-left:0!important}
body #app .tech-operations-page .operations-grade-toolbar>.operation-grade-help{margin-left:auto!important}
@media(max-width:760px){body #app .tech-operations-page{--operations-controls-inset:16px}}
}
