/* EMARA360_GLOBAL_FONT_PLUS_JAKARTA_CSS_V11_START */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/*
   Strict scoped font-only refinement:
   Apply Plus Jakarta Sans across Emara360 portal UI.
   Keep Font Awesome icons and code/monospace areas untouched.
*/
:root {
    --emara360-ui-font: "Plus Jakarta Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html,
body,
button,
input,
select,
textarea,
table,
label,
.btn,
.form-control,
.dropdown-menu,
.modal,
.panel,
.alert,
.nav,
.navbar,
#header,
#emara360-admin-topnav,
#setup-menu-wrapper,
.main-content,
.content,
.admin-content,
.tw-font-medium,
.tw-font-semibold,
.tw-font-bold {
    font-family: var(--emara360-ui-font) !important;
}

/* Keep icons safe */
.fa,
.fas,
.far,
.fal,
.fab,
.fa-solid,
.fa-regular,
.fa-brands,
[class^="fa-"],
[class*=" fa-"],
.icon,
[class^="icon-"],
[class*=" icon-"] {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "FontAwesome" !important;
}

/* Keep brand/social icons safe */
.fab,
.fa-brands {
    font-family: "Font Awesome 6 Brands", "FontAwesome" !important;
}

/* Keep code areas readable and unchanged */
code,
pre,
kbd,
samp,
.CodeMirror,
.ace_editor,
textarea.code,
.monospace {
    font-family: Consolas, Monaco, "Courier New", monospace !important;
}

/* Make header/topbar text refined with the new font */
#header .navbar-nav > li > a,
#emara360-admin-topnav .emara360-control-panel-text,
#emara360-admin-topnav .emara360-admin-topnav-group-label,
#emara360-admin-topnav .emara360-admin-topnav-card-title,
#emara360-admin-topnav .emara360-admin-topnav-child {
    letter-spacing: -0.01em;
}

/* EMARA360_GLOBAL_FONT_PLUS_JAKARTA_CSS_V11_END */


/* EMARA360_UNIFIED_DESIGN_FLOW_CSS_V5_START */
:root {
    --emara360-deep: #062b35;
    --emara360-main: #064e58;
    --emara360-main-2: #08756f;
    --emara360-teal: #11b7a6;
    --emara360-cyan: #37d5f2;
    --emara360-gold: #d7a22f;
    --emara360-white: #ffffff;
    --emara360-soft-white: rgba(255, 255, 255, .90);
    --emara360-glass: rgba(255, 255, 255, .12);
    --emara360-glass-strong: rgba(255, 255, 255, .20);
    --emara360-border: rgba(255, 255, 255, .18);
}

body #menu,
body .hide-menu {
    display: none !important;
}

body #wrapper,
body.hide-sidebar:not(.show-sidebar) #wrapper,
body.page-small #wrapper,
body.page-small.show-sidebar #wrapper {
    margin-left: 0 !important;
}

body #header,
body.hide-sidebar #header,
body.page-small #header {
    margin-left: 0 !important;
}

#header,
#emara360-admin-topnav.emara360-admin-topnav {
    background:
        radial-gradient(circle at 7% 0%, rgba(55, 213, 242, .20), transparent 28%),
        radial-gradient(circle at 64% 0%, rgba(17, 183, 166, .22), transparent 34%),
        radial-gradient(circle at 96% 8%, rgba(215, 162, 47, .16), transparent 28%),
        linear-gradient(120deg, var(--emara360-deep) 0%, var(--emara360-main) 42%, var(--emara360-main-2) 100%) !important;
    color: var(--emara360-white) !important;
}

#header {
    position: relative;
    z-index: 101;
    min-height: 58px;
    border: 0 !important;
    box-shadow: none !important;
}

#header:after {
    content: "";
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.20), transparent);
    pointer-events: none;
}

#header nav {
    min-height: 58px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

#header nav > .tw-flex {
    min-height: 58px;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
}

#logo {
    height: 58px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 12px !important;
    margin-right: 14px !important;
    border-radius: 0 20px 20px 0;
    background: rgba(255, 255, 255, .10) !important;
    border-right: 1px solid rgba(255,255,255,.16);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
}

#logo img {
    max-height: 40px !important;
    width: auto !important;
    filter: brightness(1.28) contrast(1.08) saturate(1.12) drop-shadow(0 8px 16px rgba(0,0,0,.22));
}

#logo .logo,
#logo .logo-text,
#logo a {
    color: #fff !important;
    text-decoration: none !important;
}

#top_search {
    margin-left: auto;
    margin-right: 8px;
}

#top_search input#search_input {
    height: 38px !important;
    margin-top: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.25) !important;
    background: rgba(255,255,255,.15) !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 10px 25px rgba(0,0,0,.13) !important;
}

#top_search input#search_input::placeholder {
    color: rgba(255,255,255,.78) !important;
}

#top_search_button {
    top: 0 !important;
}

#top_search_button button,
#header .fa-search {
    color: rgba(255,255,255,.86) !important;
}

#header .navbar-nav > li > a,
#header .navbar-nav > li > a i,
#header .mobile-menu a,
#header .mobile-menu button,
#header .navbar-toggle,
#header .icon-notifications,
#header .icon-total-indicator,
#header .fa,
#header .fa-regular,
#header .fa-solid {
    color: var(--emara360-soft-white) !important;
}

#header .navbar-nav > li > a {
    min-height: 38px;
    margin-top: 0;
    padding: 9px 11px !important;
    border-radius: 15px;
    font-weight: 700;
}

#header .navbar-nav > li > a:hover,
#header .navbar-nav > li > a:focus,
#header .navbar-nav > li.open > a,
#header .navbar-nav > li.emara360-hover-open > a {
    color: #fff !important;
    background: rgba(255,255,255,.18) !important;
}

#header .dropdown-menu {
    border: 0;
    border-radius: 18px;
    box-shadow: 0 26px 70px rgba(6, 43, 53, .30);
}

#header .dropdown-menu a,
#header .dropdown-menu a i {
    color: #334155 !important;
}

.emara360-header-profile-icon > a.emara360-header-profile-link {
    height: 58px !important;
    padding: 11px 15px 10px 8px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.emara360-header-profile-link img {
    height: 34px !important;
    width: 34px !important;
    border-radius: 999px;
    border: 2px solid #fff;
    box-shadow: 0 9px 20px rgba(0, 0, 0, .22);
}

.emara360-header-profile-menu {
    min-width: 250px;
    border: 0;
    border-radius: 18px;
    padding: 10px;
    box-shadow: 0 26px 70px rgba(6, 43, 53, .30);
}

.emara360-header-profile-menu > li > a {
    border-radius: 12px;
    padding: 9px 12px;
    color: #334155 !important;
}

.emara360-header-profile-menu > li > a i {
    width: 18px;
    margin-right: 8px;
    color: var(--emara360-main-2) !important;
}

.emara360-header-profile-menu > li > a:hover,
.emara360-header-profile-menu > li > a:focus {
    background: #ecfeff !important;
    color: #0f172a !important;
}

.emara360-profile-dropdown-head {
    padding: 10px 12px 12px;
    margin-bottom: 6px;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--emara360-deep), var(--emara360-main-2));
    color: #fff;
}

.emara360-profile-dropdown-head strong,
.emara360-profile-dropdown-head span {
    display: block;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.emara360-profile-dropdown-head span {
    margin-top: 2px;
    font-size: 12px;
    opacity: .84;
}

#emara360-admin-topnav.emara360-admin-topnav {
    position: relative;
    z-index: 100;
    margin: 0;
    border-top: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: 0 16px 36px rgba(6, 43, 53, .20);
}

#emara360-admin-topnav:before {
    content: "";
    position: absolute;
    left: 22px;
    right: 22px;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
    pointer-events: none;
}

.emara360-admin-topnav-inner {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 7px 16px 8px;
    overflow: visible;
}

.emara360-control-panel-link,
.emara360-admin-topnav-group-link {
    color: #fff !important;
    background: rgba(255,255,255,.13) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 8px 22px rgba(0,0,0,.12);
}

.emara360-control-panel-link {
    height: 35px;
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    padding: 5px 11px 5px 7px;
    border-radius: 15px;
    text-decoration: none !important;
    transition: all .16s ease;
}

.emara360-control-panel-link:hover,
.emara360-control-panel-link:focus,
.emara360-admin-topnav-group-link:hover,
.emara360-admin-topnav-group-link:focus,
.emara360-admin-topnav-group.open > .emara360-admin-topnav-group-link,
.emara360-admin-topnav-group.emara360-hover-open > .emara360-admin-topnav-group-link {
    color: #fff !important;
    background: rgba(255,255,255,.22) !important;
    border-color: rgba(255,255,255,.34) !important;
    transform: translateY(-1px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 12px 28px rgba(0,0,0,.18);
}

.emara360-control-panel-icon,
.emara360-admin-topnav-group-icon {
    width: 22px;
    height: 22px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(55,213,242,.36), rgba(17,183,166,.24));
    color: #ffffff !important;
    font-size: 11px;
}

.emara360-control-panel-icon i,
.emara360-admin-topnav-group-icon i {
    color: #ffffff !important;
}

.emara360-control-panel-text,
.emara360-admin-topnav-group-label {
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 850;
    line-height: 1;
    text-shadow: 0 1px 1px rgba(0,0,0,.18);
}

.emara360-admin-topnav-groups {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 7px;
    margin: 0;
    padding: 2px 2px 3px;
    min-width: 0;
    flex: 1 1 auto;
    overflow: visible;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.emara360-admin-topnav-group {
    float: none !important;
    position: relative;
    flex: 0 0 auto;
}

.emara360-admin-topnav-group-link {
    height: 35px !important;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    padding: 5px 9px !important;
    border-radius: 15px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    text-decoration: none !important;
    transition: all .16s ease;
}

.emara360-admin-topnav-group:nth-child(3n+1) .emara360-admin-topnav-group-icon {
    background: linear-gradient(135deg, rgba(55,213,242,.48), rgba(6,78,88,.18));
}

.emara360-admin-topnav-group:nth-child(3n+2) .emara360-admin-topnav-group-icon {
    background: linear-gradient(135deg, rgba(17,183,166,.50), rgba(6,78,88,.18));
}

.emara360-admin-topnav-group:nth-child(3n+3) .emara360-admin-topnav-group-icon {
    background: linear-gradient(135deg, rgba(215,162,47,.50), rgba(6,78,88,.18));
}

.emara360-admin-topnav-group-count {
    min-width: 19px;
    height: 19px;
    padding: 0 6px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.20);
    color: #ffffff !important;
    font-size: 10px;
    font-weight: 900;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}

.emara360-admin-topnav-caret {
    color: #ffffff !important;
    font-size: 11px;
    opacity: .85;
}

.emara360-admin-topnav-mega {
    width: min(920px, calc(100vw - 24px));
    max-height: calc(100vh - 120px);
    overflow: auto !important;
    margin-top: 8px !important;
    border: 0;
    border-radius: 20px;
    padding: 0;
    box-shadow: 0 30px 84px rgba(6, 43, 53, .34);
    z-index: 999999 !important;
}

.emara360-admin-topnav-mega:before {
    content: "";
    position: absolute;
    top: -7px;
    left: 28px;
    width: 15px;
    height: 15px;
    background: var(--emara360-deep);
    transform: rotate(45deg);
}

.emara360-admin-topnav-mega-head {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 16px;
    color: #fff;
    background:
        radial-gradient(circle at 90% 0%, rgba(55,213,242,.20), transparent 32%),
        linear-gradient(135deg, var(--emara360-deep), var(--emara360-main-2));
}

.emara360-admin-topnav-mega-head span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff !important;
    font-size: 13px;
    font-weight: 900;
}

.emara360-admin-topnav-mega-head small {
    color: rgba(255,255,255,.78);
    font-size: 11px;
    font-weight: 700;
}

.emara360-admin-topnav-mega-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 12px;
    background:
        radial-gradient(circle at top right, rgba(17,183,166,.10), transparent 34%),
        #f8fafc;
}

.emara360-admin-topnav-card {
    min-width: 0;
    border-radius: 16px;
    border: 1px solid rgba(148,163,184,.24);
    background: rgba(255,255,255,.96);
    box-shadow: 0 8px 22px rgba(15,23,42,.07);
    overflow: hidden;
}

.emara360-admin-topnav-card-main {
    display: flex !important;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 10px 11px !important;
    color: #0f172a !important;
    font-size: 12px;
    font-weight: 850;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(148,163,184,.16);
}

.emara360-admin-topnav-card-main:hover,
.emara360-admin-topnav-card-main:focus {
    background: #ecfeff;
    color: #0f172a !important;
}

.emara360-admin-topnav-card-icon {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--emara360-main-2) !important;
    background: #ccfbf1;
}

.emara360-admin-topnav-card-icon i {
    color: var(--emara360-main-2) !important;
}

.emara360-admin-topnav-card-title {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.emara360-admin-topnav-badge,
.emara360-admin-topnav-child-badge {
    margin-left: auto;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 850;
}

.emara360-admin-topnav-card-children {
    padding: 7px;
}

.emara360-admin-topnav-child {
    display: flex !important;
    align-items: center;
    gap: 8px;
    min-height: 31px;
    padding: 7px 8px !important;
    border-radius: 11px;
    color: #475569 !important;
    font-size: 12px;
    font-weight: 750;
    text-decoration: none !important;
}

.emara360-admin-topnav-child i {
    width: 13px;
    text-align: center;
    color: var(--emara360-main-2) !important;
    opacity: .95;
}

.emara360-admin-topnav-child:hover,
.emara360-admin-topnav-child:focus {
    background: #f0fdfa;
    color: #0f172a !important;
}

.emara360-admin-topnav-setup .emara360-admin-topnav-group-link {
    background: linear-gradient(135deg, rgba(215,162,47,.24), rgba(255,255,255,.12)) !important;
    border-color: rgba(215,162,47,.32) !important;
}

@media (hover: hover) and (pointer: fine) {
    #emara360-admin-topnav .dropdown:hover > .dropdown-menu,
    #emara360-admin-topnav .dropdown.emara360-hover-open > .dropdown-menu,
    #header .navbar-right .dropdown:hover > .dropdown-menu,
    #header .navbar-right .dropdown.emara360-hover-open > .dropdown-menu,
    #header .visible-md.visible-lg .dropdown:hover > .dropdown-menu,
    #header .visible-md.visible-lg .dropdown.emara360-hover-open > .dropdown-menu {
        display: block;
    }
}

@media (max-width: 1199px) {
    #header {
        min-height: 50px;
    }

    #header nav {
        min-height: 50px !important;
    }

    #header nav > .tw-flex {
        min-height: 50px;
        padding-left: 8px;
        padding-right: 8px;
    }

    #logo {
        height: 50px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        margin-right: 8px !important;
    }

    #logo img {
        max-height: 34px !important;
    }

    #top_search input#search_input {
        max-width: 260px;
        height: 34px !important;
    }

    .emara360-header-profile-icon > a.emara360-header-profile-link {
        height: 50px !important;
    }

    .emara360-admin-topnav-inner {
        min-height: 42px;
        padding: 6px 10px 7px;
        gap: 6px;
    }

    .emara360-control-panel-link,
    .emara360-admin-topnav-group-link {
        height: 32px !important;
    }

    .emara360-admin-topnav-groups {
        overflow-x: auto;
        overflow-y: visible;
        padding-bottom: 4px;
    }

    .emara360-admin-topnav-mega {
        position: fixed !important;
        left: 10px !important;
        right: auto !important;
        top: 96px !important;
        width: calc(100vw - 20px) !important;
        max-height: calc(100vh - 112px) !important;
    }

    .emara360-admin-topnav-mega:before {
        display: none;
    }

    .emara360-admin-topnav-mega-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    #header {
        min-height: 46px;
    }

    #header nav {
        min-height: 46px !important;
    }

    #header nav > .tw-flex {
        min-height: 46px;
        padding-left: 6px;
        padding-right: 6px;
    }

    #logo {
        height: 46px !important;
        min-width: 92px;
        margin-right: 5px !important;
        border-radius: 0 16px 16px 0;
    }

    #logo img {
        max-height: 30px !important;
    }

    #top_search {
        max-width: 160px;
    }

    #top_search input#search_input {
        height: 31px !important;
        font-size: 12px;
    }

    .emara360-header-profile-icon > a.emara360-header-profile-link {
        height: 46px !important;
        padding: 7px 9px 6px 6px !important;
    }

    .emara360-header-profile-link img {
        height: 28px !important;
        width: 28px !important;
    }

    .emara360-admin-topnav-inner {
        min-height: 40px;
        padding: 5px 8px 6px;
        gap: 6px;
    }

    .emara360-control-panel-link {
        width: 34px;
        height: 31px !important;
        padding: 4px !important;
        justify-content: center;
    }

    .emara360-control-panel-text {
        display: none;
    }

    .emara360-control-panel-icon {
        width: 23px;
        height: 23px;
    }

    .emara360-admin-topnav-groups {
        gap: 5px;
        padding-bottom: 3px;
    }

    .emara360-admin-topnav-group-link {
        height: 31px !important;
        padding: 5px 7px !important;
        gap: 5px;
    }

    .emara360-admin-topnav-group-icon {
        width: 20px;
        height: 20px;
        font-size: 10px;
    }

    .emara360-admin-topnav-group-label {
        max-width: 90px;
        font-size: 11px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .emara360-admin-topnav-group-count {
        min-width: 16px;
        height: 16px;
        padding: 0 5px;
        font-size: 9px;
    }

    .emara360-admin-topnav-caret {
        display: none;
    }

    .emara360-admin-topnav-mega {
        top: 88px !important;
        left: 8px !important;
        width: calc(100vw - 16px) !important;
        max-height: calc(100vh - 102px) !important;
    }

    .emara360-admin-topnav-mega-grid {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 9px;
    }

    .emara360-admin-topnav-mega-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
        padding: 11px 13px;
    }

    .emara360-admin-topnav-card-main {
        min-height: 40px;
    }
}
/* EMARA360_UNIFIED_DESIGN_FLOW_CSS_V5_END */

/* EMARA360_RESPONSIVE_MERGED_HEADER_CSS_V6_START */

/* Remove numeric bubbles from second navigation bar buttons only */
#emara360-admin-topnav .emara360-admin-topnav-group-count {
    display: none !important;
}

/* First bar vertical alignment and professional spacing */
#header {
    min-height: 58px !important;
}

#header nav {
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
}

#header nav > .tw-flex {
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    width: 100%;
}

#logo {
    height: 58px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#top_search,
#header .navbar-nav,
#header .navbar-right,
#header .mobile-menu,
#header .visible-md.visible-lg {
    display: flex !important;
    align-items: center !important;
}

#top_search {
    height: 58px !important;
}

#top_search input#search_input {
    margin-top: 0 !important;
    position: relative;
    top: 0 !important;
}

#top_search_button {
    top: auto !important;
    display: flex !important;
    align-items: center !important;
    height: 58px !important;
}

#header .navbar-nav > li {
    display: flex !important;
    align-items: center !important;
    height: 58px !important;
}

#header .navbar-nav > li > a {
    margin-top: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Keep the second bar compact and same design flow */
#emara360-admin-topnav.emara360-admin-topnav {
    margin-top: 0 !important;
}

.emara360-admin-topnav-inner {
    min-height: 45px !important;
    align-items: center !important;
}

.emara360-admin-topnav-groups {
    align-items: center !important;
}

.emara360-control-panel-link,
.emara360-admin-topnav-group-link {
    height: 34px !important;
    min-height: 34px !important;
}

/* Tablet: visually merge both bars into one compact responsive command area */
@media (max-width: 1199px) {
    #header,
    #emara360-admin-topnav.emara360-admin-topnav {
        background:
            radial-gradient(circle at 5% 0%, rgba(55, 213, 242, .20), transparent 30%),
            radial-gradient(circle at 70% 0%, rgba(17, 183, 166, .22), transparent 34%),
            linear-gradient(120deg, #062b35 0%, #064e58 48%, #08756f 100%) !important;
    }

    #header {
        min-height: 52px !important;
        border-bottom: 0 !important;
    }

    #header:after {
        display: none !important;
    }

    #header nav,
    #header nav > .tw-flex {
        min-height: 52px !important;
        align-items: center !important;
    }

    #logo {
        height: 52px !important;
        min-width: 118px !important;
        padding-left: 8px !important;
        padding-right: 10px !important;
        margin-right: 8px !important;
    }

    #logo img {
        max-height: 34px !important;
    }

    #top_search {
        height: 52px !important;
        flex: 1 1 auto !important;
        max-width: 360px !important;
        min-width: 180px !important;
    }

    #top_search input#search_input {
        width: 100% !important;
        max-width: 100% !important;
        height: 34px !important;
        margin: 0 !important;
    }

    #top_search_button {
        height: 52px !important;
    }

    #header .navbar-nav > li {
        height: 52px !important;
    }

    #header .navbar-nav > li > a {
        min-height: 34px !important;
        padding: 8px 9px !important;
    }

    #emara360-admin-topnav.emara360-admin-topnav {
        border-top: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,.14) !important;
        box-shadow: 0 12px 28px rgba(6,43,53,.18) !important;
    }

    #emara360-admin-topnav:before {
        left: 12px !important;
        right: 12px !important;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent) !important;
    }

    .emara360-admin-topnav-inner {
        min-height: 42px !important;
        padding: 5px 10px 7px !important;
        gap: 6px !important;
    }

    .emara360-admin-topnav-groups {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        gap: 6px !important;
        padding-bottom: 3px !important;
        scrollbar-width: none;
    }

    .emara360-admin-topnav-groups::-webkit-scrollbar {
        display: none;
    }

    .emara360-control-panel-link,
    .emara360-admin-topnav-group-link {
        height: 32px !important;
        min-height: 32px !important;
        padding: 5px 8px !important;
        border-radius: 14px !important;
    }

    .emara360-control-panel-text,
    .emara360-admin-topnav-group-label {
        font-size: 11px !important;
        white-space: nowrap !important;
    }

    .emara360-admin-topnav-group-icon,
    .emara360-control-panel-icon {
        width: 21px !important;
        height: 21px !important;
        flex: 0 0 21px !important;
    }

    .emara360-admin-topnav-mega {
        position: fixed !important;
        top: 94px !important;
        left: 10px !important;
        right: auto !important;
        width: calc(100vw - 20px) !important;
        max-height: calc(100vh - 108px) !important;
    }
}

/* Mobile: compact merged command header, no hidden content, horizontal menu scroll */
@media (max-width: 767px) {
    #header {
        min-height: 48px !important;
    }

    #header nav,
    #header nav > .tw-flex {
        min-height: 48px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
        gap: 5px !important;
    }

    #logo {
        height: 48px !important;
        min-width: 96px !important;
        max-width: 112px !important;
        padding-left: 6px !important;
        padding-right: 7px !important;
        margin-right: 4px !important;
        border-radius: 0 14px 14px 0 !important;
    }

    #logo img {
        max-height: 29px !important;
        max-width: 96px !important;
        object-fit: contain !important;
    }

    #top_search {
        height: 48px !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin-left: 2px !important;
        margin-right: 2px !important;
    }

    #top_search input#search_input {
        height: 31px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding-left: 32px !important;
        padding-right: 10px !important;
        font-size: 12px !important;
    }

    #top_search_button {
        height: 48px !important;
        width: 30px !important;
    }

    #header .navbar-right,
    #header .navbar-nav {
        height: 48px !important;
        flex: 0 0 auto !important;
    }

    #header .navbar-nav > li {
        height: 48px !important;
    }

    #header .navbar-nav > li > a {
        min-height: 31px !important;
        padding: 7px 7px !important;
    }

    .emara360-header-profile-icon > a.emara360-header-profile-link {
        height: 48px !important;
        padding: 6px 7px !important;
    }

    .emara360-header-profile-link img {
        width: 27px !important;
        height: 27px !important;
    }

    .emara360-admin-topnav-inner {
        min-height: 39px !important;
        padding: 4px 7px 6px !important;
        gap: 5px !important;
    }

    .emara360-control-panel-link {
        width: 32px !important;
        height: 30px !important;
        min-height: 30px !important;
        padding: 4px !important;
        justify-content: center !important;
    }

    .emara360-control-panel-text {
        display: none !important;
    }

    .emara360-control-panel-icon {
        width: 22px !important;
        height: 22px !important;
    }

    .emara360-admin-topnav-groups {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        gap: 5px !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        padding-bottom: 2px !important;
    }

    .emara360-admin-topnav-group-link {
        height: 30px !important;
        min-height: 30px !important;
        padding: 4px 7px !important;
        gap: 5px !important;
        border-radius: 13px !important;
    }

    .emara360-admin-topnav-group-icon {
        width: 20px !important;
        height: 20px !important;
        flex: 0 0 20px !important;
        font-size: 10px !important;
    }

    .emara360-admin-topnav-group-label {
        max-width: 92px !important;
        font-size: 11px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .emara360-admin-topnav-caret {
        display: none !important;
    }

    .emara360-admin-topnav-mega {
        position: fixed !important;
        top: 86px !important;
        left: 7px !important;
        right: auto !important;
        width: calc(100vw - 14px) !important;
        max-height: calc(100vh - 98px) !important;
        border-radius: 17px !important;
    }

    .emara360-admin-topnav-mega-grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding: 8px !important;
    }

    .emara360-admin-topnav-mega-head {
        padding: 10px 12px !important;
    }

    .emara360-admin-topnav-card-main {
        min-height: 39px !important;
    }
}

/* Very small phones */
@media (max-width: 430px) {
    #logo {
        min-width: 82px !important;
        max-width: 92px !important;
    }

    #logo img {
        max-width: 82px !important;
        max-height: 26px !important;
    }

    #top_search input#search_input {
        font-size: 11px !important;
    }

    .emara360-admin-topnav-group-label {
        max-width: 76px !important;
    }

    .emara360-admin-topnav-mega {
        top: 85px !important;
    }
}

/* EMARA360_RESPONSIVE_MERGED_HEADER_CSS_V6_END */

/* EMARA360_VERTICAL_DROPDOWN_CSS_V7_START */

/* Vertical dropdown format with the same Emara360 dark header style */
#emara360-admin-topnav .emara360-admin-topnav-mega {
    width: min(430px, calc(100vw - 24px)) !important;
    max-height: calc(100vh - 125px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border-radius: 20px !important;
    background: #f8fafc !important;
    box-shadow: 0 30px 84px rgba(6, 43, 53, .34) !important;
}

#emara360-admin-topnav .emara360-admin-topnav-mega-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 5 !important;
    min-height: 46px !important;
    padding: 12px 15px !important;
    background:
        radial-gradient(circle at 90% 0%, rgba(55, 213, 242, .20), transparent 32%),
        linear-gradient(135deg, #062b35 0%, #064e58 52%, #08756f 100%) !important;
    border-bottom: 1px solid rgba(255,255,255,.14) !important;
    color: #ffffff !important;
}

#emara360-admin-topnav .emara360-admin-topnav-mega-head span,
#emara360-admin-topnav .emara360-admin-topnav-mega-head span i,
#emara360-admin-topnav .emara360-admin-topnav-mega-head small {
    color: #ffffff !important;
}

#emara360-admin-topnav .emara360-admin-topnav-mega-grid {
    display: block !important;
    grid-template-columns: none !important;
    padding: 9px !important;
    background:
        radial-gradient(circle at top right, rgba(17,183,166,.10), transparent 34%),
        #f8fafc !important;
}

#emara360-admin-topnav .emara360-admin-topnav-card {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px 0 !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    border: 1px solid rgba(6, 78, 88, .12) !important;
    background: #ffffff !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .07) !important;
}

#emara360-admin-topnav .emara360-admin-topnav-card:last-child {
    margin-bottom: 0 !important;
}

#emara360-admin-topnav .emara360-admin-topnav-card-main {
    min-height: 41px !important;
    padding: 10px 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    background:
        linear-gradient(135deg, #062b35 0%, #064e58 54%, #08756f 100%) !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
    text-decoration: none !important;
}

#emara360-admin-topnav .emara360-admin-topnav-card-main:hover,
#emara360-admin-topnav .emara360-admin-topnav-card-main:focus {
    background:
        linear-gradient(135deg, #064e58 0%, #08756f 58%, #11b7a6 100%) !important;
    color: #ffffff !important;
}

#emara360-admin-topnav .emara360-admin-topnav-card-main .emara360-admin-topnav-card-title,
#emara360-admin-topnav .emara360-admin-topnav-card-main i {
    color: #ffffff !important;
}

#emara360-admin-topnav .emara360-admin-topnav-card-icon {
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.16) !important;
    color: #ffffff !important;
}

#emara360-admin-topnav .emara360-admin-topnav-card-icon i {
    color: #ffffff !important;
}

#emara360-admin-topnav .emara360-admin-topnav-card-title {
    flex: 1 1 auto !important;
    white-space: normal !important;
    line-height: 1.25 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

#emara360-admin-topnav .emara360-admin-topnav-card-children {
    padding: 6px !important;
    background: #ffffff !important;
}

#emara360-admin-topnav .emara360-admin-topnav-child {
    min-height: 34px !important;
    padding: 8px 9px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    border-radius: 11px !important;
    color: #334155 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    text-decoration: none !important;
}

#emara360-admin-topnav .emara360-admin-topnav-child span {
    white-space: normal !important;
    line-height: 1.25 !important;
}

#emara360-admin-topnav .emara360-admin-topnav-child i {
    width: 14px !important;
    flex: 0 0 14px !important;
    color: #08756f !important;
}

#emara360-admin-topnav .emara360-admin-topnav-child:hover,
#emara360-admin-topnav .emara360-admin-topnav-child:focus {
    background: #ecfeff !important;
    color: #062b35 !important;
}

#emara360-admin-topnav .emara360-admin-topnav-child:hover i,
#emara360-admin-topnav .emara360-admin-topnav-child:focus i {
    color: #064e58 !important;
}

/* Keep dropdown vertical and readable on tablet/mobile too */
@media (max-width: 1199px) {
    #emara360-admin-topnav .emara360-admin-topnav-mega {
        width: min(420px, calc(100vw - 20px)) !important;
        max-height: calc(100vh - 108px) !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega-grid {
        display: block !important;
        grid-template-columns: none !important;
    }
}

@media (max-width: 767px) {
    #emara360-admin-topnav .emara360-admin-topnav-mega {
        left: 7px !important;
        width: calc(100vw - 14px) !important;
        max-height: calc(100vh - 98px) !important;
        border-radius: 17px !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega-head {
        padding: 10px 12px !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-main {
        min-height: 39px !important;
        padding: 9px 10px !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-title,
    #emara360-admin-topnav .emara360-admin-topnav-child {
        font-size: 12px !important;
    }
}

/* EMARA360_VERTICAL_DROPDOWN_CSS_V7_END */

/* EMARA360_SETUP_SAME_DROPDOWN_CSS_V8_2_START */

/* Setup now uses the exact same dropdown/card classes as other second-bar menus. */
#emara360-admin-topnav .emara360-setup-same-dropdown > .emara360-admin-topnav-mega {
    width: min(430px, calc(100vw - 24px)) !important;
}

#emara360-admin-topnav .emara360-setup-same-dropdown .emara360-admin-topnav-mega-grid {
    display: block !important;
    grid-template-columns: none !important;
}

#emara360-admin-topnav .emara360-setup-same-dropdown .emara360-admin-topnav-card {
    margin-bottom: 8px !important;
}

#emara360-admin-topnav .emara360-setup-same-dropdown .emara360-admin-topnav-card:last-child {
    margin-bottom: 0 !important;
}

/* Ensure the old native setup side panel styling is not controlling this dropdown */
#emara360-admin-topnav .emara360-setup-same-dropdown .open-customizer {
    pointer-events: auto !important;
}

/* EMARA360_SETUP_SAME_DROPDOWN_CSS_V8_2_END */

/* EMARA360_MOBILE_SECONDBAR_CSS_V9_START */

/*
   Fix second bar on tablet/mobile:
   - desktop remains unchanged
   - tablet becomes tighter and scroll-safe
   - mobile becomes a clean icon-only command row so items do not hide/cut off
*/

#emara360-admin-topnav,
#emara360-admin-topnav * {
    box-sizing: border-box !important;
}

#emara360-admin-topnav .emara360-admin-topnav-inner {
    width: 100% !important;
    max-width: 100% !important;
}

#emara360-admin-topnav .emara360-admin-topnav-groups {
    min-width: 0 !important;
}

/* Tablet layout */
@media (min-width: 768px) and (max-width: 1199px) {
    #emara360-admin-topnav .emara360-admin-topnav-inner {
        min-height: 40px !important;
        padding: 5px 8px 6px !important;
        gap: 5px !important;
        overflow: hidden !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-groups {
        flex: 1 1 auto !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 5px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 1px 2px 3px !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-groups::-webkit-scrollbar {
        display: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-group {
        flex: 0 0 auto !important;
    }

    #emara360-admin-topnav .emara360-control-panel-link,
    #emara360-admin-topnav .emara360-admin-topnav-group-link {
        height: 30px !important;
        min-height: 30px !important;
        padding: 4px 7px !important;
        gap: 5px !important;
        border-radius: 13px !important;
        white-space: nowrap !important;
    }

    #emara360-admin-topnav .emara360-control-panel-icon,
    #emara360-admin-topnav .emara360-admin-topnav-group-icon {
        width: 20px !important;
        height: 20px !important;
        flex: 0 0 20px !important;
        font-size: 10px !important;
    }

    #emara360-admin-topnav .emara360-control-panel-text,
    #emara360-admin-topnav .emara360-admin-topnav-group-label {
        max-width: 105px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 11px !important;
        line-height: 1 !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-caret {
        font-size: 10px !important;
        margin-left: 0 !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega {
        position: fixed !important;
        top: 92px !important;
        left: 8px !important;
        right: auto !important;
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        max-height: calc(100vh - 104px) !important;
        border-radius: 17px !important;
        z-index: 999999 !important;
    }
}

/* Mobile layout: icon-only command row so all main buttons fit cleanly */
@media (max-width: 767px) {
    #emara360-admin-topnav.emara360-admin-topnav {
        width: 100% !important;
        overflow: hidden !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-inner {
        width: 100% !important;
        min-height: 38px !important;
        padding: 4px 6px 5px !important;
        gap: 4px !important;
        overflow: hidden !important;
        align-items: center !important;
    }

    #emara360-admin-topnav .emara360-control-panel-link {
        width: 30px !important;
        min-width: 30px !important;
        height: 29px !important;
        min-height: 29px !important;
        padding: 4px !important;
        border-radius: 12px !important;
        justify-content: center !important;
        flex: 0 0 30px !important;
    }

    #emara360-admin-topnav .emara360-control-panel-text {
        display: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-groups {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: auto !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 4px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 1px 1px 2px !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-groups::-webkit-scrollbar {
        display: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-group {
        flex: 0 0 auto !important;
        margin: 0 !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-group-link {
        width: 30px !important;
        min-width: 30px !important;
        height: 29px !important;
        min-height: 29px !important;
        padding: 4px !important;
        gap: 0 !important;
        border-radius: 12px !important;
        justify-content: center !important;
    }

    #emara360-admin-topnav .emara360-control-panel-icon,
    #emara360-admin-topnav .emara360-admin-topnav-group-icon {
        width: 21px !important;
        height: 21px !important;
        flex: 0 0 21px !important;
        border-radius: 9px !important;
        font-size: 10px !important;
        margin: 0 !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-group-label,
    #emara360-admin-topnav .emara360-admin-topnav-caret,
    #emara360-admin-topnav .emara360-admin-topnav-badge,
    #emara360-admin-topnav .emara360-admin-topnav-group-count {
        display: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega {
        position: fixed !important;
        top: 84px !important;
        left: 6px !important;
        right: auto !important;
        width: calc(100vw - 12px) !important;
        max-width: calc(100vw - 12px) !important;
        max-height: calc(100vh - 96px) !important;
        border-radius: 16px !important;
        z-index: 999999 !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega-head {
        min-height: 42px !important;
        padding: 10px 12px !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega-head span {
        font-size: 12px !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega-head small {
        display: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega-grid {
        padding: 8px !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card {
        border-radius: 14px !important;
        margin-bottom: 7px !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-main {
        min-height: 38px !important;
        padding: 9px 10px !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-icon {
        width: 25px !important;
        height: 25px !important;
        flex: 0 0 25px !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-title,
    #emara360-admin-topnav .emara360-admin-topnav-child {
        font-size: 12px !important;
    }
}

/* Small phones: make command buttons slightly tighter */
@media (max-width: 430px) {
    #emara360-admin-topnav .emara360-admin-topnav-inner {
        padding-left: 5px !important;
        padding-right: 5px !important;
        gap: 3px !important;
    }

    #emara360-admin-topnav .emara360-control-panel-link,
    #emara360-admin-topnav .emara360-admin-topnav-group-link {
        width: 28px !important;
        min-width: 28px !important;
        flex-basis: 28px !important;
    }

    #emara360-admin-topnav .emara360-control-panel-icon,
    #emara360-admin-topnav .emara360-admin-topnav-group-icon {
        width: 20px !important;
        height: 20px !important;
        flex-basis: 20px !important;
    }
}

/* EMARA360_MOBILE_SECONDBAR_CSS_V9_END */

/* EMARA360_LOGO_WHITE_TAG_CSS_V10_START */

/*
   Strict scoped fix:
   Only make the logo tag/container white so dark client logos remain visible.
*/
#header #logo {
    background: #ffffff !important;
    border: 1px solid rgba(6, 78, 88, .14) !important;
    border-left: 0 !important;
    box-shadow: 0 10px 24px rgba(6, 43, 53, .14) !important;
}

#header #logo img {
    filter: none !important;
}

/* Keep the white logo tag clean on tablet/mobile too */
@media (max-width: 1199px) {
    #header #logo {
        background: #ffffff !important;
        border-color: rgba(6, 78, 88, .14) !important;
    }

    #header #logo img {
        filter: none !important;
    }
}

@media (max-width: 767px) {
    #header #logo {
        background: #ffffff !important;
        border-color: rgba(6, 78, 88, .14) !important;
    }

    #header #logo img {
        filter: none !important;
    }
}

/* EMARA360_LOGO_WHITE_TAG_CSS_V10_END */\n\n/* EMARA360_SLEEK_LOGO_TAG_CSS_V10_1_START */

/*
   Strict scoped refinement:
   Make only the white logo tag sleeker and slightly smaller.
*/
#header #logo {
    height: 48px !important;
    min-height: 48px !important;
    min-width: 136px !important;
    max-width: 168px !important;
    padding: 0 13px !important;
    margin: 5px 14px 5px 10px !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    border: 1px solid rgba(6, 78, 88, .12) !important;
    box-shadow: 0 8px 20px rgba(6, 43, 53, .12) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

#header #logo img {
    max-height: 32px !important;
    max-width: 142px !important;
    width: auto !important;
    object-fit: contain !important;
    filter: none !important;
}

/* Tablet */
@media (max-width: 1199px) {
    #header #logo {
        height: 44px !important;
        min-height: 44px !important;
        min-width: 122px !important;
        max-width: 150px !important;
        padding: 0 10px !important;
        margin: 4px 9px 4px 6px !important;
        border-radius: 16px !important;
    }

    #header #logo img {
        max-height: 29px !important;
        max-width: 128px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    #header #logo {
        height: 39px !important;
        min-height: 39px !important;
        min-width: 92px !important;
        max-width: 112px !important;
        padding: 0 7px !important;
        margin: 4px 5px 4px 4px !important;
        border-radius: 14px !important;
    }

    #header #logo img {
        max-height: 25px !important;
        max-width: 96px !important;
    }
}

/* Very small phones */
@media (max-width: 430px) {
    #header #logo {
        height: 36px !important;
        min-height: 36px !important;
        min-width: 82px !important;
        max-width: 96px !important;
        padding: 0 6px !important;
        border-radius: 13px !important;
    }

    #header #logo img {
        max-height: 23px !important;
        max-width: 84px !important;
    }
}

/* EMARA360_SLEEK_LOGO_TAG_CSS_V10_1_END */

/* EMARA360_LOGO_TOP_SPACING_CSS_V10_2_START */

/*
   Strict scoped refinement:
   Add visible header-background breathing space above the white logo tag only.
*/
#header #logo {
    height: 44px !important;
    min-height: 44px !important;
    margin-top: 8px !important;
    margin-bottom: 6px !important;
    align-self: center !important;
}

#header #logo img {
    max-height: 30px !important;
}

/* Tablet */
@media (max-width: 1199px) {
    #header #logo {
        height: 40px !important;
        min-height: 40px !important;
        margin-top: 7px !important;
        margin-bottom: 5px !important;
    }

    #header #logo img {
        max-height: 27px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    #header #logo {
        height: 35px !important;
        min-height: 35px !important;
        margin-top: 6px !important;
        margin-bottom: 5px !important;
    }

    #header #logo img {
        max-height: 22px !important;
    }
}

/* Very small phones */
@media (max-width: 430px) {
    #header #logo {
        height: 34px !important;
        min-height: 34px !important;
        margin-top: 6px !important;
        margin-bottom: 5px !important;
    }

    #header #logo img {
        max-height: 21px !important;
    }
}

/* EMARA360_LOGO_TOP_SPACING_CSS_V10_2_END */

/* EMARA360_UNBOLD_HEADER_BUTTON_TEXT_CSS_V10_3_START */

/*
   Strict scoped refinement:
   Unbold only the header/topbar button text while keeping icons, layout, colours and dropdowns unchanged.
*/
#header .navbar-nav > li > a,
#header .navbar-nav > li > a span,
#header .navbar-nav > li > a strong,
#header .navbar-nav > li > a .tw-font-medium,
#header .navbar-nav > li > a .tw-font-semibold,
#header .navbar-nav > li > a .tw-font-bold {
    font-weight: 500 !important;
}

#emara360-admin-topnav .emara360-control-panel-link,
#emara360-admin-topnav .emara360-admin-topnav-group-link,
#emara360-admin-topnav .emara360-control-panel-text,
#emara360-admin-topnav .emara360-admin-topnav-group-label {
    font-weight: 500 !important;
}

#emara360-admin-topnav .emara360-admin-topnav-group-count,
#emara360-admin-topnav .emara360-admin-topnav-badge {
    font-weight: 600 !important;
}

/* Keep dropdown content readable but less heavy */
#emara360-admin-topnav .emara360-admin-topnav-card-title,
#emara360-admin-topnav .emara360-admin-topnav-child {
    font-weight: 500 !important;
}

/* EMARA360_UNBOLD_HEADER_BUTTON_TEXT_CSS_V10_3_END */

/* EMARA360_HEADER_DROPDOWN_FONT_CSS_V11_1_START */

/*
   Strict scoped refinement:
   Force Plus Jakarta Sans on header menu, topbar buttons and dropdown text only.
   Icons remain protected.
*/
#header,
#header nav,
#header nav a,
#header nav button,
#header nav span,
#header nav small,
#header nav strong,
#header .navbar-nav > li > a,
#header .navbar-nav > li > a span,
#header .dropdown-menu,
#header .dropdown-menu a,
#header .dropdown-menu span,
#header .dropdown-menu small,
#header .dropdown-menu strong,
#header .dropdown-menu li,
#header .dropdown-header,
#header .emara360-header-profile-menu,
#header .emara360-header-profile-menu a,
#header .emara360-profile-dropdown-head,
#emara360-admin-topnav,
#emara360-admin-topnav a,
#emara360-admin-topnav button,
#emara360-admin-topnav span,
#emara360-admin-topnav small,
#emara360-admin-topnav strong,
#emara360-admin-topnav li,
#emara360-admin-topnav .dropdown-menu,
#emara360-admin-topnav .emara360-admin-topnav-group-link,
#emara360-admin-topnav .emara360-control-panel-link,
#emara360-admin-topnav .emara360-admin-topnav-group-label,
#emara360-admin-topnav .emara360-control-panel-text,
#emara360-admin-topnav .emara360-admin-topnav-card-title,
#emara360-admin-topnav .emara360-admin-topnav-child,
#emara360-admin-topnav .emara360-admin-topnav-mega-head,
#emara360-admin-topnav .emara360-admin-topnav-mega-head span,
#emara360-admin-topnav .emara360-admin-topnav-mega-head small,
#setup-menu-wrapper,
#setup-menu-wrapper a,
#setup-menu-wrapper span,
#setup-menu-wrapper small,
#setup-menu-wrapper strong,
#setup-menu-wrapper li {
    font-family: "Plus Jakarta Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* Keep Font Awesome icons safe after the stronger font override */
#header i.fa,
#header i.fas,
#header i.far,
#header i.fal,
#header i.fab,
#header i.fa-solid,
#header i.fa-regular,
#header i.fa-brands,
#emara360-admin-topnav i.fa,
#emara360-admin-topnav i.fas,
#emara360-admin-topnav i.far,
#emara360-admin-topnav i.fal,
#emara360-admin-topnav i.fab,
#emara360-admin-topnav i.fa-solid,
#emara360-admin-topnav i.fa-regular,
#emara360-admin-topnav i.fa-brands,
#setup-menu-wrapper i.fa,
#setup-menu-wrapper i.fas,
#setup-menu-wrapper i.far,
#setup-menu-wrapper i.fal,
#setup-menu-wrapper i.fab,
#setup-menu-wrapper i.fa-solid,
#setup-menu-wrapper i.fa-regular,
#setup-menu-wrapper i.fa-brands {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "FontAwesome" !important;
}

#header i.fab,
#header i.fa-brands,
#emara360-admin-topnav i.fab,
#emara360-admin-topnav i.fa-brands,
#setup-menu-wrapper i.fab,
#setup-menu-wrapper i.fa-brands {
    font-family: "Font Awesome 6 Brands", "FontAwesome" !important;
}

/* Smooth modern SaaS feel for menu text */
#header .navbar-nav > li > a,
#header .dropdown-menu a,
#emara360-admin-topnav .emara360-admin-topnav-group-label,
#emara360-admin-topnav .emara360-control-panel-text,
#emara360-admin-topnav .emara360-admin-topnav-card-title,
#emara360-admin-topnav .emara360-admin-topnav-child span,
#setup-menu-wrapper #setup-menu a {
    letter-spacing: -0.012em !important;
}

/* EMARA360_HEADER_DROPDOWN_FONT_CSS_V11_1_END */

/* EMARA360_SECOND_HEADER_MENU_MANAGER_CSS_V12_1_START */
.emara360-second-header-manager .emara360-manager-hero .panel-body {
    border-radius: 16px;
    background:
        radial-gradient(circle at 92% 0%, rgba(55, 213, 242, .10), transparent 30%),
        linear-gradient(135deg, rgba(6, 43, 53, .04), rgba(8, 117, 111, .06));
}

.emara360-second-header-manager .panel-heading,
.emara360-second-header-manager input,
.emara360-second-header-manager select,
.emara360-second-header-manager table,
.emara360-second-header-manager .btn {
    font-family: "Plus Jakarta Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.emara360-second-header-manager .emara360-manager-table > thead > tr > th {
    background: #f8fafc;
    color: #0f172a;
    font-weight: 600;
    border-bottom: 1px solid rgba(6, 78, 88, .12);
}

.emara360-second-header-manager .emara360-manager-table input[type="text"],
.emara360-second-header-manager .emara360-manager-table input[type="number"],
.emara360-second-header-manager .emara360-manager-table select {
    min-height: 34px;
    border-radius: 10px;
}

.emara360-second-header-manager .well {
    border-radius: 14px;
    border-color: rgba(6, 78, 88, .12);
    background: #f8fafc;
}

.emara360-second-header-manager code {
    background: #ecfeff;
    color: #064e58;
    border-radius: 6px;
    padding: 2px 5px;
}
/* EMARA360_SECOND_HEADER_MENU_MANAGER_CSS_V12_1_END */\n\n

/* EMARA360_TOPBAR_DROPDOWN_ATTACH_CSS_V13_2_START */

/*
   Strict scoped fix:
   Support corrected desktop dropdown arrow positioning only.
   Dropdown width/design remains controlled by existing UI CSS.
*/
@media (min-width: 1200px) {
    #emara360-admin-topnav .emara360-admin-topnav-mega:before,
    #emara360-admin-topnav .emara360-admin-topnav-mega:after {
        left: var(--emara360-dropdown-arrow-left-v13-2, 28px) !important;
        right: auto !important;
        transform: translateX(-50%) rotate(45deg) !important;
    }
}

/* EMARA360_TOPBAR_DROPDOWN_ATTACH_CSS_V13_2_END */\n\n/* EMARA360_HEADER_BLUE_SHADE_CSS_V14_START */

/*
   Strict scoped colour refinement:
   Replace the greenish shade on the two admin header bars with a corporate blue shade.
   No layout, dropdown, logo, menu, font or functionality changes.
*/
#header,
#header .navbar,
#header nav,
#header .navbar-default {
    background: linear-gradient(135deg, #0B2D5F 0%, #1557A6 58%, #0EA5E9 100%) !important;
    border-color: rgba(255, 255, 255, .10) !important;
}

#emara360-admin-topnav,
#emara360-admin-topnav .emara360-admin-topnav-inner {
    background: linear-gradient(135deg, #082A5A 0%, #124E99 58%, #1976D2 100%) !important;
    border-color: rgba(255, 255, 255, .10) !important;
}

/* Keep the logo tag white for dark/client logos */
#header #logo {
    background: #ffffff !important;
}

/* Slightly more corporate hover tone on header buttons only */
#header .navbar-nav > li > a:hover,
#header .navbar-nav > li.open > a,
#emara360-admin-topnav .emara360-control-panel-link:hover,
#emara360-admin-topnav .emara360-admin-topnav-group.open > .emara360-admin-topnav-group-link,
#emara360-admin-topnav .emara360-admin-topnav-group-link:hover {
    background: rgba(255, 255, 255, .13) !important;
}

/* EMARA360_HEADER_BLUE_SHADE_CSS_V14_END */\n\n\n\n\n\n/* EMARA360_DROPDOWN_CORPORATE_BLUE_EXACT_CSS_V14_3_START */

/*
   Strict scoped colour-only fix.
   Based on uploaded zip scan: overrides the old V7 teal/green dropdown selectors exactly.
   No layout, positioning, JavaScript, menu labels, menu visibility or functionality changes.
*/

#emara360-admin-topnav {
    --emara360-corp-blue-dark: #0B2D5F;
    --emara360-corp-blue-main: #1557A6;
    --emara360-corp-blue-mid: #1976D2;
    --emara360-corp-blue-light: #0EA5E9;
    --emara360-corp-blue-soft: #EAF5FF;
    --emara360-corp-blue-ink: #07234D;
}

/* Main dropdown shell shadow changed from green/navy to blue/navy */
#emara360-admin-topnav .emara360-admin-topnav-mega {
    box-shadow: 0 30px 84px rgba(11, 45, 95, .24) !important;
}

/* Top dropdown header strip */
#emara360-admin-topnav .emara360-admin-topnav-mega-head {
    background:
        radial-gradient(circle at 90% 0%, rgba(14, 165, 233, .24), transparent 32%),
        linear-gradient(135deg, #0B2D5F 0%, #1557A6 56%, #0EA5E9 100%) !important;
    border-bottom-color: rgba(255, 255, 255, .16) !important;
    color: #ffffff !important;
}

#emara360-admin-topnav .emara360-admin-topnav-mega-head span,
#emara360-admin-topnav .emara360-admin-topnav-mega-head span i,
#emara360-admin-topnav .emara360-admin-topnav-mega-head small,
#emara360-admin-topnav .emara360-admin-topnav-mega-head i {
    color: #ffffff !important;
}

/* Dropdown inside background: remove teal tint */
#emara360-admin-topnav .emara360-admin-topnav-mega-grid {
    background:
        radial-gradient(circle at top right, rgba(14, 165, 233, .10), transparent 34%),
        #f8fafc !important;
}

/* Category blocks such as Sales, Support, Subscriptions */
#emara360-admin-topnav .emara360-admin-topnav-card {
    border-color: rgba(21, 87, 166, .13) !important;
    background: #ffffff !important;
    box-shadow: 0 8px 22px rgba(11, 45, 95, .08) !important;
}

#emara360-admin-topnav .emara360-admin-topnav-card-main {
    background:
        radial-gradient(circle at 94% 0%, rgba(14, 165, 233, .22), transparent 34%),
        linear-gradient(135deg, #0B2D5F 0%, #1557A6 58%, #0EA5E9 100%) !important;
    color: #ffffff !important;
    border-bottom-color: rgba(255, 255, 255, .12) !important;
}

#emara360-admin-topnav .emara360-admin-topnav-card-main:hover,
#emara360-admin-topnav .emara360-admin-topnav-card-main:focus {
    background:
        radial-gradient(circle at 94% 0%, rgba(125, 211, 252, .26), transparent 34%),
        linear-gradient(135deg, #082A5A 0%, #124E99 56%, #1976D2 100%) !important;
    color: #ffffff !important;
}

/* Text/icons inside blue category blocks */
#emara360-admin-topnav .emara360-admin-topnav-card-main .emara360-admin-topnav-card-title,
#emara360-admin-topnav .emara360-admin-topnav-card-main span,
#emara360-admin-topnav .emara360-admin-topnav-card-main i,
#emara360-admin-topnav .emara360-admin-topnav-card-main .menu-icon {
    color: #ffffff !important;
}

#emara360-admin-topnav .emara360-admin-topnav-card-icon {
    background: rgba(255, 255, 255, .16) !important;
    border-color: rgba(255, 255, 255, .22) !important;
    color: #ffffff !important;
}

#emara360-admin-topnav .emara360-admin-topnav-card-icon i {
    color: #ffffff !important;
}

/* Child links remain clean, with blue accent instead of teal */
#emara360-admin-topnav .emara360-admin-topnav-child {
    color: #07234D !important;
    background: #ffffff !important;
}

#emara360-admin-topnav .emara360-admin-topnav-child span {
    color: #07234D !important;
}

#emara360-admin-topnav .emara360-admin-topnav-child i {
    color: #1557A6 !important;
    background: transparent !important;
}

#emara360-admin-topnav .emara360-admin-topnav-child:hover,
#emara360-admin-topnav .emara360-admin-topnav-child:focus {
    background: #EAF5FF !important;
    color: #0B2D5F !important;
}

#emara360-admin-topnav .emara360-admin-topnav-child:hover span,
#emara360-admin-topnav .emara360-admin-topnav-child:focus span {
    color: #0B2D5F !important;
}

#emara360-admin-topnav .emara360-admin-topnav-child:hover i,
#emara360-admin-topnav .emara360-admin-topnav-child:focus i {
    color: #1557A6 !important;
}

/* Dropdown badges/circle digits: force bright white text */
#emara360-admin-topnav .emara360-admin-topnav-mega .badge,
#emara360-admin-topnav .emara360-admin-topnav-mega .emara360-admin-topnav-badge,
#emara360-admin-topnav .emara360-admin-topnav-mega .emara360-admin-topnav-child-badge,
#emara360-admin-topnav .emara360-admin-topnav-card-main .badge,
#emara360-admin-topnav .emara360-admin-topnav-child .badge,
#emara360-admin-topnav .emara360-admin-topnav-child-badge {
    background: #1557A6 !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, .24) !important;
    text-shadow: none !important;
}

#emara360-admin-topnav .emara360-admin-topnav-mega .badge *,
#emara360-admin-topnav .emara360-admin-topnav-badge *,
#emara360-admin-topnav .emara360-admin-topnav-child-badge * {
    color: #ffffff !important;
}

/* Keep setup dropdown using the same exact blue flow */
#emara360-admin-topnav .emara360-setup-same-dropdown .emara360-admin-topnav-mega-head,
#emara360-admin-topnav .emara360-setup-same-dropdown .emara360-admin-topnav-card-main {
    background:
        radial-gradient(circle at 94% 0%, rgba(14, 165, 233, .22), transparent 34%),
        linear-gradient(135deg, #0B2D5F 0%, #1557A6 58%, #0EA5E9 100%) !important;
    color: #ffffff !important;
}

#emara360-admin-topnav .emara360-setup-same-dropdown .emara360-admin-topnav-mega-head *,
#emara360-admin-topnav .emara360-setup-same-dropdown .emara360-admin-topnav-card-main * {
    color: #ffffff !important;
}

/* EMARA360_DROPDOWN_CORPORATE_BLUE_EXACT_CSS_V14_3_END */\n\n\n\n/* EMARA360_CONTROL_PANEL_ICON_ONLY_FORCE_CSS_V14_5_START */

/*
   Strict scoped fix:
   Force the first second-header Control Panel button to icon-only.
   This hides both span text and any direct text node while keeping the icon clickable.
*/
#emara360-admin-topnav > .emara360-admin-topnav-inner > a.emara360-control-panel-link,
#emara360-admin-topnav .emara360-control-panel-link {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 36px !important;
    padding: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

#emara360-admin-topnav .emara360-control-panel-link .emara360-control-panel-text,
#emara360-admin-topnav .emara360-control-panel-link span.emara360-control-panel-text {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

#emara360-admin-topnav .emara360-control-panel-link .emara360-control-panel-icon {
    margin: 0 !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

#emara360-admin-topnav .emara360-control-panel-link .emara360-control-panel-icon i,
#emara360-admin-topnav .emara360-control-panel-link i {
    font-size: 15px !important;
    line-height: 1 !important;
}

/* EMARA360_CONTROL_PANEL_ICON_ONLY_FORCE_CSS_V14_5_END */

/* EMARA360_AUTH_PREMIUM_BRANDED_DIGITAL_UI_CSS_V15_2_START */
/*
   Emara360 portal authentication UI only.
   Premium animated digital login design.
   Keeps default app logo via get_dark_company_logo().
   Company name is injected from get_option('companyname') in authentication head.
   No auth behaviour, routes, controllers, DB, form fields, 2FA, reset, or forgot-password logic changed.
*/

:root {
    --emara360-auth-font: var(--emara360-ui-font, "Plus Jakarta Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
    --emara360-auth-navy-950: #061225;
    --emara360-auth-navy-900: #071b38;
    --emara360-auth-blue-900: #07306f;
    --emara360-auth-blue-800: #0a4297;
    --emara360-auth-blue-700: #155bd7;
    --emara360-auth-blue-500: #2f7cf6;
    --emara360-auth-cyan-400: #39d6ff;
    --emara360-auth-violet-500: #8b5cf6;
    --emara360-auth-emerald-300: #6ee7b7;
    --emara360-auth-text: #0f172a;
    --emara360-auth-muted: #64748b;
}

body.emara360-premium-auth.login_admin,
body.emara360-premium-auth.authentication {
    min-height: 100vh !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    font-family: var(--emara360-auth-font) !important;
    color: var(--emara360-auth-text) !important;
    background:
        radial-gradient(circle at 18% 20%, rgba(57, 214, 255, .28), transparent 25%),
        radial-gradient(circle at 74% 18%, rgba(47, 124, 246, .26), transparent 28%),
        radial-gradient(circle at 45% 84%, rgba(139, 92, 246, .22), transparent 28%),
        linear-gradient(135deg, var(--emara360-auth-navy-950) 0%, var(--emara360-auth-navy-900) 42%, #071a34 100%) !important;
}

body.emara360-premium-auth.login_admin:before,
body.emara360-premium-auth.authentication:before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
        radial-gradient(circle at 12% 12%, rgba(57,214,255,.18), transparent 24%),
        radial-gradient(circle at 82% 70%, rgba(47,124,246,.20), transparent 26%);
    background-size: 46px 46px, 46px 46px, auto, auto;
    opacity: .95;
    animation: emara360AuthGridDrift 22s linear infinite;
}

body.emara360-premium-auth.login_admin:after,
body.emara360-premium-auth.authentication:after {
    content: "";
    position: fixed;
    inset: auto -14% -34% auto;
    width: 54vw;
    height: 54vw;
    border-radius: 999px;
    pointer-events: none;
    z-index: 0;
    background: radial-gradient(circle, rgba(47,124,246,.24), rgba(57,214,255,.10) 38%, transparent 68%);
    filter: blur(10px);
    animation: emara360AuthGlowRotate 16s ease-in-out infinite alternate;
}

body.emara360-premium-auth .authentication-form-wrapper,
body.emara360-premium-auth div[class*="authentication-form-wrappe"] {
    position: relative !important;
    z-index: 5 !important;
    width: min(470px, calc(100vw - 34px)) !important;
    max-width: 470px !important;
    padding-top: clamp(32px, 7vh, 70px) !important;
    padding-bottom: 34px !important;
}

@media (min-width: 992px) {
    body.emara360-premium-auth .authentication-form-wrapper,
    body.emara360-premium-auth div[class*="authentication-form-wrappe"] {
        margin-left: auto !important;
        margin-right: clamp(54px, 7vw, 128px) !important;
    }
}

body.emara360-premium-auth .company-logo {
    display: block !important;
    padding: 0 !important;
    margin: 0 auto 22px !important;
    text-align: center !important;
}

body.emara360-premium-auth .company-logo a,
body.emara360-premium-auth .company-logo span,
body.emara360-premium-auth .company-logo div {
    text-decoration: none !important;
}

body.emara360-premium-auth .company-logo img {
    display: block !important;
    max-height: 64px !important;
    max-width: min(250px, 78vw) !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto 13px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 18px 36px rgba(0,0,0,.28)) !important;
}

body.emara360-premium-auth .emara360-auth-company-name {
    color: #ffffff !important;
    font-size: 24px !important;
    line-height: 1.14 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
    text-shadow: 0 16px 38px rgba(0,0,0,.34);
}

body.emara360-premium-auth .emara360-auth-company-subtitle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 8px !important;
    color: rgba(226, 232, 240, .88) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .015em !important;
}

body.emara360-premium-auth .emara360-auth-company-subtitle:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--emara360-auth-emerald-300);
    box-shadow: 0 0 0 6px rgba(110,231,183,.13), 0 0 22px rgba(110,231,183,.9);
}

body.emara360-premium-auth .authentication-form-wrapper > .text-center h1,
body.emara360-premium-auth h1 {
    color: #ffffff !important;
    font-size: clamp(24px, 2.2vw, 31px) !important;
    font-weight: 900 !important;
    letter-spacing: -.045em !important;
    text-shadow: 0 18px 42px rgba(0,0,0,.32) !important;
}

body.emara360-premium-auth .authentication-form-wrapper > .text-center p,
body.emara360-premium-auth h3 {
    color: rgba(226,232,240,.88) !important;
    font-weight: 600 !important;
}

body.emara360-premium-auth .authentication-form-wrapper > .tw-bg-white,
body.emara360-premium-auth div[class*="authentication-form-wrappe"] > .tw-bg-white {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 30px !important;
    border: 1px solid rgba(255,255,255,.48) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.985), rgba(248,250,252,.94)) !important;
    box-shadow:
        0 34px 100px rgba(2,8,23,.42),
        0 1px 0 rgba(255,255,255,.82) inset !important;
    backdrop-filter: blur(22px) saturate(145%);
}

body.emara360-premium-auth .authentication-form-wrapper > .tw-bg-white:before,
body.emara360-premium-auth div[class*="authentication-form-wrappe"] > .tw-bg-white:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, var(--emara360-auth-cyan-400), var(--emara360-auth-blue-500), var(--emara360-auth-violet-500));
}

body.emara360-premium-auth .authentication-form-wrapper > .tw-bg-white:after,
body.emara360-premium-auth div[class*="authentication-form-wrappe"] > .tw-bg-white:after {
    content: "";
    position: absolute;
    right: -68px;
    top: -78px;
    width: 180px;
    height: 180px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(57,214,255,.20), transparent 65%);
    pointer-events: none;
}

body.emara360-premium-auth label.control-label,
body.emara360-premium-auth .form-group label {
    color: #1e293b !important;
    font-weight: 800 !important;
    letter-spacing: -.015em !important;
}

body.emara360-premium-auth .form-control {
    min-height: 50px !important;
    border-radius: 17px !important;
    border: 1px solid #dbe6f2 !important;
    background: linear-gradient(180deg, #fbfdff, #f5f9ff) !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.86) !important;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease !important;
}

body.emara360-premium-auth .form-control:focus {
    border-color: rgba(47,124,246,.86) !important;
    background: #ffffff !important;
    box-shadow:
        0 0 0 5px rgba(47,124,246,.14),
        0 18px 34px rgba(15,23,42,.09) !important;
    transform: translateY(-1px);
}

body.emara360-premium-auth .btn.btn-primary {
    min-height: 50px !important;
    border: 0 !important;
    border-radius: 18px !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    letter-spacing: -.015em !important;
    background:
        linear-gradient(135deg, #104fc2 0%, var(--emara360-auth-blue-500) 52%, #5b8cff 100%) !important;
    box-shadow:
        0 20px 42px rgba(21,91,215,.38),
        inset 0 1px 0 rgba(255,255,255,.30) !important;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

body.emara360-premium-auth .btn.btn-primary:hover,
body.emara360-premium-auth .btn.btn-primary:focus {
    transform: translateY(-2px);
    filter: brightness(1.045);
    box-shadow:
        0 25px 52px rgba(21,91,215,.48),
        inset 0 1px 0 rgba(255,255,255,.38) !important;
}

body.emara360-premium-auth a {
    color: #155bd7 !important;
    font-weight: 800 !important;
}

body.emara360-premium-auth .checkbox label {
    color: #475569 !important;
    font-weight: 700 !important;
}

body.emara360-premium-auth .alert {
    border-radius: 17px !important;
    border-width: 1px !important;
}

body.emara360-premium-auth .g-recaptcha {
    overflow: hidden !important;
    border-radius: 16px !important;
}

body.emara360-premium-auth .emara360-auth-visual-stage {
    position: fixed;
    left: clamp(34px, 7vw, 120px);
    top: 50%;
    width: min(45vw, 650px);
    height: min(74vh, 720px);
    transform: translateY(-50%);
    z-index: 2;
    pointer-events: none;
}

body.emara360-premium-auth .emara360-auth-tech-card {
    position: absolute;
    left: 8%;
    top: 18%;
    width: min(430px, 34vw);
    min-height: 360px;
    border-radius: 38px;
    padding: 34px;
    color: #ffffff;
    background:
        linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.045)),
        radial-gradient(circle at 25% 15%, rgba(57,214,255,.24), transparent 28%),
        radial-gradient(circle at 88% 88%, rgba(139,92,246,.18), transparent 30%);
    border: 1px solid rgba(255,255,255,.22);
    box-shadow:
        0 44px 100px rgba(2,8,23,.44),
        inset 0 1px 0 rgba(255,255,255,.26);
    backdrop-filter: blur(18px) saturate(140%);
    animation: emara360AuthCardFloat 7.5s ease-in-out infinite alternate;
}

body.emara360-premium-auth .emara360-auth-tech-chip {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 13px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .055em;
    text-transform: uppercase;
    color: rgba(255,255,255,.94);
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.18);
}

body.emara360-premium-auth .emara360-auth-tech-chip:before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: var(--emara360-auth-emerald-300);
    box-shadow: 0 0 18px rgba(110,231,183,.9);
}

body.emara360-premium-auth .emara360-auth-tech-title {
    margin-top: 30px;
    font-size: clamp(32px, 4vw, 56px);
    line-height: .95;
    font-weight: 950;
    letter-spacing: -.07em;
    text-shadow: 0 22px 55px rgba(0,0,0,.26);
}

body.emara360-premium-auth .emara360-auth-tech-copy {
    max-width: 360px;
    margin-top: 18px;
    color: rgba(226,232,240,.86);
    font-size: 15px;
    line-height: 1.7;
    font-weight: 650;
}

body.emara360-premium-auth .emara360-auth-tech-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 30px;
}

body.emara360-premium-auth .emara360-auth-tech-metrics span {
    min-height: 74px;
    border-radius: 22px;
    padding: 14px 12px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.14);
}

body.emara360-premium-auth .emara360-auth-tech-metrics b {
    display: block;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.1;
    font-weight: 950;
}

body.emara360-premium-auth .emara360-auth-tech-metrics small {
    display: block;
    margin-top: 8px;
    color: rgba(226,232,240,.74);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}

body.emara360-premium-auth .emara360-auth-signal-lines {
    display: flex;
    align-items: end;
    gap: 7px;
    height: 58px;
    margin-top: 28px;
}

body.emara360-premium-auth .emara360-auth-signal-lines i {
    display: block;
    width: 100%;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(57,214,255,.96), rgba(47,124,246,.52));
    box-shadow: 0 0 24px rgba(57,214,255,.34);
    animation: emara360AuthSignal 1.8s ease-in-out infinite alternate;
}

body.emara360-premium-auth .emara360-auth-signal-lines i:nth-child(1) { height: 24px; animation-delay: .05s; }
body.emara360-premium-auth .emara360-auth-signal-lines i:nth-child(2) { height: 42px; animation-delay: .20s; }
body.emara360-premium-auth .emara360-auth-signal-lines i:nth-child(3) { height: 32px; animation-delay: .35s; }
body.emara360-premium-auth .emara360-auth-signal-lines i:nth-child(4) { height: 50px; animation-delay: .50s; }
body.emara360-premium-auth .emara360-auth-signal-lines i:nth-child(5) { height: 36px; animation-delay: .65s; }

body.emara360-premium-auth .emara360-auth-orb,
body.emara360-premium-auth .emara360-auth-circuit,
body.emara360-premium-auth .emara360-auth-pulse-ring {
    position: absolute;
    border-radius: 999px;
}

body.emara360-premium-auth .emara360-auth-orb {
    background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.92), rgba(57,214,255,.44) 22%, rgba(47,124,246,.08) 60%, transparent 72%);
    filter: blur(.2px);
    animation: emara360AuthOrbFloat 9s ease-in-out infinite alternate;
}

body.emara360-premium-auth .emara360-auth-orb-one {
    width: 136px;
    height: 136px;
    left: 0;
    top: 2%;
}

body.emara360-premium-auth .emara360-auth-orb-two {
    width: 92px;
    height: 92px;
    right: 9%;
    top: 8%;
    animation-delay: -2.2s;
}

body.emara360-premium-auth .emara360-auth-orb-three {
    width: 118px;
    height: 118px;
    right: 15%;
    bottom: 5%;
    animation-delay: -4.4s;
}

body.emara360-premium-auth .emara360-auth-circuit {
    border: 1px solid rgba(57,214,255,.30);
    box-shadow: inset 0 0 50px rgba(57,214,255,.08), 0 0 50px rgba(47,124,246,.13);
}

body.emara360-premium-auth .emara360-auth-circuit-a {
    width: 390px;
    height: 390px;
    right: 8%;
    top: 14%;
    animation: emara360AuthSpin 24s linear infinite;
}

body.emara360-premium-auth .emara360-auth-circuit-b {
    width: 250px;
    height: 250px;
    left: 0;
    bottom: 8%;
    animation: emara360AuthSpin 18s linear infinite reverse;
}

body.emara360-premium-auth .emara360-auth-pulse-ring {
    width: 230px;
    height: 230px;
    left: 48%;
    top: 45%;
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 0 48px rgba(57,214,255,.12);
    animation: emara360AuthPulseRing 3.8s ease-out infinite;
}

body.emara360-premium-auth .emara360-auth-pulse-ring-two {
    animation-delay: 1.9s;
}

@media (max-width: 991px) {
    body.emara360-premium-auth .emara360-auth-visual-stage {
        left: 50%;
        top: 0;
        width: 100vw;
        height: 300px;
        transform: translateX(-50%);
        opacity: .45;
    }

    body.emara360-premium-auth .emara360-auth-tech-card {
        display: none;
    }

    body.emara360-premium-auth .authentication-form-wrapper,
    body.emara360-premium-auth div[class*="authentication-form-wrappe"] {
        margin-left: auto !important;
        margin-right: auto !important;
        padding-top: 36px !important;
    }

    body.emara360-premium-auth .company-logo img {
        max-height: 54px !important;
    }

    body.emara360-premium-auth .emara360-auth-company-name {
        font-size: 21px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.emara360-premium-auth *,
    body.emara360-premium-auth:before,
    body.emara360-premium-auth:after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
    }
}

@keyframes emara360AuthGridDrift {
    0% { background-position: 0 0, 0 0, center, center; }
    100% { background-position: 92px 92px, -92px 46px, center, center; }
}

@keyframes emara360AuthGlowRotate {
    0% { transform: translate3d(0,0,0) scale(.95); opacity: .70; }
    100% { transform: translate3d(-6%, -4%, 0) scale(1.08); opacity: 1; }
}

@keyframes emara360AuthCardFloat {
    0% { transform: translate3d(0, 0, 0) rotate(-1.2deg); }
    100% { transform: translate3d(14px, -16px, 0) rotate(1.1deg); }
}

@keyframes emara360AuthSignal {
    0% { opacity: .46; transform: scaleY(.72); }
    100% { opacity: 1; transform: scaleY(1.08); }
}

@keyframes emara360AuthOrbFloat {
    0% { transform: translate3d(0, 0, 0) scale(.95); opacity: .70; }
    100% { transform: translate3d(18px, -22px, 0) scale(1.08); opacity: 1; }
}

@keyframes emara360AuthSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes emara360AuthPulseRing {
    0% { transform: translate(-50%, -50%) scale(.55); opacity: .70; }
    72% { opacity: .12; }
    100% { transform: translate(-50%, -50%) scale(1.25); opacity: 0; }
}
/* EMARA360_AUTH_PREMIUM_BRANDED_DIGITAL_UI_CSS_V15_2_END */

/* EMARA360_CLIENT_AUTH_PREMIUM_SECURITY_CSS_V16_1_START */
/*
   Emara360 customer/client authentication pages only.
   Premium animated corporate security UI.
   Hides the normal client header only on customer auth pages.
   Keeps default company logo by cloning the existing get_dark_company_logo() navbar logo.
   No NGINX, route, DB, controller, login logic, reset logic, 2FA, or client portal feature changed.
*/

body.customers.emara360-client-auth-premium {
    min-height: 100vh !important;
    overflow-x: hidden !important;
    background:
        radial-gradient(circle at 16% 20%, rgba(56, 189, 248, .28), transparent 28%),
        radial-gradient(circle at 78% 12%, rgba(59, 130, 246, .24), transparent 28%),
        radial-gradient(circle at 42% 86%, rgba(124, 58, 237, .18), transparent 28%),
        linear-gradient(135deg, #061226 0%, #071b38 42%, #071a33 100%) !important;
    color: #0f172a !important;
}

body.customers.emara360-client-auth-premium .navbar.navbar-default.header,
body.customers.emara360-client-auth-premium nav.navbar.header {
    display: none !important;
}

body.customers.emara360-client-auth-premium:before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
    background-size: 46px 46px;
    animation: emara360ClientGridMove 24s linear infinite;
}

body.customers.emara360-client-auth-premium:after {
    content: "";
    position: fixed;
    right: -18vw;
    bottom: -30vw;
    width: 62vw;
    height: 62vw;
    border-radius: 999px;
    z-index: 0;
    pointer-events: none;
    background: radial-gradient(circle, rgba(56,189,248,.20), rgba(59,130,246,.11) 38%, transparent 70%);
    filter: blur(12px);
    animation: emara360ClientGlowMove 13s ease-in-out infinite alternate;
}

body.customers.emara360-client-auth-premium .emara360-client-auth-shell {
    position: fixed;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}

body.customers.emara360-client-auth-premium .emara360-client-auth-bg-grid {
    position: absolute;
    inset: -20%;
    opacity: .58;
    background:
        radial-gradient(circle at 25% 30%, rgba(56,189,248,.22), transparent 20%),
        radial-gradient(circle at 72% 62%, rgba(37,99,235,.20), transparent 24%),
        linear-gradient(115deg, transparent 0%, rgba(255,255,255,.055) 48%, transparent 52%);
    animation: emara360ClientAurora 16s ease-in-out infinite alternate;
}

body.customers.emara360-client-auth-premium .emara360-client-auth-orb,
body.customers.emara360-client-auth-premium .emara360-client-auth-radar {
    position: absolute;
    border-radius: 999px;
}

body.customers.emara360-client-auth-premium .emara360-client-auth-orb {
    background: radial-gradient(circle at 30% 25%, rgba(255,255,255,.92), rgba(56,189,248,.40) 24%, rgba(37,99,235,.10) 62%, transparent 74%);
    filter: blur(.2px);
    animation: emara360ClientOrbFloat 9s ease-in-out infinite alternate;
}

body.customers.emara360-client-auth-premium .emara360-client-auth-orb-a {
    width: 150px;
    height: 150px;
    left: 8%;
    top: 10%;
}

body.customers.emara360-client-auth-premium .emara360-client-auth-orb-b {
    width: 96px;
    height: 96px;
    left: 42%;
    top: 20%;
    animation-delay: -2.2s;
}

body.customers.emara360-client-auth-premium .emara360-client-auth-orb-c {
    width: 128px;
    height: 128px;
    left: 34%;
    bottom: 12%;
    animation-delay: -4.4s;
}

body.customers.emara360-client-auth-premium .emara360-client-auth-radar {
    border: 1px solid rgba(56,189,248,.24);
    box-shadow: inset 0 0 70px rgba(56,189,248,.08), 0 0 70px rgba(59,130,246,.13);
}

body.customers.emara360-client-auth-premium .emara360-client-auth-radar-a {
    width: 430px;
    height: 430px;
    left: 7%;
    top: 22%;
    animation: emara360ClientSpin 26s linear infinite;
}

body.customers.emara360-client-auth-premium .emara360-client-auth-radar-b {
    width: 260px;
    height: 260px;
    left: 38%;
    bottom: 5%;
    animation: emara360ClientSpin 18s linear infinite reverse;
}

body.customers.emara360-client-auth-premium .emara360-client-auth-story {
    position: absolute;
    left: clamp(34px, 6vw, 110px);
    top: 50%;
    width: min(47vw, 650px);
    transform: translateY(-50%);
}

body.customers.emara360-client-auth-premium .emara360-client-auth-brand-card {
    width: min(430px, 38vw);
    margin-bottom: 18px;
    padding: 24px 26px;
    border-radius: 30px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.045));
    border: 1px solid rgba(255,255,255,.22);
    box-shadow: 0 30px 80px rgba(2,8,23,.34), inset 0 1px 0 rgba(255,255,255,.22);
    backdrop-filter: blur(18px) saturate(140%);
}

body.customers.emara360-client-auth-premium .emara360-client-auth-logo,
body.customers.emara360-client-auth-premium .emara360-client-auth-logo:hover,
body.customers.emara360-client-auth-premium .emara360-client-auth-logo:focus {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    padding: 0 !important;
    margin: 0 0 15px !important;
    height: auto !important;
    float: none !important;
}

body.customers.emara360-client-auth-premium .emara360-client-auth-logo img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-height: 58px !important;
    max-width: min(260px, 36vw) !important;
    object-fit: contain !important;
    filter: drop-shadow(0 18px 36px rgba(0,0,0,.30)) !important;
}

body.customers.emara360-client-auth-premium .emara360-client-auth-logo-fallback {
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    border-radius: 20px;
    color: #fff;
    font-size: 28px;
    font-weight: 900;
    background: linear-gradient(135deg, #1d4ed8, #38bdf8);
    box-shadow: 0 18px 42px rgba(37,99,235,.34);
}

body.customers.emara360-client-auth-premium .emara360-client-auth-company {
    color: #ffffff;
    font-size: clamp(25px, 2.6vw, 38px);
    line-height: 1;
    font-weight: 950;
    letter-spacing: -.055em;
    text-shadow: 0 18px 44px rgba(0,0,0,.32);
}

body.customers.emara360-client-auth-premium .emara360-client-auth-subtitle {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 12px;
    color: rgba(226,232,240,.88);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .015em;
}

body.customers.emara360-client-auth-premium .emara360-client-auth-subtitle:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #6ee7b7;
    box-shadow: 0 0 0 6px rgba(110,231,183,.12), 0 0 22px rgba(110,231,183,.9);
}

body.customers.emara360-client-auth-premium .emara360-client-auth-impact-card {
    width: min(520px, 43vw);
    padding: 34px;
    border-radius: 38px;
    color: #ffffff;
    background:
        linear-gradient(145deg, rgba(255,255,255,.17), rgba(255,255,255,.055)),
        radial-gradient(circle at 16% 12%, rgba(56,189,248,.24), transparent 28%),
        radial-gradient(circle at 88% 88%, rgba(124,58,237,.17), transparent 32%);
    border: 1px solid rgba(255,255,255,.22);
    box-shadow: 0 44px 110px rgba(2,8,23,.44), inset 0 1px 0 rgba(255,255,255,.26);
    backdrop-filter: blur(20px) saturate(150%);
    animation: emara360ClientCardFloat 7.5s ease-in-out infinite alternate;
}

body.customers.emara360-client-auth-premium .emara360-client-auth-chip {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 13px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .045em;
    text-transform: uppercase;
    color: rgba(255,255,255,.94);
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.18);
}

body.customers.emara360-client-auth-premium .emara360-client-auth-chip span {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: #6ee7b7;
    box-shadow: 0 0 18px rgba(110,231,183,.92);
}

body.customers.emara360-client-auth-premium .emara360-client-auth-impact-card h2 {
    margin: 28px 0 0;
    color: #ffffff;
    font-size: clamp(34px, 4.2vw, 58px);
    line-height: .95;
    font-weight: 950;
    letter-spacing: -.075em;
    text-shadow: 0 22px 55px rgba(0,0,0,.28);
}

body.customers.emara360-client-auth-premium .emara360-client-auth-impact-card p {
    max-width: 430px;
    margin: 18px 0 0;
    color: rgba(226,232,240,.86);
    font-size: 15px;
    line-height: 1.7;
    font-weight: 650;
}

body.customers.emara360-client-auth-premium .emara360-client-auth-feature-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 30px;
}

body.customers.emara360-client-auth-premium .emara360-client-auth-feature-row span {
    min-height: 76px;
    border-radius: 22px;
    padding: 14px 12px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.14);
}

body.customers.emara360-client-auth-premium .emara360-client-auth-feature-row b {
    display: block;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.1;
    font-weight: 950;
}

body.customers.emara360-client-auth-premium .emara360-client-auth-feature-row small {
    display: block;
    margin-top: 8px;
    color: rgba(226,232,240,.74);
    font-size: 10px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .05em;
}

body.customers.emara360-client-auth-premium .emara360-client-auth-scanlines {
    display: flex;
    align-items: end;
    gap: 7px;
    height: 58px;
    margin-top: 28px;
}

body.customers.emara360-client-auth-premium .emara360-client-auth-scanlines i {
    display: block;
    width: 100%;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(56,189,248,.96), rgba(37,99,235,.52));
    box-shadow: 0 0 24px rgba(56,189,248,.34);
    animation: emara360ClientSignal 1.8s ease-in-out infinite alternate;
}

body.customers.emara360-client-auth-premium .emara360-client-auth-scanlines i:nth-child(1) { height: 20px; animation-delay: .04s; }
body.customers.emara360-client-auth-premium .emara360-client-auth-scanlines i:nth-child(2) { height: 42px; animation-delay: .16s; }
body.customers.emara360-client-auth-premium .emara360-client-auth-scanlines i:nth-child(3) { height: 30px; animation-delay: .28s; }
body.customers.emara360-client-auth-premium .emara360-client-auth-scanlines i:nth-child(4) { height: 54px; animation-delay: .40s; }
body.customers.emara360-client-auth-premium .emara360-client-auth-scanlines i:nth-child(5) { height: 36px; animation-delay: .52s; }
body.customers.emara360-client-auth-premium .emara360-client-auth-scanlines i:nth-child(6) { height: 48px; animation-delay: .64s; }

body.customers.emara360-client-auth-premium .container,
body.customers.emara360-client-auth-premium .mtop40 {
    position: relative !important;
    z-index: 6 !important;
}

body.customers.emara360-client-auth-premium .mtop40 {
    margin-top: 0 !important;
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 44px clamp(24px, 7vw, 120px) 44px 52vw !important;
}

body.customers.emara360-client-auth-premium .mtop40 > .text-center,
body.customers.emara360-client-auth-premium .forgot-password-heading {
    display: none !important;
}

body.customers.emara360-client-auth-premium .mtop40 > .col-md-4,
body.customers.emara360-client-auth-premium .container .col-md-4 {
    float: none !important;
    width: min(470px, calc(100vw - 34px)) !important;
    max-width: 470px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.customers.emara360-client-auth-premium .panel_s {
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.48) !important;
    border-radius: 30px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.985), rgba(248,250,252,.94)) !important;
    box-shadow: 0 34px 100px rgba(2,8,23,.42), inset 0 1px 0 rgba(255,255,255,.82) !important;
    backdrop-filter: blur(22px) saturate(145%);
}

body.customers.emara360-client-auth-premium .panel_s .panel-body {
    position: relative !important;
    padding: 34px !important;
}

body.customers.emara360-client-auth-premium .panel_s .panel-body:before {
    content: "Secure Client Login";
    display: block;
    margin: 0 0 8px;
    color: #0f172a;
    font-size: 25px;
    line-height: 1.12;
    font-weight: 950;
    letter-spacing: -.045em;
}

body.customers.emara360-client-auth-premium .panel_s .panel-body:after {
    content: "Protected portal access with the NGINX additional security layer intact.";
    display: block;
    margin: -2px 0 24px;
    color: #64748b;
    font-size: 13px;
    line-height: 1.55;
    font-weight: 750;
}

body.customers.emara360-client-auth-premium .form-group label,
body.customers.emara360-client-auth-premium label.control-label {
    color: #1e293b !important;
    font-weight: 850 !important;
    letter-spacing: -.015em !important;
}

body.customers.emara360-client-auth-premium .form-control,
body.customers.emara360-client-auth-premium .bootstrap-select > .dropdown-toggle {
    min-height: 50px !important;
    border-radius: 17px !important;
    border: 1px solid #dbe6f2 !important;
    background: linear-gradient(180deg, #fbfdff, #f5f9ff) !important;
    color: #0f172a !important;
    font-weight: 750 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.86) !important;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease !important;
}

body.customers.emara360-client-auth-premium .form-control:focus,
body.customers.emara360-client-auth-premium .bootstrap-select.open > .dropdown-toggle {
    border-color: rgba(37,99,235,.86) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 5px rgba(37,99,235,.14), 0 18px 34px rgba(15,23,42,.09) !important;
    transform: translateY(-1px);
}

body.customers.emara360-client-auth-premium .btn.btn-primary {
    min-height: 50px !important;
    border: 0 !important;
    border-radius: 18px !important;
    color: #ffffff !important;
    font-weight: 950 !important;
    letter-spacing: -.015em !important;
    background: linear-gradient(135deg, #104fc2 0%, #2f7cf6 52%, #5b8cff 100%) !important;
    box-shadow: 0 20px 42px rgba(21,91,215,.38), inset 0 1px 0 rgba(255,255,255,.30) !important;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

body.customers.emara360-client-auth-premium .btn.btn-primary:hover,
body.customers.emara360-client-auth-premium .btn.btn-primary:focus {
    transform: translateY(-2px);
    filter: brightness(1.045);
    box-shadow: 0 25px 52px rgba(21,91,215,.48), inset 0 1px 0 rgba(255,255,255,.38) !important;
}

body.customers.emara360-client-auth-premium .btn.btn-default {
    min-height: 48px !important;
    border-radius: 17px !important;
    border: 1px solid #dbe6f2 !important;
    color: #155bd7 !important;
    font-weight: 900 !important;
    background: #ffffff !important;
}

body.customers.emara360-client-auth-premium a {
    color: #155bd7 !important;
    font-weight: 850 !important;
}

body.customers.emara360-client-auth-premium .checkbox label {
    color: #475569 !important;
    font-weight: 750 !important;
}

body.customers.emara360-client-auth-premium .alert {
    border-radius: 17px !important;
    border-width: 1px !important;
}

body.customers.emara360-client-auth-premium .g-recaptcha {
    overflow: hidden !important;
    border-radius: 16px !important;
}

@media (max-width: 991px) {
    body.customers.emara360-client-auth-premium .emara360-client-auth-story {
        display: none !important;
    }

    body.customers.emara360-client-auth-premium .mtop40 {
        justify-content: center !important;
        padding: 34px 17px !important;
    }

    body.customers.emara360-client-auth-premium .mtop40 > .col-md-4,
    body.customers.emara360-client-auth-premium .container .col-md-4 {
        width: min(470px, calc(100vw - 34px)) !important;
    }

    body.customers.emara360-client-auth-premium .panel_s .panel-body {
        padding: 28px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.customers.emara360-client-auth-premium *,
    body.customers.emara360-client-auth-premium:before,
    body.customers.emara360-client-auth-premium:after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
    }
}

@keyframes emara360ClientGridMove {
    0% { background-position: 0 0, 0 0; }
    100% { background-position: 92px 92px, -92px 46px; }
}

@keyframes emara360ClientGlowMove {
    0% { transform: translate3d(0,0,0) scale(.96); opacity: .72; }
    100% { transform: translate3d(-7%, -5%, 0) scale(1.08); opacity: 1; }
}

@keyframes emara360ClientAurora {
    0% { transform: translate3d(-2%, -1%, 0) rotate(-1deg); opacity: .55; }
    100% { transform: translate3d(3%, 2%, 0) rotate(1deg); opacity: .92; }
}

@keyframes emara360ClientOrbFloat {
    0% { transform: translate3d(0,0,0) scale(.95); opacity: .68; }
    100% { transform: translate3d(18px,-22px,0) scale(1.08); opacity: 1; }
}

@keyframes emara360ClientSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes emara360ClientCardFloat {
    0% { transform: translate3d(0,0,0) rotate(-1.1deg); }
    100% { transform: translate3d(14px,-16px,0) rotate(1.1deg); }
}

@keyframes emara360ClientSignal {
    0% { opacity: .46; transform: scaleY(.72); }
    100% { opacity: 1; transform: scaleY(1.08); }
}
/* EMARA360_CLIENT_AUTH_PREMIUM_SECURITY_CSS_V16_1_END */

/* EMARA360_CLIENT_AUTH_REMOVE_NGINX_TEXT_FOOTER_CSS_V16_2_START */
/*
   Strictly scoped to Emara360 customer/client authentication pages only.
   Removes the V16.1 NGINX/security helper text from the login card.
   Hides the client footer only while body has emara360-client-auth-premium.
   No PHP, DB, route, controller, NGINX, header, or login logic changes.
*/

body.customers.emara360-client-auth-premium .panel_s .panel-body:after {
    content: none !important;
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.customers.emara360-client-auth-premium footer,
body.customers.emara360-client-auth-premium .footer,
body.customers.emara360-client-auth-premium .footer-wrapper,
body.customers.emara360-client-auth-premium .customers-footer,
body.customers.emara360-client-auth-premium .main-footer,
body.customers.emara360-client-auth-premium #footer {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}
/* EMARA360_CLIENT_AUTH_REMOVE_NGINX_TEXT_FOOTER_CSS_V16_2_END */

/* EMARA360_CLIENT_AUTH_FOUC_FORGOT_SIZE_FIX_CSS_V16_3_START */
/*
   Strictly scoped to Emara360 customer/client authentication pages only.
   Fixes:
   1) Old client login page flashing for a second by supporting server-rendered auth classes.
   2) Forgot-password card/window width and layout.
   Keeps header/footer hidden only on client auth pages.
   No route, DB, controller, NGINX, login logic, password reset logic, or client portal feature changed.
*/

body.customers.emara360-client-auth-page .navbar.navbar-default.header,
body.customers.emara360-client-auth-page nav.navbar.header,
body.customers.emara360-client-auth-page footer,
body.customers.emara360-client-auth-page .footer,
body.customers.emara360-client-auth-page .footer-wrapper,
body.customers.emara360-client-auth-page .customers-footer,
body.customers.emara360-client-auth-page .main-footer,
body.customers.emara360-client-auth-page #footer {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

body.customers.emara360-client-auth-page .container,
body.customers.emara360-client-auth-page .container-fluid {
    position: relative !important;
    z-index: 6 !important;
}

body.customers.emara360-client-auth-page .mtop40 {
    margin-top: 0 !important;
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 44px clamp(24px, 7vw, 120px) 44px 52vw !important;
}

body.customers.emara360-client-auth-page .mtop40 > .text-center,
body.customers.emara360-client-auth-page .forgot-password-heading,
body.customers.emara360-client-auth-page .forgot-password-heading + p {
    display: none !important;
}

body.customers.emara360-client-auth-page .mtop40 > .col-md-4,
body.customers.emara360-client-auth-page .mtop40 > .col-md-5,
body.customers.emara360-client-auth-page .mtop40 > .col-md-6,
body.customers.emara360-client-auth-page .container .row > .col-md-4,
body.customers.emara360-client-auth-page .container .row > .col-md-5,
body.customers.emara360-client-auth-page .container .row > .col-md-6,
body.customers.emara360-client-auth-page .container .row > [class*="col-md-"] {
    float: none !important;
    width: min(470px, calc(100vw - 34px)) !important;
    max-width: 470px !important;
    min-width: min(470px, calc(100vw - 34px)) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.customers.emara360-client-auth-page .panel_s {
    width: 100% !important;
    max-width: 470px !important;
    min-width: min(470px, calc(100vw - 34px)) !important;
    margin: 0 !important;
}

body.customers.emara360-client-auth-page.emara360-client-auth-forgot .panel_s,
body.customers.emara360-client-auth-page.emara360-client-auth-forgot #forgot-password-form,
body.customers.emara360-client-auth-page.emara360-client-auth-reset .panel_s {
    width: 100% !important;
    max-width: 470px !important;
    min-width: min(470px, calc(100vw - 34px)) !important;
}

body.customers.emara360-client-auth-page.emara360-client-auth-forgot .panel_s .panel-body,
body.customers.emara360-client-auth-page.emara360-client-auth-reset .panel_s .panel-body {
    min-height: 330px !important;
    padding: 38px 34px !important;
}

body.customers.emara360-client-auth-page.emara360-client-auth-forgot .panel_s .panel-body:before {
    content: "Secure Account Recovery" !important;
}

body.customers.emara360-client-auth-page.emara360-client-auth-reset .panel_s .panel-body:before {
    content: "Create Secure Access" !important;
}

body.customers.emara360-client-auth-page .panel_s .panel-body:after {
    content: none !important;
    display: none !important;
}

@media (max-width: 991px) {
    body.customers.emara360-client-auth-page .mtop40 {
        justify-content: center !important;
        padding: 34px 17px !important;
    }

    body.customers.emara360-client-auth-page .mtop40 > .col-md-4,
    body.customers.emara360-client-auth-page .mtop40 > .col-md-5,
    body.customers.emara360-client-auth-page .mtop40 > .col-md-6,
    body.customers.emara360-client-auth-page .container .row > [class*="col-md-"],
    body.customers.emara360-client-auth-page .panel_s {
        width: min(470px, calc(100vw - 34px)) !important;
        max-width: min(470px, calc(100vw - 34px)) !important;
        min-width: 0 !important;
    }

    body.customers.emara360-client-auth-page.emara360-client-auth-forgot .panel_s .panel-body,
    body.customers.emara360-client-auth-page.emara360-client-auth-reset .panel_s .panel-body {
        min-height: 300px !important;
        padding: 30px 28px !important;
    }
}
/* EMARA360_CLIENT_AUTH_FOUC_FORGOT_SIZE_FIX_CSS_V16_3_END */

/* EMARA360_ADMIN_HEADER_FIXED_PROFESSIONAL_CSS_V17_2_START */
/*
   Strictly scoped to Emara360 admin area only.
   Professional fixed two-bar header while scrolling.
   Replaces unreliable sticky behaviour from V17.1.
   CSS-only: no PHP, JS, DB, controller, route, login, customer portal, or NGINX changes.
*/

body:not(.customers):not(.login_admin):not(.authentication) {
    --emara360-fixed-header-height: 56px;
    --emara360-fixed-menu-height: 44px;
    --emara360-fixed-total-offset: 100px;
}

/* First admin header bar */
body:not(.customers):not(.login_admin):not(.authentication) #header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-height: var(--emara360-fixed-header-height) !important;
    z-index: 100500 !important;
    margin: 0 !important;
    transform: translateZ(0);
    will-change: transform;
    box-shadow: 0 10px 24px rgba(2, 8, 23, .20) !important;
    backdrop-filter: blur(16px) saturate(150%);
    -webkit-backdrop-filter: blur(16px) saturate(150%);
}

/* Second grouped admin menu bar */
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav.emara360-admin-topnav {
    position: fixed !important;
    top: var(--emara360-fixed-header-height) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-height: var(--emara360-fixed-menu-height) !important;
    z-index: 100450 !important;
    margin: 0 !important;
    transform: translateZ(0);
    will-change: transform;
    box-shadow: 0 14px 30px rgba(2, 8, 23, .18) !important;
    backdrop-filter: blur(16px) saturate(150%);
    -webkit-backdrop-filter: blur(16px) saturate(150%);
}

/* Prevent content from sitting underneath the fixed two-bar header. */
body:not(.customers):not(.login_admin):not(.authentication) #wrapper,
body:not(.customers):not(.login_admin):not(.authentication) #content {
    padding-top: var(--emara360-fixed-total-offset) !important;
}

/*
   Some Perfex pages place their main content inside #wrapper > .content.
   Avoid double spacing when #content already receives the offset.
*/
body:not(.customers):not(.login_admin):not(.authentication) #wrapper #content {
    padding-top: 0 !important;
}

/* Keep dropdowns above content and above charts/tables/modals that may use high z-index. */
body:not(.customers):not(.login_admin):not(.authentication) #header .dropdown-menu,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .dropdown-menu,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-mega {
    z-index: 100800 !important;
}

/* Keep admin page anchors/focus targets visible below the fixed bars. */
body:not(.customers):not(.login_admin):not(.authentication) [id] {
    scroll-margin-top: calc(var(--emara360-fixed-total-offset) + 16px);
}

/* Compatibility for pages using Bootstrap affix/sticky/filter bars below header. */
body:not(.customers):not(.login_admin):not(.authentication) .content,
body:not(.customers):not(.login_admin):not(.authentication) .main-content {
    scroll-margin-top: calc(var(--emara360-fixed-total-offset) + 16px);
}

@media (max-width: 991px) {
    body:not(.customers):not(.login_admin):not(.authentication) {
        --emara360-fixed-header-height: 52px;
        --emara360-fixed-menu-height: 46px;
        --emara360-fixed-total-offset: 98px;
    }

    body:not(.customers):not(.login_admin):not(.authentication) #wrapper,
    body:not(.customers):not(.login_admin):not(.authentication) #content {
        padding-top: var(--emara360-fixed-total-offset) !important;
    }

    body:not(.customers):not(.login_admin):not(.authentication) #wrapper #content {
        padding-top: 0 !important;
    }
}

@media (max-width: 767px) {
    body:not(.customers):not(.login_admin):not(.authentication) {
        --emara360-fixed-header-height: 50px;
        --emara360-fixed-menu-height: 48px;
        --emara360-fixed-total-offset: 98px;
    }

    body:not(.customers):not(.login_admin):not(.authentication) #header,
    body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav.emara360-admin-topnav {
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
    }
}
/* EMARA360_ADMIN_HEADER_FIXED_PROFESSIONAL_CSS_V17_2_END */

/* EMARA360_TOPBAR_LEADS_NON_COMPLETED_BADGE_CSS_V18_1_START */
/*
   Strictly scoped to Emara360 admin topbar leads badge only.
   No client login, customer portal, header layout, DB, controller, route, or NGINX changes.
*/

body:not(.customers) .emara360-portal-leads-topbar > a {
    position: relative !important;
    min-width: 34px !important;
    height: 34px !important;
    border-radius: 14px !important;
    color: rgba(255,255,255,.96) !important;
    text-decoration: none !important;
    transition: background .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

body:not(.customers) .emara360-portal-leads-topbar > a:hover,
body:not(.customers) .emara360-portal-leads-topbar > a:focus {
    background: rgba(255,255,255,.13) !important;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(2,8,23,.18) !important;
}

body:not(.customers) .emara360-portal-leads-topbar i {
    font-size: 16px !important;
    line-height: 1 !important;
}

body:not(.customers) .emara360-portal-leads-topbar-count {
    font-weight: 900 !important;
    border: 2px solid rgba(255,255,255,.95) !important;
    box-shadow: 0 8px 18px rgba(220,38,38,.34) !important;
}

body:not(.customers) .emara360-portal-leads-topbar-count.hide {
    display: none !important;
}
/* EMARA360_TOPBAR_LEADS_NON_COMPLETED_BADGE_CSS_V18_1_END */

/* EMARA360_MODAL_ABOVE_FIXED_HEADER_CSS_V19_START */
/*
   Strict scoped fix:
   Keep the fixed Emara360 two-bar admin header working during normal scrolling,
   but when any Bootstrap/Perfex popup is open, force the popup/backdrop above
   the fixed header and second menu bar.
   CSS-only. No PHP, JS, DB, controller, route, module, or customer portal changes.
*/

body:not(.customers):not(.login_admin):not(.authentication).modal-open .modal-backdrop {
    z-index: 101000 !important;
}

body:not(.customers):not(.login_admin):not(.authentication).modal-open .modal {
    z-index: 101050 !important;
}

/* Prevent fixed header/menu/dropdowns from sitting above active popups. */
body:not(.customers):not(.login_admin):not(.authentication).modal-open #header,
body:not(.customers):not(.login_admin):not(.authentication).modal-open #emara360-admin-topnav.emara360-admin-topnav,
body:not(.customers):not(.login_admin):not(.authentication).modal-open #header .dropdown-menu,
body:not(.customers):not(.login_admin):not(.authentication).modal-open #emara360-admin-topnav .dropdown-menu,
body:not(.customers):not(.login_admin):not(.authentication).modal-open #emara360-admin-topnav .emara360-admin-topnav-mega {
    z-index: 100000 !important;
}
/* EMARA360_MODAL_ABOVE_FIXED_HEADER_CSS_V19_END */


/* EMARA360_WINDOWS_EXPLORER_FLYOUT_MENU_V1_START */
@media (hover: hover) and (pointer: fine) and (min-width: 992px) {
    #emara360-admin-topnav .emara360-admin-topnav-mega {
        overflow: visible !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega-grid,
    #emara360-admin-topnav .emara360-admin-topnav-card {
        position: relative !important;
        overflow: visible !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children > .emara360-admin-topnav-card-main {
        cursor: default !important;
        border-bottom: 0 !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-flyout-caret {
        margin-left: auto !important;
        width: 22px !important;
        height: 22px !important;
        border-radius: 999px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: rgba(255, 255, 255, .14) !important;
        color: #ffffff !important;
        transition: transform .16s ease, background .16s ease !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-flyout-caret i {
        color: #ffffff !important;
        font-size: 12px !important;
        line-height: 1 !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:hover > .emara360-admin-topnav-card-main .emara360-admin-topnav-flyout-caret,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:focus-within > .emara360-admin-topnav-card-main .emara360-admin-topnav-flyout-caret {
        transform: translateX(2px) !important;
        background: rgba(255, 255, 255, .24) !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children > .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel {
        position: absolute !important;
        top: 0 !important;
        left: calc(100% + 10px) !important;
        right: auto !important;
        z-index: 1000001 !important;
        width: min(310px, calc(100vw - 36px)) !important;
        min-width: 255px !important;
        padding: 8px !important;
        border-radius: 16px !important;
        border: 1px solid rgba(21, 87, 166, .16) !important;
        background: #ffffff !important;
        box-shadow: 0 24px 70px rgba(11, 45, 95, .24) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateX(-6px) !important;
        transition: opacity .14s ease, transform .14s ease, visibility .14s ease !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children.emara360-flyout-left > .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel {
        left: auto !important;
        right: calc(100% + 10px) !important;
        transform: translateX(6px) !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:hover > .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:focus-within > .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateX(0) !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children > .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel:before {
        content: "";
        position: absolute;
        top: 16px;
        left: -6px;
        width: 12px;
        height: 12px;
        background: #ffffff;
        border-left: 1px solid rgba(21, 87, 166, .16);
        border-bottom: 1px solid rgba(21, 87, 166, .16);
        transform: rotate(45deg);
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children.emara360-flyout-left > .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel:before {
        left: auto;
        right: -6px;
        border-left: 0;
        border-bottom: 0;
        border-right: 1px solid rgba(21, 87, 166, .16);
        border-top: 1px solid rgba(21, 87, 166, .16);
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children > .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child {
        position: relative !important;
        z-index: 1 !important;
        min-height: 36px !important;
        border-radius: 11px !important;
        background: #ffffff !important;
    }
}

@media (hover: none), (pointer: coarse), (max-width: 991px) {
    #emara360-admin-topnav .emara360-admin-topnav-flyout-caret {
        display: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel {
        position: static !important;
        width: auto !important;
        min-width: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        box-shadow: none !important;
        border: 0 !important;
        max-height: none !important;
    }
}
/* EMARA360_WINDOWS_EXPLORER_FLYOUT_MENU_V1_END */


/* EMARA360_WINDOWS_EXPLORER_FLYOUT_HOVER_BRIDGE_V1_START */
/*
 * Keeps Windows Explorer-style side flyouts open while the cursor travels
 * from the parent heading to the right/left child panel.
 */
@media (hover: hover) and (pointer: fine) and (min-width: 992px) {
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children {
        position: relative !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:after {
        content: "" !important;
        position: absolute !important;
        top: -10px !important;
        left: 100% !important;
        width: 22px !important;
        height: 460px !important;
        z-index: 1000000 !important;
        background: transparent !important;
        pointer-events: auto !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children.emara360-flyout-left:after {
        left: auto !important;
        right: 100% !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children > .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel {
        left: calc(100% + 2px) !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children.emara360-flyout-left > .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel {
        left: auto !important;
        right: calc(100% + 2px) !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children > .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel:before {
        left: -4px !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children.emara360-flyout-left > .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel:before {
        left: auto !important;
        right: -4px !important;
    }
}
/* EMARA360_WINDOWS_EXPLORER_FLYOUT_HOVER_BRIDGE_V1_END */


/* EMARA360_WINDOWS_EXPLORER_FLYOUT_SLEEK_REFINE_V1_START */
/*
 * Scoped refinement for Emara360 top navigation flyouts.
 * Goal: no side gap, no dark hover state, sleek Windows Explorer-style child panels.
 */
@media (hover: hover) and (pointer: fine) and (min-width: 992px) {
    /* Remove the visible side gap completely */
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children > .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel {
        left: 100% !important;
        margin-left: 0 !important;
        top: -4px !important;
        width: 292px !important;
        min-width: 260px !important;
        padding: 5px !important;
        border-radius: 7px !important;
        border: 1px solid #d6e3f3 !important;
        background: #ffffff !important;
        box-shadow: 0 10px 28px rgba(15, 43, 79, .14) !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children.emara360-flyout-left > .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel {
        left: auto !important;
        right: 100% !important;
        margin-right: 0 !important;
    }

    /* Remove dark arrow bubble; keep a simple Explorer-like chevron */
    #emara360-admin-topnav .emara360-admin-topnav-flyout-caret {
        background: transparent !important;
        color: #6f7f91 !important;
        width: 14px !important;
        height: 18px !important;
        margin-left: auto !important;
        border-radius: 0 !important;
        transform: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-flyout-caret i {
        color: #6f7f91 !important;
        font-size: 12px !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:hover > .emara360-admin-topnav-card-main .emara360-admin-topnav-flyout-caret,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:focus-within > .emara360-admin-topnav-card-main .emara360-admin-topnav-flyout-caret {
        background: transparent !important;
        color: #375f93 !important;
        transform: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:hover > .emara360-admin-topnav-card-main .emara360-admin-topnav-flyout-caret i,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:focus-within > .emara360-admin-topnav-card-main .emara360-admin-topnav-flyout-caret i {
        color: #375f93 !important;
    }

    /* Remove the old pointer notch so there is no visual gap */
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children > .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel:before {
        display: none !important;
        content: none !important;
    }

    /* Parent heading hover: light Explorer-style selection, not dark */
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:hover > .emara360-admin-topnav-card-main,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:focus-within > .emara360-admin-topnav-card-main {
        background: #eef6ff !important;
        color: #14375f !important;
        border-color: #c9ddf5 !important;
        box-shadow: inset 0 0 0 1px #dbeafc !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:hover > .emara360-admin-topnav-card-main i,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:focus-within > .emara360-admin-topnav-card-main i,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:hover > .emara360-admin-topnav-card-main span,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:focus-within > .emara360-admin-topnav-card-main span {
        color: #14375f !important;
    }

    /* Child rows: compact and sleek */
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child {
        display: flex !important;
        align-items: center !important;
        min-height: 30px !important;
        padding: 6px 9px !important;
        margin: 1px 0 !important;
        border-radius: 5px !important;
        background: #ffffff !important;
        color: #1f334a !important;
        border: 1px solid transparent !important;
        box-shadow: none !important;
        font-size: 12.5px !important;
        line-height: 1.25 !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child i {
        color: #5f7590 !important;
        font-size: 13px !important;
        width: 18px !important;
        min-width: 18px !important;
        text-align: center !important;
        margin-right: 7px !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child span,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child small {
        color: #1f334a !important;
    }

    /* Child hover: Windows Explorer light selection, never dark */
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child:hover,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child:focus {
        background: #eaf4ff !important;
        color: #123b66 !important;
        border-color: #b9d7f8 !important;
        box-shadow: inset 0 0 0 1px #d9ebff !important;
        text-decoration: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child:hover i,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child:focus i,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child:hover span,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child:focus span,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child:hover small,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child:focus small {
        color: #123b66 !important;
    }

    /* Keep hover bridge, but make it invisible and flush with the panel */
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:after {
        left: 100% !important;
        width: 6px !important;
        top: -6px !important;
        height: calc(100% + 12px) !important;
        background: transparent !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children.emara360-flyout-left:after {
        left: auto !important;
        right: 100% !important;
    }
}
/* EMARA360_WINDOWS_EXPLORER_FLYOUT_SLEEK_REFINE_V1_END */


/* EMARA360_WINDOWS_EXPLORER_FLYOUT_COMPACT_ROWS_V2_START */
/*
 * Final compact Windows Explorer-style refinement.
 * Keeps menu white by default, removes blue tab fill, and only highlights the hovered row.
 */
@media (hover: hover) and (pointer: fine) and (min-width: 992px) {
    /* Main parent rows/cards: compact, white, no default blue fill */
    #emara360-admin-topnav .emara360-admin-topnav-card,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children {
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
        border-radius: 4px !important;
        box-shadow: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-main {
        min-height: 26px !important;
        height: auto !important;
        padding: 4px 7px !important;
        margin: 0 !important;
        border-radius: 4px !important;
        background: #ffffff !important;
        color: #1f334a !important;
        border: 1px solid transparent !important;
        box-shadow: none !important;
        font-size: 12px !important;
        line-height: 1.15 !important;
        gap: 6px !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-main i,
    #emara360-admin-topnav .emara360-admin-topnav-card-main span,
    #emara360-admin-topnav .emara360-admin-topnav-card-main small {
        color: #1f334a !important;
        font-size: 12px !important;
        line-height: 1.15 !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-main i {
        width: 15px !important;
        min-width: 15px !important;
        margin-right: 4px !important;
        text-align: center !important;
        color: #5e7188 !important;
    }

    /* Parent hover only: light-blue selection, not solid blue */
    #emara360-admin-topnav .emara360-admin-topnav-card:hover > .emara360-admin-topnav-card-main,
    #emara360-admin-topnav .emara360-admin-topnav-card:focus-within > .emara360-admin-topnav-card-main,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:hover > .emara360-admin-topnav-card-main,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:focus-within > .emara360-admin-topnav-card-main {
        background: #eaf4ff !important;
        color: #123b66 !important;
        border-color: #b9d7f8 !important;
        box-shadow: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card:hover > .emara360-admin-topnav-card-main i,
    #emara360-admin-topnav .emara360-admin-topnav-card:focus-within > .emara360-admin-topnav-card-main i,
    #emara360-admin-topnav .emara360-admin-topnav-card:hover > .emara360-admin-topnav-card-main span,
    #emara360-admin-topnav .emara360-admin-topnav-card:focus-within > .emara360-admin-topnav-card-main span,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:hover > .emara360-admin-topnav-card-main i,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:focus-within > .emara360-admin-topnav-card-main i,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:hover > .emara360-admin-topnav-card-main span,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:focus-within > .emara360-admin-topnav-card-main span {
        color: #123b66 !important;
    }

    /* Side flyout panel: shorter padding and cleaner density */
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children > .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel {
        top: -2px !important;
        left: 100% !important;
        width: 265px !important;
        min-width: 245px !important;
        padding: 3px !important;
        border-radius: 6px !important;
        border: 1px solid #d7e1ef !important;
        background: #ffffff !important;
        box-shadow: 0 8px 22px rgba(15, 43, 79, .13) !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children.emara360-flyout-left > .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel {
        left: auto !important;
        right: 100% !important;
    }

    /* Child option rows: compact enough to show more options */
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child {
        min-height: 23px !important;
        height: auto !important;
        padding: 3px 7px !important;
        margin: 0 !important;
        border-radius: 4px !important;
        background: #ffffff !important;
        color: #1f334a !important;
        border: 1px solid transparent !important;
        box-shadow: none !important;
        font-size: 11.8px !important;
        line-height: 1.15 !important;
        gap: 5px !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child i {
        width: 14px !important;
        min-width: 14px !important;
        margin-right: 4px !important;
        font-size: 11.5px !important;
        color: #5e7188 !important;
        text-align: center !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child span,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child small {
        color: #1f334a !important;
        font-size: 11.8px !important;
        line-height: 1.15 !important;
    }

    /* Child hover only: light-blue Windows Explorer highlight */
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child:hover,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child:focus {
        background: #eaf4ff !important;
        color: #123b66 !important;
        border-color: #b9d7f8 !important;
        box-shadow: none !important;
        text-decoration: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child:hover i,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child:focus i,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child:hover span,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child:focus span,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child:hover small,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child:focus small {
        color: #123b66 !important;
    }

    /* Chevron: plain and compact */
    #emara360-admin-topnav .emara360-admin-topnav-flyout-caret {
        width: 11px !important;
        height: 14px !important;
        margin-left: auto !important;
        background: transparent !important;
        color: #6f7f91 !important;
        border-radius: 0 !important;
        transform: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-flyout-caret i {
        font-size: 10.5px !important;
        color: #6f7f91 !important;
    }

    /* Outer dropdown grid compactness */
    #emara360-admin-topnav .emara360-admin-topnav-mega-grid {
        gap: 2px !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega {
        padding: 5px !important;
    }
}
/* EMARA360_WINDOWS_EXPLORER_FLYOUT_COMPACT_ROWS_V2_END */


/* EMARA360_TRUE_WINDOWS_EXPLORER_DROPDOWN_V3_START */
/*
 * Final compact dropdown style:
 * - white rows by default
 * - no large blue cards
 * - minimal gaps
 * - Windows Explorer-style light-blue hover only
 */
@media (min-width: 992px) {
    #emara360-admin-topnav .emara360-admin-topnav-mega.dropdown-menu,
    #emara360-admin-topnav .emara360-admin-topnav-mega {
        width: 360px !important;
        min-width: 360px !important;
        max-width: 360px !important;
        max-height: calc(100vh - 96px) !important;
        overflow-y: auto !important;
        overflow-x: visible !important;
        margin-top: 2px !important;
        padding: 3px !important;
        border-radius: 4px !important;
        border: 1px solid #cfd8e3 !important;
        background: #ffffff !important;
        background-image: none !important;
        box-shadow: 0 8px 22px rgba(15, 43, 79, .14) !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega:before {
        display: none !important;
        content: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega-head {
        position: static !important;
        min-height: 24px !important;
        padding: 4px 7px !important;
        margin: 0 0 2px 0 !important;
        border-radius: 3px !important;
        border: 0 !important;
        background: #ffffff !important;
        background-image: none !important;
        color: #1f2937 !important;
        box-shadow: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega-head span,
    #emara360-admin-topnav .emara360-admin-topnav-mega-head span i,
    #emara360-admin-topnav .emara360-admin-topnav-mega-head small {
        color: #1f2937 !important;
        font-size: 11.5px !important;
        line-height: 1.1 !important;
        font-weight: 700 !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega-head small {
        opacity: .72 !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega-grid {
        display: block !important;
        grid-template-columns: none !important;
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        background: #ffffff !important;
        background-image: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card,
    #emara360-admin-topnav .emara360-admin-topnav-card.menu-item-staff,
    #emara360-admin-topnav .emara360-admin-topnav-card.menu-item-customers,
    #emara360-admin-topnav .emara360-admin-topnav-card.menu-item-support,
    #emara360-admin-topnav .emara360-admin-topnav-card.menu-item-leads,
    #emara360-admin-topnav .emara360-admin-topnav-card.menu-item-finance,
    #emara360-admin-topnav .emara360-admin-topnav-card.menu-item-contracts,
    #emara360-admin-topnav .emara360-admin-topnav-card.menu-item-estimate_request,
    #emara360-admin-topnav .emara360-admin-topnav-card.menu-item-modules,
    #emara360-admin-topnav .emara360-admin-topnav-card.menu-item-email_templates,
    #emara360-admin-topnav .emara360-admin-topnav-card.menu-item-custom_fields,
    #emara360-admin-topnav .emara360-admin-topnav-card.menu-item-gdpr,
    #emara360-admin-topnav .emara360-admin-topnav-card.menu-item-roles,
    #emara360-admin-topnav .emara360-admin-topnav-card.menu-item-second_header_menu,
    #emara360-admin-topnav .emara360-admin-topnav-card.menu-item-menu_setup,
    #emara360-admin-topnav .emara360-admin-topnav-card.menu-item-theme_style,
    #emara360-admin-topnav .emara360-admin-topnav-card.menu-item-settings {
        display: block !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        border: 0 !important;
        background: #ffffff !important;
        background-image: none !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card > .emara360-admin-topnav-card-main,
    #emara360-admin-topnav .emara360-admin-topnav-card-main,
    #emara360-admin-topnav a.emara360-admin-topnav-card-main {
        display: flex !important;
        align-items: center !important;
        min-height: 22px !important;
        height: 22px !important;
        padding: 2px 6px !important;
        margin: 0 !important;
        gap: 5px !important;
        border-radius: 2px !important;
        border: 1px solid transparent !important;
        border-bottom: 0 !important;
        background: #ffffff !important;
        background-image: none !important;
        color: #111827 !important;
        box-shadow: none !important;
        text-decoration: none !important;
        font-size: 11.5px !important;
        line-height: 1 !important;
        font-weight: 600 !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card > .emara360-admin-topnav-card-main:hover,
    #emara360-admin-topnav .emara360-admin-topnav-card > .emara360-admin-topnav-card-main:focus,
    #emara360-admin-topnav .emara360-admin-topnav-card:hover > .emara360-admin-topnav-card-main,
    #emara360-admin-topnav .emara360-admin-topnav-card:focus-within > .emara360-admin-topnav-card-main,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:hover > .emara360-admin-topnav-card-main,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:focus-within > .emara360-admin-topnav-card-main {
        background: #e5f3ff !important;
        background-image: none !important;
        color: #111827 !important;
        border-color: #b8d8f6 !important;
        box-shadow: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-icon {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        flex: 0 0 16px !important;
        margin: 0 3px 0 0 !important;
        border-radius: 2px !important;
        background: transparent !important;
        background-image: none !important;
        color: #374151 !important;
        box-shadow: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-icon i,
    #emara360-admin-topnav .emara360-admin-topnav-card-main i,
    #emara360-admin-topnav .emara360-admin-topnav-card-main span,
    #emara360-admin-topnav .emara360-admin-topnav-card-title {
        color: #111827 !important;
        font-size: 11.5px !important;
        line-height: 1 !important;
        font-weight: 600 !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-title {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-flyout-caret {
        width: 12px !important;
        height: 12px !important;
        min-width: 12px !important;
        margin-left: auto !important;
        background: transparent !important;
        background-image: none !important;
        color: #374151 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        transform: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-flyout-caret i {
        color: #374151 !important;
        font-size: 10px !important;
        line-height: 1 !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-children {
        padding: 0 !important;
        margin: 0 !important;
        background: #ffffff !important;
        background-image: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children > .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel {
        top: -3px !important;
        left: 100% !important;
        width: 245px !important;
        min-width: 245px !important;
        max-width: 245px !important;
        padding: 3px !important;
        margin: 0 !important;
        border-radius: 4px !important;
        border: 1px solid #cfd8e3 !important;
        background: #ffffff !important;
        background-image: none !important;
        box-shadow: 0 8px 20px rgba(15, 43, 79, .14) !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children.emara360-flyout-left > .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel {
        left: auto !important;
        right: 100% !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-child,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child {
        display: flex !important;
        align-items: center !important;
        min-height: 21px !important;
        height: 21px !important;
        padding: 2px 6px !important;
        margin: 0 !important;
        gap: 5px !important;
        border-radius: 2px !important;
        border: 1px solid transparent !important;
        background: #ffffff !important;
        background-image: none !important;
        color: #111827 !important;
        box-shadow: none !important;
        text-decoration: none !important;
        font-size: 11.5px !important;
        line-height: 1 !important;
        font-weight: 600 !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-child i,
    #emara360-admin-topnav .emara360-admin-topnav-child span,
    #emara360-admin-topnav .emara360-admin-topnav-child small,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child i,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child span,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child small {
        color: #111827 !important;
        font-size: 11.5px !important;
        line-height: 1 !important;
        font-weight: 600 !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-child i,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child i {
        width: 14px !important;
        min-width: 14px !important;
        margin-right: 3px !important;
        text-align: center !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-child:hover,
    #emara360-admin-topnav .emara360-admin-topnav-child:focus,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child:hover,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child:focus {
        background: #e5f3ff !important;
        background-image: none !important;
        color: #111827 !important;
        border-color: #b8d8f6 !important;
        box-shadow: none !important;
        text-decoration: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-badge,
    #emara360-admin-topnav .emara360-admin-topnav-child-badge {
        min-height: 14px !important;
        height: 14px !important;
        padding: 0 4px !important;
        font-size: 9px !important;
        line-height: 14px !important;
        border-radius: 2px !important;
    }
}
/* EMARA360_TRUE_WINDOWS_EXPLORER_DROPDOWN_V3_END */


/* EMARA360_WINDOWS_EXPLORER_DROPDOWN_V4_NO_SCROLLBARS_START */
/*
 * Corrective refinement after V3:
 * - V3 was too compressed and introduced scrollbars.
 * - This keeps the Windows Explorer feel but restores readable row height.
 * - No visible scrollbars in parent dropdowns or side flyouts.
 */
@media (min-width: 992px) {
    #emara360-admin-topnav .emara360-admin-topnav-mega.dropdown-menu,
    #emara360-admin-topnav .emara360-admin-topnav-mega {
        width: 430px !important;
        min-width: 430px !important;
        max-width: 430px !important;
        max-height: none !important;
        height: auto !important;
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        margin-top: 0 !important;
        padding: 5px !important;
        border-radius: 5px !important;
        border: 1px solid #cfd8e3 !important;
        background: #ffffff !important;
        background-image: none !important;
        box-shadow: 0 10px 28px rgba(15, 43, 79, .15) !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega.dropdown-menu::-webkit-scrollbar,
    #emara360-admin-topnav .emara360-admin-topnav-mega::-webkit-scrollbar,
    #emara360-admin-topnav .emara360-admin-topnav-flyout-panel::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        display: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega-head {
        min-height: 28px !important;
        height: 28px !important;
        padding: 5px 8px !important;
        margin: 0 0 4px 0 !important;
        border-radius: 3px !important;
        background: #ffffff !important;
        background-image: none !important;
        color: #111827 !important;
        border-bottom: 1px solid #edf1f6 !important;
        box-shadow: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega-head span,
    #emara360-admin-topnav .emara360-admin-topnav-mega-head span i,
    #emara360-admin-topnav .emara360-admin-topnav-mega-head small {
        color: #111827 !important;
        font-size: 12.5px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega-head small {
        color: #4b5563 !important;
        font-weight: 600 !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega-grid {
        display: block !important;
        grid-template-columns: none !important;
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        background: #ffffff !important;
        background-image: none !important;
        overflow: visible !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children {
        display: block !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        background-image: none !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card > .emara360-admin-topnav-card-main,
    #emara360-admin-topnav .emara360-admin-topnav-card-main,
    #emara360-admin-topnav a.emara360-admin-topnav-card-main {
        display: flex !important;
        align-items: center !important;
        min-height: 28px !important;
        height: 28px !important;
        padding: 5px 8px !important;
        margin: 0 !important;
        gap: 7px !important;
        border-radius: 3px !important;
        border: 1px solid transparent !important;
        background: #ffffff !important;
        background-image: none !important;
        color: #111827 !important;
        opacity: 1 !important;
        visibility: visible !important;
        box-shadow: none !important;
        text-decoration: none !important;
        font-size: 12.5px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-icon {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        flex: 0 0 18px !important;
        margin: 0 4px 0 0 !important;
        border-radius: 3px !important;
        background: transparent !important;
        background-image: none !important;
        color: #374151 !important;
        opacity: 1 !important;
        visibility: visible !important;
        box-shadow: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-icon i,
    #emara360-admin-topnav .emara360-admin-topnav-card-main i,
    #emara360-admin-topnav .emara360-admin-topnav-card-main span,
    #emara360-admin-topnav .emara360-admin-topnav-card-title {
        color: #111827 !important;
        opacity: 1 !important;
        visibility: visible !important;
        font-size: 12.5px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;
        text-shadow: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-main:hover,
    #emara360-admin-topnav .emara360-admin-topnav-card-main:focus,
    #emara360-admin-topnav .emara360-admin-topnav-card:hover > .emara360-admin-topnav-card-main,
    #emara360-admin-topnav .emara360-admin-topnav-card:focus-within > .emara360-admin-topnav-card-main,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:hover > .emara360-admin-topnav-card-main,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:focus-within > .emara360-admin-topnav-card-main {
        background: #e5f3ff !important;
        background-image: none !important;
        color: #111827 !important;
        border-color: #b8d8f6 !important;
        box-shadow: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-main:hover i,
    #emara360-admin-topnav .emara360-admin-topnav-card-main:hover span,
    #emara360-admin-topnav .emara360-admin-topnav-card:hover > .emara360-admin-topnav-card-main i,
    #emara360-admin-topnav .emara360-admin-topnav-card:hover > .emara360-admin-topnav-card-main span,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:hover > .emara360-admin-topnav-card-main i,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:hover > .emara360-admin-topnav-card-main span {
        color: #111827 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-flyout-caret {
        width: 14px !important;
        height: 14px !important;
        min-width: 14px !important;
        margin-left: auto !important;
        background: transparent !important;
        background-image: none !important;
        color: #374151 !important;
        opacity: 1 !important;
        visibility: visible !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        transform: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-flyout-caret i {
        color: #374151 !important;
        font-size: 11px !important;
        line-height: 1 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-children,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel {
        background: #ffffff !important;
        background-image: none !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children > .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel {
        top: -5px !important;
        left: 100% !important;
        width: 285px !important;
        min-width: 285px !important;
        max-width: 285px !important;
        max-height: none !important;
        height: auto !important;
        padding: 5px !important;
        margin: 0 !important;
        border-radius: 5px !important;
        border: 1px solid #cfd8e3 !important;
        background: #ffffff !important;
        background-image: none !important;
        box-shadow: 0 10px 24px rgba(15, 43, 79, .15) !important;
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children.emara360-flyout-left > .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel {
        left: auto !important;
        right: 100% !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-child,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child {
        display: flex !important;
        align-items: center !important;
        min-height: 27px !important;
        height: 27px !important;
        padding: 5px 8px !important;
        margin: 0 !important;
        gap: 7px !important;
        border-radius: 3px !important;
        border: 1px solid transparent !important;
        background: #ffffff !important;
        background-image: none !important;
        color: #111827 !important;
        opacity: 1 !important;
        visibility: visible !important;
        box-shadow: none !important;
        text-decoration: none !important;
        font-size: 12.5px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;
        text-shadow: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-child i,
    #emara360-admin-topnav .emara360-admin-topnav-child span,
    #emara360-admin-topnav .emara360-admin-topnav-child small,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child i,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child span,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child small {
        color: #111827 !important;
        opacity: 1 !important;
        visibility: visible !important;
        font-size: 12.5px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;
        text-shadow: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-child i,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child i {
        width: 16px !important;
        min-width: 16px !important;
        margin-right: 4px !important;
        text-align: center !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-child:hover,
    #emara360-admin-topnav .emara360-admin-topnav-child:focus,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child:hover,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child:focus {
        background: #e5f3ff !important;
        background-image: none !important;
        color: #111827 !important;
        border-color: #b8d8f6 !important;
        box-shadow: none !important;
        text-decoration: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-child:hover i,
    #emara360-admin-topnav .emara360-admin-topnav-child:hover span,
    #emara360-admin-topnav .emara360-admin-topnav-child:hover small,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child:hover i,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child:hover span,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child:hover small {
        color: #111827 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-badge,
    #emara360-admin-topnav .emara360-admin-topnav-child-badge {
        min-height: 16px !important;
        height: 16px !important;
        padding: 0 5px !important;
        font-size: 10px !important;
        line-height: 16px !important;
        border-radius: 3px !important;
    }
}
/* EMARA360_WINDOWS_EXPLORER_DROPDOWN_V4_NO_SCROLLBARS_END */


/* EMARA360_WINDOWS_EXPLORER_TEXT_VISIBLE_V5_START */
/*
 * Scoped corrective layer:
 * Forces menu labels/icons visible in normal state.
 * Previous layers made some labels appear only while hovered.
 */
@media (min-width: 992px) {
    #emara360-admin-topnav .emara360-admin-topnav-mega,
    #emara360-admin-topnav .emara360-admin-topnav-mega *,
    #emara360-admin-topnav .emara360-admin-topnav-card,
    #emara360-admin-topnav .emara360-admin-topnav-card *,
    #emara360-admin-topnav .emara360-admin-topnav-card-main,
    #emara360-admin-topnav .emara360-admin-topnav-card-main *,
    #emara360-admin-topnav .emara360-admin-topnav-child,
    #emara360-admin-topnav .emara360-admin-topnav-child *,
    #emara360-admin-topnav .emara360-admin-topnav-card-title,
    #emara360-admin-topnav .emara360-admin-topnav-child-title,
    #emara360-admin-topnav .emara360-admin-topnav-flyout-caret,
    #emara360-admin-topnav .emara360-admin-topnav-flyout-caret * {
        opacity: 1 !important;
        visibility: visible !important;
        text-indent: 0 !important;
        text-shadow: none !important;
        -webkit-text-fill-color: #111827 !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega.dropdown-menu,
    #emara360-admin-topnav .emara360-admin-topnav-mega {
        width: 430px !important;
        min-width: 430px !important;
        max-width: 430px !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        margin-top: 0 !important;
        padding: 5px !important;
        border-radius: 5px !important;
        border: 1px solid #cfd8e3 !important;
        background: #ffffff !important;
        background-image: none !important;
        box-shadow: 0 10px 28px rgba(15, 43, 79, .15) !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega::-webkit-scrollbar,
    #emara360-admin-topnav .emara360-admin-topnav-flyout-panel::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        display: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega-grid {
        display: block !important;
        grid-template-columns: none !important;
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        background: #ffffff !important;
        background-image: none !important;
        overflow: visible !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega-head {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        min-height: 30px !important;
        height: 30px !important;
        padding: 6px 9px !important;
        margin: 0 0 4px 0 !important;
        border-radius: 3px !important;
        border-bottom: 1px solid #edf1f6 !important;
        background: #ffffff !important;
        background-image: none !important;
        color: #111827 !important;
        box-shadow: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega-head,
    #emara360-admin-topnav .emara360-admin-topnav-mega-head span,
    #emara360-admin-topnav .emara360-admin-topnav-mega-head small,
    #emara360-admin-topnav .emara360-admin-topnav-mega-head i {
        color: #111827 !important;
        -webkit-text-fill-color: #111827 !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-mega-head small {
        color: #4b5563 !important;
        -webkit-text-fill-color: #4b5563 !important;
        font-weight: 600 !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children {
        display: block !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        background-image: none !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card > .emara360-admin-topnav-card-main,
    #emara360-admin-topnav .emara360-admin-topnav-card-main,
    #emara360-admin-topnav a.emara360-admin-topnav-card-main,
    #emara360-admin-topnav .emara360-admin-topnav-child,
    #emara360-admin-topnav .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel .emara360-admin-topnav-child {
        display: flex !important;
        align-items: center !important;
        min-height: 29px !important;
        height: 29px !important;
        padding: 5px 9px !important;
        margin: 0 !important;
        gap: 7px !important;
        border-radius: 3px !important;
        border: 1px solid transparent !important;
        background: #ffffff !important;
        background-image: none !important;
        color: #111827 !important;
        -webkit-text-fill-color: #111827 !important;
        box-shadow: none !important;
        text-decoration: none !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-main span,
    #emara360-admin-topnav .emara360-admin-topnav-card-main small,
    #emara360-admin-topnav .emara360-admin-topnav-card-main i,
    #emara360-admin-topnav .emara360-admin-topnav-card-title,
    #emara360-admin-topnav .emara360-admin-topnav-child span,
    #emara360-admin-topnav .emara360-admin-topnav-child small,
    #emara360-admin-topnav .emara360-admin-topnav-child i,
    #emara360-admin-topnav .emara360-admin-topnav-child-title {
        display: inline-flex !important;
        align-items: center !important;
        color: #111827 !important;
        -webkit-text-fill-color: #111827 !important;
        opacity: 1 !important;
        visibility: visible !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;
        max-width: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        flex: 0 0 18px !important;
        margin: 0 4px 0 0 !important;
        border-radius: 3px !important;
        background: transparent !important;
        background-image: none !important;
        color: #374151 !important;
        -webkit-text-fill-color: #374151 !important;
        box-shadow: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-icon i,
    #emara360-admin-topnav .emara360-admin-topnav-child i {
        width: 16px !important;
        min-width: 16px !important;
        margin-right: 4px !important;
        text-align: center !important;
        color: #374151 !important;
        -webkit-text-fill-color: #374151 !important;
        font-size: 13px !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-flyout-caret,
    #emara360-admin-topnav .emara360-admin-topnav-flyout-caret i {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 14px !important;
        min-width: 14px !important;
        height: 14px !important;
        margin-left: auto !important;
        background: transparent !important;
        color: #374151 !important;
        -webkit-text-fill-color: #374151 !important;
        font-size: 11px !important;
        box-shadow: none !important;
        transform: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-main:hover,
    #emara360-admin-topnav .emara360-admin-topnav-card-main:focus,
    #emara360-admin-topnav .emara360-admin-topnav-card:hover > .emara360-admin-topnav-card-main,
    #emara360-admin-topnav .emara360-admin-topnav-card:focus-within > .emara360-admin-topnav-card-main,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:hover > .emara360-admin-topnav-card-main,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:focus-within > .emara360-admin-topnav-card-main,
    #emara360-admin-topnav .emara360-admin-topnav-child:hover,
    #emara360-admin-topnav .emara360-admin-topnav-child:focus {
        background: #e5f3ff !important;
        background-image: none !important;
        color: #111827 !important;
        -webkit-text-fill-color: #111827 !important;
        border-color: #b8d8f6 !important;
        box-shadow: none !important;
        text-decoration: none !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-main:hover *,
    #emara360-admin-topnav .emara360-admin-topnav-card:hover > .emara360-admin-topnav-card-main *,
    #emara360-admin-topnav .emara360-admin-topnav-card-has-children:hover > .emara360-admin-topnav-card-main *,
    #emara360-admin-topnav .emara360-admin-topnav-child:hover *,
    #emara360-admin-topnav .emara360-admin-topnav-child:focus * {
        color: #111827 !important;
        -webkit-text-fill-color: #111827 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children > .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel {
        top: -5px !important;
        left: 100% !important;
        width: 285px !important;
        min-width: 285px !important;
        max-width: 285px !important;
        height: auto !important;
        max-height: none !important;
        padding: 5px !important;
        margin: 0 !important;
        border-radius: 5px !important;
        border: 1px solid #cfd8e3 !important;
        background: #ffffff !important;
        background-image: none !important;
        box-shadow: 0 10px 24px rgba(15, 43, 79, .15) !important;
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
    }

    #emara360-admin-topnav .emara360-admin-topnav-card-has-children.emara360-flyout-left > .emara360-admin-topnav-card-children.emara360-admin-topnav-flyout-panel {
        left: auto !important;
        right: 100% !important;
    }
}
/* EMARA360_WINDOWS_EXPLORER_TEXT_VISIBLE_V5_END */

/* PROPLIX_PORTAL_SECOND_HEADER_CORPORATE_POLISH_V1_START */
/*
   Strict scope:
   - Second grouped admin header only: #emara360-admin-topnav
   - CSS-only professional/corporate polish
   - No PHP, JS, DB, controller, route, top header, logo, search, login, customer portal, or module changes
*/

body:not(.customers):not(.login_admin):not(.authentication) {
    --proplix-second-nav-bg-a: #082b4e;
    --proplix-second-nav-bg-b: #0b4f86;
    --proplix-second-nav-ink: #ffffff;
    --proplix-second-nav-muted: rgba(255,255,255,.72);
    --proplix-second-nav-line: rgba(255,255,255,.14);
    --proplix-second-nav-pill: rgba(255,255,255,.095);
    --proplix-second-nav-pill-border: rgba(255,255,255,.145);
    --proplix-second-nav-hover-ink: #0b2f55;
    --proplix-second-nav-gold: #d7a22f;
}

body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav.emara360-admin-topnav {
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,0)),
        linear-gradient(120deg, var(--proplix-second-nav-bg-a) 0%, #0a3f73 46%, var(--proplix-second-nav-bg-b) 100%) !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
    border-bottom: 1px solid rgba(5,21,39,.38) !important;
    box-shadow: 0 12px 26px rgba(2,8,23,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
    min-height: var(--emara360-fixed-menu-height, 44px) !important;
}

body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav:before {
    left: 18px !important;
    right: 18px !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent) !important;
    opacity: .75 !important;
}

body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-inner {
    min-height: var(--emara360-fixed-menu-height, 44px) !important;
    height: var(--emara360-fixed-menu-height, 44px) !important;
    padding: 5px 18px !important;
    gap: 10px !important;
    align-items: center !important;
}

body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-groups {
    gap: 8px !important;
    padding: 0 !important;
    align-items: center !important;
}

body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-control-panel-link,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group-link {
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.125), rgba(255,255,255,.075)) !important;
    border: 1px solid var(--proplix-second-nav-pill-border) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 5px 14px rgba(2,8,23,.10) !important;
    color: var(--proplix-second-nav-ink) !important;
    text-shadow: none !important;
    transform: none !important;
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, color .16s ease, transform .16s ease !important;
}

body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group-link {
    padding: 0 12px 0 8px !important;
    gap: 8px !important;
}

body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-control-panel-link {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    padding: 0 !important;
}

body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-control-panel-icon,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group-icon {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.13) !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12) !important;
    color: #ffffff !important;
}

body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-control-panel-icon i,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group-icon i {
    font-size: 13px !important;
    line-height: 1 !important;
    color: #ffffff !important;
}

body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group-label {
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 760 !important;
    letter-spacing: -.018em !important;
    line-height: 1 !important;
    max-width: 176px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-shadow: none !important;
}

body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-caret {
    color: var(--proplix-second-nav-muted) !important;
    font-size: 11px !important;
    margin-left: 1px !important;
    opacity: .9 !important;
}

body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group-count {
    display: none !important;
}

body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-control-panel-link:hover,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-control-panel-link:focus,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group-link:hover,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group-link:focus,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group.open > .emara360-admin-topnav-group-link,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group.emara360-hover-open > .emara360-admin-topnav-group-link {
    background: #ffffff !important;
    border-color: rgba(255,255,255,.90) !important;
    color: var(--proplix-second-nav-hover-ink) !important;
    box-shadow: 0 9px 22px rgba(2,8,23,.18), inset 0 1px 0 rgba(255,255,255,.75) !important;
    transform: translateY(-1px) !important;
}

body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-control-panel-link:hover .emara360-control-panel-icon,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-control-panel-link:focus .emara360-control-panel-icon,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group-link:hover .emara360-admin-topnav-group-icon,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group-link:focus .emara360-admin-topnav-group-icon,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group.open > .emara360-admin-topnav-group-link .emara360-admin-topnav-group-icon,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group.emara360-hover-open > .emara360-admin-topnav-group-link .emara360-admin-topnav-group-icon {
    background: rgba(11,47,85,.08) !important;
    border-color: rgba(11,47,85,.12) !important;
    color: var(--proplix-second-nav-hover-ink) !important;
}

body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-control-panel-link:hover i,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-control-panel-link:focus i,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group-link:hover i,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group-link:focus i,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group.open > .emara360-admin-topnav-group-link i,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group.emara360-hover-open > .emara360-admin-topnav-group-link i,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group-link:hover .emara360-admin-topnav-group-label,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group-link:focus .emara360-admin-topnav-group-label,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group.open > .emara360-admin-topnav-group-link .emara360-admin-topnav-group-label,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group.emara360-hover-open > .emara360-admin-topnav-group-link .emara360-admin-topnav-group-label,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group-link:hover .emara360-admin-topnav-caret,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group-link:focus .emara360-admin-topnav-caret,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group.open > .emara360-admin-topnav-group-link .emara360-admin-topnav-caret,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group.emara360-hover-open > .emara360-admin-topnav-group-link .emara360-admin-topnav-caret {
    color: var(--proplix-second-nav-hover-ink) !important;
    opacity: 1 !important;
}

body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-setup > .emara360-admin-topnav-group-link {
    border-color: rgba(215,162,47,.30) !important;
}

body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-setup > .emara360-admin-topnav-group-link .emara360-admin-topnav-group-icon {
    background: linear-gradient(135deg, rgba(215,162,47,.34), rgba(255,255,255,.10)) !important;
    border-color: rgba(215,162,47,.28) !important;
}

body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-mega {
    margin-top: 9px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(15,45,82,.13) !important;
    box-shadow: 0 22px 55px rgba(2,8,23,.22) !important;
}

@media (max-width: 1380px) {
    body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-inner {
        padding-left: 12px !important;
        padding-right: 12px !important;
        gap: 7px !important;
    }

    body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-groups {
        gap: 6px !important;
    }

    body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group-link {
        padding-left: 7px !important;
        padding-right: 10px !important;
        gap: 6px !important;
    }

    body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group-label {
        font-size: 11.5px !important;
        max-width: 150px !important;
    }
}
/* PROPLIX_PORTAL_SECOND_HEADER_CORPORATE_POLISH_V1_END */

/* PROPLIX_PORTAL_ADMIN_TYPOGRAPHY_UNBOLD_V1_START */
/*
   Strict scope:
   - Portal admin visual typography only
   - Reduces over-bold text in custom header, quick actions, and new dashboard cards
   - Does not touch PHP, menus, widgets, module logic, routes, database, or tenant data
*/

body:not(.customers):not(.login_admin):not(.authentication) {
    font-weight: 400 !important;
}

/* Top admin header / second navigation: keep readable, less heavy */
body:not(.customers):not(.login_admin):not(.authentication) #header,
body:not(.customers):not(.login_admin):not(.authentication) #header *,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav * {
    text-rendering: geometricPrecision;
}

body:not(.customers):not(.login_admin):not(.authentication) #header a,
body:not(.customers):not(.login_admin):not(.authentication) #header .dropdown-toggle,
body:not(.customers):not(.login_admin):not(.authentication) #header .navbar-nav > li > a,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group-label,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-control-panel-link,
body:not(.customers):not(.login_admin):not(.authentication) #emara360-admin-topnav .emara360-admin-topnav-group-link {
    font-weight: 560 !important;
    letter-spacing: -0.012em !important;
}

/* Quick actions bar */
body:not(.customers):not(.login_admin):not(.authentication) .e360-quick-actions,
body:not(.customers):not(.login_admin):not(.authentication) .e360-quick-actions *,
body:not(.customers):not(.login_admin):not(.authentication) .quick-actions,
body:not(.customers):not(.login_admin):not(.authentication) .quick-actions *,
body:not(.customers):not(.login_admin):not(.authentication) [class*="quick-action"],
body:not(.customers):not(.login_admin):not(.authentication) [class*="quick-action"] * {
    font-weight: 480 !important;
}

body:not(.customers):not(.login_admin):not(.authentication) .e360-quick-actions strong,
body:not(.customers):not(.login_admin):not(.authentication) .quick-actions strong,
body:not(.customers):not(.login_admin):not(.authentication) [class*="quick-action"] strong {
    font-weight: 620 !important;
}

body:not(.customers):not(.login_admin):not(.authentication) .e360-quick-actions select,
body:not(.customers):not(.login_admin):not(.authentication) .quick-actions select,
body:not(.customers):not(.login_admin):not(.authentication) [class*="quick-action"] select {
    font-weight: 470 !important;
    letter-spacing: -0.01em !important;
}

/* New dashboard: corporate but not heavy */
body:not(.customers):not(.login_admin):not(.authentication) .e360-dashboard,
body:not(.customers):not(.login_admin):not(.authentication) .e360-dashboard *,
body:not(.customers):not(.login_admin):not(.authentication) .e360-native-module-grid,
body:not(.customers):not(.login_admin):not(.authentication) .e360-native-module-grid *,
body:not(.customers):not(.login_admin):not(.authentication) .native-dashboard,
body:not(.customers):not(.login_admin):not(.authentication) .native-dashboard *,
body:not(.customers):not(.login_admin):not(.authentication) .dashboard-wrapper,
body:not(.customers):not(.login_admin):not(.authentication) .dashboard-wrapper * {
    font-weight: 440 !important;
}

/* Preserve hierarchy without the harsh bold look */
body:not(.customers):not(.login_admin):not(.authentication) h1,
body:not(.customers):not(.login_admin):not(.authentication) h2,
body:not(.customers):not(.login_admin):not(.authentication) h3,
body:not(.customers):not(.login_admin):not(.authentication) h4,
body:not(.customers):not(.login_admin):not(.authentication) .e360-dashboard h1,
body:not(.customers):not(.login_admin):not(.authentication) .e360-dashboard h2,
body:not(.customers):not(.login_admin):not(.authentication) .e360-dashboard h3,
body:not(.customers):not(.login_admin):not(.authentication) .e360-dashboard h4,
body:not(.customers):not(.login_admin):not(.authentication) .dashboard-wrapper h1,
body:not(.customers):not(.login_admin):not(.authentication) .dashboard-wrapper h2,
body:not(.customers):not(.login_admin):not(.authentication) .dashboard-wrapper h3,
body:not(.customers):not(.login_admin):not(.authentication) .dashboard-wrapper h4 {
    font-weight: 650 !important;
    letter-spacing: -0.026em !important;
}

body:not(.customers):not(.login_admin):not(.authentication) .e360-dashboard strong,
body:not(.customers):not(.login_admin):not(.authentication) .e360-dashboard b,
body:not(.customers):not(.login_admin):not(.authentication) .dashboard-wrapper strong,
body:not(.customers):not(.login_admin):not(.authentication) .dashboard-wrapper b,
body:not(.customers):not(.login_admin):not(.authentication) .e360-native-module-grid strong,
body:not(.customers):not(.login_admin):not(.authentication) .e360-native-module-grid b {
    font-weight: 610 !important;
}

/* Small labels, counters, badges: clean professional medium weight */
body:not(.customers):not(.login_admin):not(.authentication) .label,
body:not(.customers):not(.login_admin):not(.authentication) .badge,
body:not(.customers):not(.login_admin):not(.authentication) .tag,
body:not(.customers):not(.login_admin):not(.authentication) .text-uppercase,
body:not(.customers):not(.login_admin):not(.authentication) [class*="label"],
body:not(.customers):not(.login_admin):not(.authentication) [class*="badge"],
body:not(.customers):not(.login_admin):not(.authentication) [class*="status"] {
    font-weight: 560 !important;
}

/* Buttons should stay confident but not chunky */
body:not(.customers):not(.login_admin):not(.authentication) .btn,
body:not(.customers):not(.login_admin):not(.authentication) button,
body:not(.customers):not(.login_admin):not(.authentication) .dropdown-menu a {
    font-weight: 520 !important;
    letter-spacing: -0.01em !important;
}

/* Dashboard metric numbers remain readable */
body:not(.customers):not(.login_admin):not(.authentication) .e360-dashboard .stat,
body:not(.customers):not(.login_admin):not(.authentication) .e360-dashboard .counter,
body:not(.customers):not(.login_admin):not(.authentication) .dashboard-wrapper .stat,
body:not(.customers):not(.login_admin):not(.authentication) .dashboard-wrapper .counter,
body:not(.customers):not(.login_admin):not(.authentication) [class*="count"],
body:not(.customers):not(.login_admin):not(.authentication) [class*="metric"] {
    font-weight: 620 !important;
}
/* PROPLIX_PORTAL_ADMIN_TYPOGRAPHY_UNBOLD_V1_END */

/* PROPLIX_PORTAL_MASTER_ADMIN_LOGO_TRANSPARENT_V1_START */
/*
   Strict scope:
   - Main /portal/admin top-left logo area only
   - Removes the white rounded logo tag/pill
   - Keeps uploaded logo on transparent blue header and renders it white
   - If image is missing/broken, shows a professional transparent Proplix fallback
*/

body:not(.customers):not(.login_admin):not(.authentication) #header #logo,
body:not(.customers):not(.login_admin):not(.authentication) #header #logo *,
body:not(.customers):not(.login_admin):not(.authentication) #header #logo a,
body:not(.customers):not(.login_admin):not(.authentication) #header #logo .logo,
body:not(.customers):not(.login_admin):not(.authentication) #header #logo .navbar-brand,
body:not(.customers):not(.login_admin):not(.authentication) #header #logo .navbar-brand.logo {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    border-radius: 0 !important;
}

body:not(.customers):not(.login_admin):not(.authentication) #header #logo {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 14px 0 18px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
}

body:not(.customers):not(.login_admin):not(.authentication) #header #logo a {
    width: auto !important;
    max-width: 188px !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-decoration: none !important;
    color: #ffffff !important;
}

body:not(.customers):not(.login_admin):not(.authentication) #header #logo:before,
body:not(.customers):not(.login_admin):not(.authentication) #header #logo:after,
body:not(.customers):not(.login_admin):not(.authentication) #header #logo a:before,
body:not(.customers):not(.login_admin):not(.authentication) #header #logo a:after {
    display: none !important;
    content: none !important;
}

body:not(.customers):not(.login_admin):not(.authentication) #header #logo img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 188px !important;
    max-height: 42px !important;
    object-fit: contain !important;
    object-position: left center !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    filter: brightness(0) invert(1) grayscale(1) contrast(1.22) !important;
    opacity: .98 !important;
}

/* JS-applied fallback when the actual logo image is broken or unavailable */
body:not(.customers):not(.login_admin):not(.authentication) #header #logo.proplix-master-admin-logo-fallback img {
    display: none !important;
}

body:not(.customers):not(.login_admin):not(.authentication) #header #logo.proplix-master-admin-logo-fallback a {
    gap: 9px !important;
}

body:not(.customers):not(.login_admin):not(.authentication) #header #logo.proplix-master-admin-logo-fallback a:before {
    display: inline-grid !important;
    content: "P" !important;
    width: 31px !important;
    height: 31px !important;
    min-width: 31px !important;
    place-items: center !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.15) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

body:not(.customers):not(.login_admin):not(.authentication) #header #logo.proplix-master-admin-logo-fallback a:after {
    display: inline-block !important;
    content: "Proplix" !important;
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 650 !important;
    letter-spacing: -.04em !important;
    line-height: 1 !important;
}

@media (max-width: 1199px) {
    body:not(.customers):not(.login_admin):not(.authentication) #header #logo {
        width: 158px !important;
        min-width: 158px !important;
        max-width: 158px !important;
        padding-left: 12px !important;
    }

    body:not(.customers):not(.login_admin):not(.authentication) #header #logo img {
        max-width: 136px !important;
        max-height: 38px !important;
    }

    body:not(.customers):not(.login_admin):not(.authentication) #header #logo.proplix-master-admin-logo-fallback a:after {
        font-size: 19px !important;
    }
}
/* PROPLIX_PORTAL_MASTER_ADMIN_LOGO_TRANSPARENT_V1_END */