/* Custom Unfold Styles for PHLIRT Admin */

/* ------------------------------------------------------------- */
/* SIDEBAR - PHLIRT Deep Burgundy #58080d                         */
/* ------------------------------------------------------------- */

/* Sidebar Container */
html:not(.dark) body #nav-sidebar,
html:not(.dark) body #nav-sidebar-inner,
html:not(.dark) body nav#nav-sidebar-inner,
html:not(.dark) body aside,
html:not(.dark) body [data-sidebar] {
    background-color: #58080d !important;
    background: #58080d !important;
    border-right-color: rgba(228, 225, 204, 0.12) !important;
}

/* All nested containers inside sidebar */
html:not(.dark) body nav#nav-sidebar-inner div:not(nav.absolute *),
html:not(.dark) body nav#nav-sidebar-inner section,
html:not(.dark) body nav#nav-sidebar-inner ul,
html:not(.dark) body nav#nav-sidebar-inner ol,
html:not(.dark) body nav#nav-sidebar-inner li {
    background-color: transparent !important;
}

/* Header area (Logo & Title) */
html:not(.dark) body nav#nav-sidebar-inner > div:first-child,
html:not(.dark) body nav#nav-sidebar-inner header {
    border-bottom: 1px solid rgba(228, 225, 204, 0.12) !important;
    background-color: transparent !important;
}

/* Group labels (e.g. "Партнёры", "Пользователи и группы") */
html:not(.dark) body nav#nav-sidebar-inner [class*="font-semibold"]:not(ol a *):not(nav.absolute *),
html:not(.dark) body nav#nav-sidebar-inner [class*="font-bold"]:not(ol a *):not(nav.absolute *),
html:not(.dark) body nav#nav-sidebar-inner h2,
html:not(.dark) body nav#nav-sidebar-inner h3 {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Inactive Navigation Items in Sidebar */
html:not(.dark) body nav#nav-sidebar-inner ol a:not(.active),
html:not(.dark) body nav#nav-sidebar-inner ol a:not(.active) span {
    background-color: transparent !important;
    color: #efe7da !important;
    font-weight: 400 !important;
}

/* Icons inside inactive links */
html:not(.dark) body nav#nav-sidebar-inner ol a:not(.active) svg,
html:not(.dark) body nav#nav-sidebar-inner ol a:not(.active) .material-symbols-outlined {
    color: #d1c5b4 !important;
}

/* Hover state for inactive links */
html:not(.dark) body nav#nav-sidebar-inner ol a:not(.active):hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
    border-radius: 6px !important;
}

html:not(.dark) body nav#nav-sidebar-inner ol a:not(.active):hover span,
html:not(.dark) body nav#nav-sidebar-inner ol a:not(.active):hover svg,
html:not(.dark) body nav#nav-sidebar-inner ol a:not(.active):hover .material-symbols-outlined {
    color: #ffffff !important;
}

/* Active/Selected link (e.g. "Выдачи товаров" when active) */
html:not(.dark) body nav#nav-sidebar-inner ol a.active,
html:not(.dark) body nav#nav-sidebar-inner ol a[aria-current="page"] {
    background-color: rgba(0, 0, 0, 0.25) !important;
    border-radius: 6px !important;
}

html:not(.dark) body nav#nav-sidebar-inner ol a.active span,
html:not(.dark) body nav#nav-sidebar-inner ol a[aria-current="page"] span {
    color: #e36e51 !important;
    font-weight: 700 !important;
}

html:not(.dark) body nav#nav-sidebar-inner ol a.active svg,
html:not(.dark) body nav#nav-sidebar-inner ol a.active .material-symbols-outlined {
    color: #e36e51 !important;
}

/* User section card at bottom ("admin") */
html:not(.dark) body nav#nav-sidebar-inner > div:last-child {
    border-top: 1px solid rgba(228, 225, 204, 0.12) !important;
    background-color: transparent !important;
}

html:not(.dark) body nav#nav-sidebar-inner > div:last-child > div.cursor-pointer {
    background-color: transparent !important;
    transition: background-color 0.15s ease !important;
}

html:not(.dark) body nav#nav-sidebar-inner > div:last-child > div.cursor-pointer * {
    color: #efe7da !important;
}

html:not(.dark) body nav#nav-sidebar-inner > div:last-child > div.cursor-pointer:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-radius: 6px !important;
}

html:not(.dark) body nav#nav-sidebar-inner > div:last-child > div.cursor-pointer:hover * {
    color: #ffffff !important;
}

/* Avatar icon badge */
html:not(.dark) body nav#nav-sidebar-inner > div:last-child > div.cursor-pointer div[class*="bg-"],
html:not(.dark) body nav#nav-sidebar-inner > div:last-child > div.cursor-pointer div[class*="rounded"] {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}

html:not(.dark) body nav#nav-sidebar-inner > div:last-child > div.cursor-pointer div[class*="bg-"] *,
html:not(.dark) body nav#nav-sidebar-inner > div:last-child > div.cursor-pointer div[class*="rounded"] * {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* ------------------------------------------------------------- */
/* Profile & Theme Switcher Dropdown Popover                      */
/* ------------------------------------------------------------- */
html:not(.dark) body nav#nav-sidebar-inner nav.absolute,
html:not(.dark) body nav#nav-sidebar-inner [x-show="openUserLinks"] {
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.2) !important;
}

html:not(.dark) body nav#nav-sidebar-inner nav.absolute *,
html:not(.dark) body nav#nav-sidebar-inner [x-show="openUserLinks"] * {
    color: #374151 !important;
}

html:not(.dark) body nav#nav-sidebar-inner nav.absolute a:hover,
html:not(.dark) body nav#nav-sidebar-inner nav.absolute button:hover,
html:not(.dark) body nav#nav-sidebar-inner [x-show="openUserLinks"] a:hover,
html:not(.dark) body nav#nav-sidebar-inner [x-show="openUserLinks"] button:hover {
    background-color: #f3f4f6 !important;
    color: #111827 !important;
}

html:not(.dark) body nav#nav-sidebar-inner nav.absolute a:hover *,
html:not(.dark) body nav#nav-sidebar-inner nav.absolute button:hover * {
    color: #111827 !important;
}

/* Active theme button in popup */
html:not(.dark) body nav#nav-sidebar-inner nav.absolute a[class*="text-primary"] *,
html:not(.dark) body nav#nav-sidebar-inner nav.absolute a.text-primary-600 * {
    color: #e36e51 !important;
    font-weight: 700 !important;
}