/* Premium polish layer (Phase-2)
 * Scope: visual-only refinements on top of modern + premium components.
 * Safety: no JS/PHP/protocol behavior change.
 */

/* Sidebar: stronger premium contrast with preserved brand identity */
body.page-header-fixed .sf-sidebar-modern {
    background: linear-gradient(180deg, #f8fbff 0%, #edf3f9 100%);
    border-right: 1px solid var(--sf-color-border-soft, #dbe4ef);
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.65);
}

body.page-header-fixed .sf-sidebar-modern .page-sidebar-menu > li > a {
    transition: background-color var(--sf-motion-fast, 140ms ease), border-color var(--sf-motion-fast, 140ms ease),
        color var(--sf-motion-fast, 140ms ease), box-shadow var(--sf-motion-fast, 140ms ease),
        transform var(--sf-motion-fast, 140ms ease);
}

body.page-header-fixed .sf-sidebar-modern .page-sidebar-menu > li:hover > a {
    transform: translateX(1px);
}

body.page-header-fixed .sf-sidebar-modern .page-sidebar-menu > li.active > a,
body.page-header-fixed .sf-sidebar-modern .page-sidebar-menu > li.active.open > a {
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    border-color: #ced9e6 !important;
    border-left-color: var(--sf-color-brand, #bf1e2e) !important;
    box-shadow: 0 6px 12px rgba(35, 49, 65, 0.14);
}

/* Top bar: refined depth */
body.page-header-fixed .sf-topbar-modern.page-header.navbar {
    background: linear-gradient(180deg, #ffffff 0%, #f1f6fc 100%);
    border-bottom: 1px solid #cfdae7;
    box-shadow: 0 5px 12px rgba(34, 49, 66, 0.12);
}

body.page-header-fixed .sf-topbar-modern.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    border-color: #c7d6e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 2px 5px rgba(55, 77, 100, 0.08);
}

/* Footer: cleaner premium chip style */
body.page-header-fixed .sf-footer-modern {
    background: linear-gradient(180deg, #ffffff 0%, #f3f7fc 100%);
    border-top: 1px solid #d5dfeb;
}

body.page-header-fixed .sf-footer-modern .sf-footer-product,
body.page-header-fixed .sf-footer-modern .sf-footer-time-block {
    border-color: #d1dce8;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

/* Buttons: premium tactile feel without changing semantic colors */
.page-content .btn {
    box-shadow: 0 1px 2px rgba(44, 62, 80, 0.08);
}

.page-content .btn.btn-link,
.page-content .btn.disabled,
.page-content .btn[disabled],
.page-content fieldset[disabled] .btn {
    box-shadow: none;
}

.page-content .btn:hover,
.page-content .btn:focus {
    box-shadow: 0 4px 10px rgba(44, 62, 80, 0.14);
}

.page-content .btn:active,
.page-content .btn.active {
    box-shadow: 0 1px 3px rgba(44, 62, 80, 0.1);
}

.page-content .btn.default,
.page-content .btn.btn-default,
.page-content .btn.btn-secondary {
    background: linear-gradient(180deg, #ffffff 0%, #f3f7fc 100%);
    border-color: #cdd8e4;
    color: #32465a;
}

.page-content .btn.default:hover,
.page-content .btn.btn-default:hover,
.page-content .btn.btn-secondary:hover {
    background: linear-gradient(180deg, #f7fbff 0%, #e9f1f9 100%);
    border-color: #b8c8d9;
    color: #27394c;
}

.page-content .green-haze.btn {
    background: linear-gradient(180deg, #4dbdb5 0%, #3da79f 100%);
}

.page-content .red-intense.btn {
    background: linear-gradient(180deg, #e9706f 0%, #dc4f4e 100%);
}

/* Cards + data grids: subtle depth and hover rhythm */
.page-content .portlet.light.bordered.primary-box-shadow:hover,
.page-content .jtable-main-container:hover {
    box-shadow: 0 12px 24px rgba(30, 44, 60, 0.16);
}

/* Small readability polish for badges */
.page-content .badge {
    padding: 3px 8px;
    font-weight: 700;
}

@media (max-width: 991px) {
    body.page-header-fixed .sf-sidebar-modern .page-sidebar-menu > li:hover > a {
        transform: none;
    }
}