.fi-btn.fi-color-primary:not(.fi-icon-btn):not(.fi-outlined),
.fi-btn.fi-color-custom.fi-color-primary:not(.fi-icon-btn):not(.fi-outlined),
.fi-btn[data-color='primary']:not(.fi-icon-btn):not(.fi-outlined) {
    border-color: var(--cmsdiari-brand-900) !important;
    background: var(--cmsdiari-brand-900) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

.fi-btn.fi-color-primary:not(.fi-icon-btn):not(.fi-outlined):hover,
.fi-btn.fi-color-primary:not(.fi-icon-btn):not(.fi-outlined):focus-visible,
.fi-btn.fi-color-custom.fi-color-primary:not(.fi-icon-btn):not(.fi-outlined):hover,
.fi-btn.fi-color-custom.fi-color-primary:not(.fi-icon-btn):not(.fi-outlined):focus-visible,
.fi-btn[data-color='primary']:not(.fi-icon-btn):not(.fi-outlined):hover,
.fi-btn[data-color='primary']:not(.fi-icon-btn):not(.fi-outlined):focus-visible {
    border-color: var(--cmsdiari-brand-850) !important;
    background: var(--cmsdiari-brand-850) !important;
    color: #ffffff !important;
    box-shadow: var(--cmsdiari-button-focus-ring) !important;
}

.fi-btn.fi-outlined:not(.fi-icon-btn),
.fi-btn.fi-color-gray:not(.fi-icon-btn),
.fi-btn.fi-color-custom.fi-color-gray:not(.fi-icon-btn),
.fi-btn[data-color='gray']:not(.fi-icon-btn),
.fi-btn:not(.fi-icon-btn):not([class*='fi-color-']):not([data-color]),
.fi-ac-btn-action:not(.fi-icon-btn):not([class*='fi-color-']):not([data-color]),
.cmsdiari-secondary-btn {
    display: inline-grid !important;
    grid-auto-flow: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1.5);
    min-height: 2.5rem !important;
    padding-inline: 1rem !important;
    padding-block: 0.5rem !important;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: var(--cmsdiari-brand-900) !important;
    border-radius: 0.125rem !important;
    background: var(--cmsdiari-accent-100) !important;
    color: var(--cmsdiari-brand-900) !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.fi-btn.fi-outlined:not(.fi-icon-btn):hover,
.fi-btn.fi-color-gray:not(.fi-icon-btn):hover,
.fi-btn.fi-color-custom.fi-color-gray:not(.fi-icon-btn):hover,
.fi-btn[data-color='gray']:not(.fi-icon-btn):hover,
.fi-btn:not(.fi-icon-btn):not([class*='fi-color-']):not([data-color]):hover,
.fi-ac-btn-action:not(.fi-icon-btn):not([class*='fi-color-']):not([data-color]):hover,
.cmsdiari-secondary-btn:hover,
.fi-btn.fi-outlined:not(.fi-icon-btn):focus-visible,
.fi-btn.fi-color-gray:not(.fi-icon-btn):focus-visible,
.fi-btn.fi-color-custom.fi-color-gray:not(.fi-icon-btn):focus-visible,
.fi-btn[data-color='gray']:not(.fi-icon-btn):focus-visible,
.fi-btn:not(.fi-icon-btn):not([class*='fi-color-']):not([data-color]):focus-visible,
.fi-ac-btn-action:not(.fi-icon-btn):not([class*='fi-color-']):not([data-color]):focus-visible,
.cmsdiari-secondary-btn:focus-visible {
    border-color: var(--cmsdiari-brand-900) !important;
    background: var(--cmsdiari-button-secondary-hover-bg) !important;
    color: var(--cmsdiari-brand-900) !important;
    box-shadow: var(--cmsdiari-button-focus-ring) !important;
}

.cmsdiari-footer-button-primary {
    border-color: var(--cmsdiari-brand-900) !important;
    background: var(--cmsdiari-brand-900) !important;
    color: #ffffff !important;
}

.cmsdiari-footer-button-primary:hover,
.cmsdiari-footer-button-primary:focus-visible {
    border-color: var(--cmsdiari-brand-850) !important;
    background: var(--cmsdiari-brand-850) !important;
    color: #ffffff !important;
}

.cmsdiari-footer-button-secondary {
    border-color: var(--cmsdiari-brand-900) !important;
    background: var(--cmsdiari-accent-100) !important;
    color: var(--cmsdiari-brand-900) !important;
    min-height: 2.5rem !important;
    padding-block: 0.5rem !important;
}

.cmsdiari-footer-button-collection {
    width: 9rem !important;
    min-width: 9rem !important;
    min-height: 2.5rem !important;
    padding: 0.5rem 0.55rem !important;
}

@media (min-width: 64rem) {
    html.fi,
    .fi-body.fi-body-has-topbar {
        height: 100dvh;
        min-height: 100dvh;
        overflow: hidden;
    }

    .fi-body.fi-body-has-topbar .fi-layout {
        height: calc(100dvh - var(--cmsdiari-topbar-height) - 1px) !important;
        min-height: 0 !important;
        overflow: hidden;
    }

    .fi-body.fi-body-has-topbar .fi-main-ctn {
        height: calc(100dvh - var(--cmsdiari-topbar-height) - 1px) !important;
        min-height: 0 !important;
        overflow-x: clip;
        overflow-y: auto;
    }

    .fi-body.fi-body-has-topbar .fi-main {
        height: auto !important;
        min-height: 100%;
    }
}

.fi-ta-pagination,
.fi-ta-ctn .fi-pagination {
    padding-block: 0.25rem 0.25rem !important;
}

.fi-sidebar-footer .fi-btn {
    min-height: 2.75rem !important;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: var(--cmsdiari-brand-900) !important;
    border-radius: 0.125rem !important;
    background: var(--cmsdiari-accent-100) !important;
    color: var(--cmsdiari-brand-900) !important;
}

.fi-sidebar-footer .fi-btn:hover,
.fi-sidebar-footer .fi-btn:focus-visible {
    border-color: var(--cmsdiari-brand-900) !important;
    background: var(--cmsdiari-button-secondary-hover-bg) !important;
    color: var(--cmsdiari-brand-900) !important;
}

.dark .fi-btn.fi-outlined:not(.fi-icon-btn),
.dark .fi-btn.fi-color-gray:not(.fi-icon-btn),
.dark .fi-btn.fi-color-custom.fi-color-gray:not(.fi-icon-btn),
.dark .fi-btn[data-color='gray']:not(.fi-icon-btn),
.dark .fi-btn:not(.fi-icon-btn):not([class*='fi-color-']):not([data-color]),
.dark .fi-ac-btn-action:not(.fi-icon-btn):not([class*='fi-color-']):not([data-color]),
.dark .cmsdiari-secondary-btn,
.dark .cmsdiari-footer-button-secondary {
    border-color: var(--cmsdiari-button-dark-border) !important;
    background: var(--cmsdiari-button-dark-surface) !important;
    color: var(--cmsdiari-button-dark-text) !important;
}

.dark .fi-sidebar-footer .fi-btn {
    border-color: var(--cmsdiari-button-dark-border) !important;
    background: var(--cmsdiari-button-dark-surface) !important;
    color: var(--cmsdiari-button-dark-text) !important;
}

.dark .fi-btn.fi-outlined:not(.fi-icon-btn):hover,
.dark .fi-btn.fi-color-gray:not(.fi-icon-btn):hover,
.dark .fi-btn.fi-color-custom.fi-color-gray:not(.fi-icon-btn):hover,
.dark .fi-btn[data-color='gray']:not(.fi-icon-btn):hover,
.dark .fi-btn:not(.fi-icon-btn):not([class*='fi-color-']):not([data-color]):hover,
.dark .fi-ac-btn-action:not(.fi-icon-btn):not([class*='fi-color-']):not([data-color]):hover,
.dark .cmsdiari-secondary-btn:hover,
.dark .cmsdiari-footer-button-secondary:hover,
.dark .fi-btn.fi-outlined:not(.fi-icon-btn):focus-visible,
.dark .fi-btn.fi-color-gray:not(.fi-icon-btn):focus-visible,
.dark .fi-btn.fi-color-custom.fi-color-gray:not(.fi-icon-btn):focus-visible,
.dark .fi-btn[data-color='gray']:not(.fi-icon-btn):focus-visible,
.dark .fi-btn:not(.fi-icon-btn):not([class*='fi-color-']):not([data-color]):focus-visible,
.dark .fi-ac-btn-action:not(.fi-icon-btn):not([class*='fi-color-']):not([data-color]):focus-visible,
.dark .cmsdiari-secondary-btn:focus-visible,
.dark .cmsdiari-footer-button-secondary:focus-visible {
    border-color: rgba(121, 199, 234, 0.55) !important;
    background: var(--cmsdiari-button-dark-hover-bg) !important;
    color: #ffffff !important;
}

.dark .fi-sidebar-footer .fi-btn:hover,
.dark .fi-sidebar-footer .fi-btn:focus-visible {
    border-color: rgba(121, 199, 234, 0.55) !important;
    background: var(--cmsdiari-button-dark-hover-bg) !important;
    color: #ffffff !important;
}