::-webkit-scrollbar { width: 4px; height: 4px; }
    ::-webkit-scrollbar-track { background: transparent; }
    ::-webkit-scrollbar-thumb { background: #27272a; border-radius: 2px; }
    
    .glass-effect {
        background: rgba(10, 10, 12, 0.7);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
    }
    .glass-panel {
        background: rgba(18, 18, 20, 0.6);
        backdrop-filter: blur(12px);
        border: 1px solid rgba(255, 255, 255, 0.08);
    }
    
    /* Custom Input Styles for Read-only/Active states */
    .field-label {
        color: #a1a1aa;
        font-size: 0.75rem; /* xs */
        font-weight: 500;
        margin-bottom: 0.5rem;
        display: block;
    }
    
    .field-value {
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid rgba(255, 255, 255, 0.08);
        color: #e2e8f0;
        font-size: 0.875rem; /* sm */
        padding: 0.625rem 0.875rem;
        border-radius: 0.5rem;
        width: 100%;
        display: flex;
        align-items: center;
        transition: border-color 0.2s;
    }
    
    .field-value:hover {
        border-color: rgba(255, 255, 255, 0.15);
    }

    .avatar-hover-trigger:hover .avatar-overlay {
        opacity: 1;
    }


    /* Dropdown Animation */
    .nav-item:hover .nav-dropdown {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }