/* ===================================================================
   SIDEBAR TOOLTIP — Collapsed-only navigation tooltips
   
   Add this to sidebar.css (or as a separate sidebar-tooltip.css).
   
   ALSO: Remove the old CSS ::after tooltip block from sidebar.css.
   Delete these rules:
   
     .layout-app.sidebar-collapsed .sidebar .nav-item::after { ... }
     .layout-app.sidebar-collapsed .sidebar .nav-item:hover::after { ... }
   
   =================================================================== */

/* Tooltip element (appended to body by sidebar-tooltip.js) */
.sidebar-tip {
    position: fixed;
    z-index: 1000;
    padding: 6px 12px;
    background: #1e293b;
    color: #f8fafc;
    font-size: 0.8125rem;
    font-weight: 500;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    border-radius: 6px;
    white-space: nowrap;
    pointer-events: none;
    transform: translateY(-50%) translateX(-4px);
    opacity: 0;
    transition: opacity 0.15s ease, transform 0.15s ease;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.25);
}

/* Visible state */
.sidebar-tip-visible {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
}

/* Hide on mobile (sidebar is a drawer, not collapsed) */
@media (max-width: 768px) {
    .sidebar-tip {
        display: none !important;
    }
}