/* New-interface compact customer toolbar; existing production overlays are preserved. */
.admin-react-root.admin-interface-new > .tab-panel .customer-command-toolbar { flex: 0 0 auto; display: flex !important; align-items: end !important; flex-wrap: nowrap !important; gap: 4px !important; height: auto !important; min-height: 0 !important; padding: 8px !important; background: var(--admin-surface) !important; border-bottom: 1px solid var(--admin-border); border-radius: 10px 10px 0 0; }
.admin-react-root.admin-interface-new .tab-panel > .panel > .toolbar.customer-command-toolbar.react-filters > label.search { flex: 1 1 180px !important; min-width: 130px !important; padding-top: 17px; }
.admin-react-root.admin-interface-new > .tab-panel .customer-command-toolbar > .rollout-field { flex: 0 1 var(--admin-toolbar-field-width, 72px) !important; width: var(--admin-toolbar-field-width, 72px); min-width: 0 !important; display: grid; gap: 4px; font-size: 11px; color: var(--admin-muted); }
.admin-interface-new .customer-command-toolbar > .admin-new-connection-field { --admin-toolbar-field-width: 92px; }
.admin-interface-new .customer-command-toolbar > .customer-version-filter-field { --admin-toolbar-field-width: 86px; }
.admin-interface-new .customer-command-toolbar > .customer-activity-field { --admin-toolbar-field-width: 58px; }
.admin-interface-new .customer-command-toolbar > .rollout-type-field { --admin-toolbar-field-width: 136px; }
.admin-interface-new .customer-command-toolbar > .rollout-api-version-field { --admin-toolbar-field-width: 80px; }
.admin-interface-new .customer-command-toolbar > .rollout-frontend-version-field { --admin-toolbar-field-width: 86px; }
.admin-interface-new .customer-command-toolbar > .rollout-scope-field { --admin-toolbar-field-width: 128px; }
.admin-interface-new .customer-command-toolbar > .rollout-field > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.admin-react-root.admin-interface-new .customer-command-toolbar > .rollout-selection-count { order: 8; flex: 0 0 136px !important; width: 136px; min-width: 0 !important; height: auto !important; min-height: 27px; gap: 5px; border-radius: 5px; border: 0; background: var(--admin-soft); color: var(--admin-muted); padding: 4px 6px; }
.admin-react-root.admin-interface-new .customer-command-toolbar > .rollout-button { order: 9; flex: 0 0 128px !important; width: 128px; }
@media (max-width: 1180px) {
.admin-react-root.admin-interface-new > .tab-panel .customer-command-toolbar { flex-wrap: wrap !important; }
.admin-react-root.admin-interface-new .tab-panel > .panel > .toolbar.customer-command-toolbar.react-filters > label.search { flex-basis: 100% !important; min-width: 100% !important; }
.admin-react-root.admin-interface-new > .tab-panel .customer-command-toolbar > .rollout-field { flex: 1 1 var(--admin-toolbar-field-width, 72px) !important; }
}
@media (max-width: 760px) {
.admin-react-root.admin-interface-new .customer-command-toolbar > .rollout-button { flex: 1 1 100% !important; width: 100%; }
}