// Fixed Action Bar Component .fixed-action-bar { position: fixed; bottom: 0; right: 0; left: 0; z-index: 1030; background: var(--#{$prefix}body-bg); // Use theme variable for background border-top: 1px solid var(--#{$prefix}border-color); padding: 1rem; transition: margin .1s ease, width .1s ease; // Match sidebar transition @media (min-width: 992px) { margin-left: $sidebar-width-lg; // Align with main content // Handle folded sidebar scenario .sidebar-folded & { margin-left: $sidebar-folded-width; } } // Ensure it sits above other content but below modals (z-index check) } // Utility for vertical border on medium+ screens @media (min-width: 768px) { .border-md-end { border-right: 1px solid var(--#{$prefix}border-color) !important; } }