/* Global Styles from Layout */
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
.glass-nav {
    background: rgba(13, 37, 67, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.main-content {
    flex: 1 0 auto;
    padding-bottom: 80px;
}

/* Tree View Specific Styles */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.tree-line-vertical { width: 2px; background-color: #22505C; }
.tree-line-horizontal { height: 2px; background-color: #22505C; }
.bg-grid-custom { background-size: 40px 40px; background-image: linear-gradient(to right, #22505C 1px, transparent 1px), linear-gradient(to bottom, #22505C 1px, transparent 1px); }
#user-details-sheet { transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); transform: translateY(110%); visibility: hidden; opacity: 0; z-index: 100; }
#user-details-sheet.active { transform: translateY(0); visibility: visible; opacity: 1; }
.node-active { box-shadow: 0 0 20px rgba(56, 189, 248, 0.6) !important; border-color: #38bdf8 !important; transform: scale(1.1); }