/* AlAmin Brand Force Override - Maximum Specificity */
/* This file uses the highest possible CSS specificity to ensure AlAmin branding applies */

/* Ultra-high specificity selectors for AdminLTE override */
html body.hold-transition.sidebar-mini div.wrapper header.main-header,
html body.hold-transition.sidebar-mini div.wrapper header.main-header.main-header,
body.hold-transition.sidebar-mini .wrapper .main-header.main-header.main-header {
    background: linear-gradient(135deg, #005078 0%, #9F7AEA 100%) !important;
    border-bottom: none !important;
    box-shadow: 0 2px 10px rgba(46, 127, 230, 0.2) !important;
}

html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar,
html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar.navbar,
body.hold-transition.sidebar-mini .wrapper .main-header .navbar.navbar.navbar {
    background: transparent !important;
    border: none !important;
}

html body.hold-transition.sidebar-mini div.wrapper header.main-header a.logo,
html body.hold-transition.sidebar-mini div.wrapper header.main-header a.logo.logo,
body.hold-transition.sidebar-mini .wrapper .main-header .logo.logo.logo {
    background: rgba(255, 255, 255, 0.1) !important;
    color: white !important;
    border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-left: none !important;
}

html body.hold-transition.sidebar-mini div.wrapper header.main-header a.logo:hover,
html body.hold-transition.sidebar-mini div.wrapper header.main-header a.logo.logo:hover,
body.hold-transition.sidebar-mini .wrapper .main-header .logo.logo.logo:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    color: white !important;
}

html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar a.sidebar-toggle,
html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar a.sidebar-toggle.sidebar-toggle,
body.hold-transition.sidebar-mini .wrapper .main-header .navbar .sidebar-toggle.sidebar-toggle.sidebar-toggle {
    color: white !important;
    background: transparent !important;
}

html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar a.sidebar-toggle:hover,
html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar a.sidebar-toggle.sidebar-toggle:hover,
body.hold-transition.sidebar-mini .wrapper .main-header .navbar .sidebar-toggle.sidebar-toggle.sidebar-toggle:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: white !important;
}

/* Sidebar with ultra-high specificity */
html body.hold-transition.sidebar-mini div.wrapper aside.main-sidebar,
html body.hold-transition.sidebar-mini div.wrapper aside.main-sidebar.main-sidebar,
body.hold-transition.sidebar-mini .wrapper .main-sidebar.main-sidebar.main-sidebar {
    background: #ffffff !important;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1) !important;
}

html body.hold-transition.sidebar-mini div.wrapper aside.main-sidebar section.sidebar,
html body.hold-transition.sidebar-mini div.wrapper aside.main-sidebar section.sidebar.sidebar,
body.hold-transition.sidebar-mini .wrapper .main-sidebar .sidebar.sidebar.sidebar {
    padding-top: 1rem !important;
    background: #ffffff !important;
}

html body.hold-transition.sidebar-mini div.wrapper aside.main-sidebar section.sidebar ul.sidebar-menu > li > a,
html body.hold-transition.sidebar-mini div.wrapper aside.main-sidebar section.sidebar ul.sidebar-menu.sidebar-menu > li > a,
body.hold-transition.sidebar-mini .wrapper .main-sidebar .sidebar .sidebar-menu.sidebar-menu.sidebar-menu > li > a {
    color: #495057 !important;
    border-radius: 8px !important;
    margin: 0 0.5rem !important;
    transition: all 0.3s ease !important;
    background: transparent !important;
}

html body.hold-transition.sidebar-mini div.wrapper aside.main-sidebar section.sidebar ul.sidebar-menu > li > a:hover,
html body.hold-transition.sidebar-mini div.wrapper aside.main-sidebar section.sidebar ul.sidebar-menu > li.active > a,
html body.hold-transition.sidebar-mini div.wrapper aside.main-sidebar section.sidebar ul.sidebar-menu.sidebar-menu > li > a:hover,
html body.hold-transition.sidebar-mini div.wrapper aside.main-sidebar section.sidebar ul.sidebar-menu.sidebar-menu > li.active > a,
body.hold-transition.sidebar-mini .wrapper .main-sidebar .sidebar .sidebar-menu.sidebar-menu.sidebar-menu > li > a:hover,
body.hold-transition.sidebar-mini .wrapper .main-sidebar .sidebar .sidebar-menu.sidebar-menu.sidebar-menu > li.active > a {
    background: #005078 !important;
    color: white !important;
}

html body.hold-transition.sidebar-mini div.wrapper aside.main-sidebar section.sidebar ul.sidebar-menu > li > a > .fa,
html body.hold-transition.sidebar-mini div.wrapper aside.main-sidebar section.sidebar ul.sidebar-menu.sidebar-menu > li > a > .fa,
body.hold-transition.sidebar-mini .wrapper .main-sidebar .sidebar .sidebar-menu.sidebar-menu.sidebar-menu > li > a > .fa {
    color: #005078 !important;
}

html body.hold-transition.sidebar-mini div.wrapper aside.main-sidebar section.sidebar ul.sidebar-menu > li > a:hover > .fa,
html body.hold-transition.sidebar-mini div.wrapper aside.main-sidebar section.sidebar ul.sidebar-menu > li.active > a > .fa,
html body.hold-transition.sidebar-mini div.wrapper aside.main-sidebar section.sidebar ul.sidebar-menu.sidebar-menu > li > a:hover > .fa,
html body.hold-transition.sidebar-mini div.wrapper aside.main-sidebar section.sidebar ul.sidebar-menu.sidebar-menu > li.active > a > .fa,
body.hold-transition.sidebar-mini .wrapper .main-sidebar .sidebar .sidebar-menu.sidebar-menu.sidebar-menu > li > a:hover > .fa,
body.hold-transition.sidebar-mini .wrapper .main-sidebar .sidebar .sidebar-menu.sidebar-menu.sidebar-menu > li.active > a > .fa {
    color: white !important;
}

/* User menu with ultra-high specificity */
html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar div.navbar-custom-menu ul.nav li.user-menu > a.dropdown-toggle,
html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar div.navbar-custom-menu.navbar-custom-menu ul.nav li.user-menu > a.dropdown-toggle,
body.hold-transition.sidebar-mini .wrapper .main-header .navbar .navbar-custom-menu.navbar-custom-menu.navbar-custom-menu .user-menu > .dropdown-toggle {
    color: white !important;
}

html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar div.navbar-custom-menu ul.nav li.user-menu > a.dropdown-toggle:hover,
html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar div.navbar-custom-menu.navbar-custom-menu ul.nav li.user-menu > a.dropdown-toggle:hover,
body.hold-transition.sidebar-mini .wrapper .main-header .navbar .navbar-custom-menu.navbar-custom-menu.navbar-custom-menu .user-menu > .dropdown-toggle:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar div.navbar-custom-menu ul.nav li.user-menu img.user-image,
html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar div.navbar-custom-menu.navbar-custom-menu ul.nav li.user-menu img.user-image,
body.hold-transition.sidebar-mini .wrapper .main-header .navbar .navbar-custom-menu.navbar-custom-menu.navbar-custom-menu .user-menu .user-image {
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
}

html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar div.navbar-custom-menu ul.nav li.user-menu ul.dropdown-menu li.user-header,
html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar div.navbar-custom-menu.navbar-custom-menu ul.nav li.user-menu ul.dropdown-menu li.user-header,
body.hold-transition.sidebar-mini .wrapper .main-header .navbar .navbar-custom-menu.navbar-custom-menu.navbar-custom-menu .user-menu .dropdown-menu .user-header {
    background: linear-gradient(135deg, #005078 0%, #9F7AEA 100%) !important;
}

/* Content wrapper */
html body.hold-transition.sidebar-mini div.wrapper div.content-wrapper,
html body.hold-transition.sidebar-mini div.wrapper div.content-wrapper.content-wrapper,
body.hold-transition.sidebar-mini .wrapper .content-wrapper.content-wrapper.content-wrapper {
    background: #f8f9fa !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Admin Dashboard Full Width */
html body.hold-transition.sidebar-mini div.wrapper div.content-wrapper .admin-dashboard,
html body.hold-transition.sidebar-mini div.wrapper div.content-wrapper .admin-dashboard.admin-dashboard,
body.hold-transition.sidebar-mini .wrapper .content-wrapper .admin-dashboard.admin-dashboard.admin-dashboard {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Content Section Full Width */
html body.hold-transition.sidebar-mini div.wrapper div.content-wrapper section.content,
html body.hold-transition.sidebar-mini div.wrapper div.content-wrapper section.content.content,
body.hold-transition.sidebar-mini .wrapper .content-wrapper .content.content.content {
    padding: 15px !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Content Row Full Width */
html body.hold-transition.sidebar-mini div.wrapper div.content-wrapper section.content div.row,
html body.hold-transition.sidebar-mini div.wrapper div.content-wrapper section.content div.row.row,
body.hold-transition.sidebar-mini .wrapper .content-wrapper .content .row.row.row {
    margin: 0 !important;
    width: 100% !important;
}

/* Content Column Full Width */
html body.hold-transition.sidebar-mini div.wrapper div.content-wrapper section.content div.row div.col-xs-12,
html body.hold-transition.sidebar-mini div.wrapper div.content-wrapper section.content div.row div.col-xs-12.col-xs-12,
body.hold-transition.sidebar-mini .wrapper .content-wrapper .content .row .col-xs-12.col-xs-12.col-xs-12 {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* User Image Positioning */
html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar div.navbar-custom-menu ul.nav li.user-menu img.user-image,
html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar div.navbar-custom-menu ul.nav li.user-menu img.user-image.user-image,
body.hold-transition.sidebar-mini .wrapper .main-header .navbar .navbar-custom-menu .user-menu .user-image.user-image.user-image {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    margin-right: 8px !important;
}

/* Header Layout Optimization */
html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar div.navbar-custom-menu,
html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar div.navbar-custom-menu.navbar-custom-menu,
body.hold-transition.sidebar-mini .wrapper .main-header .navbar .navbar-custom-menu.navbar-custom-menu.navbar-custom-menu {
    float: left !important;
    margin-left: 15px !important;
}

/* User Menu Dropdown */
html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar div.navbar-custom-menu ul.nav li.user-menu > a.dropdown-toggle,
html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar div.navbar-custom-menu ul.nav li.user-menu > a.dropdown-toggle.dropdown-toggle,
body.hold-transition.sidebar-mini .wrapper .main-header .navbar .navbar-custom-menu .user-menu > .dropdown-toggle.dropdown-toggle.dropdown-toggle {
    color: white !important;
    padding: 15px 10px !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 25px !important;
    transition: all 0.3s ease !important;
}

/* User Menu Text */
html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar div.navbar-custom-menu ul.nav li.user-menu > a.dropdown-toggle .hidden-xs,
html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar div.navbar-custom-menu ul.nav li.user-menu > a.dropdown-toggle .hidden-xs.hidden-xs,
body.hold-transition.sidebar-mini .wrapper .main-header .navbar .navbar-custom-menu .user-menu > .dropdown-toggle .hidden-xs.hidden-xs.hidden-xs {
    margin-left: 8px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}

/* Sidebar Logo Alignment */
html body.hold-transition.sidebar-mini div.wrapper header.main-header a.logo,
html body.hold-transition.sidebar-mini div.wrapper header.main-header a.logo.logo,
body.hold-transition.sidebar-mini .wrapper .main-header .logo.logo.logo {
    background: rgba(255, 255, 255, 0.1) !important;
    color: white !important;
    border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-left: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 15px !important;
}

/* Sidebar Toggle Button */
html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar a.sidebar-toggle,
html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar a.sidebar-toggle.sidebar-toggle,
body.hold-transition.sidebar-mini .wrapper .main-header .navbar .sidebar-toggle.sidebar-toggle.sidebar-toggle {
    color: white !important;
    background: transparent !important;
    padding: 15px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

/* Sidebar Menu Items Better Spacing */
html body.hold-transition.sidebar-mini div.wrapper aside.main-sidebar section.sidebar ul.sidebar-menu > li > a,
html body.hold-transition.sidebar-mini div.wrapper aside.main-sidebar section.sidebar ul.sidebar-menu.sidebar-menu > li > a,
body.hold-transition.sidebar-mini .wrapper .main-sidebar .sidebar .sidebar-menu.sidebar-menu.sidebar-menu > li > a {
    color: #495057 !important;
    border-radius: 8px !important;
    margin: 2px 8px !important;
    padding: 12px 16px !important;
    transition: all 0.3s ease !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
}

/* Sidebar Menu Icons Better Spacing */
html body.hold-transition.sidebar-mini div.wrapper aside.main-sidebar section.sidebar ul.sidebar-menu > li > a > .fa,
html body.hold-transition.sidebar-mini div.wrapper aside.main-sidebar section.sidebar ul.sidebar-menu.sidebar-menu > li > a > .fa,
body.hold-transition.sidebar-mini .wrapper .main-sidebar .sidebar .sidebar-menu.sidebar-menu.sidebar-menu > li > a > .fa {
    color: #005078 !important;
    margin-left: 10px !important;
    width: 20px !important;
    text-align: center !important;
}

/* Dashboard Header Full Width */
html body.hold-transition.sidebar-mini div.wrapper div.content-wrapper .admin-dashboard .dashboard-header,
html body.hold-transition.sidebar-mini div.wrapper div.content-wrapper .admin-dashboard .dashboard-header.dashboard-header,
body.hold-transition.sidebar-mini .wrapper .content-wrapper .admin-dashboard .dashboard-header.dashboard-header.dashboard-header {
    margin: 0 -15px 20px -15px !important;
    border-radius: 0 !important;
    padding: 30px 30px !important;
}

/* CRITICAL FIXES: Remove sidebar bullet points */
html body.hold-transition.sidebar-mini div.wrapper aside.main-sidebar section.sidebar ul.sidebar-menu,
html body.hold-transition.sidebar-mini div.wrapper aside.main-sidebar section.sidebar ul.sidebar-menu > li,
body.hold-transition.sidebar-mini .wrapper .main-sidebar .sidebar .sidebar-menu.sidebar-menu.sidebar-menu,
body.hold-transition.sidebar-mini .wrapper .main-sidebar .sidebar .sidebar-menu.sidebar-menu.sidebar-menu > li {
    list-style: none !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.hold-transition.sidebar-mini div.wrapper aside.main-sidebar section.sidebar ul.sidebar-menu > li::before,
body.hold-transition.sidebar-mini .wrapper .main-sidebar .sidebar .sidebar-menu.sidebar-menu.sidebar-menu > li::before {
    content: none !important;
    display: none !important;
}

/* CRITICAL FIXES: Proper layout positioning */
html body.hold-transition.sidebar-mini div.wrapper div.content-wrapper,
html body.hold-transition.sidebar-mini div.wrapper div.content-wrapper.content-wrapper,
body.hold-transition.sidebar-mini .wrapper .content-wrapper.content-wrapper.content-wrapper {
    background: #f8f9fa !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-left: 250px !important;
    margin-right: 0 !important;
}

/* CRITICAL FIXES: Fixed sidebar positioning */
html body.hold-transition.sidebar-mini div.wrapper aside.main-sidebar,
html body.hold-transition.sidebar-mini div.wrapper aside.main-sidebar.main-sidebar,
body.hold-transition.sidebar-mini .wrapper .main-sidebar.main-sidebar.main-sidebar {
    background: #ffffff !important;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1) !important;
    position: fixed !important;
    top: 50px !important;
    left: 0 !important;
    width: 250px !important;
    height: calc(100vh - 50px) !important;
    z-index: 1000 !important;
}

/* CRITICAL FIXES: Fixed header positioning */
html body.hold-transition.sidebar-mini div.wrapper header.main-header,
html body.hold-transition.sidebar-mini div.wrapper header.main-header.main-header,
body.hold-transition.sidebar-mini .wrapper .main-header.main-header.main-header {
    background: linear-gradient(135deg, #005078 0%, #9F7AEA 100%) !important;
    border-bottom: none !important;
    box-shadow: 0 2px 10px rgba(46, 127, 230, 0.2) !important;
    height: 50px !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1001 !important;
}

/* CRITICAL FIXES: Body margin for fixed header */
html body.hold-transition.sidebar-mini,
html body.hold-transition.sidebar-mini.sidebar-mini,
body.hold-transition.sidebar-mini.sidebar-mini.sidebar-mini {
    margin-top: 50px !important;
}

/* CRITICAL FIXES: Professional header user menu */
html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar div.navbar-custom-menu,
html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar div.navbar-custom-menu.navbar-custom-menu,
body.hold-transition.sidebar-mini .wrapper .main-header .navbar .navbar-custom-menu.navbar-custom-menu.navbar-custom-menu {
    float: right !important;
    margin-right: 15px !important;
    margin-left: 0 !important;
}

/* CRITICAL FIXES: Logo positioning */
html body.hold-transition.sidebar-mini div.wrapper header.main-header a.logo,
html body.hold-transition.sidebar-mini div.wrapper header.main-header a.logo.logo,
body.hold-transition.sidebar-mini .wrapper .main-header .logo.logo.logo {
    background: rgba(255, 255, 255, 0.1) !important;
    color: white !important;
    border-right: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-left: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 15px !important;
    width: 250px !important;
    height: 50px !important;
    line-height: 50px !important;
    text-align: center !important;
    float: left !important;
}

/* CRITICAL FIXES: Navbar positioning */
html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar,
html body.hold-transition.sidebar-mini div.wrapper header.main-header nav.navbar.navbar,
body.hold-transition.sidebar-mini .wrapper .main-header .navbar.navbar.navbar {
    background: transparent !important;
    border: none !important;
    margin-left: 250px !important;
    padding: 0 !important;
}