/* Project-wide button sizing override.
   Shrinks all Metronic/Bootstrap buttons to a smaller, more compact size.
   Loaded after style.bundle.css so these rules win. */

/* Default (medium) buttons -> compact size */
.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    padding: calc(.5rem + 1px) calc(1.15rem + 1px);
    font-size: .875rem;
}

/* Outline / bordered buttons keep their border but get the same compact padding */
.btn.btn-outline:not(.btn-flush):not(.btn-icon),
.btn.btn-dashed:not(.btn-flush):not(.btn-icon),
.btn.border-hover:not(.btn-flush):not(.btn-icon),
.btn.border-active:not(.btn-flush):not(.btn-icon) {
    padding: calc(.5rem) calc(1.15rem);
    font-size: .875rem;
}

/* Large buttons -> roughly the old default size */
.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon).btn-lg {
    padding: calc(.6rem + 1px) calc(1.35rem + 1px);
    font-size: 1rem;
}

/* Small buttons -> extra compact */
.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon).btn-sm {
    padding: calc(.4rem + 1px) calc(1rem + 1px);
    font-size: .8125rem;
}

/* Icon-only buttons -> smaller box */
.btn.btn-icon {
    height: calc(1.35em + 1rem + 2px);
    width: calc(1.35em + 1rem + 2px);
}
.btn.btn-icon.btn-sm {
    height: calc(1.2em + .8rem + 2px);
    width: calc(1.2em + .8rem + 2px);
}