/* ========================================================================== 
   IBA 11.9.1 — Inventory mobile Logout normal-state visibility correction
   Scope:
   - Fixes the blank fourth Inventory mobile bottom-navigation slot.
   - Keeps Logout icon and label visible before hover, focus or tap.
   - Preserves the existing logout handler, confirmation and session clearing.
   ========================================================================== */

/*
   The main theme contains a very high-specificity Inventory sidebar rule that
   paints navigation text white. On mobile, the bottom bar is white, so Logout
   looked blank until its active/hover state changed the color. This override
   deliberately exceeds that selector and is independent of iba-mobile-ui so it
   also works in Chrome "Desktop site" routing while inventory-mode is active.
*/
body.inventory-mode
#workdesk-view#workdesk-view#workdesk-view#workdesk-view#workdesk-view#workdesk-view
#workdesk-nav.workdesk-navigation > ul > li.mobile-only-nav-item {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 56px !important;
    align-items: stretch !important;
    justify-content: center !important;
    pointer-events: auto !important;
}

body.inventory-mode
#workdesk-view#workdesk-view#workdesk-view#workdesk-view#workdesk-view#workdesk-view
#workdesk-nav.workdesk-navigation #mobile-nav-logout {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    padding: 5px 2px 4px !important;
    margin: 0 !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #b42318 !important;
    -webkit-text-fill-color: #b42318 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    transform: none !important;
    pointer-events: auto !important;
}

body.inventory-mode
#workdesk-view#workdesk-view#workdesk-view#workdesk-view#workdesk-view#workdesk-view
#workdesk-nav.workdesk-navigation #mobile-nav-logout :is(i, span),
body.inventory-mode
#workdesk-view#workdesk-view#workdesk-view#workdesk-view#workdesk-view#workdesk-view
#workdesk-nav.workdesk-navigation #mobile-nav-logout i::before {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #b42318 !important;
    -webkit-text-fill-color: #b42318 !important;
    text-shadow: none !important;
    filter: none !important;
}

body.inventory-mode
#workdesk-view#workdesk-view#workdesk-view#workdesk-view#workdesk-view#workdesk-view
#workdesk-nav.workdesk-navigation #mobile-nav-logout i {
    font-size: 18px !important;
    line-height: 1 !important;
    margin: 0 !important;
}

body.inventory-mode
#workdesk-view#workdesk-view#workdesk-view#workdesk-view#workdesk-view#workdesk-view
#workdesk-nav.workdesk-navigation #mobile-nav-logout:is(:hover, :focus, :focus-visible, :active) {
    background: #fff1f0 !important;
    color: #8f1d14 !important;
    -webkit-text-fill-color: #8f1d14 !important;
    outline: none !important;
}

body.inventory-mode
#workdesk-view#workdesk-view#workdesk-view#workdesk-view#workdesk-view#workdesk-view
#workdesk-nav.workdesk-navigation #mobile-nav-logout:is(:hover, :focus, :focus-visible, :active) :is(i, span),
body.inventory-mode
#workdesk-view#workdesk-view#workdesk-view#workdesk-view#workdesk-view#workdesk-view
#workdesk-nav.workdesk-navigation #mobile-nav-logout:is(:hover, :focus, :focus-visible, :active) i::before {
    color: #8f1d14 !important;
    -webkit-text-fill-color: #8f1d14 !important;
}